@charset "UTF-8";
/*
	modular os estilos em arquivos separados e inclui-los usando @import
 */
.gray-darker {
  color: #222222; }

.gray-dark {
  color: #333333; }

.gray {
  color: #555555; }

.gray-light {
  color: #777777; }

.gray-lighter {
  color: #eeeeee; }

.brand-white {
  color: #fff; }

.brand-primary {
  color: #2d84b8; }

.brand-primary-light {
  color: #308bc2; }

.brand-success {
  color: #00a182; }

.brand-success-light {
  color: #00ae8c; }

.brand-info {
  color: #5bc0de; }

.brand-info-light {
  color: #66c4e0; }

.brand-warning {
  color: #f9ae31; }

.brand-warning-light {
  color: #f9b33d; }

.brand-danger {
  color: #c62760; }

.brand-danger-light {
  color: #d12965; }

.brand-cool {
  color: #8356AB; }

.brand-cool-light {
  color: #895faf; }

/*		========  tupi 2 colors =======     */
/*	--- JENIPAPO/BLACK --- */
/*	--- TABATINGA/WHITE --- */
/*	--- SKY/BLUE --- */
/*	--- SUN/YELLOW --- */
/*	--- TREE/GREEN --- */
/*	--- URUCUM/RED --- */
/*	--- MASSAPE/PURPLE --- */
a {
  color: #227fbc;
  text-decoration: none; }

a:hover,
a:focus {
  color: #62bbf5; }

a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

.text-primary,
.text-primary:hover {
  color: #2780e3; }

.text-success,
.text-success:hover {
  color: #00a185; }

.text-danger,
.text-danger:hover {
  color: #c62760; }

.text-warning,
.text-warning:hover {
  color: #f9ae31; }

.text-info,
.text-info:hover {
  color: #8356ab; }

table a:not(.btn),
.table a:not(.btn) {
  text-decoration: underline; }

table .dropdown-menu a,
.table .dropdown-menu a {
  text-decoration: none; }

table .success,
.table .success,
table .warning,
.table .warning,
table .danger,
.table .danger,
table .info,
.table .info {
  color: #fff; }

table .success a,
.table .success a,
table .warning a,
.table .warning a,
table .danger a,
.table .danger a,
table .info a,
.table .info a {
  color: #fff; }

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label,
.has-warning .form-control-feedback {
  color: #f9ad31; }

.has-warning .form-control,
.has-warning .form-control:focus,
.has-warning .input-group-addon {
  border: 1px solid #f9ad31; }

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label,
.has-error .form-control-feedback {
  color: #c62760; }

.has-error .form-control,
.has-error .form-control:focus,
.has-error .input-group-addon {
  border: 1px solid #c62760; }

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label,
.has-success .form-control-feedback {
  color: #00a185; }

.has-success .form-control,
.has-success .form-control:focus,
.has-success .input-group-addon {
  border: 1px solid #00a185; }

/******** CUSTOM SPINNER ********/
#nprogress .spinner-icon {
  border: none;
  background: url("https://static.atencaobasica.org.br/img/spinning.png");
  background-size: 100%;
  width: 30px;
  height: 30px; }

#loading .spinner-icon {
  display: inline-block;
  border: none;
  background: url("/theme/assets/img/cdp-circle-loading.png");
  background-size: 100%;
  width: 50px;
  height: 50px;
  margin: 10px 0;
  -webkit-animation: nprogress-spinner 400ms linear infinite;
  animation: nprogress-spinner 400ms linear infinite; }

@-webkit-keyframes nprogress-spinner {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }
@keyframes nprogress-spinner {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
.btn, .section-story .file-input-wrapper-2 {
  display: inline-block;
  margin-bottom: 0;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  padding: 6px 16px;
  background-image: none;
  white-space: nowrap;
  font-size: 15px;
  line-height: 1.428571429;
  border-radius: 3px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .btn:focus, .section-story .file-input-wrapper-2:focus, .btn:active:focus, .section-story .file-input-wrapper-2:active:focus, .btn.active:focus, .section-story .active.file-input-wrapper-2:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
  .btn:hover, .section-story .file-input-wrapper-2:hover, .btn:focus, .section-story .file-input-wrapper-2:focus {
    text-decoration: none; }
  .btn:active, .section-story .file-input-wrapper-2:active, .btn.active, .section-story .active.file-input-wrapper-2 {
    outline: 0;
    background-image: none; }
  .btn.disabled, .section-story .disabled.file-input-wrapper-2, .btn[disabled], .section-story [disabled].file-input-wrapper-2, fieldset[disabled] .btn, fieldset[disabled] .section-story .file-input-wrapper-2, .section-story fieldset[disabled] .file-input-wrapper-2 {
    cursor: not-allowed;
    pointer-events: none;
    opacity: .65; }

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

.btn-primary {
  color: #fff;
  background-color: #2d84b8; }
  .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #23678f; }
  .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
    background-image: none; }
  .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active {
    background-color: #2d84b8; }
  .btn-primary .badge {
    color: #fff;
    background-color: #2d84b8; }

.btn-success {
  color: #fff;
  background-color: #00a182; }
  .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #006e59; }
  .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
    background-image: none; }
  .btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active {
    background-color: #00a182; }
  .btn-success .badge {
    color: #fff;
    background-color: #00a182; }

.btn-warning {
  color: #fff;
  background-color: #f9ae31; }
  .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #f09907; }
  .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
    background-image: none; }
  .btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active {
    background-color: #f9ae31; }
  .btn-warning .badge {
    color: #fff;
    background-color: #f9ae31; }

.btn-danger {
  color: #fff;
  background-color: #c62760; }
  .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #9b1f4b; }
  .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
    background-image: none; }
  .btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active {
    background-color: #c62760; }
  .btn-danger .badge {
    color: #fff;
    background-color: #c62760; }

.btn-link {
  color: #3fa7df;
  font-weight: normal;
  cursor: pointer;
  border-radius: 0;
  padding: 0; }
  .btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
    background-color: transparent; }
  .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
    border-color: transparent; }
  .btn-link:hover, .btn-link:focus {
    color: #1e7fb4;
    text-decoration: underline;
    background-color: transparent; }
  .btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus {
    color: #777;
    text-decoration: none; }

.btn-search {
  color: #555;
  font-weight: normal;
  cursor: pointer;
  border-radius: 0;
  padding: 0; }
  .btn-search, .btn-search:active, .btn-search[disabled], fieldset[disabled] .btn-search {
    background-color: transparent; }
  .btn-search, .btn-search:hover, .btn-search:focus, .btn-search:active {
    border-color: transparent; }
  .btn-search:hover, .btn-search:focus {
    color: #222222;
    text-decoration: underline;
    background-color: transparent; }
  .btn-search[disabled]:hover, .btn-search[disabled]:focus, fieldset[disabled] .btn-search:hover, fieldset[disabled] .btn-search:focus {
    color: #222222;
    text-decoration: none; }

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

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

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

.btn-block {
  display: block;
  width: 100%; }

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

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

.close {
  font-weight: bold;
  line-height: 1;
  color: #727275; }
  .close:hover, .close:focus {
    color: #727275;
    text-decoration: none;
    cursor: pointer; }

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none; }

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 22px 0;
  border-radius: 3px; }
  .pagination > li {
    display: inline; }
    .pagination > li > .btn, .section-story .pagination > li > .file-input-wrapper-2 {
      padding: 5px 16px;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }
    .pagination > li > a,
    .pagination > li > span {
      position: relative;
      float: left;
      padding: 6px 12px;
      line-height: 1.428571429;
      text-decoration: none;
      color: #2d84b8;
      background-color: #fff;
      box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
      border-radius: 3px;
      margin-left: 6px;
      font-weight: bold; }
    .pagination > li:first-child > a,
    .pagination > li:first-child > span {
      margin-left: 0; }
  .pagination > li > a:hover, .pagination > li > a:focus,
  .pagination > li > span:hover,
  .pagination > li > span:focus {
    color: #fff;
    background-color: #2d84b8 !important;
    border-color: #ddd; }
  .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
  .pagination > .active > span,
  .pagination > .active > span:hover,
  .pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    background-color: #2d84b8 !important;
    border-color: #2d84b8;
    cursor: default; }
  .pagination > .disabled > span,
  .pagination > .disabled > span:hover,
  .pagination > .disabled > span:focus,
  .pagination > .disabled > a,
  .pagination > .disabled > a:hover,
  .pagination > .disabled > a:focus {
    color: #777;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed; }

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 16px; }
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px; }

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px; }
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px; }

.breadcrumb {
  font-size: 0.9em;
  color: #777;
  padding: 8px 15px;
  margin-bottom: 30px;
  margin-top: 10px;
  list-style: none;
  background-color: transparent;
  border-bottom: 1px solid #d0d0d0;
  opacity: 0.75;
  font-weight: bold; }
  .breadcrumb:hover {
    opacity: 1; }
  .breadcrumb > li {
    display: inline-block; }
    .breadcrumb > li + li:before {
      content: "/\00a0";
      padding: 0 5px;
      color: #8a8a8a; }
    .breadcrumb > li a {
      color: #8a8a8a; }
  .breadcrumb .breadcrumb-icon {
    margin: 3px 6px 0 0; }
  .breadcrumb > .active {
    color: #4493cc; }

.home-carousel {
  margin-bottom: 50px;
  z-index: 9;
  height: auto;
  clear: both; }
  @media (min-width: 1200px) {
    .home-carousel {
      position: relative;
      line-height: 308px; } }
  .home-carousel .carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center;
    line-height: initial; }
    @media screen and (min-width: 768px) {
      .home-carousel .carousel-indicators {
        bottom: 20px; } }
  .home-carousel .carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%; }
  .home-carousel .item {
    background-position: center;
    background-repeat: no-repeat !important;
    background-size: cover !important; }
    @media (max-width: 480px) {
      .home-carousel .item {
        height: 150px; } }
    @media (max-width: 767px) and (min-width: 481px) {
      .home-carousel .item {
        height: 255px; } }
    @media (max-width: 991px) and (min-width: 768px) {
      .home-carousel .item {
        height: 300px; } }
    @media (max-width: 1199px) and (min-width: 992px) {
      .home-carousel .item {
        height: 335px; } }
    @media (min-width: 1200px) {
      .home-carousel .item {
        height: 532px; } }
    @media (min-width: 1600px) {
      .home-carousel .item {
        height: 790px; } }
  .home-carousel .carousel-control.left,
  .home-carousel .carousel-control.right {
    padding-top: 120px; }
    @media (max-width: 480px) {
      .home-carousel .carousel-control.left,
      .home-carousel .carousel-control.right {
        padding-top: 50px; } }

.info-blocks .info-blocks-blog .main-title {
  margin-bottom: 44px; }
  .info-blocks .info-blocks-blog .main-title .title_text {
    font-size: 26px; }
    .info-blocks .info-blocks-blog .main-title .title_text a {
      color: #fcc12a; }
.info-blocks .info-blocks-blog img {
  max-width: 100%; }
.info-blocks .info-blocks-blog h4 {
  font-size: 20px;
  margin: 11px 0; }
.info-blocks .info-blocks-blog .blog-post-content {
  color: #626262;
  font-size: 15px; }
.info-blocks .info-blocks-helpcenter .main-title {
  margin-bottom: 44px; }
  .info-blocks .info-blocks-helpcenter .main-title .title_text {
    font-size: 26px; }
    .info-blocks .info-blocks-helpcenter .main-title .title_text a {
      color: #CE0A0B; }
.info-blocks .info-blocks-helpcenter img {
  max-width: 100%; }
.info-blocks .info-blocks-helpcenter .content ol {
  margin: 0;
  padding: 0; }
  .info-blocks .info-blocks-helpcenter .content ol li {
    display: block;
    list-style: none;
    font-size: 18px;
    margin: 20px 0; }
.info-blocks .info-blocks-helpcenter .content .btn-default {
  color: #fff;
  background: #CE0A0B;
  box-shadow: none;
  border-color: #CE0A0B;
  font-size: 15px;
  text-shadow: none; }

.sus-parceiros {
  background: #CE0A0B;
  margin: 20px 0 -20px 0; }
  .sus-parceiros h1.main-title {
    text-align: center;
    color: #fff; }
    .sus-parceiros h1.main-title .title_text .subtext {
      color: #fff; }
  .sus-parceiros .container {
    background: transparent;
    padding: 20px 0; }
    .sus-parceiros .container .row > div {
      text-align: center;
      margin: 20px 0; }

.susana-barra-container {
  position: relative;
  height: 90px; }

.susana-barra {
  background: #cc111a;
  position: absolute;
  color: #fff;
  left: 0;
  top: 0;
  right: 0;
  -webkit-animation: open 400ms ease-in;
  -moz-animation: open 400ms ease-in;
  -o-animation: open 400ms ease-in;
  animation: open 400ms ease-in; }
  .susana-barra:after {
    content: ' ';
    width: 100%;
    height: 7px;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    bottom: 0;
    left: 0; }
  .susana-barra .container {
    height: 90px;
    position: relative;
    background: transparent; }
  .susana-barra .susana-img-container {
    width: 129px;
    height: 113px;
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden; }
    .susana-barra .susana-img-container img {
      max-width: 100%;
      position: relative;
      -webkit-animation: opensusana 600ms ease-in;
      -moz-animation: opensusana 600ms ease-in;
      -o-animation: opensusana 600ms ease-in;
      animation: opensusana 600ms ease-in; }
  .susana-barra h4 {
    color: #fff;
    font-weight: bold;
    margin-left: 140px;
    margin-top: 30px;
    margin-right: 310px; }
    @media (max-width: 991px) {
      .susana-barra h4 {
        margin-top: 8px; } }
    @media (max-width: 738px) {
      .susana-barra h4 {
        font-weight: normal;
        font-size: 18px; } }
    @media (max-width: 655px) {
      .susana-barra h4 {
        font-size: 16px;
        display: none; } }
  .susana-barra .btn-close {
    border-radius: 50%;
    background: transparent;
    font-weight: bold;
    border: 3px solid #fff;
    padding: 7px;
    line-height: 0.6em;
    margin-top: 10px; }
    .susana-barra .btn-close:hover {
      color: #cc111a;
      background: #fff; }
  .susana-barra .btn-start-tuto {
    border: 2px solid #fff;
    color: #fff;
    background: transparent;
    font-weight: normal;
    font-size: 14px;
    position: absolute;
    right: 60px;
    top: 50%;
    padding: 13px 23px;
    margin-top: -25px; }
    .susana-barra .btn-start-tuto .small-screen {
      display: none; }
    @media (max-width: 655px) {
      .susana-barra .btn-start-tuto {
        padding: 10px 20px; }
        .susana-barra .btn-start-tuto .small-screen {
          display: block;
          line-height: 1em; }
        .susana-barra .btn-start-tuto .big-screen {
          display: none; } }
    .susana-barra .btn-start-tuto:hover {
      color: #cc111a;
      background: #fff; }

/* 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; } }
/* W3, Opera 12+, Firefox 16+ */
@keyframes open {
  0% {
    height: 0;
    opacity: 0;
    overflow: hidden; }
  100% {
    height: 100px;
    opacity: 1;
    overflow: auto; } }
/* W3, Opera 12+, Firefox 16+ */
@keyframes opensusana {
  0% {
    opacity: 0;
    top: 107px; }
  100% {
    opacity: 1;
    top: 0; } }
.boas-vindas {
  padding: 20px 0; }
  .boas-vindas > h1 {
    font-size: 32px; }
  .boas-vindas h1, .boas-vindas h2, .boas-vindas h3 {
    color: #000;
    font-weight: bold; }
  .boas-vindas .info-1 {
    margin-bottom: 60px;
    overflow: hidden; }
    .boas-vindas .info-1 img {
      display: block;
      margin: auto; }
    .boas-vindas .info-1 h1 {
      color: #C91427;
      font-size: 32px;
      margin-bottom: 20px;
      text-align: center; }
    .boas-vindas .info-1 p {
      text-align: center; }
    .boas-vindas .info-1 .links a {
      margin-right: 10px;
      text-decoration: underline; }
    @media (min-width: 768px) {
      .boas-vindas .info-1 img {
        float: left; }
      .boas-vindas .info-1 .content {
        margin-left: 180px; }
      .boas-vindas .info-1 h1, .boas-vindas .info-1 p {
        text-align: left; } }
  .boas-vindas .info-2 {
    text-align: center; }
    .boas-vindas .info-2 .inner {
      padding: 20px;
      background: #fff; }
    .boas-vindas .info-2 h1 {
      text-align: left;
      margin-bottom: 60px; }
    .boas-vindas .info-2 h2 {
      font-size: 18px;
      margin: 0;
      min-height: 110px; }
    .boas-vindas .info-2 p {
      text-align: left;
      min-height: 120px; }
    .boas-vindas .info-2 img {
      margin: 0 0 40px 0; }
    .boas-vindas .info-2 .col-xs-12 {
      border-radius: 3px; }
    .boas-vindas .info-2 .item-perfil h2 {
      color: #F0C13F; }
    .boas-vindas .info-2 .item-relato h2 {
      color: #498BCD; }
    .boas-vindas .info-2 .item-comunidade h2 {
      color: #3684B8; }
    .boas-vindas .info-2 .item-comunidade .btn.btn-primary, .boas-vindas .info-2 .item-comunidade .section-story .btn-primary.file-input-wrapper-2, .section-story .boas-vindas .info-2 .item-comunidade .btn-primary.file-input-wrapper-2 {
      background: #3684B8; }
    .boas-vindas .info-2 .item-comunidade .btn.btn-primary:hover, .boas-vindas .info-2 .item-comunidade .section-story .btn-primary.file-input-wrapper-2:hover, .section-story .boas-vindas .info-2 .item-comunidade .btn-primary.file-input-wrapper-2:hover {
      background: #3F627A; }
    .boas-vindas .info-2 .item-cursos h2 {
      color: #469B84; }
    @media (min-width: 992px) and (max-width: 1199px) {
      .boas-vindas .info-2 p, .boas-vindas .info-2 .btn, .boas-vindas .info-2 .section-story .file-input-wrapper-2, .section-story .boas-vindas .info-2 .file-input-wrapper-2 {
        font-size: 14px; } }
    @media (max-width: 991px) {
      .boas-vindas .info-2 .inner {
        margin: 15px 0; } }
  .boas-vindas .info-3 {
    margin-top: 60px;
    overflow: hidden; }
    .boas-vindas .info-3 h2 {
      font-size: 28px; }
    .boas-vindas .info-3 .img-susana {
      text-align: center; }
      .boas-vindas .info-3 .img-susana img {
        display: block;
        margin: 0 auto 20px auto; }
    @media (min-width: 768px) {
      .boas-vindas .info-3 h2, .boas-vindas .info-3 p {
        margin-right: 320px; }
      .boas-vindas .info-3 .img-susana {
        float: right; } }

.block-estatisticas {
  margin-bottom: 50px;
  font-family: "Open Sans", sans-serif; }
  .block-estatisticas .block-estatistica {
    border-radius: 3px;
    border: 1px solid #e5e3e4;
    overflow: hidden; }
    .block-estatisticas .block-estatistica .block-header {
      background: #ccc;
      color: #fff;
      text-align: center;
      cursor: pointer;
      display: table;
      width: 100%; }
      .block-estatisticas .block-estatistica .block-header a {
        color: #fff; }
      .block-estatisticas .block-estatistica .block-header .block-header-inner {
        display: table-cell;
        vertical-align: middle;
        height: 240px;
        text-align: center;
        width: 100%;
        position: relative; }
        .block-estatisticas .block-estatistica .block-header .block-header-inner h2 {
          font-weight: bold;
          font-size: 46px;
          margin: 10px 0 0 0;
          color: #fff; }
    .block-estatisticas .block-estatistica .block-content h3 {
      margin: 0;
      padding: 20px 40px;
      text-align: center;
      font-size: 14px;
      color: #55a4f1;
      font-weight: bold; }
      .block-estatisticas .block-estatistica .block-content h3 b {
        color: #767676;
        font-weight: normal;
        display: block; }
    .block-estatisticas .block-estatistica .block-content .content-list {
      margin: 0;
      padding: 0 10px 0 0;
      border-bottom: 1px solid #e1e1e1; }
      .block-estatisticas .block-estatistica .block-content .content-list li {
        list-style: none;
        display: block;
        margin-left: 60px;
        position: relative;
        border-top: 1px solid #e1e1e1;
        font-size: 12px;
        padding: 10px 0;
        min-height: 80px; }
        .block-estatisticas .block-estatistica .block-content .content-list li h4 {
          font-weight: bold;
          color: #444;
          margin: 0;
          font-size: 12px; }
        .block-estatisticas .block-estatistica .block-content .content-list li .img-wrapper {
          border-radius: 50%;
          position: absolute;
          left: -45px;
          top: 50%;
          margin-top: -16px;
          display: inline-block;
          width: 32px;
          height: 32px;
          overflow: hidden;
          background-position: center;
          background-size: cover; }
          .block-estatisticas .block-estatistica .block-content .content-list li .img-wrapper img {
            max-width: 100%;
            height: auto; }
        .block-estatisticas .block-estatistica .block-content .content-list li .item-inner {
          display: table-cell;
          height: 59px;
          vertical-align: middle; }
  .block-estatisticas .block-estatistica-relatos .block-header {
    background: #55a4f1; }
  .block-estatisticas .block-estatistica-comunidades .block-header {
    background: #3591de; }
  .block-estatisticas .block-estatistica-usuarios .block-header {
    background: #facd4c; }

.block-estatistica.block-open .block-header .block-header-inner:after {
  content: ' ';
  width: 18px;
  height: 9px;
  background: url("/theme/assets/img/block_chevrons_vertical.png") no-repeat;
  position: absolute;
  right: 15px;
  bottom: 15px; }

.block-estatistica.block-close .block-header .block-header-inner:after {
  content: ' ';
  width: 18px;
  height: 9px;
  background: url("/theme/assets/img/block_chevrons_vertical.png") no-repeat -18px 0;
  position: absolute;
  right: 15px;
  bottom: 15px; }

.icon-title-circle {
  background: url("/theme/assets/img/titulos.png") no-repeat; }

.icon.icon-question {
  background: url("/theme/assets/img/icon_help.png") no-repeat; }

/*
	Arquivo responsavel pela formataçao das telas de erro (403, 404, 500)
 */
/*
.page-error-404,
.page-error-500 {
	background: #fff;
}

.cdp_http_responses_error-404,
.cdp_http_responses_error-500 {
	height: 433px;
	background: url(/theme/assets/img/404.jpg) no-repeat center;
	margin:100px 0;
}

.cdp_http_responses_error-500 {
	background: url(/theme/assets/img/500.jpg) no-repeat center;
}*/
.cdp_http_responses_error {
  overflow: hidden;
  width: 100%;
  height: 650px;
  text-align: center;
  background: #000;
  position: relative; }

.cdp_http_responses_error .video {
  width: 100%; }

.cdp_http_responses_error .mascara {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3); }

.cdp_http_responses_error .msg {
  z-index: 3;
  position: absolute;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 3px;
  padding: 20px;
  width: 300px;
  height: 240px;
  left: 50%;
  top: 50%;
  margin: -140px 0 0 -170px;
  text-align: center;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }

.cdp_http_responses_error .msg h1 {
  margin: 0;
  padding: 0;
  font-size: 82px;
  color: #237db9;
  line-height: 1em; }

.cdp_http_responses_error .msg h2 {
  margin: 0;
  padding: 0;
  font-size: 22px;
  color: #717173; }

.cdp_http_responses_error .msg p {
  font-size: 14px;
  color: #000;
  line-height: 1.5em;
  margin: 10px 0; }

.cdp_http_responses_error a.back {
  color: #247DB5;
  font-weight: bold;
  font-size: 14px; }

.icon-relatos {
  display: inline-block;
  background: #ccc;
  vertical-align: middle;
  width: 24px;
  height: 24px; }

.icon-title-light {
  width: 64px;
  height: 64px;
  background: url("/theme/assets/img/diretorio-relatos/titulos.png") no-repeat;
  background-position: -2px -68px;
  background-color: transparent; }

.icon-title-light.relato {
  background-position: -332px -68px; }

.banner-relatos {
  color: #fff;
  background: #666 url("/theme/assets/img/diretorio-relatos/banner-relatos.jpg") no-repeat center;
  background-size: cover; }

@media (min-width: 768px) {
  .banner-relatos {
    height: 300px; } }
.banner-relatos a,
.banner-relatos .btn,
.banner-relatos .section-story .file-input-wrapper-2,
.section-story .banner-relatos .file-input-wrapper-2 {
  color: #fff;
  background: transparent; }

.banner-relatos .main-title .title_text {
  padding-left: 5px;
  color: #fff; }

.banner-relatos .container {
  background: transparent;
  position: relative;
  padding-bottom: 20px; }

@media (min-width: 768px) {
  .banner-relatos .container {
    height: 300px;
    padding-bottom: 0; }

  .banner-relatos .container div.col-xs-12 {
    position: static; } }
.banner-relatos .breadcrumb {
  font-weight: bold;
  font-size: 14px;
  opacity: 1;
  border: none; }

.banner-relatos .breadcrumb a {
  color: #fff; }

.banner-relatos .breadcrumb .active {
  color: #4495d7; }

.breadcrumb > li + li:before {
  color: #fff; }

.banner-relatos .breadcrumb i.icon-relatos {
  margin-right: 10px;
  background: url("/theme/assets/img/diretorio-relatos/icon_breadcrumb_help.png") no-repeat;
  width: 16px;
  height: 16px; }

.banner-relatos .row > div.col-xs-12:first-child p {
  font-size: 14px;
  font-weight: bold; }

.banner-relatos .row > div.col-xs-12:first-child p:last-child {
  font-weight: normal; }

.banner-relatos .row > div.col-xs-12:first-child p:last-child a {
  font-weight: bold;
  text-decoration: underline; }

.banner-relato-video {
  text-align: center;
  font-size: 14px;
  color: #f1f1f1;
  margin: 20px 0;
  cursor: pointer; }

@media (min-width: 768px) {
  .banner-relato-video {
    position: absolute;
    width: 106px;
    height: 95px;
    top: 50%;
    left: 50%;
    margin: -47.5px 0 0 -53px; } }
.banner-relato-video i.icon-relatos {
  width: 63px;
  height: 63px;
  display: block;
  margin: 0 auto 10px auto;
  opacity: 0.5;
  background: url("/theme/assets/img/diretorio-relatos/icon_play_video.png") no-repeat center; }

.banner-relato-video:hover i.icon-relatos {
  opacity: 1; }

.btn-enviar-relato {
  display: block;
  margin: auto;
  border: 1px solid #fff; }

.btn.btn-default.btn-enviar-relato:hover, .section-story .btn-default.btn-enviar-relato.file-input-wrapper-2:hover {
  background: #227fbb;
  border-color: #227fbb; }

@media (min-width: 768px) {
  .btn-enviar-relato {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -19px; } }
.btn-enviar-relato i.icon-relatos {
  margin-right: 5px;
  width: 24px;
  height: 24px;
  background: url("/theme/assets/img/diretorio-relatos/icon_enviar_relato_-btn.png") no-repeat; }

.relatos-filters-container {
  margin-top: 10px; }

@media (min-width: 768px) {
  .relatos-filters-container {
    margin-top: -20px; } }
.relatos-filters-container .total-relatos {
  text-align: center;
  font-size: 38px;
  margin-bottom: 20px;
  font-weight: 100; }

.relatos-filters-container .relatos-filter {
  padding-bottom: 30px;
  border-bottom: 1px solid #ddd; }

.relatos-filters-container .relatos-filter .filtros-2 {
  margin-top: 20px; }

.relatos-filters-container .relatos-filter .btn-mais-filtros {
  border: 1px solid #b7b5b6 !important;
  background: #f1f1f1; }

.relatos-filters-container .relatos-filter .input-group {
  width: auto;
  margin-right: auto; }

.relatos-filters-container .relatos-filter .input-group:first-child {
  width: auto; }

@media (min-width: 768px) {
  .relatos-filters-container .relatos-filter .input-group {
    width: 17%;
    margin-right: 10px; }

  .relatos-filters-container .relatos-filter .input-group:first-child {
    width: 29%; } }
.relatos-filters-container .relatos-filter .input-group .form-control {
  box-shadow: none;
  border-radius: 3px;
  border: none;
  margin: 10px 0;
  height: 35px; }

@media (min-width: 768px) {
  .relatos-filters-container .relatos-filter .input-group .form-control {
    margin: 0; } }
.relatos-filters-container .relatos-filter .relato-search {
  position: relative;
  left: -5px; }

.relatos-filters-container .relatos-filter .relato-search .btn-default {
  background: #eeecec;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border: none;
  padding: 6px; }

.relatos-filters-container .relatos-filter .relato-search .btn-default i.icon-relatos {
  background: url("/theme/assets/img/diretorio-relatos/icon_relato_busca.png") no-repeat center;
  width: 22px;
  height: 22px; }

.relatos-filters-container .relatos-filter .input-group:first-child input.form-control {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.relatos-filters-container .relatos-filter .relato-tipo-query .btn-default {
  border: 1px solid transparent;
  background: #eeecec;
  border-radius: 0; }

.relatos-filters-container .relatos-filter .input-group + .btn-default {
  border-color: #b7b5b6; }

.relatos-filters-container .relatos-filter + .row {
  margin-top: 30px; }

.filtros-ativos h3 {
  margin: 0 0 10px 0;
  color: #4d4d4d;
  font-size: 16px; }

.filtros-ativos h3 i.icon-relatos {
  margin-right: 5px;
  width: 26px;
  height: 26px;
  background: url("/theme/assets/img/diretorio-relatos/icon_relatos_filtros.png") no-repeat center; }

.filtros-ativos .filtro {
  border: 1px solid #4d4d4d;
  background: transparent;
  color: #4d4d4d;
  font-size: 12px;
  border-radius: 100px;
  cursor: pointer; }

.filtros-ativos .filtro button.remove-filtro {
  border: 1.5px solid #4d4d4d;
  background: transparent;
  border-radius: 100px;
  padding: 1px 3.6px;
  position: relative;
  right: -3px; }

.filtros-ativos .filtro:hover {
  background: #4d4d4d;
  color: #fff; }

.filtros-ativos .filtro:hover button.remove-filtro {
  border-color: #fff; }

.limpar-filtros {
  margin-top: 10px; }

.limpar-filtros a {
  font-weight: 700;
  text-decoration: underline;
  font-size: 14px; }

.limpar-filtros a:hover {
  text-decoration: none; }

.relatos-order label {
  color: #7d7d7d; }

.relatos-order .form-control {
  border-radius: 3px;
  box-shadow: none;
  border: 1px solid transparent; }

.relatos-diretorio-list {
  margin-top: 20px; }

@media (min-width: 768px) {
  .relatos-diretorio-list .row {
    margin-right: -30px;
    margin-left: -30px; } }
.relatos-diretorio-list .row .relato {
  margin: 15px 0; }

.relatos-diretorio-list .row .relato.box {
  padding: 0;
  box-shadow: 0 0 3px #B3B3B3;
  border: none; }

.relatos-diretorio-list .row .relato .box-inner {
  padding: 10px; }

.relatos-diretorio-list .row .relato .relato-img {
  height: 130px;
  background: url("/core/images/blank-image.jpg") no-repeat center;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background-size: cover !important; }

.relatos-diretorio-list .row .relato h4 {
  font-size: 16px;
  min-height: 55px; }

.relatos-diretorio-list .row .relato p {
  font-size: 14px;
  color: #444;
  line-height: 1.3em;
  min-height: 40px; }

.relatos-diretorio-list .row .relato .relato-local-wrapper {
  min-height: 20px; }

.relatos-diretorio-list .row .relato .relato-local {
  font-size: 12px;
  color: #868686;
  padding-left: 20px;
  background: url("/theme/assets/img/diretorio-relatos/icon-local.png") no-repeat left center; }

.relatos-diretorio-list .row .relato .relato-autor {
  overflow: hidden;
  margin-top: 10px; }

.relatos-diretorio-list .row .relato .relato-autor:hover {
  text-decoration: none; }

.relatos-diretorio-list .row .relato .relato-autor img {
  float: left;
  max-width: 35px;
  max-height: 35px; }

.relatos-diretorio-list .row .relato .relato-autor .autor-info {
  color: #444;
  font-size: 12px;
  margin-left: 40px;
  display: block;
  min-height: 40px; }

.relatos-diretorio-list .row .relato .relato-autor .autor-info span {
  display: block; }

.relatos-diretorio-list .row .relato .relato-autor .autor-info .nome {
  font-weight: 700; }

.modal-diretorio-relatorios .modal-dialog {
  position: relative; }

#video-relato iframe {
  width: 100%;
  height: 320px; }

.modal-diretorio-relatorios .modal-dialog .close {
  position: absolute;
  top: 30px;
  right: 30px;
  border: none;
  background: 0 0; }

.pagination li a {
  margin: 0 5px;
  border-radius: 3px;
  font-weight: 700; }

.pagination li a:hover {
  background: #808080; }

.pagination li.active a {
  background: #227fbc;
  color: #fff; }

.pagination li.active a:hover {
  background: #227fbc;
  color: #fff; }

.plus-tooltip-icon {
  background: url("/theme/assets/img/diretorio-relatos/plus-tooltip.png") no-repeat;
  display: inline-block;
  font-size: 0.1em;
  width: 9px;
  height: 9px;
  cursor: pointer; }

.plus-tooltip {
  font-weight: 700; }

.meus-relatos h1.main-title .title_text {
  color: #55a4f3; }
.meus-relatos .relatos-lista .relato-teaser {
  margin-bottom: 40px; }
  .meus-relatos .relatos-lista .relato-teaser .relato-teaser-wrapper {
    min-height: 25pc; }
  .meus-relatos .relatos-lista .relato-teaser .img-wrapper {
    height: 286px;
    width: 100%;
    overflow: hidden;
    position: relative;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px; }
    .meus-relatos .relatos-lista .relato-teaser .img-wrapper .img-inbg {
      height: 100%;
      background: url("/core/images/blank-image.jpg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover; }
  .meus-relatos .relatos-lista .relato-teaser h3.title {
    font-size: 1pc;
    font-weight: 700;
    color: #55a4f3;
    margin: 10px 0 5px;
    min-height: 51px;
    overflow: hidden; }
  .meus-relatos .relatos-lista .relato-teaser .info {
    font-size: 14px;
    border-bottom: 1px solid #eee;
    min-height: 50px; }

/*
Helper Class
*/
i.IR {
  display: inline-block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  vertical-align: middle;
  background: #ccc; }

i.IR.sprt-chevron-up {
  background: url(/theme/assets/img/sprite-profile.png) no-repeat left -178px;
  width: 17px;
  height: 17px; }

i.IR.sprt-chevron-down {
  background: url(/theme/assets/img/sprite-profile.png) no-repeat -21px -178px;
  width: 17px;
  height: 17px; }

i.IR.sprt-relato-criador {
  background: url(/theme/assets/img/sprite-profile.png) no-repeat 0 -215px;
  width: 38px;
  height: 35px; }

i.IR.sprt-relato-colaborador {
  background: url(/theme/assets/img/sprite-profile.png) no-repeat -43px -215px;
  width: 38px;
  height: 35px; }

i.IR.sprt-relato-autores {
  background: url(/theme/assets/img/sprite-profile.png) no-repeat -86px -215px;
  width: 38px;
  height: 35px; }

i.IR.sprt-relato-autor {
  background: url(/theme/assets/img/sprite-profile.png) no-repeat -129px -215px;
  width: 38px;
  height: 35px; }

i.IR.sprt-chevronbig-left {
  background: url(/theme/assets/img/sprite-profile.png) no-repeat 0 0;
  width: 32px;
  height: 32px; }

i.IR.sprt-chevronbig-right {
  background: url(/theme/assets/img/sprite-profile.png) no-repeat -37px 0;
  width: 32px;
  height: 32px; }

i.IR.sprt-activities {
  background: url(/theme/assets/img/sprite-profile.png) no-repeat 0 -270px;
  width: 32px;
  height: 32px; }

i.IR.sprt-chevronmini-down {
  background: url(/theme/assets/img/sprite-profile.png) no-repeat -68px -270px;
  width: 12px;
  height: 12px; }

i.IR.sprt-tags {
  background: url(/theme/assets/img/sprite-profile.png) no-repeat -37px -270px;
  width: 26px;
  height: 26px; }

i.IR.sprt-author {
  background: url(/theme/assets/img/sprite-profile.png) no-repeat 0 -322px;
  width: 16px;
  height: 19px; }

i.IR.sprt-heart {
  background: url(/theme/assets/img/sprite-profile.png) no-repeat -33px -322px;
  width: 19px;
  height: 16px; }

i.IR.sprt-hearton {
  background: url(/theme/assets/img/sprite-profile.png) no-repeat -101px -322px;
  width: 20px;
  height: 17px; }

i.IR.sprt-editor {
  background: url(/theme/assets/img/sprite-profile.png) no-repeat -70px -322px;
  width: 16px;
  height: 15px; }

i.IR.sprt-comunidades {
  background: url(/theme/assets/img/sprite-profile.png) no-repeat -85px -270px;
  width: 31px;
  height: 31px; }

i.IR.sprt-cursos {
  background: url(/theme/assets/img/sprite-profile.png) no-repeat -124px -270px;
  width: 31px;
  height: 31px; }

i.IR.sprt-profile-local {
  width: 18px;
  height: 18px;
  background: url(/theme/assets/img/sprite-profile.png) no-repeat left -90px; }

i.IR.sprt-profile-profissao {
  width: 18px;
  height: 18px;
  background: url(/theme/assets/img/sprite-profile.png) no-repeat -20px -90px; }

i.IR.sprt-profile-nascimento {
  width: 15px;
  height: 18px;
  background: url(/theme/assets/img/sprite-profile.png) no-repeat -46px -90px; }

i.IR.sprt-profile-facebook {
  width: 32px;
  height: 32px;
  background: url(/theme/assets/img/sprite-profile.png) no-repeat left -126px; }

i.IR.sprt-profile-twitter {
  width: 32px;
  height: 32px;
  background: url(/theme/assets/img/sprite-profile.png) no-repeat -74px -126px; }

i.IR.sprt-profile-gplus {
  width: 32px;
  height: 32px;
  background: url(/theme/assets/img/sprite-profile.png) no-repeat -37px -126px; }

i.IR.sprt-profile-linkedin {
  width: 32px;
  height: 32px;
  background: url(/theme/assets/img/sprite-profile.png) no-repeat -148px -126px; }

i.IR.sprt-profile-instagram {
  width: 32px;
  height: 32px;
  background: url(/theme/assets/img/sprite-profile.png) no-repeat -111px -126px; }

i.IR.sprt-profile-youtube {
  width: 32px;
  height: 32px;
  background: url(/theme/assets/img/sprite-profile.png) no-repeat -185px -126px; }

i.IR.sprt-profile-link {
  width: 32px;
  height: 32px;
  background: url(/theme/assets/img/sprite-profile.png) no-repeat -222px -126px; }

h1 span.small, h2 span.small, h3 span.small, h4 span.small, h5 span.small, h6 span.small {
  display: block;
  font-size: 13px;
  font-weight: normal; }

/*

topo da pagina de perfil

estilos gerais de formatação

*/
.user-picture {
  margin: 20px auto;
  display: block; }

.user-fullname {
  color: #eebe40;
  font-weight: bold;
  font-size: 28px;
  text-align: center;
  margin-bottom: 0; }
  @media (min-width: 768px) {
    .user-fullname {
      text-align: left; } }

.user-details {
  border-bottom: 1px solid #e0e0e0;
  margin: 0 0 10px 0; }
  .user-details ul {
    margin: 0;
    padding: 0 0 10px 0;
    overflow: hidden; }
    .user-details ul li {
      display: inline-block;
      list-style: none;
      width: 49%;
      padding: 3px 0;
      color: #747474;
      font-size: 12px; }
      @media (min-width: 768px) {
        .user-details ul li {
          width: auto;
          margin-right: 10px; }
          .user-details ul li:last-child {
            margin-right: 0; } }

.user-sociallinks {
  border-bottom: 1px solid #e0e0e0;
  margin: 10px 0; }
  .user-sociallinks ul {
    margin: 0;
    padding: 5px 0 15px 0;
    overflow: hidden;
    text-align: center;
    font-size: 0.1em; }
    @media (min-width: 768px) {
      .user-sociallinks ul {
        text-align: left; } }
    .user-sociallinks ul li {
      display: inline-block;
      list-style: none;
      margin: 0 2px; }

.user-actions {
  margin: 10px 0; }
  .user-actions a.btn, .user-actions .section-story a.file-input-wrapper-2, .section-story .user-actions a.file-input-wrapper-2 {
    padding: 7px 18px;
    font-size: 12px;
    display: block;
    width: 100%;
    margin: 10px 0; }
    @media (min-width: 768px) {
      .user-actions a.btn, .user-actions .section-story a.file-input-wrapper-2, .section-story .user-actions a.file-input-wrapper-2 {
        display: inline-block;
        width: auto;
        padding: 3px 18px; } }

.carousel-conquistas {
  background: url(/theme/assets/img/louros.png) no-repeat center; }
  .carousel-conquistas .carousel-inner {
    width: auto;
    margin: 0 15%; }
  .carousel-conquistas .carousel-control {
    background: transparent; }
    .carousel-conquistas .carousel-control i.IR {
      width: 18px;
      height: 18px;
      position: absolute;
      left: 50%;
      top: 50%;
      margin: -9px 0 0 -9px;
      background: url(/theme/assets/img/sprite-profile.png) no-repeat left -52px; }
    .carousel-conquistas .carousel-control i.IR.sprt-chevron-mini-right {
      background-position: -22px -52px; }

.trofeu-ganho .conquistas-title {
  overflow: hidden;
  color: #000;
  font-weight: bold;
  font-size: 20px;
  min-height: 65px;
  vertical-align: middle; }
  .trofeu-ganho .conquistas-title .conquista-badge {
    float: left;
    vertical-align: middle;
    margin-right: 10px; }
.trofeu-ganho .desc-trofeu {
  font-size: 12px;
  color: #000;
  margin: 15px 0; }
.trofeu-ganho a.btn-link {
  font-weight: bold;
  text-decoration: underline;
  font-size: 12px; }
  .trofeu-ganho a.btn-link:hover {
    text-decoration: none; }

.profile-menu .nav {
  margin: 20px 0;
  font-weight: bold; }
  .profile-menu .nav .badge {
    background: #2d84b8; }
  .profile-menu .nav .active a, .profile-menu .nav .active a:hover {
    background: #f0b51b; }
    .profile-menu .nav .active a .badge, .profile-menu .nav .active a:hover .badge {
      color: #f0b51b; }

.user-profile .nav.nav-pills li a {
  border-radius: 3px; }
  .user-profile .nav.nav-pills li a.active {
    background: #f0b51b;
    color: #fff; }
.user-profile .box {
  border-radius: 3px;
  background: #fff;
  border: 1px solid #efefef;
  overflow: hidden;
  padding: 20px 25px; }

/*

  TIMELINE

*/
.profile-timeline > .col-md-6:first-child {
  border-right: 2px solid #e4e5e9; }
.profile-timeline .timeline-section {
  position: relative;
  padding: 20px 0;
  border-bottom: 1px solid #dcdcdc; }
  .profile-timeline .timeline-section h3.title {
    font-weight: bold;
    font-size: 24px;
    margin-top: 0; }
  .profile-timeline .timeline-section:first-child:before {
    display: none; }
  .profile-timeline .timeline-section:before {
    content: ' ';
    background: #ccc;
    width: 13px;
    height: 13px;
    border: 2px solid #f2f9f2;
    position: absolute;
    right: -23px;
    top: -7px;
    border-radius: 50%; }
  .profile-timeline .timeline-section .link-more {
    position: absolute;
    right: 0;
    top: 20px;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline; }
    .profile-timeline .timeline-section .link-more:hover {
      text-decoration: none; }
  .profile-timeline .timeline-section .empty-section {
    font-size: 16px;
    background: #fff;
    color: #adadad;
    border: 2px dashed #adadad;
    text-align: center;
    padding: 17px; }
  .profile-timeline .timeline-section .content {
    padding-top: 20px; }
.profile-timeline .timeline-section.blue h3.title {
  color: #498aca; }
.profile-timeline .timeline-section.blue:before {
  background: #2683bc; }
.profile-timeline .timeline-section.green h3.title {
  color: #449c84; }
  .profile-timeline .timeline-section.green h3.title i.IR.sprt-chevron-up {
    background: url(/theme/assets/img/sprite-profile.png) no-repeat -89px -178px; }
  .profile-timeline .timeline-section.green h3.title i.IR.sprt-chevron-down {
    background: url(/theme/assets/img/sprite-profile.png) no-repeat -112px -178px; }
.profile-timeline .timeline-section.green:before {
  background: #449c84; }
.profile-timeline .timeline-section.yellow h3.title {
  color: #f7be3d; }
  .profile-timeline .timeline-section.yellow h3.title i.IR.sprt-chevron-up {
    background: url(/theme/assets/img/sprite-profile.png) no-repeat -43px -178px; }
  .profile-timeline .timeline-section.yellow h3.title i.IR.sprt-chevron-down {
    background: url(/theme/assets/img/sprite-profile.png) no-repeat -66px -178px; }
.profile-timeline .timeline-section.yellow:before {
  background: #f7be3d; }
.profile-timeline .timeline-collapse h3.title {
  cursor: pointer; }
.profile-timeline .timeline-section-about .title {
  color: #444; }
.profile-timeline .timeline-section-about .content {
  color: #949494; }

.timeline-section-comunidades .content {
  overflow: hidden; }

.relatos-list {
  margin: 0;
  padding: 0; }
  .relatos-list li {
    display: table;
    list-style: none;
    overflow: hidden;
    padding: 8px 0; }
    .relatos-list li i.IR {
      float: left;
      display: table-cell;
      vertical-align: middle; }
    .relatos-list li a {
      padding-left: 15px;
      vertical-align: middle;
      display: table-cell;
      color: #434343;
      font-size: 12px; }

.carousel-multiple {
  display: none; }

.nbs-flexisel-container {
  position: relative;
  max-width: 100%;
  overflow: hidden; }

.nbs-flexisel-ul {
  position: relative;
  width: 9999px;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  text-align: center; }

.nbs-flexisel-inner {
  overflow: hidden;
  float: left;
  width: 80%;
  margin: 0 10%; }

.nbs-flexisel-item {
  float: left;
  margin: 0px;
  padding: 0px;
  cursor: pointer;
  position: relative;
  line-height: 0px; }

/*** Navigation ***/
.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
  position: absolute;
  cursor: pointer;
  z-index: 100; }

.nbs-flexisel-nav-left {
  left: 0;
  background: url(/theme/assets/img/sprite-profile.png) no-repeat 0 0;
  width: 32px;
  height: 32px; }

.nbs-flexisel-nav-right {
  right: 0;
  background: url(/theme/assets/img/sprite-profile.png) no-repeat -37px 0;
  width: 32px;
  height: 32px; }

.carousel-multiple li {
  text-align: center;
  overflow: hidden; }
  .carousel-multiple li .carousel-img {
    width: 99px;
    height: 99px;
    border-radius: 50%;
    margin: auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-bottom: 17px; }
  .carousel-multiple li img {
    display: block;
    margin: auto;
    margin-bottom: 17px; }
  .carousel-multiple li a {
    font-size: 12px;
    color: #35a9e2;
    font-weight: bold;
    line-height: normal;
    display: block;
    margin: 0 5px; }
.carousel-multiple .carousel-control .IR {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -16px 0 0 -16px; }

table.table {
  border-bottom: 2px solid #444; }

table.table thead {
  border-bottom: 4px solid #444; }

table.table thead tr th {
  font-size: 18px;
  color: #454545;
  font-weight: bold;
  padding: 10px 0 20px 0;
  width: 25%; }

table.table tbody tr td {
  padding: 35px 5px; }

table.table tbody tr {
  border-bottom: 2px solid #444; }

table.table tbody tr:last-child {
  border-bottom: none; }

/*
  ATIVIDADES
 */
.activities-list .activities-title {
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 25px;
  margin-left: 37px; }
.activities-list .we-iframe-activities {
  border: none; }
.activities-list .activity {
  padding: 0;
  margin-bottom: 20px; }
  .activities-list .activity a {
    color: #34a7e0; }
  .activities-list .activity .activity-info {
    padding: 20px 25px 0 25px;
    color: #434343; }
    .activities-list .activity .activity-info .author-picture {
      margin-right: 12px; }
    .activities-list .activity .activity-info .share-info {
      font-size: 11px;
      text-align: right;
      font-weight: bold; }
  .activities-list .activity .activity-content {
    padding: 20px 25px;
    color: #444; }
    .activities-list .activity .activity-content img, .activities-list .activity .activity-content iframe {
      max-width: 100%;
      height: auto; }
    .activities-list .activity .activity-content iframe {
      width: 100%;
      height: 350px; }
    .activities-list .activity .activity-content h2, .activities-list .activity .activity-content h3, .activities-list .activity .activity-content h4, .activities-list .activity .activity-content h5, .activities-list .activity .activity-content h6 {
      font-weight: bold;
      color: #444; }
    .activities-list .activity .activity-content h2 {
      font-size: 24px; }
    .activities-list .activity .activity-content .source {
      text-align: right;
      font-size: 12px;
      color: #c6c6c6; }
      .activities-list .activity .activity-content .source a {
        color: #c6c6c6; }
  .activities-list .activity .activity-footer {
    border-top: 1px solid #ebebeb;
    padding-top: 10px; }
    .activities-list .activity .activity-footer .activity-footer-info {
      padding: 0 25px; }
      .activities-list .activity .activity-footer .activity-footer-info .activity-tags i.IR {
        margin-right: 10px; }
      .activities-list .activity .activity-footer .activity-footer-info .activity-tags a {
        color: #444;
        font-size: 12px; }
      .activities-list .activity .activity-footer .activity-footer-info .activity-showcomments {
        font-weight: bold;
        font-size: 12px;
        text-align: right; }
  .activities-list .activity .activity-comment-list .activity-comment {
    border-bottom: 1px solid #ebebeb;
    padding: 20px 25px; }
    .activities-list .activity .activity-comment-list .activity-comment:last-child {
      border: none; }
    .activities-list .activity .activity-comment-list .activity-comment .comment-info {
      font-size: 12px; }
      .activities-list .activity .activity-comment-list .activity-comment .comment-info .author-picture {
        margin-right: 10px; }
    .activities-list .activity .activity-comment-list .activity-comment .comment-content {
      padding-left: 44px; }
  .activities-list .activity .activity-make-comment {
    padding: 20px 25px;
    background: #f5f5f5; }
    .activities-list .activity .activity-make-comment .make-comment {
      cursor: pointer;
      font-weight: bold;
      color: #444;
      background: #fff;
      border-radius: 3px;
      padding: 10px;
      font-size: 14px; }

/*
  view-profile-comunidades
 */
.groups-list .list-title {
  font-weight: bold;
  font-size: 24px; }
  .groups-list .list-title i.IR {
    margin-right: 10px; }
.groups-list .list-content {
  padding-top: 10px; }
  .groups-list .list-content > .row {
    margin-bottom: 20px; }
  .groups-list .list-content > .row:last-child {
    margin-bottom: 0; }
  .groups-list .list-content .group {
    overflow: hidden; }
    .groups-list .list-content .group .group-image {
      float: left;
      margin-bottom: 15px;
      width: 160px;
      height: 160px;
      border-radius: 50%;
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover; }
    .groups-list .list-content .group .group-info {
      margin-left: 180px; }
      .groups-list .list-content .group .group-info .group-title {
        font-weight: bold;
        font-size: 18px;
        margin: 0 0 20px 0;
        line-height: 1.3em; }
      .groups-list .list-content .group .group-info .group-desc {
        font-size: 12px;
        color: #444;
        margin-bottom: 15px; }
    .groups-list .list-content .group .group-actions {
      clear: both;
      text-align: right; }
      .groups-list .list-content .group .group-actions .btn, .groups-list .list-content .group .group-actions .section-story .file-input-wrapper-2, .section-story .groups-list .list-content .group .group-actions .file-input-wrapper-2 {
        font-size: 14px;
        margin: 0 3px; }
        .groups-list .list-content .group .group-actions .btn i.IR + span, .groups-list .list-content .group .group-actions .section-story .file-input-wrapper-2 i.IR + span, .section-story .groups-list .list-content .group .group-actions .file-input-wrapper-2 i.IR + span {
          margin-left: 10px; }
      .groups-list .list-content .group .group-actions .btn.action-like, .groups-list .list-content .group .group-actions .section-story .action-like.file-input-wrapper-2, .section-story .groups-list .list-content .group .group-actions .action-like.file-input-wrapper-2 {
        background: #f2f2f2; }

/*

view-profile-cursos

 */
.courses-list .list-title,
.courses-list .courses-title {
  font-weight: bold;
  font-size: 24px; }
  .courses-list .list-title i.IR,
  .courses-list .courses-title i.IR {
    margin-right: 10px; }
.courses-list .courses-title .small {
  margin-left: 41px; }
  .courses-list .courses-title .small a {
    text-decoration: underline; }
  .courses-list .courses-title .small a:hover {
    text-decoration: none; }
.courses-list .list-content {
  padding-top: 10px; }
  .courses-list .list-content > .row > .col-md-6:last-child {
    border-left: 2px solid #e4e5e9; }
  .courses-list .list-content .course {
    margin-bottom: 20px;
    overflow: hidden; }
    .courses-list .list-content .course .course-image {
      float: left;
      margin-bottom: 15px;
      width: 160px; }
    .courses-list .list-content .course .course-info {
      margin-left: 180px; }
      .courses-list .list-content .course .course-info > .inner {
        display: table;
        width: 100%;
        min-height: 160px; }
      .courses-list .list-content .course .course-info .course-title {
        font-weight: bold;
        font-size: 18px;
        margin: 0 0 20px 0;
        line-height: 1.3em;
        display: table-cell;
        vertical-align: middle; }
    .courses-list .list-content .course .course-actions {
      clear: both;
      text-align: right; }
      .courses-list .list-content .course .course-actions .btn, .courses-list .list-content .course .course-actions .section-story .file-input-wrapper-2, .section-story .courses-list .list-content .course .course-actions .file-input-wrapper-2 {
        font-size: 14px;
        margin: 0 3px; }
        .courses-list .list-content .course .course-actions .btn i.IR + span, .courses-list .list-content .course .course-actions .section-story .file-input-wrapper-2 i.IR + span, .section-story .courses-list .list-content .course .course-actions .file-input-wrapper-2 i.IR + span {
          margin-left: 10px; }
      .courses-list .list-content .course .course-actions .btn.action-like, .courses-list .list-content .course .course-actions .section-story .action-like.file-input-wrapper-2, .section-story .courses-list .list-content .course .course-actions .action-like.file-input-wrapper-2 {
        background: #f2f2f2; }

.formacao-list .list-content {
  overflow: visible; }
  .formacao-list .list-content .historico-formacao-title {
    font-weight: bold;
    font-size: 20px; }
    .formacao-list .list-content .historico-formacao-title .small a {
      text-decoration: underline; }
    .formacao-list .list-content .historico-formacao-title .small a:hover {
      text-decoration: none; }
  .formacao-list .list-content .formacao {
    color: #747474;
    font-size: 12px;
    padding: 20px 0;
    border-bottom: 1px solid #e1e1e1;
    position: relative; }
    .formacao-list .list-content .formacao:before {
      content: ' ';
      background: #3d9980;
      width: 13px;
      height: 13px;
      border: 2px solid #f2f9f2;
      position: absolute;
      left: -49px;
      top: 20px;
      border-radius: 50%; }
    .formacao-list .list-content .formacao h4 {
      font-weight: bold;
      margin: 0 0 12px 0; }
  .formacao-list .list-content .formacao:first-child:before {
    background: #2479b0;
    top: 45px; }
  .formacao-list .list-content .formacao:last-child {
    border-bottom: none;
    padding-bottom: 0; }
    .formacao-list .list-content .formacao:last-child:before {
      display: none; }
  .formacao-list .list-content .formacao.lattes {
    font-weight: bold;
    font-size: 14px; }
    .formacao-list .list-content .formacao.lattes i.IR {
      margin-right: 10px; }

/*

view-profile-relatos

 */
.relatos-list {
  padding: 20px 25px; }
  .relatos-list .list-content {
    padding-top: 20px; }
    .relatos-list .list-content > .row {
      margin-bottom: 20px; }
    .relatos-list .list-content > .row:last-child {
      margin-bottom: 0; }
    .relatos-list .list-content .relato {
      padding-bottom: 20px;
      border-bottom: 1px solid #ebebeb;
      position: relative; }
      .relatos-list .list-content .relato .relato-image {
        position: relative;
        overflow: hidden;
        border-radius: 3px; }
        .relatos-list .list-content .relato .relato-image a {
          border-radius: 3px;
          max-width: 100%;
          height: auto;
          display: block;
          height: 245px;
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center; }
        .relatos-list .list-content .relato .relato-image:before {
          content: ' ';
          position: absolute;
          left: 0;
          bottom: 0;
          right: 0;
          top: 0;
          background: -moz-linear-gradient(top, transparent 56%, rgba(0, 0, 0, 0.75) 100%);
          /* FF3.6+ */
          background: -webkit-gradient(linear, left top, left bottom, color-stop(56%, transparent), color-stop(100%, rgba(0, 0, 0, 0.75)));
          /* Chrome,Safari4+ */
          background: -webkit-linear-gradient(top, transparent 56%, rgba(0, 0, 0, 0.75) 100%);
          /* Chrome10+,Safari5.1+ */
          background: -o-linear-gradient(top, transparent 56%, rgba(0, 0, 0, 0.75) 100%);
          /* Opera 11.10+ */
          background: -ms-linear-gradient(top, transparent 56%, rgba(0, 0, 0, 0.75) 100%);
          /* IE10+ */
          background: linear-gradient(to bottom, transparent 56%, rgba(0, 0, 0, 0.75) 100%);
          /* W3C */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bf000000',GradientType=0 );
          /* IE6-9 */ }
      .relatos-list .list-content .relato .relato-type {
        font-weight: bold;
        color: #fff;
        position: absolute;
        margin-top: -37px;
        left: 20px; }
        .relatos-list .list-content .relato .relato-type i.IR {
          margin-right: 10px; }
      .relatos-list .list-content .relato .relato-title {
        font-size: 18px;
        font-weight: bold;
        margin: 15px 0 0 0; }
      .relatos-list .list-content .relato .relato-info {
        margin: 15px 0 0 0; }
  .relatos-list .list-show-more {
    text-align: right;
    margin-top: 10px; }

/*

view-profile-trofeus

 */
.trofeus-list .list-content table.table tr td {
  vertical-align: middle; }
.trofeus-list .list-content table.table tr td.trofeu-selo {
  text-align: center; }
.trofeus-list .list-content table.table tr td.trofeu-desc {
  font-size: 14px;
  line-height: 1.3em;
  color: #444; }
  .trofeus-list .list-content table.table tr td.trofeu-desc .trofeu-desc-title {
    color: #1f83be;
    font-weight: bold;
    margin: 0; }
.trofeus-list .list-content table.table tr td.trofeu-data {
  text-align: center;
  color: #444;
  font-weight: bold; }
.trofeus-list .list-content table.table tr td.trofeu-como {
  font-size: 14px;
  line-height: 1.3em;
  color: #444; }

/*

COMPATIBILIDADE DE PERFIL / SUSANA

 */
.compatibilidade-perfil {
  text-align: center;
  margin-top: 30px; }
  .compatibilidade-perfil > div {
    display: inline-block;
    vertical-align: top; }
  .compatibilidade-perfil .aprender h3,
  .compatibilidade-perfil .ensinar h3 {
    font-size: 16px;
    font-weight: bold;
    color: #424242;
    margin: 0; }
  .compatibilidade-perfil .aprender .badge-list,
  .compatibilidade-perfil .ensinar .badge-list {
    border: none; }
    .compatibilidade-perfil .aprender .badge-list .badge,
    .compatibilidade-perfil .ensinar .badge-list .badge {
      margin-top: 5px;
      background: #4a8bcd;
      max-width: 160px;
      overflow: hidden; }
  .compatibilidade-perfil .aprender {
    text-align: right; }
    .compatibilidade-perfil .aprender .badge-list .badge {
      float: right;
      clear: right; }
  .compatibilidade-perfil .ensinar {
    text-align: left; }
    .compatibilidade-perfil .ensinar .badge-list .badge {
      float: left;
      clear: left;
      background: #479983; }
  .compatibilidade-perfil .cp-center {
    width: 140px;
    position: relative;
    margin: 0 20px; }
    .compatibilidade-perfil .cp-center .c100 {
      font-size: 140px;
      margin: 0; }
      .compatibilidade-perfil .cp-center .c100:after {
        width: 0.915em;
        height: 0.915em;
        top: 0.04em;
        left: 0.04em; }
      .compatibilidade-perfil .cp-center .c100 .bar {
        border-color: #479983; }
    .compatibilidade-perfil .cp-center .susana {
      position: absolute;
      top: -15px;
      left: 15px; }
    .compatibilidade-perfil .cp-center .porcentagem {
      text-align: center;
      font-weight: bold;
      color: #479983;
      font-size: 20px;
      clear: both;
      padding-top: 7px;
      line-height: 1em; }
    .compatibilidade-perfil .cp-center small {
      color: #8c8c8c;
      font-size: 11px; }

.section-story .topo-relato-padrao {
  position: relative;
  background-position: center;
  background-size: cover;
  min-height: 525px;
  margin-bottom: 40px; }
  .section-story .topo-relato-padrao .container {
    background: transparent;
    position: relative;
    z-index: 3; }
  .section-story .topo-relato-padrao h1.main-title {
    margin: 100px 0; }
    .section-story .topo-relato-padrao h1.main-title .title_text {
      color: #55a4f3; }
      .section-story .topo-relato-padrao h1.main-title .title_text .subtext {
        color: #fff; }
  .section-story .topo-relato-padrao h3.main-title {
    width: 66.6666%;
    margin: auto;
    position: relative; }
    @media (max-width: 960px) {
      .section-story .topo-relato-padrao h3.main-title {
        width: 100%; } }
    .section-story .topo-relato-padrao h3.main-title .title_text {
      font-size: 36px;
      color: #fff; }
      .section-story .topo-relato-padrao h3.main-title .title_text .editable-field form .content-editable-actions {
        text-align: right; }
        .section-story .topo-relato-padrao h3.main-title .title_text .editable-field form .content-editable-actions .btn, .section-story .topo-relato-padrao h3.main-title .title_text .editable-field form .content-editable-actions .file-input-wrapper-2 {
          position: static; }
      .section-story .topo-relato-padrao h3.main-title .title_text .subtext {
        color: #fff;
        margin: 11px 0 5px 0;
        padding-top: 18px;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        font-size: 9pt;
        display: block; }
      .section-story .topo-relato-padrao h3.main-title .title_text .btn.btn-xs.btn-primary, .section-story .topo-relato-padrao h3.main-title .title_text .btn-xs.btn-primary.file-input-wrapper-2 {
        position: absolute;
        right: 0;
        bottom: -8px; }
  .section-story .topo-relato-padrao .relato-social-actions,
  .section-story .topo-relato-padrao .navbar-actions.relato-fixed-actions {
    width: 66.66666%;
    margin: 10px auto 0 auto;
    vertical-align: middle; }
    @media (max-width: 960px) {
      .section-story .topo-relato-padrao .relato-social-actions,
      .section-story .topo-relato-padrao .navbar-actions.relato-fixed-actions {
        width: 100%; } }
    .section-story .topo-relato-padrao .relato-social-actions *,
    .section-story .topo-relato-padrao .navbar-actions.relato-fixed-actions * {
      display: inline-block;
      vertical-align: middle; }
    .section-story .topo-relato-padrao .relato-social-actions .btn, .section-story .topo-relato-padrao .relato-social-actions .file-input-wrapper-2,
    .section-story .topo-relato-padrao .navbar-actions.relato-fixed-actions .btn,
    .section-story .topo-relato-padrao .navbar-actions.relato-fixed-actions .file-input-wrapper-2 {
      vertical-align: bottom;
      margin-right: 10px; }
  .section-story .topo-relato-padrao .navbar-actions.relato-fixed-actions {
    transition: all .3s;
    width: 100%;
    margin-top: -50px;
    height: 40px;
    padding: 8px 0;
    background: #0e313a;
    z-index: 999;
    top: 0;
    left: 0;
    right: 0;
    position: fixed;
    opacity: 0; }
    .section-story .topo-relato-padrao .navbar-actions.relato-fixed-actions a.btn.btn-success, .section-story .topo-relato-padrao .navbar-actions.relato-fixed-actions a.btn-success.file-input-wrapper-2,
    .section-story .topo-relato-padrao .navbar-actions.relato-fixed-actions a.btn.btn-danger,
    .section-story .topo-relato-padrao .navbar-actions.relato-fixed-actions a.btn-danger.file-input-wrapper-2,
    .section-story .topo-relato-padrao .navbar-actions.relato-fixed-actions .fb-btn-share,
    .section-story .topo-relato-padrao .navbar-actions.relato-fixed-actions .gplus-btn,
    .section-story .topo-relato-padrao .navbar-actions.relato-fixed-actions a.btn.btn-primary,
    .section-story .topo-relato-padrao .navbar-actions.relato-fixed-actions a.btn-primary.file-input-wrapper-2 {
      vertical-align: top;
      margin: 0 5px; }
      .section-story .topo-relato-padrao .navbar-actions.relato-fixed-actions a.btn.btn-success *, .section-story .topo-relato-padrao .navbar-actions.relato-fixed-actions a.btn-success.file-input-wrapper-2 *,
      .section-story .topo-relato-padrao .navbar-actions.relato-fixed-actions a.btn.btn-danger *,
      .section-story .topo-relato-padrao .navbar-actions.relato-fixed-actions a.btn-danger.file-input-wrapper-2 *,
      .section-story .topo-relato-padrao .navbar-actions.relato-fixed-actions .fb-btn-share *,
      .section-story .topo-relato-padrao .navbar-actions.relato-fixed-actions .gplus-btn *,
      .section-story .topo-relato-padrao .navbar-actions.relato-fixed-actions a.btn.btn-primary *,
      .section-story .topo-relato-padrao .navbar-actions.relato-fixed-actions a.btn-primary.file-input-wrapper-2 * {
        vertical-align: top; }
    .section-story .topo-relato-padrao .navbar-actions.relato-fixed-actions .gplus-btn {
      height: 25px; }
      .section-story .topo-relato-padrao .navbar-actions.relato-fixed-actions .gplus-btn span {
        vertical-align: top !important; }
    .section-story .topo-relato-padrao .navbar-actions.relato-fixed-actions .container {
      display: block; }
  .section-story .topo-relato-padrao .navbar-actions.relato-fixed-actions.header-shrink-active {
    opacity: 1;
    margin-top: 0; }
  .section-story .topo-relato-padrao:before {
    content: ' ';
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0; }
  .section-story .topo-relato-padrao .dropdown-menu {
    display: none; }
  .section-story .topo-relato-padrao .dropdown.open .dropdown-menu {
    display: block; }
.section-story .box .box-inner > h1, .section-story .box .box-inner > h2, .section-story .box .box-inner > h3, .section-story .box .box-inner > h4 {
  font-weight: 500; }
.section-story .box + .box {
  margin: 30px 0; }
.section-story .story-questions h3.question-title {
  color: #777;
  font-weight: 500;
  font-size: 28px; }
.section-story .story-questions .content-editable-actions {
  padding-top: 10px;
  border-top: 1px solid #dbdbdb;
  text-align: right; }
.section-story .story-questions form .content-editable-actions {
  border-top: none; }
.section-story .box-inner.dark {
  background: #f6f6f6; }
.section-story .story-media .images .preview {
  margin-bottom: 20px; }
  .section-story .story-media .images .preview .btn-danger {
    width: 25px;
    height: 25px;
    margin-top: 12px;
    border-radius: 50%;
    padding: 3px 4px 4px 5px;
    position: absolute;
    top: -20px !important;
    right: 5px !important;
    line-height: 0;
    font-weight: bold; }
.section-story .story-media .images-list {
  margin-top: 20px; }
  .section-story .story-media .images-list .row {
    margin-bottom: 30px; }
  .section-story .story-media .images-list .img-preview {
    position: relative;
    margin-bottom: 30px; }
    .section-story .story-media .images-list .img-preview .inner {
      overflow: hidden;
      max-width: 210px;
      height: 150px; }
  .section-story .story-media .images-list .image .inner {
    max-width: 210px;
    position: relative;
    margin: auto; }
    .section-story .story-media .images-list .image .inner .btn.btn-danger, .section-story .story-media .images-list .image .inner .btn-danger.file-input-wrapper-2 {
      width: 20px;
      height: 20px; }
  .section-story .story-media .images-list .relato-image {
    max-width: 210px;
    height: 150px;
    background: center;
    background-size: cover; }
.section-story .media-tabs {
  margin: 0 0 30px 0;
  border: none;
  text-align: center;
  clear: both; }
  .section-story .media-tabs .btn-image,
  .section-story .media-tabs .btn-audio,
  .section-story .media-tabs .btn-video,
  .section-story .media-tabs .btn-docs,
  .section-story .media-tabs .btn-map {
    padding: 6px 10px;
    margin: 0 6px;
    border: none;
    background: #eee;
    cursor: pointer;
    border-radius: 3px;
    height: 38px; }
    .section-story .media-tabs .btn-image:hover,
    .section-story .media-tabs .btn-audio:hover,
    .section-story .media-tabs .btn-video:hover,
    .section-story .media-tabs .btn-docs:hover,
    .section-story .media-tabs .btn-map:hover {
      background: #555;
      border: 1px solid #ddd; }
      .section-story .media-tabs .btn-image:hover .icons-outline,
      .section-story .media-tabs .btn-image:hover .btn-text,
      .section-story .media-tabs .btn-audio:hover .icons-outline,
      .section-story .media-tabs .btn-audio:hover .btn-text,
      .section-story .media-tabs .btn-video:hover .icons-outline,
      .section-story .media-tabs .btn-video:hover .btn-text,
      .section-story .media-tabs .btn-docs:hover .icons-outline,
      .section-story .media-tabs .btn-docs:hover .btn-text,
      .section-story .media-tabs .btn-map:hover .icons-outline,
      .section-story .media-tabs .btn-map:hover .btn-text {
        color: #fff;
        float: none;
        vertical-align: middle; }
    .section-story .media-tabs .btn-image .icons-outline,
    .section-story .media-tabs .btn-audio .icons-outline,
    .section-story .media-tabs .btn-video .icons-outline,
    .section-story .media-tabs .btn-docs .icons-outline,
    .section-story .media-tabs .btn-map .icons-outline {
      font-size: 26px;
      display: inline-block;
      vertical-align: middle; }
    .section-story .media-tabs .btn-image .btn-text,
    .section-story .media-tabs .btn-audio .btn-text,
    .section-story .media-tabs .btn-video .btn-text,
    .section-story .media-tabs .btn-docs .btn-text,
    .section-story .media-tabs .btn-map .btn-text {
      margin: 5px 0 0 8px;
      font-size: 14px;
      color: #555;
      vertical-align: middle;
      display: inline-block; }
  .section-story .media-tabs .btn-image .icons-outline {
    color: #777; }
  .section-story .media-tabs .btn-audio .icons-outline {
    color: #f9ae31; }
  .section-story .media-tabs .btn-video .icons-outline {
    color: #cd0102; }
  .section-story .media-tabs .btn-docs .icons-outline {
    color: #55a4f3; }
  .section-story .media-tabs .btn-map .icons-outline {
    color: #00a182; }
  .section-story .media-tabs .btn-post-sound {
    position: relative;
    top: 2px;
    padding: 4px 8px 0 8px;
    height: 32px; }
    .section-story .media-tabs .btn-post-sound .icons-outline-sound-on {
      font-size: 1.65em;
      color: #f9ae31; }
  .section-story .media-tabs .btn-post-movie {
    position: relative;
    top: 2px;
    padding: 4px 8px 0 8px;
    height: 32px; }
    .section-story .media-tabs .btn-post-movie .icons-outline-videomaker {
      font-size: 1.65em;
      color: #cd0102; }
  .section-story .media-tabs .btn-post-file {
    position: relative;
    top: 2px;
    padding: 4px 8px 0 8px;
    height: 32px; }
    .section-story .media-tabs .btn-post-file .icons-outline-paper-plus {
      font-size: 1.65em;
      color: #55a4f3; }
  .section-story .media-tabs .btn-post-link {
    position: relative;
    top: 2px;
    padding: 4px 8px 0 8px;
    height: 32px; }
    .section-story .media-tabs .btn-post-link .icons-outline-link {
      font-size: 1.65em;
      color: #00a182; }
  .section-story .media-tabs .btn-post-share {
    position: relative;
    top: 2px;
    padding: 4px 8px 0 8px;
    height: 32px; }
    .section-story .media-tabs .btn-post-share .icons-outline-share {
      font-size: 1.65em;
      color: #777; }
  .section-story .media-tabs .active a[data-toggle="tab"] {
    background: #666; }
    .section-story .media-tabs .active a[data-toggle="tab"] .btn-text,
    .section-story .media-tabs .active a[data-toggle="tab"] i {
      color: #fff; }
  .section-story .media-tabs li {
    float: none;
    display: inline-block; }
.section-story .tab-content {
  margin-top: 20px;
  min-height: 221px; }
  .section-story .tab-content .img-item--featured .img-featured {
    height: 370px;
    margin-bottom: 16px; }
  .section-story .tab-content .list-img {
    list-style: none; }
  .section-story .tab-content .img-item--thumb .img-thumb {
    margin: 0 8px 16px 8px; }
  .section-story .tab-content .images-list .btn.btn-danger, .section-story .tab-content .images-list .btn-danger.file-input-wrapper-2,
  .section-story .tab-content .videos-list .btn.btn-danger,
  .section-story .tab-content .videos-list .btn-danger.file-input-wrapper-2 {
    position: absolute;
    top: -10px;
    right: -10px;
    border-radius: 50%;
    line-height: 1em;
    padding: 0;
    background: #C43827; }
.section-story .sidebar h3.main-title .title_text {
  font-weight: normal;
  font-size: 18px;
  color: #55a4f3; }
  .section-story .sidebar h3.main-title .title_text .subtext {
    color: #9d9d9d;
    font-size: 12px; }
.section-story .sidebar .block {
  padding: 22px 0;
  border-bottom: 1px solid #eee; }
.section-story .sidebar .story-desc > div {
  font-size: 12px; }
.section-story .sidebar .story-desc.block {
  padding: 0 0 22px 0; }
.section-story .sidebar .story-categories .tag,
.section-story .sidebar .story-tags .tag {
  margin: 10px 0; }
  .section-story .sidebar .story-categories .tag a,
  .section-story .sidebar .story-tags .tag a {
    color: #fff;
    background: #55a4f3;
    font-size: 12px;
    padding: 3px 10px;
    border-radius: 50px;
    display: inline-block;
    cursor: pointer; }
    .section-story .sidebar .story-categories .tag a :hover,
    .section-story .sidebar .story-tags .tag a :hover {
      text-decoration: underline; }
.section-story .sidebar .story-author h3.title {
  font-weight: normal;
  font-size: 16px; }
.section-story .sidebar .story-author .author-list {
  padding: 0; }
  .section-story .sidebar .story-author .author-list li {
    display: block;
    list-style: none;
    vertical-align: middle;
    margin-bottom: 20px; }
    .section-story .sidebar .story-author .author-list li:last-child {
      margin-bottom: 0; }
    .section-story .sidebar .story-author .author-list li .user-avatar-wrapper {
      display: inline-block;
      width: 32px;
      height: 32px;
      margin-right: 15px; }
      .section-story .sidebar .story-author .author-list li .user-avatar-wrapper img {
        max-width: 100%;
        border-radius: 50%; }
    .section-story .sidebar .story-author .author-list li .user-name {
      display: inline-block;
      vertical-align: middle; }
.section-story .sidebar .story-author .btn-featured-list {
  margin-top: 20px;
  text-align: center; }
.section-story .sidebar .story-actor h3.title {
  font-weight: normal;
  font-size: 16px; }
.section-story .sidebar .story-actor .actor-list {
  padding: 0; }
  .section-story .sidebar .story-actor .actor-list li {
    display: inline-block;
    list-style: none;
    vertical-align: middle; }
    .section-story .sidebar .story-actor .actor-list li .user-avatar {
      display: inline-block;
      width: 32px;
      height: 32px; }
      .section-story .sidebar .story-actor .actor-list li .user-avatar img {
        max-width: 100%;
        border-radius: 50%; }
    .section-story .sidebar .story-actor .actor-list li .user-avatar-wrapper {
      display: inline-block;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      overflow: hidden; }
      .section-story .sidebar .story-actor .actor-list li .user-avatar-wrapper img {
        max-width: 100%;
        height: auto; }
.section-story .sidebar .story-actor .btn-featured-list {
  margin-top: 20px;
  text-align: center; }
.section-story .sidebar .story-featured-list .relato-teaser-wrapper {
  border-bottom: 1px solid #eee;
  padding: 20px 0; }
  .section-story .sidebar .story-featured-list .relato-teaser-wrapper:first-child {
    padding-top: 0; }
.section-story .sidebar .story-featured-list .img-wrapper {
  height: 280px;
  overflow: hidden;
  border-radius: 3px; }
  .section-story .sidebar .story-featured-list .img-wrapper .img-inbg {
    width: 100%;
    height: 100%; }
.section-story .sidebar .story-featured-list h3.title {
  font-weight: 500;
  min-height: 51px;
  margin: 10px 0 5px;
  font-size: 1.1pc; }
.section-story .sidebar .story-featured-list .info {
  min-height: 46px;
  font-size: 14px; }
.section-story .sidebar .story-featured-list .btn-featured-list {
  margin-top: 20px;
  text-align: center; }
.section-story .sidebar .content-editable-actions {
  padding-top: 10px;
  border-top: 1px solid #dbdbdb;
  text-align: right;
  margin-top: 10px; }
.section-story .sidebar form .content-editable-actions {
  border-top: none; }
.section-story .comments-wrapper .tab-content {
  margin-top: 20px;
  min-height: 50px; }
.section-story .story-comments > .box-inner {
  margin-bottom: 0; }
.section-story .comments {
  margin-top: 50px; }
  .section-story .comments ul.nav-tabs.comment-list {
    margin-top: -62px;
    margin-left: -20px;
    margin-right: -20px;
    padding: 0 20px; }
.section-story .comment-form {
  padding: 20px 20px 20px 40px;
  margin-top: 20px;
  background: #f6f6f6;
  clear: both;
  padding-bottom: 20px;
  margin: 20px 0 -20px 0;
  border-radius: 0 0 4px 4px;
  min-height: 79px; }
  .section-story .comment-form .comment-right {
    margin-left: 70px; }
  .section-story .comment-form .comment-textarea textarea {
    background: #fff;
    margin-bottom: 15px; }
  .section-story .comment-form .btn-default {
    background: transparent; }
  .section-story .comment-form .btn-group .btn-primary,
  .section-story .comment-form .btn-group .btn-default {
    margin-left: 10px; }
  .section-story .comment-form .user-avatar-area {
    width: 50px;
    margin-bottom: 10px; }
  .section-story .comment-form .user-avatar-area {
    display: inline-block;
    overflow: hidden;
    font-size: 0;
    background: #fff;
    border-radius: 50%;
    vertical-align: middle;
    float: left;
    vertical-align: middle; }
  .section-story .comment-form .comment-placeholder {
    font-size: 13px;
    line-height: 35px;
    background: #fff; }
  .section-story .comment-form .comment-textarea textarea {
    height: 130px; }
.section-story .file-input-wrapper-2 {
  width: 210px;
  height: 150px;
  background: #efedee;
  border: 3px solid #dcdcdc;
  color: #dcdcdc;
  position: relative;
  padding: 40px 0 0 0;
  font-size: 16px;
  overflow: hidden;
  border-radius: 0;
  text-align: center;
  clear: both; }
  .section-story .file-input-wrapper-2:hover {
    color: #c3c3c3; }
  .section-story .file-input-wrapper-2 span.text {
    display: block; }
  .section-story .file-input-wrapper-2 .icons-outline-picture {
    font-size: 22px; }
  .section-story .file-input-wrapper-2 .text {
    position: relative;
    top: -3px;
    left: 5px; }
.section-story .file-input-wrapper-2 > input[type="file"] {
  width: 210px;
  height: 150px;
  position: absolute;
  background: #fc0;
  top: 0;
  opacity: 0;
  cursor: pointer; }
.section-story .file-input-wrapper-2 > .btn-file-input-2 {
  margin-left: -10px;
  display: inline-block;
  cursor: pointer;
  border: none;
  background: none; }
.section-story .file-input-wrapper-2:hover > .btn-file-input-2 {
  cursor: pointer;
  border: none;
  background: none; }

.new-images-preview {
  padding: 10px;
  background: #eeeeee;
  border: 1px solid #ccc;
  border-radius: 3px;
  font-size: 12px;
  color: #777777;
  overflow: hidden;
  text-align: center; }

.media-tabs .images-action,
.story-media .images-action {
  margin-bottom: 30px;
  clear: both; }

.story-media .img-save img[src="/core/images/done.png"] {
  display: none; }
.story-media .img-save .we-loading-text {
  display: none; }

.img-save {
  margin-top: 30px;
  text-align: center; }

.add-videos .file-input-wrapper-2 {
  width: 190px;
  height: 142px;
  padding-top: 30px; }

@media (min-width: 1200px) {
  .story-modal-edit.modal .modal-dialog {
    width: 66.6666666667%; } }
.story-modal-edit.modal .modal-dialog .main-title .title_text {
  color: #55a4f3; }
.story-modal-edit.modal .modal-dialog .row {
  margin-bottom: 20px; }
.story-modal-edit.modal .radio {
  margin-top: 40px; }
.story-modal-edit.modal .select2-choices {
  border: none;
  box-shadow: none;
  background: none; }
.story-modal-edit.modal .select2-input.select2-default {
  width: 150% !important; }
.story-modal-edit.modal .select2-search-choice {
  border: none;
  background: #55a4f3;
  border-radius: 6px;
  color: #fff;
  font-weight: bold;
  font-size: 11px;
  padding: 6px 12px 6px 24px; }
  .story-modal-edit.modal .select2-search-choice .select2-search-choice-close {
    top: 6px;
    left: 6px; }

.select2-container.form-control {
  display: block;
  width: 100%;
  height: 36px;
  padding: 6px 6px 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555 !important;
  background-color: #eeeeee;
  background-image: none;
  border: 1px solid #eeeeee;
  border-radius: 3px;
  transition: border-color ease-in-out 0.15s;
  outline: none;
  border: none; }
  .select2-container.form-control:focus {
    outline: none;
    border: none; }
  .select2-container.form-control .select2-chosen {
    color: #555 !important; }
  .select2-container.form-control .select2-choice {
    background: transparent;
    padding: 0;
    border: none;
    outline: none;
    border: none; }
    .select2-container.form-control .select2-choice:focus {
      outline: none;
      border: none; }
  .select2-container.form-control .select2-dropdown-open {
    border: none; }
  .select2-container.form-control .select2-arrow {
    background: transparent;
    border: none;
    right: -5px; }

.select2-drop {
  background: #eeeeee; }

.select2-drop-active {
  border: none; }

.select2-dropdown-open .select2-choice {
  box-shadow: none;
  border: none;
  outline: none; }

#relato-unpublished-bar {
  background: rgba(59, 62, 62, 0.8);
  color: #fff;
  padding: 10px 0;
  position: absolute;
  z-index: 999;
  left: 0;
  right: 0;
  top: 612px;
  opacity: 0;
  transition: opacity .5s ease-out;
  visibility: hidden; }
  @media (max-width: 768px) {
    #relato-unpublished-bar {
      top: 66px; } }
  #relato-unpublished-bar .container {
    background: transparent; }
  #relato-unpublished-bar .text h4 {
    margin: 5px 0 0 0;
    color: #fff;
    margin-left: 40px;
    font-size: 22px;
    font-weight: normal; }
  #relato-unpublished-bar .nav-edit-buttons {
    margin: 5px 0 0 0;
    padding: 0;
    text-align: right;
    float: right; }
    #relato-unpublished-bar .nav-edit-buttons li {
      list-style: none;
      margin: 0 10px 0 0;
      padding: 0;
      display: inline-block; }
      #relato-unpublished-bar .nav-edit-buttons li .btn, #relato-unpublished-bar .nav-edit-buttons li .section-story .file-input-wrapper-2, .section-story #relato-unpublished-bar .nav-edit-buttons li .file-input-wrapper-2 {
        padding: 1px 15px;
        border-radius: 100px; }
  #relato-unpublished-bar.affix-top {
    top: 612px; }
  #relato-unpublished-bar.affix {
    position: fixed;
    top: 0;
    opacity: 1;
    visibility: visible; }
  #relato-unpublished-bar h2.main-title {
    margin-bottom: 0; }
  #relato-unpublished-bar .btn-info {
    margin-top: 15px;
    margin-right: 5px;
    background: transparent;
    color: #fff;
    border: 2px solid #fff; }
    #relato-unpublished-bar .btn-info:hover {
      color: #5b6161;
      background: #fff; }
  #relato-unpublished-bar a.btn-info {
    margin-left: -4px; }
  #relato-unpublished-bar .btn-avaliar {
    margin-right: 4px; }
  #relato-unpublished-bar .btn-publish-wrapper {
    padding-top: 20px; }
    #relato-unpublished-bar .btn-publish-wrapper .btn, #relato-unpublished-bar .btn-publish-wrapper .section-story .file-input-wrapper-2, .section-story #relato-unpublished-bar .btn-publish-wrapper .file-input-wrapper-2 {
      padding-left: 10px;
      padding-right: 10px; }
    #relato-unpublished-bar .btn-publish-wrapper .btn-info {
      margin-top: 0; }
    #relato-unpublished-bar .btn-publish-wrapper .btn-success.btn-xs i.icon {
      width: 16px;
      height: 16px;
      margin-right: 5px;
      background: url("/theme/assets/img/icone_send.png") no-repeat; }
      #relato-unpublished-bar .btn-publish-wrapper .btn-success.btn-xs i.icon.icon-white {
        background-position: -16px 0; }
    #relato-unpublished-bar .btn-publish-wrapper .btn-warning.btn-xs i.icon {
      width: 16px;
      height: 16px;
      margin-right: 5px;
      background: url("/theme/assets/img/icone_usergroups.png") no-repeat;
      /*&.icon-white {
        background-position: -16px 0;
      }*/ }
  #relato-unpublished-bar .btn-publish-story {
    border: 2px solid #ccc;
    color: #ccc;
    background: none;
    margin-right: 0; }
    #relato-unpublished-bar .btn-publish-story:hover {
      background: #ccc; }
  #relato-unpublished-bar .btn-publish-story-wrapper {
    clear: both; }
    @media (max-width: 768px) {
      #relato-unpublished-bar .btn-publish-story-wrapper .btn-info,
      #relato-unpublished-bar .btn-publish-story-wrapper .pull-right,
      #relato-unpublished-bar .btn-publish-story-wrapper .section-story .comment-form .btn-group .btn-primary,
      .section-story .comment-form .btn-group #relato-unpublished-bar .btn-publish-story-wrapper .btn-primary,
      #relato-unpublished-bar .btn-publish-story-wrapper .section-story .comment-form .btn-group .btn-default,
      .section-story .comment-form .btn-group #relato-unpublished-bar .btn-publish-story-wrapper .btn-default,
      #relato-unpublished-bar .btn-publish-story-wrapper .comments .comments-wrapper .comments .btn-group .btn-primary,
      .comments .comments-wrapper .comments .btn-group #relato-unpublished-bar .btn-publish-story-wrapper .btn-primary,
      #relato-unpublished-bar .btn-publish-story-wrapper .comments .comments-wrapper .comments .btn-group .btn-default,
      .comments .comments-wrapper .comments .btn-group #relato-unpublished-bar .btn-publish-story-wrapper .btn-default,
      #relato-unpublished-bar .btn-publish-story-wrapper .comments .comments-wrapper .comment-form .btn-group .btn-primary,
      .comments .comments-wrapper .comment-form .btn-group #relato-unpublished-bar .btn-publish-story-wrapper .btn-primary,
      #relato-unpublished-bar .btn-publish-story-wrapper .comments .comments-wrapper .comment-form .btn-group .btn-default,
      .comments .comments-wrapper .comment-form .btn-group #relato-unpublished-bar .btn-publish-story-wrapper .btn-default {
        float: none;
        display: block;
        width: 100%;
        margin-right: 0; }
      #relato-unpublished-bar .btn-publish-story-wrapper .pull-right, #relato-unpublished-bar .btn-publish-story-wrapper .section-story .comment-form .btn-group .btn-primary, .section-story .comment-form .btn-group #relato-unpublished-bar .btn-publish-story-wrapper .btn-primary,
      #relato-unpublished-bar .btn-publish-story-wrapper .section-story .comment-form .btn-group .btn-default,
      .section-story .comment-form .btn-group #relato-unpublished-bar .btn-publish-story-wrapper .btn-default, #relato-unpublished-bar .btn-publish-story-wrapper .comments .comments-wrapper .comments .btn-group .btn-primary, .comments .comments-wrapper .comments .btn-group #relato-unpublished-bar .btn-publish-story-wrapper .btn-primary,
      #relato-unpublished-bar .btn-publish-story-wrapper .comments .comments-wrapper .comments .btn-group .btn-default,
      .comments .comments-wrapper .comments .btn-group #relato-unpublished-bar .btn-publish-story-wrapper .btn-default, #relato-unpublished-bar .btn-publish-story-wrapper .comments .comments-wrapper .comment-form .btn-group .btn-primary, .comments .comments-wrapper .comment-form .btn-group #relato-unpublished-bar .btn-publish-story-wrapper .btn-primary,
      #relato-unpublished-bar .btn-publish-story-wrapper .comments .comments-wrapper .comment-form .btn-group .btn-default,
      .comments .comments-wrapper .comment-form .btn-group #relato-unpublished-bar .btn-publish-story-wrapper .btn-default {
        margin-bottom: 15px; }
        #relato-unpublished-bar .btn-publish-story-wrapper .pull-right .btn-info, #relato-unpublished-bar .btn-publish-story-wrapper .section-story .comment-form .btn-group .btn-primary .btn-info, .section-story .comment-form .btn-group #relato-unpublished-bar .btn-publish-story-wrapper .btn-primary .btn-info,
        #relato-unpublished-bar .btn-publish-story-wrapper .section-story .comment-form .btn-group .btn-default .btn-info,
        .section-story .comment-form .btn-group #relato-unpublished-bar .btn-publish-story-wrapper .btn-default .btn-info, #relato-unpublished-bar .btn-publish-story-wrapper .comments .comments-wrapper .comments .btn-group .btn-primary .btn-info, .comments .comments-wrapper .comments .btn-group #relato-unpublished-bar .btn-publish-story-wrapper .btn-primary .btn-info,
        #relato-unpublished-bar .btn-publish-story-wrapper .comments .comments-wrapper .comments .btn-group .btn-default .btn-info,
        .comments .comments-wrapper .comments .btn-group #relato-unpublished-bar .btn-publish-story-wrapper .btn-default .btn-info, #relato-unpublished-bar .btn-publish-story-wrapper .comments .comments-wrapper .comment-form .btn-group .btn-primary .btn-info, .comments .comments-wrapper .comment-form .btn-group #relato-unpublished-bar .btn-publish-story-wrapper .btn-primary .btn-info,
        #relato-unpublished-bar .btn-publish-story-wrapper .comments .comments-wrapper .comment-form .btn-group .btn-default .btn-info,
        .comments .comments-wrapper .comment-form .btn-group #relato-unpublished-bar .btn-publish-story-wrapper .btn-default .btn-info {
          padding: 5px 10px; } }
    @media (min-width: 769px) {
      #relato-unpublished-bar .btn-publish-story-wrapper.collapse {
        display: block;
        height: auto !important; } }
  #relato-unpublished-bar .navbar-toggle {
    border: 2px solid #fff;
    background: #ccc; }
    #relato-unpublished-bar .navbar-toggle.collapsed {
      background: transparent; }
      #relato-unpublished-bar .navbar-toggle.collapsed .icon-bar {
        background: #fff; }
    #relato-unpublished-bar .navbar-toggle:hover {
      background: #ccc; }
      #relato-unpublished-bar .navbar-toggle:hover .icon-bar {
        background: #666; }
    #relato-unpublished-bar .navbar-toggle .icon-bar {
      background: #666; }
  #relato-unpublished-bar h6.not_published {
    margin: 0;
    padding: 0 20px 0 0;
    display: table;
    min-height: 64px;
    vertical-align: middle; }
    #relato-unpublished-bar h6.not_published span {
      display: table-cell;
      vertical-align: middle; }
  #relato-unpublished-bar.relato-bar-white {
    background: rgba(255, 255, 255, 0.9);
    border-bottom: 7px solid #efefef;
    box-shadow: 0 5px 5px rgba(50, 50, 50, 0.1);
    padding: 15px 0; }
    #relato-unpublished-bar.relato-bar-white .container {
      position: relative; }
      #relato-unpublished-bar.relato-bar-white .container:before {
        content: "";
        width: 200px;
        height: 7px;
        background: linear-gradient(to right, #3492dc 0, #3492dc 25%, #43d800 25%, #43d800 50%, #d15f00 50%, #d15f00 75%, #cd0003 75%, #cd0003 100%);
        position: absolute;
        bottom: -22px;
        right: 0; }
    #relato-unpublished-bar.relato-bar-white .main-title .title_text {
      color: #1B7FBD; }

.dropdown {
  display: inline-block;
  position: relative; }
  .dropdown .social-share-dropdown {
    position: absolute;
    background: #fff;
    color: #666;
    border-radius: 6px;
    width: 140px;
    padding: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    left: 50%;
    top: 100%;
    margin: 10px 0 0 -70px;
    min-height: 80px; }
    .dropdown .social-share-dropdown .item {
      margin-bottom: 10px; }
      .dropdown .social-share-dropdown .item:last-child {
        margin-bottom: 0; }
    .dropdown .social-share-dropdown:before {
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 9px 7px 9px;
      border-color: transparent transparent #ffffff transparent;
      position: absolute;
      top: -7px;
      left: 50%;
      margin-left: -9px; }

.section-story-edit .topo-relato-padrao h1.main-title {
  margin-bottom: 30px; }
.section-story-edit .topo-relato-padrao .story-add-cover {
  background: rgba(255, 255, 255, 0.2);
  padding: 15px;
  display: table;
  border-radius: 5px;
  width: 100%;
  margin: 80px 0 20px 0; }
  @media (max-width: 960px) {
    .section-story-edit .topo-relato-padrao .story-add-cover {
      margin-top: 60px; } }
  .section-story-edit .topo-relato-padrao .story-add-cover .icon-wrapper {
    display: table-cell;
    vertical-align: middle; }
    .section-story-edit .topo-relato-padrao .story-add-cover .icon-wrapper i.icons-outline {
      width: auto;
      background: #00a182;
      width: 60px;
      height: 60px;
      text-align: center;
      border-radius: 100%;
      display: block;
      margin: auto;
      position: static; }
      .section-story-edit .topo-relato-padrao .story-add-cover .icon-wrapper i.icons-outline:before {
        position: relative;
        top: 5px; }
  .section-story-edit .topo-relato-padrao .story-add-cover .add-cover-btns {
    display: table-cell;
    color: #fff;
    padding-left: 20px;
    padding-top: 12px;
    position: relative; }
    .section-story-edit .topo-relato-padrao .story-add-cover .add-cover-btns p {
      font-size: 12px; }
    .section-story-edit .topo-relato-padrao .story-add-cover .add-cover-btns .btn, .section-story-edit .topo-relato-padrao .story-add-cover .add-cover-btns .section-story .file-input-wrapper-2, .section-story .section-story-edit .topo-relato-padrao .story-add-cover .add-cover-btns .file-input-wrapper-2 {
      margin: auto;
      margin-bottom: 5px;
      position: relative; }
    .section-story-edit .topo-relato-padrao .story-add-cover .add-cover-btns .file-input-wrapper {
      display: inline-block; }
    .section-story-edit .topo-relato-padrao .story-add-cover .add-cover-btns input[type=file] {
      top: 0;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      width: 100%;
      opacity: 0;
      cursor: pointer; }
.section-story-edit .topo-relato-padrao .relato-action-buttons {
  padding: 18px 52px 0 0; }
.section-story-edit .topo-relato-padrao .story-cover-msg {
  overflow: hidden; }
  .section-story-edit .topo-relato-padrao .story-cover-msg .story-cover-loading {
    position: relative;
    float: left;
    line-height: 5em; }
    .section-story-edit .topo-relato-padrao .story-cover-msg .story-cover-loading .sc-loading {
      width: 50px;
      height: 80px;
      vertical-align: middle; }
    .section-story-edit .topo-relato-padrao .story-cover-msg .story-cover-loading .percent {
      display: table;
      position: absolute;
      left: 0;
      bottom: 0;
      top: 0;
      right: 0;
      width: 50px;
      height: 80px; }
      .section-story-edit .topo-relato-padrao .story-cover-msg .story-cover-loading .percent span {
        color: #cad2d4;
        font-size: 12px;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        padding-top: 3px; }
  .section-story-edit .topo-relato-padrao .story-cover-msg .story-cover-attention {
    color: #fff; }
    .section-story-edit .topo-relato-padrao .story-cover-msg .story-cover-attention .btn-info {
      background: transparent;
      border: 1px solid #fff;
      color: #fff; }
    .section-story-edit .topo-relato-padrao .story-cover-msg .story-cover-attention .btn-warning.btn-xs i.icon {
      width: 16px;
      height: 16px;
      margin-right: 5px;
      background: url("/theme/assets/img/icone_usergroups.png") no-repeat;
      /*&.icon-white {
        background-position: -16px 0;
      }*/ }
    .section-story-edit .topo-relato-padrao .story-cover-msg .story-cover-attention .btn-success.btn-xs i.icon {
      width: 16px;
      height: 16px;
      margin-right: 5px;
      background: url("/theme/assets/img/icone_send.png") no-repeat; }
      .section-story-edit .topo-relato-padrao .story-cover-msg .story-cover-attention .btn-success.btn-xs i.icon.icon-white {
        background-position: -16px 0; }
.section-story-edit .alert-wrapper {
  margin-top: 15px; }
.section-story-edit .alert .close {
  position: absolute;
  top: 15px;
  right: 16px;
  opacity: .5;
  font-size: 0.7em;
  color: #143b52; }
.section-story-edit .answers-hint .answers-hint--title {
  font-weight: bold;
  margin: 0 0 15px 0;
  color: #31708f; }
.section-story-edit .alert.alert-custom-relato {
  border-radius: 3px;
  color: #fff;
  background: #55A4F3;
  position: relative;
  margin-top: 30px; }
  @media (min-width: 961px) {
    .section-story-edit .alert.alert-custom-relato {
      margin-top: 0;
      margin-right: 40px; } }
  .section-story-edit .alert.alert-custom-relato .susana-img {
    width: 150px;
    height: auto;
    position: absolute;
    left: 10px;
    top: -128px; }
    @media (max-width: 960px) {
      .section-story-edit .alert.alert-custom-relato .susana-img {
        display: none; } }
  .section-story-edit .alert.alert-custom-relato:after {
    content: url("/theme/assets/img/relato_ajuda_seta_baixo.png");
    position: absolute;
    right: 60px;
    bottom: -86px; }
  @media (min-width: 992px) {
    .section-story-edit .alert.alert-custom-relato:before {
      content: url("/theme/assets/img/relato_ajuda_seta_esq.png");
      position: absolute;
      right: -65px;
      top: 50%; } }
  .section-story-edit .alert.alert-custom-relato h4 {
    color: #fff; }
.section-story-edit .relato-progress {
  overflow: hidden; }
.section-story-edit .story-tags,
.section-story-edit .story-categories {
  overflow: hidden; }
  .section-story-edit .story-tags .categorias .form-group .select2-choices .select2-search-choice,
  .section-story-edit .story-tags .tags .form-group .select2-choices .select2-search-choice,
  .section-story-edit .story-categories .categorias .form-group .select2-choices .select2-search-choice,
  .section-story-edit .story-categories .tags .form-group .select2-choices .select2-search-choice {
    background: #2d84b8;
    color: #fff;
    border: none;
    padding: 5px 10px 5px 26px;
    font-size: 12px;
    font-weight: bold;
    border-radius: 10px; }
    .section-story-edit .story-tags .categorias .form-group .select2-choices .select2-search-choice .select2-search-choice-close,
    .section-story-edit .story-tags .tags .form-group .select2-choices .select2-search-choice .select2-search-choice-close,
    .section-story-edit .story-categories .categorias .form-group .select2-choices .select2-search-choice .select2-search-choice-close,
    .section-story-edit .story-categories .tags .form-group .select2-choices .select2-search-choice .select2-search-choice-close {
      display: block;
      width: 15px;
      height: 15px;
      padding: 2px 4px 0 0;
      border-radius: 100%;
      background: none; }
      .section-story-edit .story-tags .categorias .form-group .select2-choices .select2-search-choice .select2-search-choice-close:before,
      .section-story-edit .story-tags .tags .form-group .select2-choices .select2-search-choice .select2-search-choice-close:before,
      .section-story-edit .story-categories .categorias .form-group .select2-choices .select2-search-choice .select2-search-choice-close:before,
      .section-story-edit .story-categories .tags .form-group .select2-choices .select2-search-choice .select2-search-choice-close:before {
        font-family: 'icons-outline';
        content: "\e04f";
        opacity: 0.8; }
  .section-story-edit .story-tags .categorias .form-group .select2-search-field,
  .section-story-edit .story-tags .categorias .form-group .select2-choices,
  .section-story-edit .story-tags .tags .form-group .select2-search-field,
  .section-story-edit .story-tags .tags .form-group .select2-choices,
  .section-story-edit .story-categories .categorias .form-group .select2-search-field,
  .section-story-edit .story-categories .categorias .form-group .select2-choices,
  .section-story-edit .story-categories .tags .form-group .select2-search-field,
  .section-story-edit .story-categories .tags .form-group .select2-choices {
    border: none;
    background: transparent;
    box-shadow: none;
    margin-top: -3px; }
  .section-story-edit .story-tags .categorias,
  .section-story-edit .story-tags .tags,
  .section-story-edit .story-categories .categorias,
  .section-story-edit .story-categories .tags {
    position: relative; }
    .section-story-edit .story-tags .categorias .btn-xs.btn-primary,
    .section-story-edit .story-tags .tags .btn-xs.btn-primary,
    .section-story-edit .story-categories .categorias .btn-xs.btn-primary,
    .section-story-edit .story-categories .tags .btn-xs.btn-primary {
      position: absolute;
      top: 0;
      right: 0;
      font-size: 12px; }
    .section-story-edit .story-tags .categorias .add-relato-tags,
    .section-story-edit .story-tags .tags .add-relato-tags,
    .section-story-edit .story-categories .categorias .add-relato-tags,
    .section-story-edit .story-categories .tags .add-relato-tags {
      display: block; }
    .section-story-edit .story-tags .categorias .tag,
    .section-story-edit .story-tags .tags .tag,
    .section-story-edit .story-categories .categorias .tag,
    .section-story-edit .story-categories .tags .tag {
      margin: 10px 0; }
      .section-story-edit .story-tags .categorias .tag a,
      .section-story-edit .story-tags .tags .tag a,
      .section-story-edit .story-categories .categorias .tag a,
      .section-story-edit .story-categories .tags .tag a {
        overflow: hidden;
        white-space: nowrap;
        max-width: 100%;
        text-overflow: ellipsis; }
        .section-story-edit .story-tags .categorias .tag a :hover,
        .section-story-edit .story-tags .tags .tag a :hover,
        .section-story-edit .story-categories .categorias .tag a :hover,
        .section-story-edit .story-categories .tags .tag a :hover {
          text-decoration: underline !important; }
    .section-story-edit .story-tags .categorias .editable-field a,
    .section-story-edit .story-tags .categorias a,
    .section-story-edit .story-tags .tags .editable-field a,
    .section-story-edit .story-tags .tags a,
    .section-story-edit .story-categories .categorias .editable-field a,
    .section-story-edit .story-categories .categorias a,
    .section-story-edit .story-categories .tags .editable-field a,
    .section-story-edit .story-categories .tags a {
      background: #55a4f3;
      padding: 3px 10px;
      font-size: 12px;
      font-weight: bold;
      border-radius: 16px;
      color: #fff;
      display: inline-block; }
    .section-story-edit .story-tags .categorias a[href]:hover,
    .section-story-edit .story-tags .tags a[href]:hover,
    .section-story-edit .story-categories .categorias a[href]:hover,
    .section-story-edit .story-categories .tags a[href]:hover {
      text-decoration: underline; }

.sidebar .story-desc {
  position: relative; }
  .sidebar .story-desc .editable-field .content-editable-actions {
    margin: 0;
    padding: 0;
    border: none;
    position: absolute;
    right: 0;
    top: 0; }

.comments .comments-wrapper .comment-username {
  color: #2d84b8; }
.comments .comments-wrapper .comment-user {
  margin-bottom: 30px; }
  .comments .comments-wrapper .comment-user .comment-user--img {
    width: 32px;
    height: 32px; }
  .comments .comments-wrapper .comment-user .comment-user--name {
    font-size: 14px;
    font-weight: normal;
    position: relative;
    top: 10px;
    left: 10px; }
.comments .comments-wrapper .comment-title {
  clear: both;
  font-size: 22px;
  margin-bottom: 22px;
  color: #333; }
.comments .comments-wrapper .comment-paragraph {
  font-size: 18px;
  line-height: 28px;
  margin: 10px 0;
  color: #333; }
  .comments .comments-wrapper .comment-paragraph pre {
    white-space: inherit;
    font-family: inherit; }
.comments .comments-wrapper .btn-comment-wrapper {
  margin-top: 30px; }
.comments .comments-wrapper .box-new-comment {
  background: #7f7f7f;
  padding: 20px 0; }
  .comments .comments-wrapper .box-new-comment .comment-placeholder {
    margin-left: 46px; }
  .comments .comments-wrapper .box-new-comment .btn-default {
    background: transparent; }
  .comments .comments-wrapper .box-new-comment .box-new-comment--textarea .comment-textarea textarea {
    background: #fff;
    border: none; }
.comments .comments-wrapper .comments-wrapper {
  background: #FBFBFB;
  padding-top: 22px; }
.comments .comments-wrapper .comments .btn-group .btn-primary,
.comments .comments-wrapper .comments .btn-group .btn-default {
  margin-left: 10px; }
.comments .comments-wrapper .comments .comment-left {
  float: left;
  margin-top: 25px; }
  .comments .comments-wrapper .comments .comment-left .creator-avatar img {
    border-radius: 50%;
    width: 30px !important;
    height: 30px !important; }
.comments .comments-wrapper .comments .comment-right {
  margin-left: 50px; }
  .comments .comments-wrapper .comments .comment-right .comment-header {
    font-size: 14px;
    line-height: 25px;
    margin-top: 18px; }
.comments .comments-wrapper .comments .comment-body {
  margin-right: 0; }
  .comments .comments-wrapper .comments .comment-body .text {
    font-size: 16px;
    line-height: 25px; }
  .comments .comments-wrapper .comments .comment-body .comment-textarea textarea {
    height: 120px; }
.comments .comments-wrapper .comments .actions {
  margin: 15px 0 20px -15px; }
.comments .comments-wrapper .comment-form {
  padding: 20px 20px 20px 40px;
  margin-top: 20px;
  background: #f6f6f6;
  clear: both;
  padding-bottom: 20px;
  margin: 20px 0 -20px 0;
  border-radius: 0 0 4px 4px;
  min-height: 79px; }
  .comments .comments-wrapper .comment-form .comment-right {
    margin-left: 70px; }
  .comments .comments-wrapper .comment-form .comment-textarea textarea {
    background: #fff;
    margin-bottom: 15px; }
  .comments .comments-wrapper .comment-form .btn-default {
    background: transparent; }
  .comments .comments-wrapper .comment-form .btn-group .btn-primary,
  .comments .comments-wrapper .comment-form .btn-group .btn-default {
    margin-left: 10px; }
  .comments .comments-wrapper .comment-form .user-avatar-area {
    margin-bottom: 10px; }
  .comments .comments-wrapper .comment-form .comment-placeholder {
    font-size: 13px;
    line-height: 35px; }
  .comments .comments-wrapper .comment-form .comment-textarea textarea {
    height: 130px; }
.comments .comment-login-message {
  padding: 0 10px 30px 30px;
  clear: both; }

/****************************************************************
 *
 * CSS Percentage Circle
 * Author: Andre Firchow
 *
*****************************************************************/
.rect-auto, .c100.p51 .slice, .c100.p52 .slice, .c100.p53 .slice, .c100.p54 .slice, .c100.p55 .slice, .c100.p56 .slice, .c100.p57 .slice, .c100.p58 .slice, .c100.p59 .slice, .c100.p60 .slice, .c100.p61 .slice, .c100.p62 .slice, .c100.p63 .slice, .c100.p64 .slice, .c100.p65 .slice, .c100.p66 .slice, .c100.p67 .slice, .c100.p68 .slice, .c100.p69 .slice, .c100.p70 .slice, .c100.p71 .slice, .c100.p72 .slice, .c100.p73 .slice, .c100.p74 .slice, .c100.p75 .slice, .c100.p76 .slice, .c100.p77 .slice, .c100.p78 .slice, .c100.p79 .slice, .c100.p80 .slice, .c100.p81 .slice, .c100.p82 .slice, .c100.p83 .slice, .c100.p84 .slice, .c100.p85 .slice, .c100.p86 .slice, .c100.p87 .slice, .c100.p88 .slice, .c100.p89 .slice, .c100.p90 .slice, .c100.p91 .slice, .c100.p92 .slice, .c100.p93 .slice, .c100.p94 .slice, .c100.p95 .slice, .c100.p96 .slice, .c100.p97 .slice, .c100.p98 .slice, .c100.p99 .slice, .c100.p100 .slice {
  clip: rect(auto, auto, auto, auto); }

.pie, .c100 .bar, .c100.p51 .fill, .c100.p52 .fill, .c100.p53 .fill, .c100.p54 .fill, .c100.p55 .fill, .c100.p56 .fill, .c100.p57 .fill, .c100.p58 .fill, .c100.p59 .fill, .c100.p60 .fill, .c100.p61 .fill, .c100.p62 .fill, .c100.p63 .fill, .c100.p64 .fill, .c100.p65 .fill, .c100.p66 .fill, .c100.p67 .fill, .c100.p68 .fill, .c100.p69 .fill, .c100.p70 .fill, .c100.p71 .fill, .c100.p72 .fill, .c100.p73 .fill, .c100.p74 .fill, .c100.p75 .fill, .c100.p76 .fill, .c100.p77 .fill, .c100.p78 .fill, .c100.p79 .fill, .c100.p80 .fill, .c100.p81 .fill, .c100.p82 .fill, .c100.p83 .fill, .c100.p84 .fill, .c100.p85 .fill, .c100.p86 .fill, .c100.p87 .fill, .c100.p88 .fill, .c100.p89 .fill, .c100.p90 .fill, .c100.p91 .fill, .c100.p92 .fill, .c100.p93 .fill, .c100.p94 .fill, .c100.p95 .fill, .c100.p96 .fill, .c100.p97 .fill, .c100.p98 .fill, .c100.p99 .fill, .c100.p100 .fill {
  position: absolute;
  border: 0.08em solid #307bbb;
  width: 0.84em;
  height: 0.84em;
  clip: rect(0em, 0.5em, 1em, 0em);
  border-radius: 50%;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg); }

.pie-fill, .c100.p51 .bar:after, .c100.p51 .fill, .c100.p52 .bar:after, .c100.p52 .fill, .c100.p53 .bar:after, .c100.p53 .fill, .c100.p54 .bar:after, .c100.p54 .fill, .c100.p55 .bar:after, .c100.p55 .fill, .c100.p56 .bar:after, .c100.p56 .fill, .c100.p57 .bar:after, .c100.p57 .fill, .c100.p58 .bar:after, .c100.p58 .fill, .c100.p59 .bar:after, .c100.p59 .fill, .c100.p60 .bar:after, .c100.p60 .fill, .c100.p61 .bar:after, .c100.p61 .fill, .c100.p62 .bar:after, .c100.p62 .fill, .c100.p63 .bar:after, .c100.p63 .fill, .c100.p64 .bar:after, .c100.p64 .fill, .c100.p65 .bar:after, .c100.p65 .fill, .c100.p66 .bar:after, .c100.p66 .fill, .c100.p67 .bar:after, .c100.p67 .fill, .c100.p68 .bar:after, .c100.p68 .fill, .c100.p69 .bar:after, .c100.p69 .fill, .c100.p70 .bar:after, .c100.p70 .fill, .c100.p71 .bar:after, .c100.p71 .fill, .c100.p72 .bar:after, .c100.p72 .fill, .c100.p73 .bar:after, .c100.p73 .fill, .c100.p74 .bar:after, .c100.p74 .fill, .c100.p75 .bar:after, .c100.p75 .fill, .c100.p76 .bar:after, .c100.p76 .fill, .c100.p77 .bar:after, .c100.p77 .fill, .c100.p78 .bar:after, .c100.p78 .fill, .c100.p79 .bar:after, .c100.p79 .fill, .c100.p80 .bar:after, .c100.p80 .fill, .c100.p81 .bar:after, .c100.p81 .fill, .c100.p82 .bar:after, .c100.p82 .fill, .c100.p83 .bar:after, .c100.p83 .fill, .c100.p84 .bar:after, .c100.p84 .fill, .c100.p85 .bar:after, .c100.p85 .fill, .c100.p86 .bar:after, .c100.p86 .fill, .c100.p87 .bar:after, .c100.p87 .fill, .c100.p88 .bar:after, .c100.p88 .fill, .c100.p89 .bar:after, .c100.p89 .fill, .c100.p90 .bar:after, .c100.p90 .fill, .c100.p91 .bar:after, .c100.p91 .fill, .c100.p92 .bar:after, .c100.p92 .fill, .c100.p93 .bar:after, .c100.p93 .fill, .c100.p94 .bar:after, .c100.p94 .fill, .c100.p95 .bar:after, .c100.p95 .fill, .c100.p96 .bar:after, .c100.p96 .fill, .c100.p97 .bar:after, .c100.p97 .fill, .c100.p98 .bar:after, .c100.p98 .fill, .c100.p99 .bar:after, .c100.p99 .fill, .c100.p100 .bar:after, .c100.p100 .fill {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }

.c100 {
  position: relative;
  font-size: 120px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  float: left;
  margin: 0 0.1em 0.1em 0;
  background-color: #ccc; }
  .c100 *, .c100 *:before, .c100 *:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box; }
  .c100.center {
    float: none;
    margin: 0 auto; }
  .c100.big {
    font-size: 240px; }
  .c100.small {
    font-size: 80px; }
  .c100 > span {
    position: absolute;
    width: 100%;
    z-index: 1;
    left: 0;
    top: 0;
    width: 5em;
    line-height: 5em;
    font-size: 0.2em;
    color: #ccc;
    display: block;
    text-align: center;
    white-space: nowrap;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .c100:after {
    position: absolute;
    top: 0.08em;
    left: 0.08em;
    display: block;
    content: " ";
    border-radius: 50%;
    background-color: #f5f5f5;
    width: 0.84em;
    height: 0.84em; }
  .c100 .slice {
    position: absolute;
    width: 1em;
    height: 1em;
    clip: rect(0em, 1em, 1em, 0.5em); }
  .c100.p1 .bar {
    -webkit-transform: rotate(3.6deg);
    -ms-transform: rotate(3.6deg);
    -o-transform: rotate(3.6deg);
    transform: rotate(3.6deg); }
  .c100.p2 .bar {
    -webkit-transform: rotate(7.2deg);
    -ms-transform: rotate(7.2deg);
    -o-transform: rotate(7.2deg);
    transform: rotate(7.2deg); }
  .c100.p3 .bar {
    -webkit-transform: rotate(10.8deg);
    -ms-transform: rotate(10.8deg);
    -o-transform: rotate(10.8deg);
    transform: rotate(10.8deg); }
  .c100.p4 .bar {
    -webkit-transform: rotate(14.4deg);
    -ms-transform: rotate(14.4deg);
    -o-transform: rotate(14.4deg);
    transform: rotate(14.4deg); }
  .c100.p5 .bar {
    -webkit-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    -o-transform: rotate(18deg);
    transform: rotate(18deg); }
  .c100.p6 .bar {
    -webkit-transform: rotate(21.6deg);
    -ms-transform: rotate(21.6deg);
    -o-transform: rotate(21.6deg);
    transform: rotate(21.6deg); }
  .c100.p7 .bar {
    -webkit-transform: rotate(25.2deg);
    -ms-transform: rotate(25.2deg);
    -o-transform: rotate(25.2deg);
    transform: rotate(25.2deg); }
  .c100.p8 .bar {
    -webkit-transform: rotate(28.8deg);
    -ms-transform: rotate(28.8deg);
    -o-transform: rotate(28.8deg);
    transform: rotate(28.8deg); }
  .c100.p9 .bar {
    -webkit-transform: rotate(32.4deg);
    -ms-transform: rotate(32.4deg);
    -o-transform: rotate(32.4deg);
    transform: rotate(32.4deg); }
  .c100.p10 .bar {
    -webkit-transform: rotate(36deg);
    -ms-transform: rotate(36deg);
    -o-transform: rotate(36deg);
    transform: rotate(36deg); }
  .c100.p11 .bar {
    -webkit-transform: rotate(39.6deg);
    -ms-transform: rotate(39.6deg);
    -o-transform: rotate(39.6deg);
    transform: rotate(39.6deg); }
  .c100.p12 .bar {
    -webkit-transform: rotate(43.2deg);
    -ms-transform: rotate(43.2deg);
    -o-transform: rotate(43.2deg);
    transform: rotate(43.2deg); }
  .c100.p13 .bar {
    -webkit-transform: rotate(46.8deg);
    -ms-transform: rotate(46.8deg);
    -o-transform: rotate(46.8deg);
    transform: rotate(46.8deg); }
  .c100.p14 .bar {
    -webkit-transform: rotate(50.4deg);
    -ms-transform: rotate(50.4deg);
    -o-transform: rotate(50.4deg);
    transform: rotate(50.4deg); }
  .c100.p15 .bar {
    -webkit-transform: rotate(54deg);
    -ms-transform: rotate(54deg);
    -o-transform: rotate(54deg);
    transform: rotate(54deg); }
  .c100.p16 .bar {
    -webkit-transform: rotate(57.6deg);
    -ms-transform: rotate(57.6deg);
    -o-transform: rotate(57.6deg);
    transform: rotate(57.6deg); }
  .c100.p17 .bar {
    -webkit-transform: rotate(61.2deg);
    -ms-transform: rotate(61.2deg);
    -o-transform: rotate(61.2deg);
    transform: rotate(61.2deg); }
  .c100.p18 .bar {
    -webkit-transform: rotate(64.8deg);
    -ms-transform: rotate(64.8deg);
    -o-transform: rotate(64.8deg);
    transform: rotate(64.8deg); }
  .c100.p19 .bar {
    -webkit-transform: rotate(68.4deg);
    -ms-transform: rotate(68.4deg);
    -o-transform: rotate(68.4deg);
    transform: rotate(68.4deg); }
  .c100.p20 .bar {
    -webkit-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    transform: rotate(72deg); }
  .c100.p21 .bar {
    -webkit-transform: rotate(75.6deg);
    -ms-transform: rotate(75.6deg);
    -o-transform: rotate(75.6deg);
    transform: rotate(75.6deg); }
  .c100.p22 .bar {
    -webkit-transform: rotate(79.2deg);
    -ms-transform: rotate(79.2deg);
    -o-transform: rotate(79.2deg);
    transform: rotate(79.2deg); }
  .c100.p23 .bar {
    -webkit-transform: rotate(82.8deg);
    -ms-transform: rotate(82.8deg);
    -o-transform: rotate(82.8deg);
    transform: rotate(82.8deg); }
  .c100.p24 .bar {
    -webkit-transform: rotate(86.4deg);
    -ms-transform: rotate(86.4deg);
    -o-transform: rotate(86.4deg);
    transform: rotate(86.4deg); }
  .c100.p25 .bar {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg); }
  .c100.p26 .bar {
    -webkit-transform: rotate(93.6deg);
    -ms-transform: rotate(93.6deg);
    -o-transform: rotate(93.6deg);
    transform: rotate(93.6deg); }
  .c100.p27 .bar {
    -webkit-transform: rotate(97.2deg);
    -ms-transform: rotate(97.2deg);
    -o-transform: rotate(97.2deg);
    transform: rotate(97.2deg); }
  .c100.p28 .bar {
    -webkit-transform: rotate(100.8deg);
    -ms-transform: rotate(100.8deg);
    -o-transform: rotate(100.8deg);
    transform: rotate(100.8deg); }
  .c100.p29 .bar {
    -webkit-transform: rotate(104.4deg);
    -ms-transform: rotate(104.4deg);
    -o-transform: rotate(104.4deg);
    transform: rotate(104.4deg); }
  .c100.p30 .bar {
    -webkit-transform: rotate(108deg);
    -ms-transform: rotate(108deg);
    -o-transform: rotate(108deg);
    transform: rotate(108deg); }
  .c100.p31 .bar {
    -webkit-transform: rotate(111.6deg);
    -ms-transform: rotate(111.6deg);
    -o-transform: rotate(111.6deg);
    transform: rotate(111.6deg); }
  .c100.p32 .bar {
    -webkit-transform: rotate(115.2deg);
    -ms-transform: rotate(115.2deg);
    -o-transform: rotate(115.2deg);
    transform: rotate(115.2deg); }
  .c100.p33 .bar {
    -webkit-transform: rotate(118.8deg);
    -ms-transform: rotate(118.8deg);
    -o-transform: rotate(118.8deg);
    transform: rotate(118.8deg); }
  .c100.p34 .bar {
    -webkit-transform: rotate(122.4deg);
    -ms-transform: rotate(122.4deg);
    -o-transform: rotate(122.4deg);
    transform: rotate(122.4deg); }
  .c100.p35 .bar {
    -webkit-transform: rotate(126deg);
    -ms-transform: rotate(126deg);
    -o-transform: rotate(126deg);
    transform: rotate(126deg); }
  .c100.p36 .bar {
    -webkit-transform: rotate(129.6deg);
    -ms-transform: rotate(129.6deg);
    -o-transform: rotate(129.6deg);
    transform: rotate(129.6deg); }
  .c100.p37 .bar {
    -webkit-transform: rotate(133.2deg);
    -ms-transform: rotate(133.2deg);
    -o-transform: rotate(133.2deg);
    transform: rotate(133.2deg); }
  .c100.p38 .bar {
    -webkit-transform: rotate(136.8deg);
    -ms-transform: rotate(136.8deg);
    -o-transform: rotate(136.8deg);
    transform: rotate(136.8deg); }
  .c100.p39 .bar {
    -webkit-transform: rotate(140.4deg);
    -ms-transform: rotate(140.4deg);
    -o-transform: rotate(140.4deg);
    transform: rotate(140.4deg); }
  .c100.p40 .bar {
    -webkit-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -o-transform: rotate(144deg);
    transform: rotate(144deg); }
  .c100.p41 .bar {
    -webkit-transform: rotate(147.6deg);
    -ms-transform: rotate(147.6deg);
    -o-transform: rotate(147.6deg);
    transform: rotate(147.6deg); }
  .c100.p42 .bar {
    -webkit-transform: rotate(151.2deg);
    -ms-transform: rotate(151.2deg);
    -o-transform: rotate(151.2deg);
    transform: rotate(151.2deg); }
  .c100.p43 .bar {
    -webkit-transform: rotate(154.8deg);
    -ms-transform: rotate(154.8deg);
    -o-transform: rotate(154.8deg);
    transform: rotate(154.8deg); }
  .c100.p44 .bar {
    -webkit-transform: rotate(158.4deg);
    -ms-transform: rotate(158.4deg);
    -o-transform: rotate(158.4deg);
    transform: rotate(158.4deg); }
  .c100.p45 .bar {
    -webkit-transform: rotate(162deg);
    -ms-transform: rotate(162deg);
    -o-transform: rotate(162deg);
    transform: rotate(162deg); }
  .c100.p46 .bar {
    -webkit-transform: rotate(165.6deg);
    -ms-transform: rotate(165.6deg);
    -o-transform: rotate(165.6deg);
    transform: rotate(165.6deg); }
  .c100.p47 .bar {
    -webkit-transform: rotate(169.2deg);
    -ms-transform: rotate(169.2deg);
    -o-transform: rotate(169.2deg);
    transform: rotate(169.2deg); }
  .c100.p48 .bar {
    -webkit-transform: rotate(172.8deg);
    -ms-transform: rotate(172.8deg);
    -o-transform: rotate(172.8deg);
    transform: rotate(172.8deg); }
  .c100.p49 .bar {
    -webkit-transform: rotate(176.4deg);
    -ms-transform: rotate(176.4deg);
    -o-transform: rotate(176.4deg);
    transform: rotate(176.4deg); }
  .c100.p50 .bar {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }
  .c100.p51 .bar {
    -webkit-transform: rotate(183.6deg);
    -ms-transform: rotate(183.6deg);
    -o-transform: rotate(183.6deg);
    transform: rotate(183.6deg); }
  .c100.p52 .bar {
    -webkit-transform: rotate(187.2deg);
    -ms-transform: rotate(187.2deg);
    -o-transform: rotate(187.2deg);
    transform: rotate(187.2deg); }
  .c100.p53 .bar {
    -webkit-transform: rotate(190.8deg);
    -ms-transform: rotate(190.8deg);
    -o-transform: rotate(190.8deg);
    transform: rotate(190.8deg); }
  .c100.p54 .bar {
    -webkit-transform: rotate(194.4deg);
    -ms-transform: rotate(194.4deg);
    -o-transform: rotate(194.4deg);
    transform: rotate(194.4deg); }
  .c100.p55 .bar {
    -webkit-transform: rotate(198deg);
    -ms-transform: rotate(198deg);
    -o-transform: rotate(198deg);
    transform: rotate(198deg); }
  .c100.p56 .bar {
    -webkit-transform: rotate(201.6deg);
    -ms-transform: rotate(201.6deg);
    -o-transform: rotate(201.6deg);
    transform: rotate(201.6deg); }
  .c100.p57 .bar {
    -webkit-transform: rotate(205.2deg);
    -ms-transform: rotate(205.2deg);
    -o-transform: rotate(205.2deg);
    transform: rotate(205.2deg); }
  .c100.p58 .bar {
    -webkit-transform: rotate(208.8deg);
    -ms-transform: rotate(208.8deg);
    -o-transform: rotate(208.8deg);
    transform: rotate(208.8deg); }
  .c100.p59 .bar {
    -webkit-transform: rotate(212.4deg);
    -ms-transform: rotate(212.4deg);
    -o-transform: rotate(212.4deg);
    transform: rotate(212.4deg); }
  .c100.p60 .bar {
    -webkit-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    transform: rotate(216deg); }
  .c100.p61 .bar {
    -webkit-transform: rotate(219.6deg);
    -ms-transform: rotate(219.6deg);
    -o-transform: rotate(219.6deg);
    transform: rotate(219.6deg); }
  .c100.p62 .bar {
    -webkit-transform: rotate(223.2deg);
    -ms-transform: rotate(223.2deg);
    -o-transform: rotate(223.2deg);
    transform: rotate(223.2deg); }
  .c100.p63 .bar {
    -webkit-transform: rotate(226.8deg);
    -ms-transform: rotate(226.8deg);
    -o-transform: rotate(226.8deg);
    transform: rotate(226.8deg); }
  .c100.p64 .bar {
    -webkit-transform: rotate(230.4deg);
    -ms-transform: rotate(230.4deg);
    -o-transform: rotate(230.4deg);
    transform: rotate(230.4deg); }
  .c100.p65 .bar {
    -webkit-transform: rotate(234deg);
    -ms-transform: rotate(234deg);
    -o-transform: rotate(234deg);
    transform: rotate(234deg); }
  .c100.p66 .bar {
    -webkit-transform: rotate(237.6deg);
    -ms-transform: rotate(237.6deg);
    -o-transform: rotate(237.6deg);
    transform: rotate(237.6deg); }
  .c100.p67 .bar {
    -webkit-transform: rotate(241.2deg);
    -ms-transform: rotate(241.2deg);
    -o-transform: rotate(241.2deg);
    transform: rotate(241.2deg); }
  .c100.p68 .bar {
    -webkit-transform: rotate(244.8deg);
    -ms-transform: rotate(244.8deg);
    -o-transform: rotate(244.8deg);
    transform: rotate(244.8deg); }
  .c100.p69 .bar {
    -webkit-transform: rotate(248.4deg);
    -ms-transform: rotate(248.4deg);
    -o-transform: rotate(248.4deg);
    transform: rotate(248.4deg); }
  .c100.p70 .bar {
    -webkit-transform: rotate(252deg);
    -ms-transform: rotate(252deg);
    -o-transform: rotate(252deg);
    transform: rotate(252deg); }
  .c100.p71 .bar {
    -webkit-transform: rotate(255.6deg);
    -ms-transform: rotate(255.6deg);
    -o-transform: rotate(255.6deg);
    transform: rotate(255.6deg); }
  .c100.p72 .bar {
    -webkit-transform: rotate(259.2deg);
    -ms-transform: rotate(259.2deg);
    -o-transform: rotate(259.2deg);
    transform: rotate(259.2deg); }
  .c100.p73 .bar {
    -webkit-transform: rotate(262.8deg);
    -ms-transform: rotate(262.8deg);
    -o-transform: rotate(262.8deg);
    transform: rotate(262.8deg); }
  .c100.p74 .bar {
    -webkit-transform: rotate(266.4deg);
    -ms-transform: rotate(266.4deg);
    -o-transform: rotate(266.4deg);
    transform: rotate(266.4deg); }
  .c100.p75 .bar {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg); }
  .c100.p76 .bar {
    -webkit-transform: rotate(273.6deg);
    -ms-transform: rotate(273.6deg);
    -o-transform: rotate(273.6deg);
    transform: rotate(273.6deg); }
  .c100.p77 .bar {
    -webkit-transform: rotate(277.2deg);
    -ms-transform: rotate(277.2deg);
    -o-transform: rotate(277.2deg);
    transform: rotate(277.2deg); }
  .c100.p78 .bar {
    -webkit-transform: rotate(280.8deg);
    -ms-transform: rotate(280.8deg);
    -o-transform: rotate(280.8deg);
    transform: rotate(280.8deg); }
  .c100.p79 .bar {
    -webkit-transform: rotate(284.4deg);
    -ms-transform: rotate(284.4deg);
    -o-transform: rotate(284.4deg);
    transform: rotate(284.4deg); }
  .c100.p80 .bar {
    -webkit-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -o-transform: rotate(288deg);
    transform: rotate(288deg); }
  .c100.p81 .bar {
    -webkit-transform: rotate(291.6deg);
    -ms-transform: rotate(291.6deg);
    -o-transform: rotate(291.6deg);
    transform: rotate(291.6deg); }
  .c100.p82 .bar {
    -webkit-transform: rotate(295.2deg);
    -ms-transform: rotate(295.2deg);
    -o-transform: rotate(295.2deg);
    transform: rotate(295.2deg); }
  .c100.p83 .bar {
    -webkit-transform: rotate(298.8deg);
    -ms-transform: rotate(298.8deg);
    -o-transform: rotate(298.8deg);
    transform: rotate(298.8deg); }
  .c100.p84 .bar {
    -webkit-transform: rotate(302.4deg);
    -ms-transform: rotate(302.4deg);
    -o-transform: rotate(302.4deg);
    transform: rotate(302.4deg); }
  .c100.p85 .bar {
    -webkit-transform: rotate(306deg);
    -ms-transform: rotate(306deg);
    -o-transform: rotate(306deg);
    transform: rotate(306deg); }
  .c100.p86 .bar {
    -webkit-transform: rotate(309.6deg);
    -ms-transform: rotate(309.6deg);
    -o-transform: rotate(309.6deg);
    transform: rotate(309.6deg); }
  .c100.p87 .bar {
    -webkit-transform: rotate(313.2deg);
    -ms-transform: rotate(313.2deg);
    -o-transform: rotate(313.2deg);
    transform: rotate(313.2deg); }
  .c100.p88 .bar {
    -webkit-transform: rotate(316.8deg);
    -ms-transform: rotate(316.8deg);
    -o-transform: rotate(316.8deg);
    transform: rotate(316.8deg); }
  .c100.p89 .bar {
    -webkit-transform: rotate(320.4deg);
    -ms-transform: rotate(320.4deg);
    -o-transform: rotate(320.4deg);
    transform: rotate(320.4deg); }
  .c100.p90 .bar {
    -webkit-transform: rotate(324deg);
    -ms-transform: rotate(324deg);
    -o-transform: rotate(324deg);
    transform: rotate(324deg); }
  .c100.p91 .bar {
    -webkit-transform: rotate(327.6deg);
    -ms-transform: rotate(327.6deg);
    -o-transform: rotate(327.6deg);
    transform: rotate(327.6deg); }
  .c100.p92 .bar {
    -webkit-transform: rotate(331.2deg);
    -ms-transform: rotate(331.2deg);
    -o-transform: rotate(331.2deg);
    transform: rotate(331.2deg); }
  .c100.p93 .bar {
    -webkit-transform: rotate(334.8deg);
    -ms-transform: rotate(334.8deg);
    -o-transform: rotate(334.8deg);
    transform: rotate(334.8deg); }
  .c100.p94 .bar {
    -webkit-transform: rotate(338.4deg);
    -ms-transform: rotate(338.4deg);
    -o-transform: rotate(338.4deg);
    transform: rotate(338.4deg); }
  .c100.p95 .bar {
    -webkit-transform: rotate(342deg);
    -ms-transform: rotate(342deg);
    -o-transform: rotate(342deg);
    transform: rotate(342deg); }
  .c100.p96 .bar {
    -webkit-transform: rotate(345.6deg);
    -ms-transform: rotate(345.6deg);
    -o-transform: rotate(345.6deg);
    transform: rotate(345.6deg); }
  .c100.p97 .bar {
    -webkit-transform: rotate(349.2deg);
    -ms-transform: rotate(349.2deg);
    -o-transform: rotate(349.2deg);
    transform: rotate(349.2deg); }
  .c100.p98 .bar {
    -webkit-transform: rotate(352.8deg);
    -ms-transform: rotate(352.8deg);
    -o-transform: rotate(352.8deg);
    transform: rotate(352.8deg); }
  .c100.p99 .bar {
    -webkit-transform: rotate(356.4deg);
    -ms-transform: rotate(356.4deg);
    -o-transform: rotate(356.4deg);
    transform: rotate(356.4deg); }
  .c100.p100 .bar {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); }
  .c100:hover {
    cursor: default;
    /*&:after{
      top: $circle-width-hover;
      left: $circle-width-hover;
      width: 1 - (2 * $circle-width-hover);
      height: 1 - (2 * $circle-width-hover);
    }*/ }
    .c100:hover > span {
      width: 3.33em;
      line-height: 3.33em;
      font-size: 0.3em;
      color: #307bbb; }
  .c100.dark {
    background-color: #777; }
    .c100.dark .bar,
    .c100.dark .fill {
      border-color: #c6ff00 !important; }
    .c100.dark > span {
      color: #777; }
    .c100.dark:after {
      background-color: #666; }
    .c100.dark:hover > span {
      color: #c6ff00; }
  .c100.green .bar, .c100.green .fill {
    border-color: #4db53c !important; }
  .c100.green:hover > span {
    color: #4db53c; }
  .c100.green.dark .bar, .c100.green.dark .fill {
    border-color: #5fd400 !important; }
  .c100.green.dark:hover > span {
    color: #5fd400; }
  .c100.orange .bar, .c100.orange .fill {
    border-color: #dd9d22 !important; }
  .c100.orange:hover > span {
    color: #dd9d22; }
  .c100.orange.dark .bar, .c100.orange.dark .fill {
    border-color: #e08833 !important; }
  .c100.orange.dark:hover > span {
    color: #e08833; }

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0; }

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

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

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

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

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

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

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

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

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

.form-control,
.note-editor {
  display: block;
  width: 100%;
  height: 40px;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.62857;
  color: #555555;
  background-color: #eeeeee;
  background-image: none;
  border: 1px solid #eeeeee;
  border-radius: 3px;
  box-shadow: none;
  height: 35px; }
  .form-control:focus,
  .note-editor:focus {
    border-color: #eee;
    outline: 0;
    box-shadow: none; }
  .form-control::-moz-placeholder,
  .note-editor::-moz-placeholder {
    color: #777777;
    opacity: 1; }
  .form-control:-ms-input-placeholder,
  .note-editor:-ms-input-placeholder {
    color: #777777; }
  .form-control::-webkit-input-placeholder,
  .note-editor::-webkit-input-placeholder {
    color: #777777; }
  .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control,
  .note-editor[disabled],
  .note-editor[readonly], fieldset[disabled]
  .note-editor {
    cursor: not-allowed;
    background-color: #e1e1e1;
    opacity: 0.8; }

.note-editor {
  height: auto;
  width: auto;
  position: relative;
  padding-top: 0; }
  .note-editor .note-toolbar {
    border: none;
    background: transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    position: relative; }
    .note-editor .note-toolbar button.btn.btn-default, .note-editor .note-toolbar .section-story button.btn-default.file-input-wrapper-2, .section-story .note-editor .note-toolbar button.btn-default.file-input-wrapper-2 {
      background: transparent;
      margin-left: 9px !important; }
    .note-editor .note-toolbar .dropdown-menu {
      top: 35px; }
  .note-editor .note-editable {
    clear: both; }

.comment-textarea .note-toolbar button[data-event="underline"],
.comment-textarea .note-toolbar button[data-original-title="Paragraph"],
.comment-textarea .note-toolbar button[data-original-title="Style"],
.comment-textarea .note-toolbar button[data-event="showHelpDialog"],
.comment-textarea .note-toolbar button[data-event="fullscreen"] {
  display: none; }

.comment-body .actions {
  padding-bottom: 20px;
  text-align: right; }

.form-resposta-area form .form-group:last-child {
  text-align: right; }
  .form-resposta-area form .form-group:last-child .btn-default {
    color: #fff;
    background: #C62761; }

@media (min-width: 735px) {
  .note-editor {
    padding-top: 0; } }
.comment-form .user-avatar-area {
  position: relative; }

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

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  line-height: 40px;
  line-height: 1.62857 \0; }
  input[type="date"].input-sm, .form-horizontal .form-group-sm input[type="date"].form-control,
  input[type="time"].input-sm,
  .form-horizontal .form-group-sm input[type="time"].form-control,
  input[type="datetime-local"].input-sm,
  .form-horizontal .form-group-sm input[type="datetime-local"].form-control,
  input[type="month"].input-sm,
  .form-horizontal .form-group-sm input[type="month"].form-control {
    line-height: 33px; }
  input[type="date"].input-lg, .form-horizontal .form-group-lg input[type="date"].form-control,
  input[type="time"].input-lg,
  .form-horizontal .form-group-lg input[type="time"].form-control,
  input[type="datetime-local"].input-lg,
  .form-horizontal .form-group-lg input[type="datetime-local"].form-control,
  input[type="month"].input-lg,
  .form-horizontal .form-group-lg input[type="month"].form-control {
    line-height: 49px; }

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

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

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9; }

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

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

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

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

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

.radio.disabled label, fieldset[disabled] .radio label,
.checkbox.disabled label, fieldset[disabled]
.checkbox label {
  cursor: not-allowed; }

.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0; }
  .form-control-static.input-lg, .form-horizontal .form-group-lg .form-control-static.form-control, .form-control-static.input-sm, .form-horizontal .form-group-sm .form-control-static.form-control {
    padding-left: 0;
    padding-right: 0; }

.input-sm, .form-horizontal .form-group-sm .form-control {
  height: 33px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 3px; }

.input-lg, .form-horizontal .form-group-lg .form-control {
  height: 49px;
  padding: 10px 16px;
  font-size: 20px;
  line-height: 1.33;
  border-radius: 6px; }

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

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

.input-lg + .form-control-feedback, .form-horizontal .form-group-lg .form-control + .form-control-feedback {
  width: 49px;
  height: 49px;
  line-height: 49px; }

.input-sm + .form-control-feedback, .form-horizontal .form-group-sm .form-control + .form-control-feedback {
  width: 33px;
  height: 33px;
  line-height: 33px; }

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
  color: #01a283; }
.has-success .form-control {
  border-color: #01a283; }
  .has-success .form-control:focus {
    border-color: #016f5a; }
.has-success .input-group-addon {
  color: #01a283;
  border-color: #01a283;
  background-color: #def0d8; }
.has-success .form-control-feedback {
  color: #01a283; }

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline {
  color: #f9ab2d; }
.has-warning .form-control {
  border-color: #f9ab2d; }
  .has-warning .form-control:focus {
    border-color: #ec9507; }
.has-warning .input-group-addon {
  color: #f9ab2d;
  border-color: #f9ab2d;
  background-color: #fbf4e1; }
.has-warning .form-control-feedback {
  color: #f9ab2d; }

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
  color: #c03724; }
.has-error .form-control {
  border-color: #c03724; }
  .has-error .form-control:focus {
    border-color: #952b1c; }
.has-error .input-group-addon {
  color: #c03724;
  border-color: #c03724;
  background-color: #fde0e2; }
.has-error .form-control-feedback {
  color: #c03724; }

.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0; }

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

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

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

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0; }

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

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

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

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

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

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

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

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

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

.form-control {
  display: block;
  width: 100%;
  height: 40px;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.62857;
  color: #555555;
  background-color: #eeeeee;
  background-image: none;
  border: 2px solid #eeeeee;
  border-radius: 3px; }
  .form-control:focus {
    border-color: #eee;
    outline: 0; }
  .form-control::-moz-placeholder {
    color: #777777;
    opacity: 1; }
  .form-control:-ms-input-placeholder {
    color: #777777; }
  .form-control::-webkit-input-placeholder {
    color: #777777; }
  .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #e1e1e1;
    opacity: 0.8; }

textarea.form-control {
  height: auto; }

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

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  line-height: 40px;
  line-height: 1.62857 \0; }
  input[type="date"].input-sm, .form-horizontal .form-group-sm input[type="date"].form-control,
  input[type="time"].input-sm,
  .form-horizontal .form-group-sm input[type="time"].form-control,
  input[type="datetime-local"].input-sm,
  .form-horizontal .form-group-sm input[type="datetime-local"].form-control,
  input[type="month"].input-sm,
  .form-horizontal .form-group-sm input[type="month"].form-control {
    line-height: 33px; }
  input[type="date"].input-lg, .form-horizontal .form-group-lg input[type="date"].form-control,
  input[type="time"].input-lg,
  .form-horizontal .form-group-lg input[type="time"].form-control,
  input[type="datetime-local"].input-lg,
  .form-horizontal .form-group-lg input[type="datetime-local"].form-control,
  input[type="month"].input-lg,
  .form-horizontal .form-group-lg input[type="month"].form-control {
    line-height: 49px; }

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

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

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9; }

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

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

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

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

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

.radio.disabled label, fieldset[disabled] .radio label,
.checkbox.disabled label, fieldset[disabled]
.checkbox label {
  cursor: not-allowed; }

.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0; }
  .form-control-static.input-lg, .form-horizontal .form-group-lg .form-control-static.form-control, .form-control-static.input-sm, .form-horizontal .form-group-sm .form-control-static.form-control {
    padding-left: 0;
    padding-right: 0; }

.input-sm, .form-horizontal .form-group-sm .form-control {
  height: 33px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 3px; }

.input-lg, .form-horizontal .form-group-lg .form-control {
  height: 49px;
  padding: 10px 16px;
  font-size: 20px;
  line-height: 1.33;
  border-radius: 6px; }

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

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

.input-lg + .form-control-feedback, .form-horizontal .form-group-lg .form-control + .form-control-feedback {
  width: 49px;
  height: 49px;
  line-height: 49px; }

.input-sm + .form-control-feedback, .form-horizontal .form-group-sm .form-control + .form-control-feedback {
  width: 33px;
  height: 33px;
  line-height: 33px; }

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
  color: #01a283; }
.has-success .form-control {
  border-color: #01a283; }
  .has-success .form-control:focus {
    border-color: #016f5a; }
.has-success .input-group-addon {
  color: #01a283;
  border-color: #01a283;
  background-color: #def0d8; }
.has-success .form-control-feedback {
  color: #01a283; }

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline {
  color: #f9ab2d; }
.has-warning .form-control {
  border-color: #f9ab2d; }
  .has-warning .form-control:focus {
    border-color: #ec9507; }
.has-warning .input-group-addon {
  color: #f9ab2d;
  border-color: #f9ab2d;
  background-color: #fbf4e1; }
.has-warning .form-control-feedback {
  color: #f9ab2d; }

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
  color: #c03724; }
.has-error .form-control {
  border-color: #c03724; }
  .has-error .form-control:focus {
    border-color: #952b1c; }
.has-error .input-group-addon {
  color: #c03724;
  border-color: #c03724;
  background-color: #fde0e2; }
.has-error .form-control-feedback {
  color: #c03724; }

.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0; }

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

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

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

.story-form-required {
  color: #f00;
  font-size: 10px; }

.story-form-count {
  float: right;
  font-size: 12px; }

.rate {
  font-size: 0.0em;
  text-align: center;
  padding-bottom: 15px; }
  .rate.show {
    border-bottom: 1px dashed #cacaca; }
    .rate.show .item {
      width: 48px;
      margin: 0 5px;
      display: inline-block; }
    .rate.show .rating {
      display: inline-block;
      width: 24px;
      height: 42px;
      background: url("/theme/assets/img/rate_sprite.png") no-repeat -48px 0;
      margin-top: 10px;
      margin-bottom: 15px; }
      .rate.show .rating.even.active {
        background-position: 0 0; }
      .rate.show .rating.odd {
        background-position: -72px 0; }
        .rate.show .rating.odd.active {
          background-position: -24px 0; }
    .rate.show .total_rates {
      font-size: 14px;
      color: #858585;
      text-align: right;
      clear: both; }
  .rate.input {
    overflow: hidden;
    display: inline-block; }
    .rate.input .rating-input {
      float: right;
      display: none; }
    .rate.input .rating-input:checked ~ .rating {
      background-position: 0 -42px; }
    .rate.input label.rating {
      display: inline-block;
      width: 37px;
      height: 32px;
      background: url("/theme/assets/img/rate_sprite.png") no-repeat -37px -42px;
      float: right;
      cursor: pointer;
      margin: 15px 27px; }
      .rate.input label.rating:hover, .rate.input label.rating:hover ~ .rating {
        background-position: 0 -42px; }

.rate-progresses {
  padding: 15px 0 0 0;
  margin-bottom: 20px;
  border-bottom: 1px dashed #cacaca; }
  .rate-progresses .progress-label {
    font-weight: 700; }
    .rate-progresses .progress-label span {
      font-weight: normal; }

.avalie-label {
  margin-top: 2px; }

.heart-css-icon {
  position: relative;
  width: 10px;
  height: 10px;
  background-color: white;
  transform: rotate(45deg);
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle; }
  .heart-css-icon:before, .heart-css-icon:after {
    position: absolute;
    width: 10px;
    height: 10px;
    content: '';
    border-radius: 50%;
    background-color: white; }
  .heart-css-icon:before {
    bottom: 0px;
    left: -5px; }
  .heart-css-icon:after {
    top: -5px;
    right: 0px; }

.btn-success.rated {
  background: #fff;
  border-color: #ccc;
  color: #ccc;
  cursor: initial; }
  .btn-success.rated .icon {
    margin-right: 10px;
    opacity: .25; }
  .btn-success.rated .icon16 {
    background-image: url("/theme/assets/img/base_icons_16.png");
    background-repeat: no-repeat;
    background-color: transparent;
    width: 16px;
    height: 16px; }
  .btn-success.rated:hover {
    color: #ccc;
    background-color: #fff;
    border-color: #ccc; }

.rate-input-container {
  text-align: center; }

.rate-more {
  width: 80%;
  margin: auto;
  overflow: hidden; }
  .rate-more > label {
    width: 46%;
    float: left;
    margin: 10px 2%;
    font-weight: bold; }
    .rate-more > label input:checked + span {
      color: #00a185; }

.modal-rate .modal-header {
  background: #00a185;
  overflow: hidden;
  border: none;
  position: relative;
  left: 0;
  top: 0;
  right: 0;
  height: auto;
  transition: all 1s ease-out; }
  .modal-rate .modal-header .close {
    color: #fff;
    border: 2px solid #fff;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    vertical-align: middle;
    opacity: 1; }
  .modal-rate .modal-header .modal-header-prerate {
    display: block;
    margin: 30px auto; }
  .modal-rate .modal-header .modal-header-rated {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -84.5px 0 0 -68.5px;
    display: none; }
.modal-rate .modal-body h1, .modal-rate .modal-body h2 {
  color: #00a185;
  text-align: center; }
.modal-rate .modal-body .terms-subtitle {
  margin-top: 0; }
.modal-rate .modal-footer {
  text-align: center;
  border: none; }
.modal-rate.rated .modal-header {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  transition: all 1s ease-out;
  height: 100%;
  z-index: 3; }
  .modal-rate.rated .modal-header .modal-header-prerate {
    display: none; }
  .modal-rate.rated .modal-header .modal-header-rated {
    display: block; }
.modal-rate.rated .modal-body,
.modal-rate.rated .modal-footer {
  opacity: 0; }

/* -------------------------------- 

xnugget info 

-------------------------------- */
.cd-nugget-info {
  position: absolute;
  width: 60%;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  z-index: 1;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.cd-nugget-info h1 {
  color: #fefffb;
  font-size: 2.4rem;
  margin: .6em 0; }

.cd-nugget-info .cd-btn {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  border: none;
  border-radius: 50em;
  background: #ff962c;
  padding: 1em 2em;
  color: #fefffb;
  font-weight: bold;
  font-size: 1.4rem;
  cursor: pointer;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); }

.cd-nugget-info .cd-btn:active {
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9); }

.no-touch .cd-nugget-info .cd-btn:hover, .cd-nugget-info .cd-btn:focus {
  outline: none;
  background: #ffa346; }

@media only screen and (min-width: 767px) {
  .cd-nugget-info h1 {
    font-size: 4.2rem;
    font-weight: 300; }

  .cd-nugget-info .cd-btn {
    font-size: 1.6rem; } }
/* -------------------------------- 

Main Components 

-------------------------------- */
.cd-tour-wrapper {
  position: fixed;
  z-index: 1001;
  height: 90%;
  width: 90%;
  left: 50%;
  top: 50%;
  padding: 0;
  margin: 0;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.4s 0s, visibility 0s 0.4s;
  -moz-transition: opacity 0.4s 0s, visibility 0s 0.4s;
  transition: opacity 0.4s 0s, visibility 0s 0.4s; }

.cd-tour-wrapper::before {
  /* never visible - this is used in jQuery to check the current MQ */
  display: none;
  content: 'mobile'; }

.cd-tour-wrapper.active {
  /* start tour */
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 0.4s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.4s 0s, visibility 0s 0s;
  transition: opacity 0.4s 0s, visibility 0s 0s; }

@media only screen and (min-width: 600px) {
  .cd-tour-wrapper {
    max-width: 500px;
    max-height: 600px; } }
@media only screen and (min-width: 767px) {
  .cd-tour-wrapper {
    /* reset style */
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    max-width: none;
    max-height: none;
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }

  .cd-tour-wrapper::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: 'desktop'; }

  .cd-tour-wrapper.active {
    visibility: hidden; } }
.cd-single-step {
  /* tour single step */
  position: absolute;
  z-index: 1000;
  width: 100%;
  left: 0;
  top: 0;
  background-color: #fff;
  border-radius: 3px;
  opacity: 0;
  /* Force Hardware Acceleration */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform 0.4s 0s, opacity 0s 0.4s;
  -moz-transition: -moz-transform 0.4s 0s, opacity 0s 0.4s;
  transition: transform 0.4s 0s, opacity 0s 0.4s; }

.cd-single-step > span {
  /* dot indicator - visible on desktop version only */
  position: relative;
  z-index: 1;
  display: block;
  width: 10px;
  height: 10px;
  border-radius: inherit;
  background: #ff962c;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s;
  /* replace text with background images */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  /* hide on mobile */
  display: none; }

.cd-single-step::after {
  /* this is used to create the pulse animation */
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: inherit;
  /* Force Hardware Acceleration */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  /* hide on mobile */
  display: none; }

.active .cd-single-step {
  /* tour started */
  -webkit-transform: scale(1) translateX(100%);
  -moz-transform: scale(1) translateX(100%);
  -ms-transform: scale(1) translateX(100%);
  -o-transform: scale(1) translateX(100%);
  transform: scale(1) translateX(100%);
  -webkit-transition: -webkit-transform 0.4s 0s, opacity 0.4s 0s;
  -moz-transition: -moz-transform 0.4s 0s, opacity 0.4s 0s;
  transition: transform 0.4s 0s, opacity 0.4s 0s; }

.active .cd-single-step.move-left {
  -webkit-transform: scale(1) translateX(-100%);
  -moz-transform: scale(1) translateX(-100%);
  -ms-transform: scale(1) translateX(-100%);
  -o-transform: scale(1) translateX(-100%);
  transform: scale(1) translateX(-100%); }

.active .cd-single-step.is-selected {
  /* visible step */
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.4s 0s;
  -moz-transition: -moz-transform 0.4s 0s;
  transition: transform 0.4s 0s; }

@media only screen and (min-width: 767px) {
  .cd-single-step {
    /* reset style */
    height: auto;
    width: auto;
    top: auto;
    left: auto;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    border-radius: 50%;
    visibility: hidden;
    opacity: 1;
    background-color: transparent;
    box-shadow: none;
    -webkit-transition: visibility 0s 0.4s;
    -moz-transition: visibility 0s 0.4s;
    transition: visibility 0s 0.4s; }

  .cd-single-step > span, .cd-single-step::after {
    display: block; }

  .active .cd-single-step, .active .cd-single-step.move-left {
    -webkit-transition: visibility 0s 0.4s;
    -moz-transition: visibility 0s 0.4s;
    transition: visibility 0s 0.4s;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }

  .cd-single-step.is-selected {
    visibility: visible;
    -webkit-transition: visibility 0s 0s;
    -moz-transition: visibility 0s 0s;
    transition: visibility 0s 0s; }

  .cd-single-step.is-selected > span {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }

  .cd-single-step.is-selected::after {
    -webkit-animation: cd-pulse 2s infinite;
    -moz-animation: cd-pulse 2s infinite;
    animation: cd-pulse 2s infinite;
    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    animation-delay: 0.5s; }

  .cd-single-step.is-selected .cd-more-info {
    opacity: 1; } }
@-webkit-keyframes cd-pulse {
  0% {
    box-shadow: 0 0 0 0 #ff962c; }
  100% {
    box-shadow: 0 0 0 20px rgba(255, 150, 44, 0); } }
@-moz-keyframes cd-pulse {
  0% {
    box-shadow: 0 0 0 0 #ff962c; }
  100% {
    box-shadow: 0 0 0 20px rgba(255, 150, 44, 0); } }
@keyframes cd-pulse {
  0% {
    box-shadow: 0 0 0 0 #ff962c; }
  100% {
    box-shadow: 0 0 0 20px rgba(255, 150, 44, 0); } }
.cd-single-step .cd-more-info {
  z-index: 1;
  padding: 50px 10px 10px 10px;
  width: 100%;
  font-size: 12px;
  color: #444; }

.cd-single-step .cd-more-info::after {
  clear: both;
  content: "";
  display: table; }

.cd-single-step .cd-more-info::before {
  /* triangle next to the step description - hidden on mobile */
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  border: 6px solid transparent;
  display: none; }

.cd-single-step .cd-more-info h2 {
  font-size: 2rem;
  line-height: 1.2;
  margin-bottom: .4em; }

.cd-single-step .cd-more-info img.tuto-img {
  margin-bottom: 1.4em;
  max-width: 100%;
  display: block;
  margin: auto; }

/*.cd-single-step .cd-more-info .cd-close {
  /* 'X' icon to skip the tour */
/*position: absolute;
top: 10px;
right: 10px;
width: 32px;
height: 32px;
/* replace text with background images */
  /*overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}*/
/*.cd-single-step .cd-more-info .cd-close::after, .cd-single-step .cd-more-info .cd-close:before {
  /* these are the 2 lines of the 'X' icon */
/*content: '';
position: absolute;
left: 50%;
top: 50%;
height: 2px;
width: 16px;
border-radius: 4em;
background-color: #cbccc8;
/* Force Hardware Acceleration */
  /*-webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}*/
/*.cd-single-step .cd-more-info .cd-close::after {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.cd-single-step .cd-more-info .cd-close::before {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}*/
.cd-single-step .cd-more-info span {
  /* step count e.g. 1 of 3*/
  float: left;
  padding-top: .1em;
  font-size: 1.3rem;
  font-family: Georgia, serif; }

@media only screen and (min-width: 767px) {
  .cd-single-step .cd-more-info {
    position: absolute;
    width: 340px;
    border-radius: 3px;
    opacity: 0;
    background-color: #fff;
    -webkit-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    transition: opacity 0.4s;
    border-color: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }

  .cd-single-step .cd-more-info p {
    margin: 0 0 46px 130px;
    font-size: 12px;
    color: #444; }

  .cd-single-step .cd-more-info img.tuto-img {
    display: none; }

  .cd-single-step .cd-more-info::before {
    /* triangle next to the step description - hidden on mobile */
    display: block; }

  .cd-single-step .cd-more-info.left {
    right: calc(100% + 15px);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }

  .cd-single-step .cd-more-info.right {
    left: calc(100% + 15px);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }

  .cd-single-step .cd-more-info.left, .cd-single-step .cd-more-info.right {
    top: 50%; }

  .cd-single-step .cd-more-info.top {
    bottom: calc(100% + 15px);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%); }

  .cd-single-step .cd-more-info.bottom {
    top: calc(100% + 15px);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%); }

  .cd-single-step .cd-more-info.top, .cd-single-step .cd-more-info.bottom {
    left: 50%; }

  .cd-single-step .cd-more-info.left::before, .cd-single-step .cd-more-info.right::before {
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }

  .cd-single-step .cd-more-info.top::before, .cd-single-step .cd-more-info.bottom::before {
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%); }

  .cd-single-step .cd-more-info.left::before {
    border-left-color: inherit;
    left: 100%; }

  .cd-single-step .cd-more-info.right::before {
    border-right-color: inherit;
    right: 100%; }

  .cd-single-step .cd-more-info.top::before {
    border-top-color: inherit;
    top: 100%; }

  .cd-single-step .cd-more-info.bottom::before {
    border-bottom-color: inherit;
    bottom: 100%; }

  .is-selected .cd-single-step .cd-more-info {
    opacity: 1; } }
.cd-tour-nav {
  float: right; }

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

.cd-tour-nav li {
  display: inline-block;
  float: left; }

.cd-tour-nav li:first-of-type {
  margin-right: 1.5em; }

.cd-tour-nav a {
  font-size: 1.3rem;
  font-weight: bold;
  border-bottom: 2px solid #cde5ef; }

.cd-tour-nav a:hover {
  text-decoration: none;
  border-color: #1e587b; }

.cd-tour-nav a.inactive {
  /* item not clickable */
  color: #cbccc8;
  border-bottom: 2px solid #efefef;
  cursor: not-allowed; }

.cd-cover-layer {
  /* background cover layer - visible when tour is activated */
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.4s 0s, visibility 0s 0.4s;
  -moz-transition: opacity 0.4s 0s, visibility 0s 0.4s;
  transition: opacity 0.4s 0s, visibility 0s 0.4s; }

.cd-cover-layer.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.4s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.4s 0s, visibility 0s 0s;
  transition: opacity 0.4s 0s, visibility 0s 0s; }

@media only screen and (min-width: 767px) {
  .cd-cover-layer.is-visible {
    opacity: 0;
    -webkit-animation: cd-fade-in 2.1s;
    -moz-animation: cd-fade-in 2.1s;
    animation: cd-fade-in 2.1s; } }
@-webkit-keyframes cd-fade-in {
  0%, 100% {
    opacity: 0; }
  14%, 40% {
    opacity: 1; } }
@-moz-keyframes cd-fade-in {
  0%, 100% {
    opacity: 0; }
  14%, 40% {
    opacity: 1; } }
@keyframes cd-fade-in {
  0%, 100% {
    opacity: 0; }
  14%, 40% {
    opacity: 1; } }
/* -------------------------------- 

xapp prototype - no need to import this in production 

-------------------------------- */
.cd-app-screen {
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 90%;
  height: 80%;
  background: #222d33;
  border-radius: 4px;
  box-shadow: 0 10px 60px #08151d; }

.cd-app-screen::before, .cd-app-screen::after {
  content: '';
  position: absolute; }

.cd-app-screen::before {
  top: 0;
  left: 0;
  height: 40px;
  width: 100%;
  background: #fefffb;
  border-radius: 4px 4px 0 0; }

.cd-app-screen::after {
  top: 14px;
  left: 20px;
  height: 12px;
  width: 60px;
  background: #e4e5e1;
  border-radius: 3px; }

.tour-starter {
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 1000;
  display: none; }

.tour-starter .inner {
  background: #fff;
  padding: 20px 25px;
  border-radius: 3px;
  position: absolute;
  text-align: center;
  left: 50%;
  top: 60px;
  width: 350px;
  margin-left: -175px; }

.tour-starter .inner .close {
  position: absolute;
  right: 12px;
  top: 12px; }

.tour-starter .inner h2 {
  font-weight: bold;
  color: #58a3cd;
  font-size: 26px;
  margin-bottom: 15px; }

.tour-starter .inner p {
  font-size: 12px;
  color: #7a7a7a;
  margin: 0 0 40px 0; }

.tour-starter .inner img {
  margin: 0 0 43px -28px; }

.tour-starter .inner .btn-primary {
  padding: 15px 30px; }

.cd-single-step img.susana {
  display: none;
  position: absolute;
  bottom: 0; }

.tutorial-relatos .tutorial-passo-1 {
  /*top: 45px !important;
  left: 80% !important;*/ }

.tutorial-relatos .tutorial-passo-1 img.susana {
  left: -9px; }

.tutorial-relatos .tutorial-passo-2 {
  /*top: 180px;
  right: 265px;*/ }
  .tutorial-relatos .tutorial-passo-2 .cd-nav {
    display: none; }

.tutorial-relatos .tutorial-passo-2 img.susana {
  left: -21px; }

.modal-product-tour {
  display: none; }

.with-tour .modal-product-tour {
  font-size: 18px;
  font-weight: bold;
  padding: 10px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
  display: block; }
  .with-tour .modal-product-tour > img {
    display: none; }
@media (min-width: 999px) {
  .with-tour .modal-dialog {
    max-width: 600px; }
  .with-tour .modal-product-tour {
    margin: 0;
    padding: 0;
    border-bottom: none;
    font-weight: normal;
    font-size: 16px; }
    .with-tour .modal-product-tour > img {
      display: block;
      position: absolute;
      left: -164px;
      top: -50px; }
    .with-tour .modal-product-tour > p {
      margin: 0;
      position: absolute;
      width: 170px;
      background: #fff;
      padding: 10px 10px 40px 10px;
      border-radius: 3px;
      left: -180px;
      top: 210px;
      box-shadow: 0 0 5px #666;
      text-align: right; } }

.tutorial-relatos .tutorial-passo-3 {
  list-style: none; }
  .tutorial-relatos .tutorial-passo-3 > span {
    display: none; }
  .tutorial-relatos .tutorial-passo-3 .cd-more-info {
    width: auto;
    height: auto;
    box-shadow: none;
    background: transparent;
    padding: 0;
    margin-left: -299px; }
    .tutorial-relatos .tutorial-passo-3 .cd-more-info .susana {
      position: absolute;
      left: -164px;
      top: 70px; }
    .tutorial-relatos .tutorial-passo-3 .cd-more-info .cd-close {
      opacity: 1;
      background: #fff;
      top: 20px; }
    .tutorial-relatos .tutorial-passo-3 .cd-more-info p {
      margin: 0;
      position: absolute;
      width: 170px;
      background: #fff;
      padding: 10px 10px 40px 10px;
      border-radius: 3px;
      left: -200px;
      top: 210px;
      box-shadow: 0 0 5px #666;
      text-align: right; }
    .tutorial-relatos .tutorial-passo-3 .cd-more-info:before {
      display: none; }
  .tutorial-relatos .tutorial-passo-3 .modal_relato_img_wrapper img {
    box-shadow: 0 0 20px #666; }
  .tutorial-relatos .tutorial-passo-3.is-selected:after {
    display: none; }
  .tutorial-relatos .tutorial-passo-3.is-selected + .step-backdrop {
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    visibility: visible; }
  .tutorial-relatos .tutorial-passo-3 .cd-nav {
    position: absolute;
    top: 321px;
    left: -190px; }
  .tutorial-relatos .tutorial-passo-3 .cd-tour-nav {
    padding: 0; }

.tutorial-relato .tutorial-passo-1 {
  /*  right: 440px;
    top: 520px;*/ }

.tutorial-relato .tutorial-passo-1 img.susana {
  left: -40px; }

.tutorial-relato .tutorial-passo-1 .cd-more-info p {
  margin-left: 165px;
  margin-bottom: 10px; }

@media (max-width: 768px) {
  .tutorial-relato .tutorial-passo-1 .cd-more-info p {
    margin-left: 10px;
    margin-bottom: 10px; } }
.tutorial-relato .tutorial-passo-2 {
  /*  right: 340px;
    top: 820px;*/ }

.tutorial-relato .tutorial-passo-2 img.susana {
  left: -35px; }

.tutorial-relato .tutorial-passo-3 {
  /*  left: 340px;
    top: 1150px;*/ }

.tutorial-relato .tutorial-passo-3 img.susana {
  right: -30px; }

.tutorial-relato .tutorial-passo-3 p {
  margin: 0 100px 46px 0; }

.tutorial-relato .tutorial-passo-3 .cd-tour-nav {
  float: none;
  padding: 0; }

.tutorial-relato .tutorial-passo-5 img.susana {
  left: -30px; }

.cd-single-step .cd-more-info .close {
  position: absolute;
  right: 10px;
  top: 10px;
  color: #d5d6d1; }

@media only screen and (min-width: 767px) {
  .cd-single-step img.susana {
    display: block; } }
/*
* Outline Icons
*/
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'icons-outline';
  src: url("/theme/assets/icons/outline/icons-outline.eot?v=4.2.0");
  src: url("/theme/assets/icons/outline/icons-outline.eot?#iefix&v=4.2.0") format("embedded-opentype"), url("/theme/assets/icons/outline/icons-outline.woff?v=4.2.0") format("woff"), url("/theme/assets/icons/outline/icons-outline.ttf?v=4.2.0") format("truetype"), url("/theme/assets/icons/outline/icons-outline.svg?v=4.2.0#iconsoutlineregular") format("svg");
  font-weight: normal;
  font-style: normal; }
.icons-outline {
  display: inline-block;
  font: normal normal normal 14px/1 icons-outline;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* makes the font 33% larger relative to the icon container */
.icons-outline-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -15%; }

.icons-outline-2x {
  font-size: 2em; }

.icons-outline-3x {
  font-size: 3em; }

.icons-outline-4x {
  font-size: 4em; }

.icons-outline-5x {
  font-size: 5em; }

.icons-outline-fw {
  width: 1.28571em;
  text-align: center; }

.icons-outline-ul {
  padding-left: 0;
  margin-left: 2.14286em;
  list-style-type: none; }
  .icons-outline-ul > li {
    position: relative; }

.icons-outline-li {
  position: absolute;
  left: -2.14286em;
  width: 2.14286em;
  top: 0.14286em;
  text-align: center; }
  .icons-outline-li.icons-outline-lg {
    left: -1.85714em; }

.icons-outline-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eee;
  border-radius: .1em; }

.pull-right, .section-story .comment-form .btn-group .btn-primary,
.section-story .comment-form .btn-group .btn-default, .comments .comments-wrapper .comments .btn-group .btn-primary,
.comments .comments-wrapper .comments .btn-group .btn-default, .comments .comments-wrapper .comment-form .btn-group .btn-primary,
.comments .comments-wrapper .comment-form .btn-group .btn-default {
  float: right; }

.pull-left, .comments .comments-wrapper .comment-user .comment-user--img {
  float: left; }

.icons-outline.pull-left, .comments .comments-wrapper .comment-user .icons-outline.comment-user--img {
  margin-right: .3em; }
.icons-outline.pull-right, .section-story .comment-form .btn-group .icons-outline.btn-primary,
.section-story .comment-form .btn-group .icons-outline.btn-default, .comments .comments-wrapper .comments .btn-group .icons-outline.btn-primary,
.comments .comments-wrapper .comments .btn-group .icons-outline.btn-default, .comments .comments-wrapper .comment-form .btn-group .icons-outline.btn-primary,
.comments .comments-wrapper .comment-form .btn-group .icons-outline.btn-default {
  margin-left: .3em; }

.icons-outline-spin {
  -webkit-animation: icons-outline-spin 2s infinite linear;
  animation: icons-outline-spin 2s infinite linear; }

@-webkit-keyframes icons-outline-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
@keyframes icons-outline-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
.icons-outline-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.icons-outline-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.icons-outline-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg); }

.icons-outline-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.icons-outline-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1); }

:root .icons-outline-rotate-90,
:root .icons-outline-rotate-180,
:root .icons-outline-rotate-270,
:root .icons-outline-flip-horizontal,
:root .icons-outline-flip-vertical {
  filter: none; }

.icons-outline-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle; }

.icons-outline-stack-1x, .icons-outline-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center; }

.icons-outline-stack-1x {
  line-height: inherit; }

.icons-outline-stack-2x {
  font-size: 2em; }

.icons-outline-inverse {
  color: #fff; }

/*
* CdP Icons
*/
.icons-outline-arrows-in:before {
  content: ""; }

.icons-outline-arrows-out:before {
  content: ""; }

.icons-outline-arrows-in-1:before {
  content: ""; }

.icons-outline-arrow-up:before {
  content: ""; }

.icons-outline-arrow-right:before {
  content: ""; }

.icons-outline-arrow-left:before {
  content: ""; }

.icons-outline-arrow-down:before {
  content: ""; }

.icons-outline-arrow-go-out:before {
  content: ""; }

.icons-outline-arrow-return:before {
  content: ""; }

.icons-outline-arrow-split:before {
  content: ""; }

.icons-outline-approved:before {
  content: ""; }

.icons-outline-attach:before {
  content: ""; }

.icons-outline-battery:before {
  content: ""; }

.icons-outline-bag:before {
  content: ""; }

.icons-outline-book:before {
  content: ""; }

.icons-outline-blob:before {
  content: ""; }

.icons-outline-bell:before {
  content: ""; }

.icons-outline-box:before {
  content: ""; }

.icons-outline-bookmark:before {
  content: ""; }

.icons-outline-backward:before {
  content: ""; }

.icons-outline-circles:before {
  content: ""; }

.icons-outline-comment:before {
  content: ""; }

.icons-outline-circle-forbidden:before {
  content: ""; }

.icons-outline-close:before {
  content: ""; }

.icons-outline-circles-two:before {
  content: ""; }

.icons-outline-circle-go-out:before {
  content: ""; }

.icons-outline-command:before {
  content: ""; }

.icons-outline-columns:before {
  content: ""; }

.icons-outline-cloud-up:before {
  content: ""; }

.icons-outline-cloud-down:before {
  content: ""; }

.icons-outline-cloud:before {
  content: ""; }

.icons-outline-clock:before {
  content: ""; }

.icons-outline-clipboard:before {
  content: ""; }

.icons-outline-circle-less:before {
  content: ""; }

.icons-outline-circle-close:before {
  content: ""; }

.icons-outline-circle-approved:before {
  content: ""; }

.icons-outline-circle-plus:before {
  content: ""; }

.icons-outline-cursor-move:before {
  content: ""; }

.icons-outline-circle:before {
  content: ""; }

.icons-outline-download-open:before {
  content: ""; }

.icons-outline-download:before {
  content: ""; }

.icons-outline-database:before {
  content: ""; }

.icons-outline-ellipsis:before {
  content: ""; }

.icons-outline-eye:before {
  content: ""; }

.icons-outline-forward:before {
  content: ""; }

.icons-outline-folder:before {
  content: ""; }

.icons-outline-flag:before {
  content: ""; }

.icons-outline-fork:before {
  content: ""; }

.icons-outline-globe:before {
  content: ""; }

.icons-outline-graphic-pizza:before {
  content: ""; }

.icons-outline-go-out:before {
  content: ""; }

.icons-outline-help:before {
  content: ""; }

.icons-outline-label:before {
  content: ""; }

.icons-outline-loading:before {
  content: ""; }

.icons-outline-link:before {
  content: ""; }

.icons-outline-lines:before {
  content: ""; }

.icons-outline-letter:before {
  content: ""; }

.icons-outline-love:before {
  content: ""; }

.icons-outline-label-close:before {
  content: ""; }

.icons-outline-microphone:before {
  content: ""; }

.icons-outline-map:before {
  content: ""; }

.icons-outline-moon:before {
  content: ""; }

.icons-outline-outline-08:before {
  content: ""; }

.icons-outline-padlock-open:before {
  content: ""; }

.icons-outline-padlock-closed:before {
  content: ""; }

.icons-outline-picture:before {
  content: ""; }

.icons-outline-paper-less:before {
  content: ""; }

.icons-outline-paper-plus:before {
  content: ""; }

.icons-outline-paper:before {
  content: ""; }

.icons-outline-photographic-camera:before {
  content: ""; }

.icons-outline-printer:before {
  content: ""; }

.icons-outline-plus:before {
  content: ""; }

.icons-outline-play:before {
  content: ""; }

.icons-outline-paper-lines:before {
  content: ""; }

.icons-outline-paragraph:before {
  content: ""; }

.icons-outline-pause:before {
  content: ""; }

.icons-outline-pointer:before {
  content: ""; }

.icons-outline-power-off:before {
  content: ""; }

.icons-outline-rectagle-front:before {
  content: ""; }

.icons-outline-refresh:before {
  content: ""; }

.icons-outline-reload:before {
  content: ""; }

.icons-outline-square:before {
  content: ""; }

.icons-outline-square-less:before {
  content: ""; }

.icons-outline-square-over:before {
  content: ""; }

.icons-outline-square-front:before {
  content: ""; }

.icons-outline-star:before {
  content: ""; }

.icons-outline-sun:before {
  content: ""; }

.icons-outline-switch:before {
  content: ""; }

.icons-outline-stack:before {
  content: ""; }

.icons-outline-square-in:before {
  content: ""; }

.icons-outline-suitcase:before {
  content: ""; }

.icons-outline-square-dotted-less:before {
  content: ""; }

.icons-outline-square-plus:before {
  content: ""; }

.icons-outline-square-approved:before {
  content: ""; }

.icons-outline-square-close:before {
  content: ""; }

.icons-outline-square-dotted-plus:before {
  content: ""; }

.icons-outline-square-dotted:before {
  content: ""; }

.icons-outline-squares-in:before {
  content: ""; }

.icons-outline-squares-out:before {
  content: ""; }

.icons-outline-square-out:before {
  content: ""; }

.icons-outline-share:before {
  content: ""; }

.icons-outline-search:before {
  content: ""; }

.icons-outline-skip-previous:before {
  content: ""; }

.icons-outline-sound-off:before {
  content: ""; }

.icons-outline-screen-front:before {
  content: ""; }

.icons-outline-sound-on:before {
  content: ""; }

.icons-outline-screen-back:before {
  content: ""; }

.icons-outline-skip-next:before {
  content: ""; }

.icons-outline-settings:before {
  content: ""; }

.icons-outline-trash:before {
  content: ""; }

.icons-outline-thermometer:before {
  content: ""; }

.icons-outline-target:before {
  content: ""; }

.icons-outline-text-right:before {
  content: ""; }

.icons-outline-text-left:before {
  content: ""; }

.icons-outline-text-justify:before {
  content: ""; }

.icons-outline-text-center:before {
  content: ""; }

.icons-outline-trace:before {
  content: ""; }

.icons-outline-upload:before {
  content: ""; }

.icons-outline-umbrella:before {
  content: ""; }

.icons-outline-user:before {
  content: ""; }

.icons-outline-volume-growing:before {
  content: ""; }

.icons-outline-volume-run:before {
  content: ""; }

.icons-outline-view-left:before {
  content: ""; }

.icons-outline-view-right:before {
  content: ""; }

.icons-outline-videomaker:before {
  content: ""; }

.icons-outline-wifi:before {
  content: ""; }

.icons-outline-watch:before {
  content: ""; }

.icons-outline-water-anchor:before {
  content: ""; }

.icons-outline-window:before {
  content: ""; }

.icons-outline-zoom-less:before {
  content: ""; }

.icons-outline-zoom-plus:before {
  content: ""; }

/*
* CdP Icons
*/
.icons-outline-arrows-in:before {
  content: ""; }

.icons-outline-arrows-out:before {
  content: ""; }

.icons-outline-arrows-in-1:before {
  content: ""; }

.icons-outline-arrow-up:before {
  content: ""; }

.icons-outline-arrow-right:before {
  content: ""; }

.icons-outline-arrow-left:before {
  content: ""; }

.icons-outline-arrow-down:before {
  content: ""; }

.icons-outline-arrow-go-out:before {
  content: ""; }

.icons-outline-arrow-return:before {
  content: ""; }

.icons-outline-arrow-split:before {
  content: ""; }

.icons-outline-approved:before {
  content: ""; }

.icons-outline-attach:before {
  content: ""; }

.icons-outline-battery:before {
  content: ""; }

.icons-outline-bag:before {
  content: ""; }

.icons-outline-book:before {
  content: ""; }

.icons-outline-blob:before {
  content: ""; }

.icons-outline-bell:before {
  content: ""; }

.icons-outline-box:before {
  content: ""; }

.icons-outline-bookmark:before {
  content: ""; }

.icons-outline-backward:before {
  content: ""; }

.icons-outline-circles:before {
  content: ""; }

.icons-outline-comment:before {
  content: ""; }

.icons-outline-circle-forbidden:before {
  content: ""; }

.icons-outline-close:before {
  content: ""; }

.icons-outline-circles-two:before {
  content: ""; }

.icons-outline-circle-go-out:before {
  content: ""; }

.icons-outline-command:before {
  content: ""; }

.icons-outline-columns:before {
  content: ""; }

.icons-outline-cloud-up:before {
  content: ""; }

.icons-outline-cloud-down:before {
  content: ""; }

.icons-outline-cloud:before {
  content: ""; }

.icons-outline-clock:before {
  content: ""; }

.icons-outline-clipboard:before {
  content: ""; }

.icons-outline-circle-less:before {
  content: ""; }

.icons-outline-circle-close:before {
  content: ""; }

.icons-outline-circle-approved:before {
  content: ""; }

.icons-outline-circle-plus:before {
  content: ""; }

.icons-outline-cursor-move:before {
  content: ""; }

.icons-outline-circle:before {
  content: ""; }

.icons-outline-download-open:before {
  content: ""; }

.icons-outline-download:before {
  content: ""; }

.icons-outline-database:before {
  content: ""; }

.icons-outline-ellipsis:before {
  content: ""; }

.icons-outline-eye:before {
  content: ""; }

.icons-outline-forward:before {
  content: ""; }

.icons-outline-folder:before {
  content: ""; }

.icons-outline-flag:before {
  content: ""; }

.icons-outline-fork:before {
  content: ""; }

.icons-outline-globe:before {
  content: ""; }

.icons-outline-graphic-pizza:before {
  content: ""; }

.icons-outline-go-out:before {
  content: ""; }

.icons-outline-help:before {
  content: ""; }

.icons-outline-label:before {
  content: ""; }

.icons-outline-loading:before {
  content: ""; }

.icons-outline-link:before {
  content: ""; }

.icons-outline-lines:before {
  content: ""; }

.icons-outline-letter:before {
  content: ""; }

.icons-outline-love:before {
  content: ""; }

.icons-outline-label-close:before {
  content: ""; }

.icons-outline-microphone:before {
  content: ""; }

.icons-outline-map:before {
  content: ""; }

.icons-outline-moon:before {
  content: ""; }

.icons-outline-outline-08:before {
  content: ""; }

.icons-outline-padlock-open:before {
  content: ""; }

.icons-outline-padlock-closed:before {
  content: ""; }

.icons-outline-picture:before {
  content: ""; }

.icons-outline-paper-less:before {
  content: ""; }

.icons-outline-paper-plus:before {
  content: ""; }

.icons-outline-paper:before {
  content: ""; }

.icons-outline-photographic-camera:before {
  content: ""; }

.icons-outline-printer:before {
  content: ""; }

.icons-outline-plus:before {
  content: ""; }

.icons-outline-play:before {
  content: ""; }

.icons-outline-paper-lines:before {
  content: ""; }

.icons-outline-paragraph:before {
  content: ""; }

.icons-outline-pause:before {
  content: ""; }

.icons-outline-pointer:before {
  content: ""; }

.icons-outline-power-off:before {
  content: ""; }

.icons-outline-rectagle-front:before {
  content: ""; }

.icons-outline-refresh:before {
  content: ""; }

.icons-outline-reload:before {
  content: ""; }

.icons-outline-square:before {
  content: ""; }

.icons-outline-square-less:before {
  content: ""; }

.icons-outline-square-over:before {
  content: ""; }

.icons-outline-square-front:before {
  content: ""; }

.icons-outline-star:before {
  content: ""; }

.icons-outline-sun:before {
  content: ""; }

.icons-outline-switch:before {
  content: ""; }

.icons-outline-stack:before {
  content: ""; }

.icons-outline-square-in:before {
  content: ""; }

.icons-outline-suitcase:before {
  content: ""; }

.icons-outline-square-dotted-less:before {
  content: ""; }

.icons-outline-square-plus:before {
  content: ""; }

.icons-outline-square-approved:before {
  content: ""; }

.icons-outline-square-close:before {
  content: ""; }

.icons-outline-square-dotted-plus:before {
  content: ""; }

.icons-outline-square-dotted:before {
  content: ""; }

.icons-outline-squares-in:before {
  content: ""; }

.icons-outline-squares-out:before {
  content: ""; }

.icons-outline-square-out:before {
  content: ""; }

.icons-outline-share:before {
  content: ""; }

.icons-outline-search:before {
  content: ""; }

.icons-outline-skip-previous:before {
  content: ""; }

.icons-outline-sound-off:before {
  content: ""; }

.icons-outline-screen-front:before {
  content: ""; }

.icons-outline-sound-on:before {
  content: ""; }

.icons-outline-screen-back:before {
  content: ""; }

.icons-outline-skip-next:before {
  content: ""; }

.icons-outline-settings:before {
  content: ""; }

.icons-outline-trash:before {
  content: ""; }

.icons-outline-thermometer:before {
  content: ""; }

.icons-outline-target:before {
  content: ""; }

.icons-outline-text-right:before {
  content: ""; }

.icons-outline-text-left:before {
  content: ""; }

.icons-outline-text-justify:before {
  content: ""; }

.icons-outline-text-center:before {
  content: ""; }

.icons-outline-trace:before {
  content: ""; }

.icons-outline-upload:before {
  content: ""; }

.icons-outline-umbrella:before {
  content: ""; }

.icons-outline-user:before {
  content: ""; }

.icons-outline-volume-growing:before {
  content: ""; }

.icons-outline-volume-run:before {
  content: ""; }

.icons-outline-view-left:before {
  content: ""; }

.icons-outline-view-right:before {
  content: ""; }

.icons-outline-videomaker:before {
  content: ""; }

.icons-outline-wifi:before {
  content: ""; }

.icons-outline-watch:before {
  content: ""; }

.icons-outline-water-anchor:before {
  content: ""; }

.icons-outline-window:before {
  content: ""; }

.icons-outline-zoom-less:before {
  content: ""; }

.icons-outline-zoom-plus:before {
  content: ""; }

/*# sourceMappingURL=main.css.map */