@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,600,400i,400i,70epub0");
@import url("fonts/liberationserif_regular_macroman/stylesheet.css");
@import url("fonts/liberationserif_italic_macroman/stylesheet.css");
@import url("fonts/liberationserif_bold_macroman/stylesheet.css");
@import url("fonts/liberationserif_bolditalic_macroman/stylesheet.css");

*,
*::after,
*::before {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    outline: none;
}

html {
    font-size: 62.5%;
    font-family: "Open Sans", sans-serif;
    height: 100%;
}

.tooltiptext {
  font-family: "Open Sans", sans-serif;
}

body {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

.container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
}

.inner-container {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 240px);
}

@keyframes moveDown {
    0% {
        opacity: 0;
        top: -5rem;
    }

    100% {
        opacity: 1;
        top: 0;
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.ui-center {
    width: 90%;
    max-width: 1120px;
    float: none;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0;
}

    .ui-center::after {
        content: "";
        display: block;
        clear: both;
    }

.col-half {
    float: left;
    clear: none;
    text-align: inherit;
    width: 49.193548385%;
    margin-left: 0%;
    margin-right: 1.61290323%;
}

    .col-half::after {
        content: "";
        display: block;
        clear: both;
    }

    .col-half:last-child {
        margin-right: 0%;
    }

@media (max-width: 1000px) {
    .menu-bar {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
    }
}

.menu-bar #menu-button {
    display: none;
}

@media (max-width: 1000px) {
    .menu-bar #menu-button {
        width: 110px;
        height: 40px;
        font-size: 21px !important;
        left: -48px;
        background: none;
        color: #fff;
        position: relative;
        z-index: 999;
        padding-left: 42px;
        display: block;
    }

        .menu-bar #menu-button i {
            font-size: 25px;
        }
}

.menu-bar .menu-bar-img {
    display: none;
}

@media (max-width: 1000px) {
    .menu-bar .menu-bar-img {
        display: block;
    }
}

.aside-menu {
    height: 100%;
    box-shadow: 2px 0px 6px 0px rgba(0, 0, 0, 0.1);
    overflow-x: hidden;
    transition: 0.5s;
    width: 240px;
    position: relative;
    z-index: 1;
    top: 0;
    left: 0;
    overflow-x: hidden;
    transition: 0.5s;
    display: inline-block;
}

@media (max-width: 1000px) {
    .aside-menu {
        position: fixed;
        background: #fff;
        z-index: 999;
    }
}

.aside-menu .closebtn {
    display: none;
}

@media (max-width: 1000px) {
    .aside-menu {
        width: 0px;
    }

        .aside-menu .closebtn {
            display: block;
            position: absolute;
            top: -9px;
            right: 10px;
            font-size: 33px;
            margin-left: 50px;
            color: #666;
            text-decoration: none;
        }
}

.aside-menu .logo {
    display: block;
    margin: 0 auto;
    padding-top: 20px;
    max-width: 70%;
    max-height: 100%;
    object-fit: contain;
}

.aside-menu .menu-box {
    margin-top: 50px;
}

    .aside-menu .menu-box .menu-title {
        font-weight: normal;
        color: #666666;
        font-size: 13px;
        margin-left: 25px;
        margin-bottom: 14px;
    }

    .aside-menu .menu-box .menu-list {
        color: #666666;
        font-size: 13px;
        font-weight: bold;
        list-style: none;
    }

        .aside-menu .menu-box .menu-list .active {
            border-left: 4px solid #55a8fd !important;
        }

            .aside-menu .menu-box .menu-list .active a {
                color: #55a8fd !important;
            }

                .aside-menu .menu-box .menu-list .active a i {
                    color: #55a8fd !important;
                }

        .aside-menu .menu-box .menu-list .menu-item {
            width: 100%;
            padding-left: 20px;
            border-left: 4px solid transparent;
            margin-bottom: 20px;
        }

            .aside-menu .menu-box .menu-list .menu-item:hover {
                cursor: pointer;
                border-color: #55a8fd;
            }

            .aside-menu .menu-box .menu-list .menu-item a:hover i {
                color: #55a8fd !important;
            }

            .aside-menu .menu-box .menu-list .menu-item:hover a {
                color: #55a8fd !important;
            }

            .aside-menu .menu-box .menu-list .menu-item a {
                text-decoration: none;
                color: #666666;
            }

                .aside-menu .menu-box .menu-list .menu-item a i {
                    color: #b0b1b5;
                    font-size: 16px;
                    margin-right: 18px;
                    vertical-align: middle;
                    width: 20px;
                    text-align: center;
                }

.mirror-loading {
    position: relative;
}

.loading-cicle__center {
  display: flex;
  justify-content: center;
  width: 100%;
  align-items: center;
  padding-bottom: 20px;
    transition: 0.7s;
  padding-top: 5vh;
  position: absolute;
  top: 0;
  width: 100%;
  height: 60%;
}

.icon-preloader {
  left: 46%;
  position: absolute;
  top: 40%;
  z-index: 2;
}

img.icon-preloader {
  left: 47%;
  position: absolute;
  top: 40%;
  z-index: 2;
  -webkit-animation-name: spinner;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 4s;
  animation-name: spinner;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-duration: 2s;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

@-webkit-keyframes spinner {
  from {
    -webkit-transform: rotateX(0deg);
  }

  to {
    -webkit-transform: rotateX(-360deg);
  }
}

@keyframes spinner {
  from {
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    transform: rotateX(0deg);
  }

  to {
    -moz-transform: rotateX(-360deg);
    -ms-transform: rotateX(-360deg);
    transform: rotateX(-360deg);
  }
}

.loading-cicle__center--position {
  margin-top: 23vh;
  margin-left: 0px;
  font-size: 16px;
  /*font-weight: 600;*/
}

.loader-cicle {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.tab__preload {
  height: 100vh;
  position: relative;
    opacity: 0.8;
}

    .tab__preload .icon-preloader {
        top: 15%;
        left: 47%;
    }

        .tab__preload .icon-preloader div {
            animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
            transform-origin: 32px 32px;
        }

            .tab__preload .icon-preloader div:after {
                content: " ";
                display: block;
                position: absolute;
                width: 6px;
                height: 6px;
                border-radius: 50%;
                background: #4a67df;
                margin: -3px 0 0 -3px;
            }

            .tab__preload .icon-preloader div:nth-child(1) {
                animation-delay: -0.036s;
            }

                .tab__preload .icon-preloader div:nth-child(1):after {
                    top: 50px;
                    left: 50px;
                }

            .tab__preload .icon-preloader div:nth-child(2) {
                animation-delay: -0.072s;
            }

                .tab__preload .icon-preloader div:nth-child(2):after {
                    top: 54px;
                    left: 45px;
                }

            .tab__preload .icon-preloader div:nth-child(3) {
                animation-delay: -0.108s;
            }

                .tab__preload .icon-preloader div:nth-child(3):after {
                    top: 57px;
                    left: 39px;
                }

            .tab__preload .icon-preloader div:nth-child(4) {
                animation-delay: -0.144s;
            }

                .tab__preload .icon-preloader div:nth-child(4):after {
                    top: 58px;
                    left: 32px;
                }

            .tab__preload .icon-preloader div:nth-child(5) {
                animation-delay: -0.18s;
            }

                .tab__preload .icon-preloader div:nth-child(5):after {
                    top: 57px;
                    left: 25px;
                }

            .tab__preload .icon-preloader div:nth-child(6) {
                animation-delay: -0.216s;
            }

                .tab__preload .icon-preloader div:nth-child(6):after {
                    top: 54px;
                    left: 19px;
                }

            .tab__preload .icon-preloader div:nth-child(7) {
                animation-delay: -0.252s;
            }

                .tab__preload .icon-preloader div:nth-child(7):after {
                    top: 50px;
                    left: 14px;
                }

            .tab__preload .icon-preloader div:nth-child(8) {
                animation-delay: -0.288s;
            }

                .tab__preload .icon-preloader div:nth-child(8):after {
                    top: 45px;
                    left: 10px;
                }

@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.tab__preload .loading-cicle__center--position {
  margin-top: 5vh;
  font-size: 25px;
  font-weight: 600;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60%;
  color: #4a67df;
}

@media (max-width: 800px) {
    .tab__preload .icon-preloader {
        left: 45%;
    }
}

@media (max-width: 500px) {
  .tab__preload .icon-preloader {
    left: 42%;
  }
}

.header-topo {
  padding: 24px 90px 0 90px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background-image: url(/images/backgound-novo-azul.png);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  height:auto;
}


.header-topo.header-topo--gradient {
    background-image: url(/images/backgound-novo-azul.png);
}

.chamada-atencao {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

    .chamada-atencao .chamada-atencao__text {
        width: 80%;
        padding: 15px 20px;
        color: #000;
        font-weight: 600;
        border: none;
        border-radius: 4px 0px 0px 4px;
    }

        .chamada-atencao .chamada-atencao__text::placeholder {
            font-size: 1.2rem;
        }

    .chamada-atencao .chamada-atencao__btn {
        width: 20%;
        background: #55a8fd;
        color: #fff;
        font-weight: 400;
        font-size: 1.5rem;
        text-align: center;
        border: none;
        border-radius: 0px 4px 4px 0px;
        cursor: pointer;
        transition: 0.4s;
    }

@media (max-width: 500px) {
  .chamada-atencao .chamada-atencao__text {
    width: 100%;
    margin-bottom: 20px;
        border-radius: 4px;
  }

        .chamada-atencao .chamada-atencao__text::placeholder {
            font-size: 1rem;
        }


  .chamada-atencao .chamada-atencao__btn {
    margin-bottom: 20px;
        font-size: 1.3rem;
    width: 100%;
    padding: 10px 15px;
        border-radius: 4px;
  }

  .icon-preloader {
    left: 41%;
  }
}

.chamada-atencao .chamada-atencao__btn:hover {
    filter: brightness(110%);
}

.header-topo--gradient {
  background: #4a67df;
  background: -webkit-gradient(
    left top,
    right bottom,
    color-stop(60%, #4a67df),
    color-stop(100%, #2fc8d6)
  );
  background: linear-gradient(135deg, #4a67df 60%, #2fc8d6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4a67df', endColorstr='#2fc8d6', GradientType=1);
}

.header-topo .controllers {
  position: absolute;
  top: 100px;
  right: 0;
  cursor: pointer;
}

@media (max-width: 768px) {
  .header-topo .controllers {
    top: 47%;
  }
}

@media (max-width: 1000px) {
  .minha-lista .slick-list {
    margin-left: -10px;
  }
}

.header-topo .controllers i {
  font-size: 15px;
}

.header-topo .controllers .fa-chevron-left {
  margin-right: 15px;
}

.header-topo .box-search {
  width: 100%;
}

@media (max-width: 1000px) {
  .header-topo .box-search {
    margin-top: 20px;
  }
}

.header-topo .box-search__floater {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 999999;
  background: #fff;
  left: 0px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
    justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.06);
}

.header-topo .box-search__floater-input {
  width: 100%;
  outline: none;
  border: none;
  font-size: 14px;
  line-height: 26px;
  color: #545459;
  padding: 27px 56px;
}

    .header-topo .box-search__floater-input:-ms-input-placeholder {
        color: #545459;
        opacity: 1;
    }

    .header-topo .box-search__floater-input::placeholder {
        color: #545459;
        opacity: 1;
    }

    .header-topo .box-search__floater-input:-ms-input-placeholder {
        color: #545459;
    }

    .header-topo .box-search__floater-input::-ms-input-placeholder {
        color: #545459;
    }

.header-topo .box-search__floater-icon_search {
  position: absolute;
  left: 25px;
  color: #545459;
  font-size: 17px;
  z-index: 999;
}

.header-topo .box-search__floater-icon_close {
  position: absolute;
  right: 100px;
  color: #545459;
  font-size: 17px;
  z-index: 999;
  cursor: pointer;
}

.header-topo .box-search__floater .twitter-typeahead {
  width: 100%;
}

    .header-topo .box-search__floater .twitter-typeahead .tt-hint {
        color: #000;
    }

.header-topo .box-search__floater .tt-highlight {
  color: #000;
}

.header-topo .box-search__floater .tt-menu {
  font-size: 14px;
  line-height: 26px;
  width: 100%;
  padding: 8px 0;
  background-color: #fff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.header-topo .box-search__floater .tt-suggestion {
  padding: 12px 50px;
  line-height: 18px;
  font-size: 13px;
  color: #545459;
}

    .header-topo .box-search__floater .tt-suggestion.tt-cursor {
        color: #545459;
        background-color: #f9f9f9;
    }

    .header-topo .box-search__floater .tt-suggestion p {
        margin: 0;
    }

.header-topo .box-search .search {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
    width: 100%;
}

@media (max-width: 1000px) {
  .header-topo .box-search .search {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    position: absolute;
    top: 30px;
    right: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    right: 20px;
    width: 50%;
  }
}

@media (max-width: 800px) {
    .header-topo .box-search .search {
        -ms-flex-pack: end;
        justify-content: flex-end;
        width: 100%;
    }

        .header-topo .box-search .search .tracker-page {
            margin-right: 0rem;
        }
}

.header-topo .box-search .search .input-search {
  font-size: 13px;
  width: 48%;
  position: relative;
}

@media (max-width: 1000px) {
  .header-topo .box-search .search .input-search {
    width: 100%;
    margin-bottom: 15px;
    display: none;
  }
}

.header-topo .box-search .search .input-search input {
  border: none;
    width: 100%;
  line-height: 22px;
  background: none;
  color: #fff !important;
  padding: 7px 20px 7px 45px;
  border: 1px solid #b4dcf6;
  border-radius: 5px;
  transition: ease-in 0.3s;
}

    .header-topo .box-search .search .input-search input::placeholder {
        font-size: 1.25rem;
    }

    .header-topo .box-search .search .input-search input:-ms-input-placeholder {
        color: #fff;
        opacity: 1;
    }

    .header-topo .box-search .search .input-search input::placeholder {
        color: #fff;
        opacity: 1;
    }

    .header-topo .box-search .search .input-search input:-ms-input-placeholder {
        color: #ffff;
    }

    .header-topo .box-search .search .input-search input::-ms-input-placeholder {
        color: #fff;
    }

.header-topo .box-search .search .input-search i {
  position: absolute;
  top: 11px;
  left: 15px;
  font-size: 18px;
  color: #fff;
}

.header-topo .box-search .search .tracker-page {
  width: 15%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

    .header-topo .box-search .search .tracker-page .tracker-menu {
        display: none;
        position: absolute;
        top: 45px;
        background: #fff;
        z-index: 999;
        color: #666666;
        width: 24.8rem;
        box-shadow: 3px 3px 6px 2px rgba(0, 0, 0, 0.16);
        border-radius: 6px;
        padding: 30px 0px;
        right: 61%;
    }

@media (max-width: 1030px) {
  .header-topo .box-search .search .tracker-page .tracker-menu {
    top: 55px;
  }
}

@media (max-width: 500px) {
  .header-topo .box-search .search .tracker-page .tracker-menu {
    right: 0%;
  }
}

.header-topo .box-search .search .tracker-page .tracker-menu p {
  margin-left: 0px;
  font-size: 12px;
  padding: 0 20px;
}

.header-topo .box-search .search .tracker-page .tracker-menu .title {
  font-size: 14px;
  font-weight: bold;
    color: #0b0b0b;
}

.header-topo .box-search .search .tracker-page .tracker-menu .progress-circle {
  display: block;
  margin: 0 auto;
  margin-top: 15px;
  margin-bottom: 15px;
}

.header-topo .box-search .search .tracker-page .tracker-menu .text-info {
  text-align: center;
  font-size: 12px;
  margin-bottom: 9px;
  padding: 0;
  max-width: 184px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  line-height: 20px;
}

    .header-topo .box-search .search .tracker-page .tracker-menu .text-info span {
        font-weight: bold;
        color: #0b0b0b;
    }

.header-topo .box-search .search .tracker-page .tracker-menu .text-secundary {
  padding-bottom: 10px;
  border-bottom: 1px solid #eeeeee;
}

.header-topo .box-search .search .tracker-page .tracker-menu .btn-tracker {
  text-align: center;
  padding: 14px 15px;
  display: block;
  border-radius: 5px;
  background: #55a8fd;
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  border: 1px solid transparent;
  transition: 0.4s all;
  margin: 0 20px;
  font-weight: 600;
}

    .header-topo
    .box-search
    .search
    .tracker-page
    .tracker-menu
    .btn-tracker:hover {
        border-color: #55a8fd;
        background: #fff;
        color: #55a8fd;
    }

.header-topo .box-search .search .tracker-page .tracker-menu::before {
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  position: absolute;
  top: -10px;
  right: 22px;
}

@media (max-width: 1000px) {
  .header-topo .box-search .search .tracker-page .tracker-menu::before {
    right: 0;
    left: 152px;
  }
}

.header-topo .box-search .search .tracker-page .tracker-menu p {
    color: #47484a;
}

.header-topo .box-search .search .tracker-page .tracker-menu #div1 {
  display: block;
}

.header-topo .box-search .search .tracker-page .tracker-menu #div2 {
  display: none;
}

.header-topo .box-search .search .tracker-page .tracker-link {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
}

    .header-topo .box-search .search .tracker-page .tracker-link i {
        font-size: 15px;
        color: #fff;
        margin-left: 15px;
        margin-bottom: 10px;
    }

@media (max-width: 1000px) {
  .header-topo .box-search .search .tracker-page {
    width: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.header-topo .box-search .search .tracker-page p {
  font-size: 13px;
  color: #fff;
  margin-left: 10px;
  line-height: 24px;
  margin-bottom: 5px;
}

.header-topo .box-search .search .user-info {
  width: 16%;
  position: relative;
  display: flex;
}

.info-user__mark-metas {
    background: #fd5555;
    color: #fff;
    width: 18px;
    height: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin-left: 10px;
}

.menu-item .info-user__mark-metas {
    font-size: 10px !important;
}

@media(min-width: 600px) {
    .menu-item .info-user__mark-metas {
        margin: 0 !important;
    }
}

@media(min-width: 1100px) {
    .menu-item .info-user__mark-metas {
        margin-left: 29px !important;
    }
}


    .header-topo .box-search .search .user-info .user-info-menu {
        display: none;
        position: absolute;
        right: 45px;
        top: 40px;
        background: #fff;
        z-index: 999;
        color: #666666;
        width: 23.8rem !important;
        box-shadow: 3px 3px 6px 2px rgba(0, 0, 0, 0.16);
        border-radius: 6px;
    }

@media (max-width: 1000px) {
  .header-topo .box-search .search .user-info .user-info-menu {
        width: 220px;
  }
}

.header-topo .box-search .search .user-info .user-info-menu::before {
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  position: absolute;
  top: -10px;
  right: 32px;
}

.header-topo .box-search .search .user-info .user-info-menu ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-direction: column;
  flex-direction: column;
}

    .header-topo .box-search .search .user-info .user-info-menu ul li {
        list-style: none;
        padding-bottom: 9px;
        width: 100%;
        cursor: pointer;
    }

        .header-topo .box-search .search .user-info .user-info-menu ul li:first-child {
            padding-top: 18px;
        }

        .header-topo .box-search .search .user-info .user-info-menu ul li:last-child {
            padding-bottom: 18px;
        }

        .header-topo .box-search .search .user-info .user-info-menu ul li a {
            font-size: 13px;
            color: #666;
            padding: 9px 21px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -ms-flex-align: center;
            align-items: center;
            width: 100%;
        }

@media (max-width: 599px) {
    .header-topo .box-search .search .user-info .user-info-menu ul li a {
        padding: 8px 10px;
    }
}

.header-topo
.box-search
.search
.user-info
.user-info-menu
ul
.active
a:nth-child(1) {
    border-bottom: 1px solid #eeeeee;
}

.header-topo .box-search .search .user-info .user-info-menu ul li a:hover {
  color: #4195db;
}

    .header-topo .box-search .search .user-info .user-info-menu ul li a:hover i {
        color: #4195db;
    }

.header-topo .box-search .search .user-info .user-info-menu ul li a i {
  color: #666;
  margin-bottom: 0px;
    width: 30px;
}

@media (max-width: 1000px) {
  .header-topo .box-search .search .user-info {
    width: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}

.header-topo .box-search .search .user-info a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
  float: right;
}

.header-topo .box-search .search .user-info p {
  font-size: 13px;
  color: #fff;
  margin-left: 10px;
}

.header-topo .box-search .search .user-info .text-hide--small {
  font-size: 11px;
}

.header-topo .box-search .search .user-info .img-user {
  position: relative;
}

    .header-topo .box-search .search .user-info .img-user .user-status {
        position: absolute;
        top: 0;
        right: 0;
        width: 9px;
        height: 9px;
        border-radius: 50%;
    }

    .header-topo .box-search .search .user-info .img-user .online {
        background-color: #8ce9af;
    }

    .header-topo .box-search .search .user-info .img-user .offline {
        background-color: #f6f7fb;
    }

    .header-topo .box-search .search .user-info .img-user .ausente {
        background-color: #8ce9af;
    }

.header-topo .box-search .search .user-info i {
  font-size: 15px;
  color: #fff;
  margin-left: 15px;
  margin-bottom: 10px;
}

.header-topo .ultimos-lidos {
  width: 100%;
  color: #fff;
  position: relative;
  padding-top: 65px;
  padding-bottom: 12rem;
}

@media (max-width: 1000px) {
  .header-topo .ultimos-lidos {
    padding-top: 20px;
  }
}

.header-topo .ultimos-lidos .title {
  font-size: 24px;
  font-weight: bold;
}

.header-topo .ultimos-lidos .day-info {
  font-size: 13px;
}

.header-topo .goal-tracker__content {
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
  z-index: 500;
}

.header-topo .goal-tracker__data {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  font-size: 14px;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  color: #575757;
}

.header-topo .goal-tracker__goal {
  font-size: 11px;
  font-weight: normal;
  line-height: 1.1;
}

.header-topo .goal-tracker__val {
  font-weight: normal;
}

.header-topo .goal-tracker__val,
.header-topo .goal-tracker__signed {
  display: block;
}

.header-topo span.goal-tracker__signed {
  margin-top: 6px;
  font-weight: bold;
  font-size: 14px;
  line-height: 1.2;
}

.header-topo b.goal-tracker__signed {
  font-size: 11px;
  text-transform: uppercase;
}

.header-topo .progress-circle {
  border-radius: 50%;
  display: inline-block;
  width: 32px;
  height: 32px;
  overflow: hidden;
  position: relative;
  z-index: auto;
}

    .header-topo .progress-circle .outer {
        background: #fde0e0;
        width: 32px;
        height: 32px;
        overflow: hidden;
        z-index: 100;
    }

        .header-topo .progress-circle .outer .mask {
            background: #fde0e0;
            border-radius: 16px 0 0 16px;
            position: absolute;
            width: 16px;
            height: 32px;
            top: 0;
            left: 0;
            z-index: 120;
        }

        .header-topo .progress-circle .outer .half {
            box-sizing: border-box;
            height: 32px;
            position: absolute;
            width: 16px;
            height: 32px;
            top: 0;
            background: #fd5555;
        }

            .header-topo .progress-circle .outer .half.spinner {
                border-radius: 0 16px 16px 0;
                right: 0;
                transform-origin: left center;
                z-index: 110;
            }

            .header-topo .progress-circle .outer .half.filler {
                border-radius: 16px 0 0 16px;
                left: 0;
                transform-origin: right center;
                z-index: 130;
            }

    .header-topo .progress-circle .inner {
        box-shadow: 0 0 0.5em rgba(248, 141, 141, 0.08);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        width: 26.6666666667px;
        height: 26.6666666667px;
        z-index: 300;
        background: #fff;
    }

    .header-topo .progress-circle .shadow {
        border-radius: 50%;
        box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.17) inset;
        display: inline-block;
        width: 32px;
        height: 32px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 200;
        background: transparent;
    }

    .header-topo .progress-circle .inner,
    .header-topo .progress-circle .outer {
        display: inline-block;
        border-radius: 50%;
    }

.header-topo .percentage {
  font-size: 18px;
}

@media (max-width: 500px) {
  .text-hide {
    display: none;
  }
}

.mobile-search {
    font-size: 3rem;
  color: white;
  width: 10%;
  display: none;
  cursor: pointer;
  text-align: center;
}

@media (max-width: 1450px) {
  .header-topo .box-search .search .user-info .user-info-menu {
    right: -41px;
  }
}

@media (max-width: 1030px) {
  .header-topo .box-search .search .tracker-page p {
    line-height: 16px;
  }

  .header-topo .box-search .search .user-info p {
    line-height: 16px;
  }

  .header-topo .box-search .search .user-info .user-info-menu {
    top: 55px;
        right: -55px;
  }
}

@media (max-width: 800px) {
  .header-topo .box-search .search .user-info .user-info-menu {
    right: 0px;
    top: 55px;
  }

  .mobile-search {
    display: block;
    font-size: 2rem;
  }
}

@media (max-width: 599px) {
  .header-topo .box-search__floater-input {
        padding: 27px 43px;
    }

        .header-topo .box-search__floater-input::placeholder {
            font-size: 12px;
        }

  .header-topo .box-search__floater-icon_search {
    left: 15px;
  }

  .header-topo .box-search__floater-icon_close {
    right: 15px;
  }
}

.sugestoes {
  width: 100%;
  color: #fff;
  position: relative;
}

.sugestoes .list-header {
  padding: 42px 0px 30px 0px;
  position: relative;
}

.list-books.bg-image > .list-books.bg-image > .list-header.modify-tam {
    background-image: url(/images/background-citacao-azul.png);
    background-repeat: no-repeat;
    background-size: cover;
}

@media (max-width: 1000px) {
    .sugestoes .list-header {
    padding: 40px 0px;
  }
}

.sugestoes .list-header .controllers {
  position: absolute;
  top: 47px;
  right: 0px;
  cursor: pointer;
}

@media (max-width: 1000px) {
  .sugestoes .list-header .controllers {
    top: 45px;
    right: -10px;
  }
}

.sugestoes .list-header .controllers i {
  font-size: 15px;
}

.sugestoes .list-header .controllers .fa-chevron-left {
  margin-right: 15px;
}

.sugestoes .list-header a {
  text-decoration: none;
  color: #ffffff;
  transition: 0.4s all;
}

    .sugestoes .list-header a:hover {
        color: #55a8fd;
    }

.sugestoes .list-header h2 {
  font-size: 1.8rem;
  font-weight: 600;
}

.sugest h2 {
  font-weight: normal;
}

.citacao-title h2 {
  font-weight: normal !important;
}

@media (max-width: 768px) {
  .sugestoes .list-header h2 {
    font-size: 18px;
  }
}

.sugestoes .list-header h2 i {
  vertical-align: middle;
  margin-left: 15px;
  font-size: 1.4rem;
}

.sugestoes .list-header p {
  font-size: 13px;
}

.sugestoes .slider-books {
  margin-top: 0px;
}

    .sugestoes .slider-books .slick-slide {
        margin: 0 21px;
    }

@media (max-width: 500px) {
  .sugestoes .slider-books .slick-slide {
    margin: 0px;
  }
}

.sugestoes .slider-books .slick-list {
  margin: 0 -21px;
}

@media (max-width: 500px) {
  .sugestoes .slider-books .slick-list {
    margin: 0px;
  }
}

.sugestoes .slider-books .slide-item-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: flex-start;
  position: relative;
  height: 436px;
  padding-bottom: 50px;
}

.ie11 .sugestoes .slider-books .slide-item-box {
  height: 534px;
}

.sugestoes .slider-books .slide-item-box.epub:after,
.livros__item.epub:after {
    display: block;
}

.book__thumb.epub:after,
.bookbox__image.epub:after {
  display: block;
  top: 70%;
}

.sugestoes .slider-books .slide-item-box:after,
.livros__item:after,
.book__thumb:after,
.bookbox__image:after {
    content: "EPUB";
    position: absolute;
    top: 181px;
    right: 0;
    width: 60px;
    height: 30px;
    line-height: 30px;
    color: #ffffff;
    font-weight: bold;
    padding-left: 17px;
    font-size: 1rem;
    font-family: sans-serif;
    letter-spacing: 0.1em;
    background: rgb(86, 168, 254);
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    display: none;
}

.bookbox__tag {
    position: absolute;
    top: 181px;
    right: 0;
    width: 60px;
    height: 30px;
    line-height: 30px;
    color: #ffffff;
    font-weight: bold;
    padding-left: 17px;
    font-size: 1rem;
    font-family: sans-serif;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    background: rgb(86, 168, 254);
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    display: block;
}

.book__tab-content .slick-box.mb-2 .slick-slide:after,
.book__tab-content .livros__lista .livros__item:after {
    width: 75px;
}

.list-books .livros__lista.slick-initialized .slick-track,
.book__tab-content .slick-box.mb-2 .slick-track {
  display: flex;
}

.list-books .livros__lista.slick-initialized .slick-slide,
.book__tab-content .slick-box.mb-2 .slick-slide {
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
}

/* @media (max-width: 1366px) and (min-width: 1201px) {
  .sugestoes:not(.menu-item) {
    height: 532.4px !important;
  }

  body.ie11 .sugestoes:not(.menu-item) {
    height: 630px !important;
  }
}

@media (max-width: 1200px) and (min-width: 769px) {
  .sugestoes:not(.menu-item) {
    height: 531px !important;
  }
}

@media (max-width: 768px) {
  .sugestoes:not(.menu-item) {
    height: 489px !important;
  }
} */
    @media (max-width: 1000px) {
        .livros__lista.recentemente-conteudo .active-livro::before,
        .list-books .livros__lista .active-livro::before {
            bottom: 0px;
        }
    }

    .sugestoes .slider-books .slide-item-box img {
    width: 100%;
    box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.3);
}

@media (max-width: 600px) {
    .sugestoes .slider-books .slide-item-box img {
        width: 60%;
    }
}

.sugestoes .slider-books .slide-item-box .livros__title {
    color: #fff;
    padding: 0px;
    font-size: 1.4rem;
    line-height: 18px;
    font-weight: 700;
    width: 100%;
    height: 40px;
    overflow: hidden;
    height: auto;
}

.sugestoes .slider-books .slide-item-box .livros__author {
  color: #fff;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 17px;
  margin-bottom: 0px;
  width: 100%;
}

.sugestoes .slider-books .slide-item-box .book__stars {
    display: flex;
    align-items: center;
    margin-top: 14px;
    color: #fff;
}

.book__stars .book__stars-valor,
.book__stars span {
    font-size: 12px;
    margin-left: 7px;
}

.slider-books {
    position: relative;
    width: 100%;
    float: left;
    margin-top: 20px;
}

    .slider-books .slide-item-box .inner-content,
    .slider-books .slider-continue-lendo .inner-content {
        box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.16);
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center;
        background: #fff;
        color: #666666;
        border-radius: 5px;
        height: 118px;
        margin: 10px 0px;
    }

@media(max-width: 800px) {
    .slider-books .slide-item-box .inner-content,
    .slider-books .slider-continue-lendo .inner-content {
        height: 180px;
    }
}

.slider-books .slide-item-box .inner-content .img-box,
.slider-books .slider-continue-lendo .inner-content .img-box {
    background-image: url("../../../images/book-thumb.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.slider-books .slide-item-box .book-infos,
.slider-books .slider-continue-lendo .book-infos {
    height: 100%;
    width: 60%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: flex-end;
    text-align: right;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    padding: 15px 16px 15px 0px;
}

    .slider-books .slide-item-box .book-infos .titulo,
    .slider-books .slider-continue-lendo .book-infos .titulo {
        font-size: 1.2rem;
        line-height: 16px;
        font-weight: 500;
    }

.slider-books .slide-item-box .book-infos,
.slider-books .slider-continue-lendo .book-infos {
    font-size: 12px;
    color: #575757;
}

    .slider-books .slide-item-box .book-infos .progress-bar,
    .slider-books .slider-continue-lendo .book-infos .progress-bar {
        background-color: #fde0e0;
        border-radius: 13px;
        width: 50%;
        margin-top: 5px;
        float: right;
    }

        .slider-books .slide-item-box .book-infos .progress-bar div,
        .slider-books .slider-continue-lendo .book-infos .progress-bar div {
            background-color: #fd5555;
            width: 0%;
            height: 3px;
            border-radius: 10px;
        }

.list-books {
    color: #666666;
}

.autor {
    font-size: 10px !important;
    color: #aeafb3 !important;
}

.list-books .user-info {
    padding: 40px 90px 0px 90px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 1000px) {
    .list-books .user-info {
        padding: 40px 20px 0px 20px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.list-books .user-info p {
    padding: 18px 25px;
    -ms-flex: 1;
    flex: 1;
    font-size: 16px;
    color: #47484a;
    background: #fff;
}

@media (max-width: 1000px) {
    .list-books .user-info p {
        width: 100%;
    }
}

.list-books .user-info a {
    padding: 18px 44px;
    color: #fff;
    text-decoration: none;
    background: #55a8fd;
    font-size: 16px;
    border: 1px solid transparent;
    transition: 0.3s ease-in;
}

@media (max-width: 1000px) {
    .list-books .user-info a {
        width: 100%;
    }
}

.list-books .user-info a:hover {
    background: #fff;
    color: #55a8fd;
    border-color: #55a8fd;
}

.list-books .continuar-lendo {
    margin-top: -3em;
    padding: 0px 90px;
    position: relative;
}

@media (max-width: 1000px) {
    .list-books .continuar-lendo {
        padding: 40px 20px;
    }

    .list-books .list-header > div:first-child + p {
        padding-left: 20px;
    }
}

.list-books .continuar-lendo .slide-item-box .inner-content,
.list-books .continuar-lendo .slider-continue-lendo .inner-content {
    position: relative;
    cursor: pointer;
}

    .list-books .continuar-lendo .slide-item-box .inner-content img,
    .list-books .continuar-lendo .slider-continue-lendo .inner-content img {
        -webkit-clip-path: polygon(0 2%, 71% 0, 100% 100%, 0% 100%);
        clip-path: polygon(0 0%, 80% 0, 100% 100%, 0% 100%);
        width: 40% !important;
        height: 100%;
        border-radius: 4%;
    }

    .list-books .continuar-lendo .slide-item-box .inner-content .remover-continue,
    .list-books
    .continuar-lendo
    .slider-continue-lendo
    .inner-content
    .remover-continue {
        position: absolute;
        right: 10px;
        top: 5px;
        cursor: pointer;
        z-index: 99;
        color: #cdd4dc;
        font-size: 15px;
        transition: all 0.6s;
    }

    .list-books .continuar-lendo .slide-item-box .inner-content a:hover,
    .list-books .continuar-lendo .slider-continue-lendo .inner-content a:hover {
        color: #55a8fd;
    }

.list-books .continuar-lendo .list-header {
    margin: 20px 0 0 0;
    padding: 0px;
}

    .list-books .continuar-lendo .list-header .controllers {
        top: 6px;
        right: 12px;
    }

    .list-books .continuar-lendo .list-header h2 {
        margin-bottom: 0px;
    }

.list-books .list-header {
    padding: 40px 90px;
    position: relative;
    width: 100%;
    clear: both;
}

@media (max-width: 1000px) {
    .list-books .list-header {
        padding: 40px 20px;
    }
}

.list-books .list-header .controllers {
    position: absolute;
    top: 47px;
    right: 104px;
    cursor: pointer;
    z-index: 100;
}

@media(max-width: 599px) {
    .list-books .list-header .controllers {
        right: 32px;
    }
}

.list-books .list-header .controllers i {
    font-size: 15px;
}

.list-books .list-header .controllers .fa-chevron-left {
    margin-right: 15px;
}

.list-books .list-header a {
    text-decoration: none;
    color: #666666;
    transition: 0.4s all;
}

    .list-books .list-header a:hover {
        color: #55a8fd;
    }

.list-books .list-header h2 {
    font-size: 1.7rem;
    margin-bottom: 7px;
    font-weight: 600;
}

@media (max-width: 768px) {
    .list-books .list-header h2 {
        font-size: 18px;
    }
}

.list-books .list-header h2 i {
    vertical-align: middle;
    margin-left: 15px;
    font-size: 1.4rem;
}

.list-books .list-header p {
    font-size: 1.4rem;
}

.list-books .books-list-slider {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
}

.list-books .slide-item-book {
    width: 15%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.16);
    position: relative;
    padding: 20px;
}

    .list-books .slide-item-book .header-buttons {
        position: absolute;
        top: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        padding: 20px;
    }

        .list-books .slide-item-book .header-buttons p {
            padding: 7px 22px;
            text-transform: uppercase;
            color: #fff;
            font-size: 11px;
            font-weight: bold;
            background: #00bc46;
            background: linear-gradient(90deg, #00bc46 0%, #d2ffe3 100%);
            border-radius: 50px;
        }

        .list-books .slide-item-book .header-buttons a {
            color: #fff;
            text-decoration: none;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-line-pack: center;
            align-content: center;
            -ms-flex-align: center;
            align-items: center;
            width: 28px;
            height: 28px;
            border-radius: 50%;
            position: relative;
            background: #bcbcbc;
        }

            .list-books .slide-item-book .header-buttons a:hover {
                background: #e0eefd;
                background: linear-gradient(30deg, #e0eefd 0%, #55a8fd 100%);
            }

            .list-books .slide-item-book .header-buttons a i {
                position: absolute;
                transform: translate(-50%, -50%);
                left: 50%;
                top: 50%;
                font-size: 13px;
            }

    .list-books .slide-item-book .stars-box {
        font-family: "FontAwesome";
        text-align: center;
    }

        .list-books .slide-item-book .stars-box i {
            color: #fdede0;
        }

        .list-books .slide-item-book .stars-box .selected {
            color: #fdc555;
        }

.bg-image {
    background-image: url(/images/background-citacao-azul.png);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
    color: #fff;
    margin: 20px 0px;
}

@media(max-width: 475px) {
    .bg-image {
        background-image: url("../../../images/grupomascara-mobile.jpg");
        background-attachment: initial;
    }
}

@media(min-width: 476px) and (max-width: 1000px) {
    .bg-image {
        background-attachment: initial;
    }
}

.bg-image .citacao-title {
    color: #fff !important;
}

.bg-image .citacao {
    position: relative;
    width: 500px;
    padding-left: 55px;
}

.citacao p {
    font-style: italic;
    font-weight: 300;
}

@media (max-width: 1000px) {
    .bg-image .citacao {
        width: 100%;
    }
}

.bg-image .citacao .citacao--icon {
    position: relative;
    top: 20px;
    left: -45px;
}

.bg-image .citacao .citacao--autor {
    position: relative;
    margin-top: 40px;
    font-size: 1.2rem;
    font-style: normal;
    text-transform: uppercase;
}

.bg-image .citacao .citacao--autor-pagina {
    text-transform: lowercase !important;
}

#CountLabel,
#LikeCountLabel {
    font-size: 1.25rem;
}

.bg-image .citacao .citacao--autor .bold {
    font-weight: bold;
    font-size: 1.25rem;
}

@media (max-width: 599px) {
    .bg-image .citacao .citacao--autor .bold {
        font-size: 1.2rem;
    }
}

.bg-image .citacao .citacao--autor::before {
    position: absolute;
    content: "";
    width: 30px;
    height: 2px;
    background: #fff;
    top: -14px;
}

.bookbox-home {
    width: 100% !important;
    margin: 0px !important;
    display: none;
}

@media(max-width: 1000px) {
    .bookbox-home {
        margin-top: -15px !important;
    }
}

.bookbox-home .bookbox {
    margin: 0px !important;
    width: 100% !important;
}

.slick-slide {
    margin: 0 15px;
}

@media (max-width: 500px) {
    .slick-slide {
        margin: 0px;
    }
}

@media (min-width: 1001px) {
    .slick-list {
        margin: 0 -15px;
    }
}

@media (max-width: 500px) {
    .slick-list {
        margin: 0px;
    }
}

.box-leitura .content {
    text-align: center;
    padding: 30% 0px;
}

    .box-leitura .content .title {
        font-size: 20px;
        color: #0b0b0b;
        line-height: 26px;
        font-weight: 600;
    }

    .box-leitura .content .text {
        font-size: 14px;
        line-height: 26px;
        color: #0b0b0b;
        font-weight: 600;
    }

.box-leitura .buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20%;
}

    .box-leitura .buttons .btn {
        width: 48%;
    }

    .box-leitura .buttons .btn-danger {
        background: #fd5555;
    }

    .box-leitura .buttons .btn-success {
        background: #31d68f;
    }

.box-avaliar .content {
    padding: 10% 0px 0px 0px;
    text-align: left;
}

    .box-avaliar .content .text {
        font-weight: normal;
        color: #777777;
        margin-top: 14px;
        margin-bottom: 25px;
    }

    .box-avaliar .content .form-avaliacao {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
    }

        .box-avaliar .content .form-avaliacao textarea {
            width: 100%;
            margin-bottom: 15px;
            border-radius: 4px;
            outline: none !important;
            border: 1px solid #e2e2e2;
            resize: none;
            padding: 20px;
        }

        .box-avaliar .content .form-avaliacao label {
            font-size: 12px;
            line-height: 26px;
            color: #777777;
            margin-bottom: 10px;
        }

        .box-avaliar .content .form-avaliacao .btn--modal {
            max-width: 100%;
            margin-top: 20px;
            font-weight: 500;
        }

    .box-avaliar .content .filters__lista {
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        .box-avaliar .content .filters__lista label {
            width: 48%;
            margin: 0px;
            text-align: center;
            margin-bottom: 20px;
            position: relative;
        }

            .box-avaliar .content .filters__lista label .label {
                -ms-flex-pack: center;
                justify-content: center;
                padding: 5px;
                border-radius: 24px;
                border: 1px solid #dedfe1;
                background: #f6f7fb;
            }

            .box-avaliar .content .filters__lista label input:checked ~ .label .fa-times {
                position: absolute;
                right: 10px;
            }

            .box-avaliar .content .filters__lista label input:checked ~ .label {
                border-color: #55a8fd;
            }

    .box-avaliar .content .stars-box {
        font-family: "FontAwesome";
        margin-bottom: 10px;
    }

        .box-avaliar .content .stars-box > fieldset {
            border: none;
            display: inline-block;
        }

            .box-avaliar .content .stars-box > fieldset:not(:checked) > input {
                position: absolute;
                top: -9999px;
                clip: rect(0, 0, 0, 0);
                color: #fdc555;
            }

            .box-avaliar .content .stars-box > fieldset:not(:checked) > label {
                float: right;
                width: 1em;
                padding: 0 0.05em;
                overflow: hidden;
                white-space: nowrap;
                cursor: pointer;
                font-size: 30px;
                color: #dfdfdf;
            }

                .box-avaliar .content .stars-box > fieldset:not(:checked) > label:before {
                    content: "\f005";
                }

                .box-avaliar .content .stars-box > fieldset:not(:checked) > label:hover,
                .box-avaliar
                .content
                .stars-box > fieldset:not(:checked) > label:hover ~ label {
                    color: #fdc555;
                    text-shadow: 0 0 3px #fdc555;
                }

                    .box-avaliar .content .stars-box > fieldset:not(:checked) > label:hover:before,
                    .box-avaliar
                    .content
                    .stars-box > fieldset:not(:checked) > label:hover ~ label:before {
                        content: "\f005";
                    }

            .box-avaliar .content .stars-box > fieldset > input:checked ~ label {
                color: #fdc555;
            }

                .box-avaliar .content .stars-box > fieldset > input:checked ~ label:before {
                    content: "\f005";
                }

            .box-avaliar .content .stars-box > fieldset > label:active {
                position: relative;
                top: 2px;
            }

.page-content {
    width: 10px;
    -ms-flex-positive: 2;
    flex-grow: 2;
    background: #f6f7fb;
    overflow: auto;
    height: 100vh;
}

.book__header {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 24px 90px 50px;
    height: auto;
    display: block;
    background: rgba(3, 45, 74, 0.9);
    position: relative;
}

    .book__header .box-search {
        width: 100%;
        z-index: 10;
    }

.book__header-content {
    padding: 30px 0px 0px 0px;
    position: relative;
    z-index: 10;
}

@media (max-width: 1000px) {
    .book__header-content {
        padding: 40px 0 0;
    }
}

.book__header-info {
    padding-top: 20px;
    display: -ms-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
}

.book_header--top {
    margin-top: 100px !important;
}

@media (max-width: 1000px) {
    .book__header-info {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.book__header-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: no-repeat center center;
    background-size: cover;
    opacity: 0.3;
    filter: blur(12px);
    -webkit-filter: blur(12px);
}

.header__back {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
    transition: 0.4s;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .header__back .arrow-img {
        margin-right: 10px;
    }

    .header__back:hover {
        color: #fdc555;
    }

    .header__back i {
        margin-right: 5px;
    }

.book__thumb {
    max-width: 230px;
    margin-right: 30px;
    position: relative;
}

@media (max-width: 1000px) {
    .book__thumb {
        margin-right: 0;
        margin-bottom: 20px;
        max-width: 60%;
        position: relative;
    }
}

.book__thumb img {
    width: 100%;
    height: auto;
    vertical-align: middle;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.06);
}

.book__info {
    width: 10px;
    -ms-flex-positive: 2;
    flex-grow: 2;
}

@media (max-width: 1000px) {
    .book__info {
        width: 100%;
    }
}

.book__author {
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
    color: #fff;
    margin-bottom: 25px;
}

@media (max-width: 1000px) {
    .book__author {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 20px;
    }
}

.book__title {
    font-size: 26px;
    font-weight: 300;
    line-height: 30px;
    color: #fff;
    margin-bottom: 15px;
}

@media (max-width: 1000px) {
    .book__title {
        font-size: 20px;
        line-height: 24px;
    }
}

.book__review {
    display: -ms-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 10px;
    font-weight: 300;
    color: #fff;
}

.book__stars {
    font-size: 12px;
    margin-right: 5px;
    color: #d9d9d9;
}

    .book__stars .active {
        color: #fdc555;
    }

    .book__stars .votos {
        font-weight: 600;
        font-size: 1.2rem;
        color: #666666;
        margin-left: 0.5rem;
        font-style: normal;
    }

.book__action {
    display: block;
    width: 230px;
    display: -ms-flex;
    display: -ms-flexbox;
    font-family: "Open Sans", sans-serif;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    border: 0;
    background-color: transparent;
    padding: 0;
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    margin-top: 15px;
    cursor: pointer;
    transition: 0.4s;
    text-decoration: none;
}

@media (max-width: 1000px) {
    .book__action {
        font-size: 14px;
        width: 100%;
    }
}

.book__action:hover {
    color: #fdc555;
}

.book__action.active .item-select {
    background-image: linear-gradient(to bottom left, #98cafd, #66b0fd);
    color: #fff;
}

.book__action i {
    width: 28px;
    height: 28px;
    margin-right: 10px;
    line-height: 28px;
    text-align: center;
    border-radius: 50%;
    background-image: linear-gradient(to bottom left, #d4d4d4, #e1e1e1);
    color: #15637c;
    font-size: 14px;
    transition: 0.4s;
}

    .book__action i.fa-play {
        font-size: 12px;
        background-image: linear-gradient(to bottom left, #a2f2ed, #2fd6cb);
    }

.book__tabs {
    display: -ms-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 60px;
    height: 64px;
    background: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.06);
    /*z-index: 15;*/
    position: relative;
    border-radius: 4px;
}

.book__tabs-modify {
    justify-content: space-around;
}

.book__tabs2 {
    margin: 0 7%;
}

@media (max-width: 1030px) {
    .book__tabs {
        padding: 0 50px;
    }
}

@media (max-width: 1000px) {
    .book__tabs {
        display: none;
    }
}

.book__tab {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    color: #777777;
    cursor: pointer;
    transition: 0.4s;
    display: flex;
    align-items: center;
}

@media (max-width: 1100px) {
    .book__tab {
        font-size: 13px;
    }
}

.book__tab:hover {
    color: #55a8fd;
}

.book__tab--active, .book__tab:focus {
    color: #55a8fd;
    box-shadow: inset 0 -2px 0 #55a8fd;
}

.book__tab-content {
    display: none;
}

    .book__tab-content:first-child {
        display: block;
    }

.expert__list li {
    margin-bottom: 75px;
}

.book__tabs-select {
    padding: 0 20px;
    height: 48px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.06);
    position: relative;
    z-index: 15;
    display: none;
    top: -35px;
}

@media (max-width: 500px) {
    .book__tabs-select {
        padding: 0 0px;
    }
}

.book__tabs-select option {
    line-height: 48px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}

.book__tabs-select--expert {
    padding: 0 0px;
}

@media (max-width: 1000px) {
    .book__tabs-select {
        display: block;
        border-radius: 4px;
        padding: 0px;
        width: 94%;
        margin: 0 auto;
    }
}

.book__tabs-select select {
    width: 100%;
    height: 48px;
    line-height: 48px;
    font-size: 14px;
    border: 0;
    padding: 0;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 5px;
    padding: 0 20px;
}

.book__share {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    padding-top: 10px;
    border-top: 1px solid #f6f7fb;
    margin-top: 20px;
    display: -ms-flex;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 13px;
    font-weight: 300;
    color: #fff;
    padding-bottom: 15px;
}

#drpTabs {
    margin-top: 10px;
    box-shadow: 1px 1px 4px 0.5px rgba(0,0,0,.3);
}

@media (max-width: 1000px) {
    .book__share {
        font-size: 12px !important;
        margin-bottom: 45px;
    }
}

.book__share a {
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background: #fff;
    border-radius: 50%;
    margin-left: 12px;
    color: #14607e;
    text-decoration: none;
    font-size: 12px;
    transition: 0.4s;
}

    .book__share a:not(.fa-facebook-f) {
        font-size: 14px;
    }

    .book__share a:hover {
        background-color: transparent;
        color: #fff;
    }

.book__tab-content {
    padding: 60px 0 60px;
    font-size: 14px;
    line-height: 24px;
    color: #575757;
}

@media (max-width: 1000px) {
    .book__tab-content {
        padding: 30px 0 60px;
    }
}

.book__tab-content-perfil {
    padding-top: 1.5rem;
}

.book__tab-content strong {
    font-weight: 700;
}

.book__tab-content .t-blue {
    color: #55a8fd;
}

.book__infos {
    float: left;
    margin-left: 30px;
    padding-top: 24px;
}

@media (min-width: 1001px) {
    .book__infos {
        width: 30%;
    }

    .book__description {
        width: 65%;
        padding: 0 20px 0 60px;
    }
}

@media (max-width: 1000px) {
    .book__description {
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }
}

.book__description {
    position: relative;
    float: left;
}

.book__about-the-author {
    padding: 35px 90px;
    background: #fff;
    margin-top: 40px;
}

@media (max-width: 1000px) {
    .book__about-the-author {
        padding: 30px;
    }
}

.book__comments-tab {
    padding: 0 90px;
    display: -ms-flex;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 1024px) {
    .book__comments-tab {
        padding: 0 30px;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}

.book__comments {
    width: 10px;
    -ms-flex-positive: 2;
    flex-grow: 2;
    height: 100%;
}

@media (max-width: 1024px) {
    .book__comments {
        width: 100%;
    }
}

.book__comments-filter {
    width: 320px;
    margin-left: 30px;
}

@media (max-width: 1024px) {
    .book__comments-filter {
        margin-left: 0;
        width: 100%;
        margin-bottom: 20px;
    }
}

.book__comment {
    padding: 25px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    margin-bottom: 30px;
}

@media (max-width: 1024px) {
    .book__comment {
        width: 100%;
    }
}

.book__comment .filter__list {
    margin-top: 25px;
}

@media (max-width: 1000px) {
    .capitulos__item .capitulos__col:nth-child(4) {
        font-size: 14px;
    }

        .capitulos__item .capitulos__col:nth-child(4) p {
            padding-left: 5px;
        }
}

.capitulos {
    padding: 0 90px;
}

.capitulos__col:last-child {
    text-align: right;
}

@media (max-width: 1000px) {
    .capitulos {
        padding: 0 30px;
    }
}

.capitulos__header {
    display: -ms-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 30px;
    font-size: 12px;
    font-weight: 600;
    color: #bbbbbd;
    width: 100%;
}

@media (min-width: 501px) {
    .capitulos__col:last-child {
        width: 10%;
    }

    .capitulos__col:first-child {
        width: 90%;
    }
}

@media (min-width: 501px) {
    .capitulos__col:last-child {
        width: 80%;
    }
}

@media (min-width: 501px) {
    .capitulos__col:last-child {
        width: 10%;
    }
}

@media (min-width: 401px) and (max-width: 500px) {
    .capitulos__col:first-child {
        width: 85%;
    }

    .capitulos__col:last-child {
        width: 15%;
    }
}

@media (max-width: 400px) {
    .capitulos__col:first-child {
        width: 75%;
    }

    .capitulos__col:last-child {
        width: 25%;
    }
}

.capitulos__item {
    background: #fff;
    padding: 20px 0;
    border-radius: 4px;
    margin-bottom: 15px;
    display: -webkit-flex;
    line-height: 22px;
    display: -ms-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
    text-decoration: none;
    transition: 0.4s;
}

@media (max-width: 500px) {
    .capitulos__item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.capitulos__item .capitulos__col {
    box-sizing: border-box;
    font-weight: 400;
}

    .capitulos__item .capitulos__col:first-child {
        font-size: 16px;
        color: #545559;
        padding-left: 20px;
    }

@media (max-width: 500px) {
    .capitulos__item .capitulos__col:first-child {
        font-size: 14px;
        margin-bottom: 5px;
    }
}

.capitulos__item .capitulos__col:nth-child(2) {
    font-size: 16px;
    line-height: 22px;
    color: #666666;
    padding-right: 30px;
}

@media (max-width: 1000px) {
    .capitulos__item .capitulos__col:nth-child(2) {
        font-size: 14px;
        margin-bottom: 5px;
    }
}

.capitulos__item .capitulos__col:nth-child(4) {
    padding-right: 20px;
    display: -ms-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    line-height: 22px;
    color: #666666;
}

@media (max-width: 375px) {
    .capitulos__item .capitulos__col:nth-child(2) {
        font-size: 13px;
    }

    .capitulos__item .capitulos__col:last-child p {
        font-size: 14px;
    }
}

.capitulos__item .capitulos__col:last-child i {
    color: #bbbbbd;
}

.capitulos__progress {
    display: -ms-flex;
    display: -ms-flexbox;
    display: flex;
}

    .capitulos__progress span {
        width: 3px;
        height: 12px;
        border-radius: 1px;
        background: #fde0e0;
        margin-right: 5px;
    }

        .capitulos__progress span.active {
            background: #fd5555;
        }

.filter__label {
    font-size: 16px;
    line-height: 26px;
    font-weight: 600;
    color: #47484a;
    margin-bottom: 15px;
}

@media (max-width: 1000px) {
    .filter__label {
        font-size: 14px;
        margin-bottom: 10px;
    }
}

.filter__list {
    display: -ms-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .filter__list span {
        padding: 0 14px;
        height: 32px;
        line-height: 32px;
        border-radius: 16px;
        background: #d4e9ff;
        font-size: 12px;
        font-weight: 600;
        color: #55a8fd;
        border: 0;
        margin-right: 10px;
        margin-bottom: 10px;
    }

    .filter__list button {
        padding: 0 14px;
        height: 32px;
        line-height: 32px;
        border-radius: 16px;
        background: #fff;
        font-size: 12px;
        font-weight: 600;
        color: #55a8fd;
        border: 1px solid #d4e9ff;
        margin-right: 10px;
        margin-bottom: 10px;
        cursor: pointer;
    }

    .filter__list .active {
        background: #d4e9ff;
    }

@media (max-width: 1000px) {
    .filter__list button,
    .filter__list span {
        height: 26px;
        line-height: 26px;
        padding: 0 10px;
        margin-right: 6px;
        margin-bottom: 6px;
    }
}

.comment__footer {
    padding-top: 15px;
    border-top: 1px solid #eeeeee;
    margin-top: 20px;
    display: -ms-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 1000px) {
    .comment__footer {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

.comment__abuso {
    border: 0;
    padding: 0;
    background-color: transparent;
    font-size: 13px;
    font-weight: 600;
    color: #333;
    cursor: pointer;
    transition: 0.4s;
}

@media (max-width: 1000px) {
    .comment__abuso {
        width: 100%;
        text-align: left;
        margin-top: 15px;
    }
}

.comment__abuso:hover {
    color: #55a8fd;
}

.comment__header {
    display: -ms-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
    position: relative;
    z-index: 100;
}

@media (max-width: 1000px) {
    .comment__header {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.comment__user {
    display: -ms-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 1000px) {
    .comment__user {
        width: 100%;
        margin-bottom: 5px;
    }
}

.comment__user img {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    vertical-align: middle;
}

@media (min-width: 376px) {
    .comment__user-info {
        margin-left: 15px;
    }
}

@media (max-width: 375px) {
    .comment__user-info {
        margin-left: 10px;
    }
}

.comment__user-name {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
}

@media (max-width: 1000px) {
    .comment__user-name {
        font-size: 14px;
        line-height: 20px;
    }
}

.comment__open {
    position: absolute;
    right: -5px;
    top: -10px;
    color: #cccfd5;
    font-size: 18px;
    cursor: pointer;
    transition: 0.4s;
}

    .comment__open:hover {
        color: #55a8fd;
    }

.comment__box {
    font-size: 12px;
    line-height: 26px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    padding: 15px;
    border-radius: 4px;
    position: absolute;
    right: -10px;
    top: 15px;
    display: none;
    background: #fff;
    z-index: 10;
    cursor: pointer;
}

    .comment__box li {
        list-style-type: none;
        text-align: left;
        border-bottom: 1px solid #cccfd5;
        margin-bottom: 1rem;
        padding-bottom: 1rem;
    }

        .comment__box li:last-child {
            border: none;
            margin-bottom: 0rem;
            padding-bottom: 0rem;
        }

.comment__box__icon {
    margin-right: 1rem;
}

.comment__box a {
    color: #707070;
    font-size: 12px;
    line-height: 16px;
    text-decoration: none;
    transition: 0.4s;
}

    .comment__box a:hover {
        color: #55a8fd;
    }

.comment__date {
    font-size: 14px;
    line-height: 22px;
    font-weight: 600;
    color: #cccfd5;
}

@media (max-width: 1000px) {
    .comment__date {
        font-size: 12px;
        line-height: 20px;
    }
}

.comment__like {
    display: -ms-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 13px;
    line-height: 18px;
    color: #98999b;
    font-weight: 600;
}

    .comment__like button {
        padding: 0;
        border: 0;
        background-color: transparent;
        color: #000;
        font-size: 16px;
        cursor: pointer;
        margin-right: 5px;
        transition: 0.4s;
    }

        .comment__like button.fas {
            color: #55a8fd;
        }

    .comment__like strong {
        font-weight: 600;
        color: #000;
    }

.loading-more {
    text-align: center;
    font-size: 13px;
    color: #575757;
    margin-bottom: 30px;
}

.livros__lista {
    padding: 0 90px;
}

    .livros__lista .fa-comment-alt-smile,
    .livros__lista p {
        display: block;
        width: 100%;
        text-align: center;
    }

    .livros__lista .fa-comment-alt-smile {
        display: block;
        width: 100%;
        font-size: 80px;
        margin-bottom: 15px;
        text-align: center;
    }

    .livros__lista p {
        margin-bottom: 30px;
    }

@media (max-width: 1000px) {
    .livros__lista {
        padding: 0 30px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .livros__item:not([aria-hidden="false"]) {
        opacity: 0;
        z-index: -1;
        overflow: hidden;
    }
}

.livros__item {
    background: #fff;
    border-radius: 5px;
    position: relative;
    box-sizing: content-box;
    min-height: 415px;
    margin: 7px 5px;
}

@media (min-width: 1001px) {
    .livros__lista:not(.slick-slider) .livros__item {
        min-height: 405px;
    }
}

@media (min-width: 480px) and (max-width: 1000px) {
    .livros__lista:not(.slick-slider) .livros__item {
        min-height: 400px;
    }
}

@media (max-width: 479px) {
    .livros__lista:not(.slick-slider) .livros__item {
        min-height: 380px;
    }
}

@media (min-width: 1366px) {
    .livros__item.slick-slide {
        width: calc(25% - 23px);
    }
}

@media (min-width: 1025px) and (max-width: 1365px) {
    .livros__item.slick-slide {
        width: calc(31%);
    }
}

@media (min-width: 800px) and (max-width: 1024px) {
    .livros__item.slick-slide {
        width: calc(33% - 23px);
    }
}

@media (max-width: 799px) {
    .livros__item.slick-slide {
        width: calc(48%);
    }
}

@media (max-width: 479px) {
    .livros__item.slick-slide {
        width: 100%;
    }
}

.livros__item:not([aria-hidden="true"]) {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
    opacity: 1;
    z-index: 1;
    overflow: visible;
}

.active-livro::before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 15px 0px 0px;
    border-color: transparent transparent transparent transparent;
    position: absolute;
    left: 90px;
    bottom: -31px;
}

.active-livro2::before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 15px 20px 15px;
    border-color: transparent transparent #032d4a transparent;
    position: absolute;
    left: 62px;
    bottom: -1px;
}

.livros__item .book__stars {
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

.livros__tag {
    position: absolute;
    left: 15px;
    top: 15px;
    height: 28px;
    line-height: 28px;
    padding: 0 22px;
    border-radius: 14px;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    background: linear-gradient(to right top, #2fd6cb, #2fd6cb);
}

.livros__like {
    position: absolute;
    right: 15px;
    top: 15px;
    height: 28px;
    width: 28px;
    text-align: center;
    line-height: 28px;
    border-radius: 50%;
    background-image: linear-gradient(to bottom left, #e8e9ec, #e8e9ec);
    font-size: 12px;
    color: #646464;
    border: 0;
    padding: 0;
    cursor: pointer;
    transition: 0.4s;
}

.livros__like.active {
  background-image: linear-gradient(to bottom left, #98cafd, #66b0fd);
}

.livros__imagem {
    padding: 25px 25px 15px;
    display: -ms-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

    .livros__imagem img {
        height: 180px;
        max-height: 100%;
        width: auto;
        max-width: 100%;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
    }

.livros__title {
    padding: 0 20px;
    font-size: 1.6rem;
    line-height: 20px;
    font-weight: 700;
    color: #666666;
    text-align: center;
    margin-top: 10px;
    display: block;
    text-decoration: none;
    word-break: break-word;
    height: 40px;
    overflow: hidden;
}

.livros__author {
  margin-top: 10px;
    font-size: 1.3rem;
  line-height: 17px;
  font-weight: 500;
  color: #777777;
  text-align: center;
  display: block;
  text-align: center;
  text-decoration: none;
  padding: 0 20px 30px 20px;
  min-height: 65px;
}

@media(max-width: 599px) {
    .livros__title {
        font-size: 1.4rem !important;
    }

    .livros__author {
        font-size: 1.2rem !important;
    }
}

.livros__progress {
    width: 100%;
    height: 3px;
    background: #fde0e0;
    position: absolute;
    overflow: hidden;
    bottom: 0;
}

.livros__progress-bar {
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #fd5555;
    border-radius: 0 10px 10px 0;
}

.indisponivel {
    padding: 40px 90px;
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    font-weight: 700;
    color: #575757;
}

@media (max-width: 1000px) {
    .indisponivel {
        padding: 30px;
    }
}

.capitulos,
.grp-citacoe,
.book__comments-tab {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    text-align: center;
}

.expert__list > div {
    margin-bottom: 50px;
}

@media (min-width: 1025px) {
    .expert__list > div {
        flex-basis: 65%;
    }
}

@media (min-width: 481px) and (max-width: 1024px) {
    .expert__list > div {
        flex-basis: 85%;
    }
}

@media (max-width: 480px) {
    .expert__list > div {
        flex-basis: 90%;
    }
}

.expert__list p a {
    color: rgb(85, 168, 253);
    text-decoration: none;
}

    .expert__list p a:hover {
        text-decoration: underline;
    }

.book__tab-content .capitulos .fa-comment-alt-smile,
.expert__list p .fa-comment-alt-smile,
.book__comments .fa-comment-alt-smile,
.grp-citacoe .fa-comment-alt-smile,
.book__comments-tab .fa-comment-alt-smile {
    display: block;
    font-size: 80px;
    margin-bottom: 15px;
    margin-right: auto;
    margin-left: auto;
}

.book__comments i,
.book__comments p {
    text-align: left;
}

.book__comments .comment__user-name {
    text-align: left !important;
}

.expert__list p,
.book__tab-content .capitulos p,
.book__tab-content .grp-citacoe p,
.book__tab-content .book__comments-tab p {
    width: 100%;
    display: block;
}

.expert__item {
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    position: relative;
    transition: 0.4s;
}

    .expert__item:not(:last-child) {
        margin-bottom: 50px;
    }

@media (max-width: 1000px) {
    .expert__item:not(:last-child) {
        margin-bottom: 20px;
    }
}

.expert__item .fa-bookmark {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 30;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    padding: 0;
    border: 0;
    background-image: linear-gradient(to bottom left, #d4d4d4, #e1e1e1);
    cursor: pointer;
    transition: 0.4s;
}

    .expert__item .fa-bookmark:hover {
        transform: scale(1.1);
    }

    .expert__item .fa-bookmark.active {
        background-image: linear-gradient(to bottom left, #98cafd, #66b0fd);
    }

.expert__image {
    width: 100%;
}

.expert__image__bg {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    max-height: 370px;
    position: relative;
}

.expert__image__bg--filtro {
    filter: blur(2px);
    position: absolute;
    left:0;
    top:0;
    background: url("http://placeimg.com/141/210/any");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 100%;
}

.expert__image__bg--filtro2 {
    filter: blur(2px);
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 100%;
}

.expert__image img {
  padding: 2rem 0;
  -pie-margin: 0 auto;
  max-height: 370px;
  vertical-align: middle;
  z-index: 20;
}

@media (max-width: 500px) {
    .expert__image img {
        width: 60%;
    }
}

.expert__info {
    padding: 30px;
    text-align: left;
    text-decoration: none;
    display: block;
}

@media (max-width: 1000px) {
    .expert__info {
        padding: 20px;
    }
}

.expert__label {
    font-size: 14px;
    color: #545559;
    line-height: 20px;
    font-weight: 600;
}

.expert__title {
    font-size: 16px;
    font-weight: 600;
    color: #666666;
    margin-bottom: 15px;
    line-height: 26px;
}

.expert__excerpt {
    font-size: 14px;
    line-height: 24px;
    color: #707070;
}

.expert__author {
    margin-top: 15px;
    display: -ms-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

    .expert__author img {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        margin-right: 10px;
    }

.expert__author-info {
    width: 10px;
    -ms-flex-positive: 2;
    flex-grow: 2;
}

.expert__author-name {
    font-size: 12px;
    line-height: 18px;
    color: #666666;
    font-weight: 600;
}

.expert__date {
    font-size: 11px;
    line-height: 18px;
    color: #545559;
}

.item-l {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}

    .item-l .fas {
        color: #f05252;
    }

.item-r .btn {
    max-width: 21.4rem;
    width: 100%;
    padding: 1.5rem 2rem;
    font-weight: 300;
    transition: 0.4s;
}

    .item-r .btn:hover {
        background: #fff;
        color: #55a8fd;
    }

    .item-r .btn .carrinho {
        margin-right: 1.5rem;
    }

@media (max-width: 1030px) {
    .btn {
        margin-top: 2rem;
    }
}

@media (max-width: 600px) {
    .item-r .btn {
        max-width: 100%;
    }
}

.citacoes__container {
    width: 100%;
    max-width: 85%;
    margin: 0 auto;
}

.grp-citacoe {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.box-citacao {
    margin-bottom: 4rem;
}

@media (min-width: 1366px) {
    .box-citacao {
        width: calc(33.3% - 20px);
    }

        .box-citacao:not(:nth-child(3n)) {
            margin-right: 30px;
        }
}

@media (max-width: 1365px) {
    .box-citacao {
        width: 49%;
    }

        .box-citacao:not(:nth-child(2n)) {
            margin-right: 2%;
        }
}

.box-citacao__social {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 1.5rem;
    font-size: 1.3rem;
    color: #47484a;
    font-weight: 600;
    padding: 0 1rem;
}

    .box-citacao__social .item-r {
        position: relative;
    }

        .box-citacao__social .item-r .list-share {
            position: absolute;
        }

    .box-citacao__social i {
        margin-right: 0.5rem;
        cursor: pointer;
    }

    .box-citacao__social span {
        color: #98999b;
    }

.card-citacao {
    background: #fff;
    padding: 2rem 2.5rem;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
}

.card-citacao__title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.card-citacao__author {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

    .card-citacao__author img {
        border-radius: 24px;
        margin-right: 0.5rem;
        width: 24px !important;
        height: 24px;
    }

.card-citacao__author-name {
    font-style: italic;
    font-weight: 400;
    font-size: 1.2rem;
}

.card-citacao-text {
    margin-top: 2rem;
    padding-bottom: 3.5rem;
    font-size: 1.4rem;
    line-height: 2.4rem;
    color: #000;
}

.card-citacao-line {
    background: #fdc555;
    width: 3rem;
    height: 0.2rem;
}

.card-citacao-title {
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1.4rem;
    line-height: 19px;
    margin-top: 1rem;
}

.card-citacao-desc {
    font-size: 1.4rem;
    font-weight: 400;
    color: #000;
    line-height: 19px;
    margin-bottom: 1.5rem;
}

.card-citacao-link {
    font-weight: 400;
    font-size: 1.4rem;
    text-decoration: none;
    color: #777777;
}

@media (max-width: 1030px) {
    .box-citacao__social {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .citacoes__container {
        max-width: 94%;
        width: 100%;
    }
}

@media (max-width: 500px) {
    .box-citacao {
        width: 100%;
    }

        .box-citacao:not(:nth-child(3n)) {
            margin-right: 0px;
        }
}

.card-citacao.fancybox-content {
    max-width: 40rem !important;
}

.book__tabs-c {
    -ms-flex-align: end;
    align-items: center;
    height: 48px;
}

    .book__tabs-c .book__tab {
        line-height: 18px;
        padding: 15px 0;
        text-align: center;
    }

    .book__tabs-c .book__tab--d {
        padding: 5px 0;
    }

    .book__tabs-c .book__tab--active {
        border-bottom: 2px solid #55a8fd;
        box-shadow: none;
    }

.list__box::-webkit-scrollbar {
    width: 7px;
}

.list__box::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #707070;
    border-radius: 10px;
}

.list__box::-webkit-scrollbar-thumb {
    background: #55a8fd;
    border-radius: 10px;
}

.trig {
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #b0b1b5;
    content: "";
    position: absolute;
    right: 20px;
    top: 36px;
    z-index: 2;
}

.list__box {
    position: absolute;
    right: 5px;
    top: 45px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.06);
    height: 19rem;
    overflow-y: auto;
    width: 18rem;
    z-index: 99;
    color: #777777;
}

@media(max-width: 499px) {
    .lb-detalhes {
        left: 160px !important;
        top: 470px !important;
    }
}

@media(min-width: 500px) and (max-width: 1000px) {
    .lb-detalhes {
        left: 185px !important;
        top: 493px !important;
    }
}

.box_mylist {
    display: none;
}

.show-box_mylist {
    display: block;
}

.list__box-item {
    padding: 0 1rem;
    padding-bottom: 1rem;
    padding-top: 1rem;
    background: #fff;
    list-style-type: none;
    font-size: 1.2rem;
    font-weight: 400;
    border-bottom: 1px solid #cccfd5;
    cursor: pointer;
    position: relative;
    -webkit-transition: background 0.4s ease-in-out, color 0.2s ease-in-out;
    -moz-transition: background 0.4s ease-in-out, color 0.2s ease-in-out;
    -o-transition: background 0.4s ease-in-out, color 0.2s ease-in-out;
    transition: background 0.4s ease-in-out, color 0.2s ease-in-out;
}

.list__box-item__check {
    font-size: 15px;
    color: #55a8fd;
    margin-left: 30%;
    opacity: 0;
    position: absolute;
    right: 10px;
}

.item-select.select .list__box-item__check {
    opacity: 1;
}

.list__box-item:first-child {
    padding-top: 1rem;
    border-radius: 5px 5px 0 0;
}

.list__box-item:last-child {
    border-bottom: none;
    border-radius: 0 0 5px 5px;
}

.list__box-fixo {
    color: #55a8fd;
}

.list__box-remover {
    font-size: 1.2rem;
    font-weight: 400;
    list-style-type: none;
    padding-bottom: 1rem;
    padding-top: 1rem;
    background: #b0b1b5;
    color: #fff;
    margin: 0;
    padding-left: 1rem;
    padding-right: 1rem;
    cursor: pointer;
}

    .list__box-remover:hover {
        background: #b0b1b5;
        color: #fff;
    }

.list__box .select {
    margin: 0;
    padding-left: 1rem;
    padding-right: 1rem;
}

.item-select:hover {
    color: #fff;
    background: #55a8fd;
    cursor: pointer;
    margin: 0 auto;
    padding-left: 1rem;
}

.item-select.select:hover {
    background: #fff;
    color: #777777;
}

.page__header {
    padding-top: 60px;
    width: 100%;
    color: #fff;
    font-size: 13px;
    line-height: 22px;
}

.page__title {
    font-size: 24px;
    font-weight: 700;
    line-height: 26px;
}

.acervo__header {
    height: auto !important;
    padding: 24px 60px 105px;
}

@media (max-width: 1000px) {
    .acervo__header {
        padding: 24px 30px 105px;
    }
}

.acervo__header .box-search {
    width: 100%;
}

.acervo__page {
    padding: 0 90px 60px;
    margin-top: -32px;
}

@media (max-width: 1000px) {
    .acervo__page {
        padding: 0 20px 40px;
    }
}

@media (max-width: 1000px) {
    .slick-slide {
        margin: 15px 10px !important;
    }
}

/* @media (max-width: 480px) {
  .slick-slide {
    
  }
} */

.acervo__page .livros__lista {
    padding: 0;
}

.acervo__filter {
    height: 64px;
    border-radius: 4px;
    padding: 15px;
    background: #fff;
    position: relative;
}

@media (max-width: 1000px) {
    .acervo__filter {
        height: auto;
    }
}

.acervo__filter-label {
    font-size: 14px;
    line-height: 20px;
    position: absolute;
    left: 0;
    top: -25px;
    color: #fff;
    font-weight: 600;
}

.acervo__filter-row {
    display: -ms-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 1000px) {
    .acervo__filter-row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.acervo__filter-button {
    width: 10px;
    height: 34px;
    line-height: 34px;
    display: -ms-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-positive: 2;
    flex-grow: 2;
    border-radius: 4px;
    background: #efefef;
    color: #47484a;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    border: 0;
    padding: 0 15px;
    transition: 0.4s;
}

@media (max-width: 1000px) {
    .acervo__filter-button {
        width: 100% !important;
        margin-right: 0 !important;
        margin-bottom: 10px;
    }

        .acervo__filter-button:last-child {
            margin-bottom: 0;
        }
}

.acervo__filter-button:hover {
    background: #eaeaea;
}

.acervo__filter-button.active {
    background: #afafaf;
    color: #fff;
}

.acervo__filter-button span {
    width: 10px;
    -ms-flex-positive: 2;
    flex-grow: 2;
    margin-right: 10px;
}

.acervo__filter-button .fa-sort-down {
    position: relative;
    top: -3px;
}

.acervo__filter-button:not(:last-child) {
    margin-right: 15px;
}

.acervo__filter-button:last-child {
    width: 121px;
    -ms-flex-positive: 0;
    flex-grow: 0;
}

.acervo__filter-button .fa-star {
    font-size: 10px;
    color: #d3d3d3;
}

    .acervo__filter-button .fa-star.active {
        color: #fdc555;
    }

.acervo__list-info {
    display: -ms-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 30px;
    margin-bottom: 30px;
}

@media (max-width: 1000px) {
    .acervo__list-info {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.acervo__ordenacao {
    display: -ms-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 1000px) {
    .acervo__ordenacao {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
    }
}

.acervo__orderby {
    border: 1px solid #aeafb3;
    border-radius: 4px;
    font-size: 12px;
    height: 40px;
    font-weight: 600;
    width: 150px;
    background-color: transparent;
    margin-left: 20px;
    text-indent: 5px;
}

.acervo__orderby--card {
    color: #000;
}

@media (max-width: 1000px) {
    .acervo__orderby {
        width: 100%;
        margin-left: 0;
        margin-top: 10px;
        font-size: 14px;
    }
}

.acervo__search {
    border: 1px solid #c4c4c4;
    border-radius: 4px;
    background: #fff;
    height: 40px;
    padding: 0 15px;
    display: -ms-flex;
    display: -ms-flexbox;
    display: flex;
    width: 220px;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 1000px) {
    .acervo__search {
        width: 100%;
    }
}

.acervo__search label {
    font-size: 18px;
    color: #c4c4c4;
    margin-right: 10px;
}

.acervo__search input {
    height: 36px;
    line-height: 36px;
    border: 0;
    padding: 0;
    outline: none;
    width: 10px;
    -ms-flex-positive: 2;
    flex-grow: 2;
    font-size: 14px;
    color: #333;
}

    .acervo__search input:-ms-input-placeholder {
        color: #c4c4c4;
    }

    .acervo__search input::placeholder {
        color: #c4c4c4;
    }

.acervo__exibindo {
    font-size: 13px;
    line-height: 20px;
    color: #777777;
}

@media (max-width: 1000px) {
    .acervo__exibindo {
        width: 100%;
        margin-bottom: 10px;
    }
}

.filters__title {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    color: #47484a;
    margin-bottom: 20px;
}

.filters__footer {
    display: -ms-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 15px;
    margin-top: 15px;
    border-top: 1px solid #cbcbcd;
}

.filters__clear {
    background-color: transparent;
    border: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 600;
    color: #aeafb3;
    cursor: pointer;
    transition: 0.4s;
}

    .filters__clear:hover {
        color: #333;
    }

.filters__apply {
    font-size: 14px;
    font-weight: 600;
    background-color: transparent;
    padding: 0;
    border: 0;
    cursor: pointer;
    color: #55a8fd;
    transition: 0.4s;
}

    .filters__apply:hover {
        color: #288ff9;
    }

.filters__lista {
    display: -ms-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px;
}

    .filters__lista label {
        width: calc(25% - 18.75px);
        margin-bottom: 10px;
    }

    .filters__lista .label-star {
        width: calc(19% - 18.75px);
    }

@media (max-width: 1000px) {
    .filters__lista label {
        width: 100%;
        margin-bottom: 5px;
    }
}

.filters__lista label:not(:nth-child(4n)) {
    margin-right: 25px;
}

.filters__lista label input {
    display: none;
}

.filters__lista label .label {
    width: 100%;
    font-size: 12px;
    color: #47484a;
    line-height: 20px;
    padding: 6px 10px;
    display: -ms-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 20px;
    cursor: pointer;
}

    .filters__lista label .label .fa-times {
        display: none;
    }

.filters__lista label .deactive {
    color: #eeeeee;
}

.filters__lista label input:checked ~ .label {
    background: #d4e9ff;
    color: #55a8fd;
}

    .filters__lista label input:checked ~ .label .fa-times {
        display: block;
    }

.filters__list {
    position: absolute;
    left: 15px;
    top: 55px;
    width: calc(100% - 30px);
    z-index: 25;
}

.filters__list-item {
    background: #fff;
    border: 1px solid #eeeeee;
    border-radius: 4px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    padding: 20px;
    display: none;
}

@media (max-width: 1000px) {
    .filters__list-item:nth-child(2) {
        margin-top: 45px;
    }

    .filters__list-item:nth-child(3) {
        margin-top: 90px;
    }

    .filters__list-item:nth-child(4) {
        margin-top: 135px;
    }

    .filters__list-item:nth-child(5) {
        margin-top: 180px;
    }
}

.livros__lista.opaco {
    position: relative;
}

    .livros__lista.opaco::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(246, 247, 251, 0.9);
        z-index: 10;
    }

.loading-more {
    font-size: 13px;
    line-height: 18px;
    color: #777777;
}

    .loading-more i {
        margin-right: 5px;
    }

.bookbox {
    padding: 60px;
    margin: 0 -60px 30px;
    position: relative;
    display: -ms-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
    background: #032d4a;
    width: calc(100% + 120px);
}

.padding-home {
    padding: 60px 90px;
}

@media (max-width: 1000px) {
    .bookbox {
        margin: 0 -30px 30px;
        padding: 30px;
        width: calc(100% + 60px);
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.bookbox__image {
    width: 100%;
    max-width: 230px;
    margin-right: 40px;
    position: relative;
    z-index: 10;
    box-shadow: 10px 10px 36px 0px rgba(0, 0, 0, 0.75);
    position: relative;
}

@media (max-width: 1000px) {
    .bookbox__image {
        width: 60%;
        margin-right: 0;
        margin-bottom: 30px;
    }
}

.bookbox__image img {
    width: 100%;
}

.bookbox__title {
    font-size: 3rem;
    font-weight: 700;
    line-height: 30px;
    margin: 10px 0;
}

.bookbox__author {
  font-size: 1.5rem;
  font-weight: normal;
  line-height: 22px;
  margin-bottom: 10px;
}

.bookbox__isbn,
.bookbox__editora {
  font-weight: normal;
}

.bookbox__editora,
.bookbox__isbn,
.bookbox__descricao {
  font-size: 1.35rem;
}

.bookbox__buttons {
    display: -ms-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 10px;
    -ms-flex-align: center;
    align-items: center;
}

.bookbox__buttons--text {
    font-size: 1.4rem;
    margin-bottom: 0 !important;
    margin-left: 0.5rem;
}

@media (max-width: 1000px) {
    .bookbox__buttons {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.bookbox__button {
    font-size: 1.4rem;
    font-weight: 500;
    color: #fff;
    border: 0;
    padding: 0;
    text-decoration: none;
    background-color: transparent;
    transition: 0.4s;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
}

    .bookbox__button:hover {
        color: #2fd6cb;
    }

@media (max-width: 1000px) {
    .bookbox__button {
        width: 100%;
        margin-left: 0 !important;
        margin-bottom: 10px;
        text-align: left;
    }
}

.bookbox__button.active i {
    background-image: linear-gradient(to bottom left, #98cafd, #66b0fd);
    color: #fff;
    font-size: 15px;
    font-weight: 500;
}

.bookbox__button i {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    line-height: 28px;
    text-align: center;
    font-size: 14px;
    color: #15637c;
    margin-right: 5px;
    background-image: linear-gradient(to bottom left, #d4d4d4, #e1e1e1);
    cursor: pointer;
    transition: 0.4s;
}

    .bookbox__button i.fa-play {
        font-size: 12px;
        background-image: linear-gradient(to bottom left, #a2f2ed, #2fd6cb);
    }

.bookbox__button:not(:last-child) {
    margin-right: 40px;
}

@media (max-width: 1000px) {
    .bookbox__button:not(:last-child) {
        margin-right: 0;
    }
}

.bookbox__info {
    width: 10px;
    -ms-flex-positive: 2;
    flex-grow: 2;
    position: relative;
    z-index: 10;
    color: #fff;
    font-size: 14px;
    line-height: 24px;
}

@media (max-width: 1000px) {
    .bookbox__info {
        width: 100%;
    }
}

.bookbox__info strong {
    font-weight: 600;
}

.bookbox__info p,
.bookbox__info h2,
.bookbox__info h3,
.bookbox__info h4,
.bookbox__info h5 {
    margin-bottom: 10px;
}

.bookbox__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: no-repeat center center;
    background-size: cover;
    opacity: 0.3;
    filter: blur(12px);
    -webkit-filter: blur(12px);
}

.expert-reader .book__header-content {
    position: relative;
}

    .expert-reader .book__header-content .fa-bookmark {
        position: absolute;
        right: 15%;
        bottom: -76px;
        z-index: 10;
        border-radius: 50%;
        width: 51px;
        height: 51px;
        line-height: 28px;
        text-align: center;
        color: #fff;
        border: 3px solid #f6f7fb;
        font-size: 20px;
        padding: 0;
        background-image: linear-gradient(to bottom left, #d4d4d4, #e1e1e1);
        cursor: pointer;
    }

        .expert-reader .book__header-content .fa-bookmark.active {
            background-image: linear-gradient(to bottom left, #5fe2d9, #2fd6cb);
        }

.expert-reader .post-info {
    font-size: 16px;
    color: #aeafb3;
}

.expert-reader .book__header-info {
    -ms-flex-pack: center;
    justify-content: center;
}

@media (max-width: 1000px) {
    .expert-reader .book__overview {
        padding: 0 30px;
    }
}

@media (min-width: 1001px) {
    .expert-reader .book__overview {
        padding: 0 15%;
    }
}

.expert-reader .book__overview .header__back {
    color: #707070;
    margin: 30px 0px;
}

.expert-reader .book__overview .page-title {
    color: #666666;
    font-weight: 600;
    margin-bottom: 20px;
}

@media (min-width: 481px) {
    .expert-reader .book__overview .page-title {
        font-size: 34px;
        line-height: 44px;
    }
}

@media (min-width: 375px) and (max-width: 480px) {
    .expert-reader .book__overview .page-title {
        font-size: 30px;
        line-height: 40px;
    }
}

@media (max-width: 374px) {
    .expert-reader .book__overview .page-title {
        font-size: 28px;
        line-height: 38px;
    }
}

.expert-reader .book__overview .page-subtitle {
    font-size: 18px;
    line-height: 28px;
    color: #707070;
    margin-bottom: 20px;
}

.expert-reader .book__overview .page-text-content {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
}

.expert-reader .bookinfo {
    padding: 0 60px 60px;
}

.expert-reader .footer-info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 15%;
    padding-bottom: 19px;
    margin-bottom: 26px;
    border-bottom: 1px solid #cccfd5;
}

    .expert-reader .footer-info p {
        font-size: 12px;
        margin-right: 16px;
    }

    .expert-reader .footer-info .filter__list button,
    .expert-reader .footer-info .filter__list span {
        margin-bottom: 0px;
    }

.expert-reader .relacionado {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 19px;
    -ms-flex-direction: row;
}

@media (min-width: 801px) {
    .expert-reader .relacionado {
        margin: 0 15% 26px;
    }
}

@media (max-width: 800px) {
    .expert-reader .relacionado {
        margin: 0 5% 26px;
    }
}

.expert-reader .relacionado .livros__item {
    width: 45%;
    min-height: 320px;
}

.expert-reader .relacionado .title {
    font-size: 16px;
    color: #0b0b0b;
    width: 100%;
    margin-bottom: 12px;
}

.expert-reader .expert__intern-info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
}

.expert-reader .expert__intern-info-text {
    margin-left: 8px;
}

    .expert-reader .expert__intern-info-text .author {
        color: #666;
    }

    .expert-reader .expert__intern-info-text .data {
        font-size: 11px;
        line-height: 16px;
        color: #98999b;
    }

.expert-reader .livros__item .title {
    font-size: 16px;
    line-height: 26px;
    color: #666666;
    width: 100%;
    text-decoration: none;
    display: block;
    padding: 0px 24px;
}

.expert-reader .livros__item .livros__imagem {
    background: #032d4a;
    margin-bottom: 24px;
}

.expert-reader .livros__item .post-info {
    padding: 0px 24px;
}

.expert-reader .livros__item .expert__intern-info {
    padding: 0px 24px;
    position: absolute;
    bottom: 20px;
}

.expert-reader .bookinfo {
    margin-top: 35px;
}

.login {
    position: relative;
    /*height: calc(100% + 200px);*/
}

@media (max-width: 1000px) {
    .login {
        height: calc(100% + 350px) !important;
    }
}

.login__background {
    padding: 0 20%;
    background-image: url("../../../images/bg-login.png");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    height: 432px;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #fff;
    position: relative;
    box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.15);
}

.login__background-title {
    font-size: 30px;
    line-height: 42px;
    font-weight: bold;
}

.login__background-link {
    font-size: 16px;
    text-decoration: none;
    color: #fff;
    margin-bottom: 78px;
}

.login__background .logo {
    max-width: 100%;
    height: auto;
}

.login__box-content {
    position: absolute;
    top: 80px;
    right: 20%;
    width: 30%;
    background: #fff;
    box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.2);
}

@media (max-width: 500px) {
    .login__background {
        padding: 0 16%;
    }
}

@media (max-width: 1200px) {
    .login__background img {
        width: 45%;
    }

    .login__background {
        padding: 0 15%;
    }
}

@media (max-width: 1000px) {
    .login__background img {
        width: 80%;
    }

    .login__background {
        padding: 0 11%;
    }

    .login__box-content {
        width: 90%;
        right: 5%;
        top: 85%;
    }
}

.login .intern .login__cadastro {
    display: none;
}

.login .intern .login__form-form-group {
    margin-bottom: 44px;
    margin-top: 10px;
}

.label_plano {
    font-size: 12px;
    color: #777777;
    line-height: 26px;
    margin-top: -1.5rem;
}

.login .intern .login__form {
    padding-bottom: 100px;
}

.login .intern .header__back {
    color: #707070;
    margin-bottom: 20px;
}

.login .intern .login-link {
    width: 100%;
    outline: 0;
    padding: 10px;
    border-radius: 6px;
    font-size: 14px;
    line-height: 26px;
    color: #fff;
    cursor: pointer;
    border: 1px solid transparent;
    transition: all 0.4s;
    background: #55a8fd;
    display: block;
    text-decoration: none;
    text-align: center;
    margin-top: 80px;
}

.login__form {
    padding: 30px 45px;
}

.login__form-title {
    font-size: 32px;
    line-height: 45px;
    color: #55a8fd;
}

.login__form-subtitle {
    font-size: 20px;
    line-height: 28px;
    color: #55a8fd;
    font-weight: 400;
}

.login__form-text {
    font-size: 14px;
    color: #707070;
    line-height: 26px;
    margin-bottom: 20px;
}

.login__form-form {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: column;
    flex-direction: column;
}

.login__form-form-group {
    width: 100%;
    margin-bottom: 16px;
}

    .login__form-form-group .label {
        font-size: 1.7rem;
        color: #777777;
        line-height: 26px;
    }

    .login__form-form-group .label_duvidas {
        font-size: 12px;
        color: #777777;
        line-height: 26px;
    }

    .login__form-form-group .input {
        width: 100%;
        border-radius: 4px;
        border: 1px solid #e2e2e2;
        color: #707070;
        padding: 14px 10px;
        outline: none;
        font-size: 16px;
        transition: ease-in-out 0.3s;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .login__form-form-group .input-contato {
        background: #eeeeee;
        padding: 13px 20px;
        margin-top: 0px;
    }

    .login__form-form-group .input:focus {
        border-color: #2196f3;
    }

    .login__form-form-group .select {
        width: 100%;
        padding: 14px 10px;
        font-size: 16px;
        color: #aeafb3;
        border: 1px solid #e2e2e2;
        border-radius: 6px;
    }

.login__form-form .check {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
}

.login__form-form .check-container {
    display: block;
    position: relative;
    padding-left: 40px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .login__form-form .check-container:hover input ~ .checkmark {
        border-color: #2196f3;
    }

    .login__form-form .check-container input:checked ~ .checkmark {
        background-color: #2196f3;
    }

        .login__form-form .check-container input:checked ~ .checkmark:after {
            display: block;
        }

    .login__form-form .check-container .checkmark:after {
        left: 9px;
        top: 5px;
        width: 5px;
        height: 10px;
        border: solid white;
        border-width: 0 3px 3px 0;
        transform: rotate(45deg);
    }

.login__form-form .check-input {
    outline: none;
    background: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 2px;
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

    .login__form-form .check-input:checked ~ .checkmark {
        background-color: #2196f3;
    }

        .login__form-form .check-input:checked ~ .checkmark:after {
            display: block;
        }

.login__form-form .check .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 24px;
    width: 24px;
    background-color: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 2px;
}

    .login__form-form .check .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

.login__form-form .check .link {
    color: #777777;
    font-size: 12px;
    line-height: 26px;
}

.login__form-form .button {
    width: 100%;
    outline: none;
    padding: 10px;
    border-radius: 6px;
    border: none;
    font-size: 14px;
    line-height: 26px;
    color: #fff;
    cursor: pointer;
    border: 1px solid transparent;
    transition: all 0.4s;
}

    .login__form-form .button:hover {
        background: #fff;
        border-color: #55a8fd;
        color: #55a8fd;
    }

.login__form-form .button-facebook {
    background: #4a67df;
    padding: 2px;
}

    .login__form-form .button-facebook i {
        vertical-align: text-top;
        font-size: 16px;
        margin-right: 12px;
    }

.login__form-form .button-submit {
    background: #55a8fd;
}

.login__form-form .separator {
    width: 100%;
    text-align: center;
    margin: 20px 0px;
}

.login__form-form .separator-text {
    position: relative;
    font-size: 12px;
    line-height: 26px;
    color: #cccfd5;
}

    .login__form-form .separator-text:before {
        content: "";
        width: 47%;
        height: 1px;
        background: #cccfd5;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
    }

    .login__form-form .separator-text:after {
        content: "";
        width: 47%;
        height: 1px;
        background: #cccfd5;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
    }

.login__cadastro {
    padding: 19px 50px;
    background: #ededed;
    font-size: 14px;
    line-height: 26px;
    color: #707070;
}

    .login__cadastro .link {
        text-decoration: none;
        color: #55a8fd;
        font-weight: bold;
    }

.login .help-info {
    font-size: 14px;
    color: #707070;
    position: absolute;
    bottom: -40px;
    text-align: center;
    width: 100%;
}

    .login .help-info a {
        font-weight: bold;
        color: #55a8fd;
    }

.rodape {
    margin: 2% 0px;
    font-size: 14px;
    text-align: center;
    bottom: 0px;
    width: 100%;
    z-index: -1;
}

.rodape__link {
    color: #47484a;
    text-decoration: none;
}

.rodape__link:hover {
  color: #55a8fd;
}

.cadastro {
    background-image: url("../../../images/bg-cadastros.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.cadastro__header {
    background: none;
    margin-bottom: 80px;
}

.cadastro .book__header-info {
    display: flex;
    -ms-flex-pack: justify;
    justify-content: center;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 0;
    align-items: baseline;
}

.cadastro-logo__bv {
    padding-left: 3em;
    padding-right: 3em;
    max-width: 69%;
    margin: 0 auto;
    padding-top: 4em;
}

.cadastro-logo__bv figure img {
  width: 166px;
  height: 53px;
}

@media (max-width: 1030px) {
    .cadastro .book__header-info {
        flex-direction: column;
    }

        .cadastro .book__header-info .box-1,
        .cadastro .book__header-info .box-2 {
            width: 100% !important;
        }

    .cadastro-footer {
        margin-top: 70px !important;
        margin-bottom: 70px !important;
    }

        .cadastro-footer section {
            width: 80% !important;
            margin-bottom: 50px;
        }
}

.cadastro .book__header-info .box-1 {
    margin-right: 80px;
}

.cadastro .book__header-info .box-1,
.cadastro .book__header-info .box-2 {
    width: 34%;
}

    .cadastro .book__header-info .box-1 .title {
        font-size: 29px;
        color: #fff;
        line-height: 33px;
        font-weight: 700;
        margin-top: 0px;
    }

    .cadastro .book__header-info .box-1 .text {
        font-size: 16px !important;
        color: #ffffffd9;
        line-height: 25px;
        margin-top: 25px;
    }

        .cadastro .book__header-info .box-1 .text a {
            color: #fff;
            font-weight: bold;
        }

    .cadastro .book__header-info .box-1 .bold {
        font-weight: bold;
        font-size: 18px;
        line-height: 28px;
        margin-top: 10px;
        color: #fff;    
    }

    .cadastro .book__header-info .box-2 label {
        color: #fff;
    }

    .cadastro .book__header-info .box-2 .button {
        background: #2fd6cb;
        font-family: 'Open Sans';
        font-weight: 500;
    }
    .cadastro .book__header-info .box-2 .button.secondary {
        background:#55A8FD;
    }
    .cadastro .book__header-info .box-2 .button.gray {
        background-color: #F6F7FB;
        color: #55A8FD;
    }

    .cadastro .book__header-info .box-2 .button.gray:hover {
        color: #55A8FD;
    }

        .cadastro .book__header-info .box-2 .button:hover {
            color: #fff;
            border-color: #fff;
        }

    .cadastro .book__header-info .box-2 .text {
        font-size: 1.5rem;
        font-weight: bold;
        color: #fff;
        margin-bottom: 15px;
    }

.cadastro-footer {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 80px;
    margin-bottom: 80px;
}

.cadastro-footer section {
  width: 65%;
  display: flex;
  align-items: center;
  border: 1px solid #fff;
  padding: 1.5em 3em;
  border-radius: 4px;
}

        .cadastro-footer section i,
        .cadastro-footer p {
            color: #fff;
        }

        .cadastro-footer section i {
            font-size: 2.8em;
            margin-right: 0.8em;
        }

.cadastro-footer p {
  font-size: 1.5em;
  line-height: 1.7em;
}

.cadastro .book__header-info .box-center {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 50%;
    margin: 0 auto;
    color: #fff;
}

    .cadastro .book__header-info .box-center a {
        color: #fff;
        font-weight: bold;
    }

    .cadastro .book__header-info .box-center .text {
        font-size: 14px;
        font-weight: normal;
        margin-bottom: 20px;
        text-align: center;
    }

    .cadastro .book__header-info .box-center .bold {
        font-size: 16px;
        font-weight: bold;
    }

    .cadastro .book__header-info .box-center .title {
        font-weight: bold;
        font-size: 29px;
        line-height: 36px;
        margin-bottom: 15px;
        margin-top: 30px;
    }

    .cadastro .book__header-info .box-center .button-link {
        width: 50%;
        outline: none;
        padding: 10px;
        border-radius: 6px;
        border: none;
        font-size: 14px;
        line-height: 26px;
        color: #fff;
        cursor: pointer;
        border: 1px solid transparent;
        transition: all 0.4s;
        text-decoration: none;
        background: #2fd6cb;
        text-align: center;
    }

        .cadastro .book__header-info .box-center .button-link:hover {
            background: #fff;
            border-color: #55a8fd;
            color: #55a8fd;
        }

.cadastro .book__header-info .box-falha {
    width: 100%;
}

.step-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

.stepcard {
    position: relative;
    width: 400px;
    height: 635px;
    overflow-x: hidden;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
}

    .stepcard .first-step {
        right: 0;
        opacity: 1;
    }

.stepcard__cards {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 40px;
    background: #fff;
    width: 100%;
    height: 100%;
    position: absolute;
    right: -100%;
    opacity: 0;
    transition: 0.5s all;
}

.stepcard__cards-progress {
    width: 35%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
}

    .stepcard__cards-progress .active {
        background: #55a8fd !important;
    }

    .stepcard__cards-progress .step {
        width: 20%;
        height: 1px;
        background: #cccfd5;
    }

.stepcard__cards-img-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    opacity: 1;
}

.stepcard__cards .skip-link {
    font-size: 12px;
    color: #707070;
    font-weight: normal;
    text-decoration: none;
    text-align: right;
    transition: 0.4s all;
}

    .stepcard__cards .skip-link:hover {
        color: #55a8fd;
    }

.stepcard__cards-img {
    margin-top: 120px;
    margin-bottom: 80px;
    margin-right: auto;
    margin-left: auto;
    transition: 0.5 all;
}

.animate {
    position: relative;
    padding: 0;
    width: 40%;
    margin-top: -65px;
    margin-left: 0;
    transition: 0.5 all;
}

.stepcard__cards-title {
    font-size: 22px;
    font-weight: lighter;
    line-height: 33px;
    color: #0b0b0b;
}

.stepcard__cards-subtitle {
    font-size: 33px;
    color: #55a8fd;
    font-weight: bold;
}

@media (max-width: 500px) {
    .stepcard__cards-subtitle {
        height: auto;
        font-size: 28px;
    }
}

.stepcard__cards-text {
    font-size: 14px;
    line-height: 22px;
    color: #777777;
}

.stepcard__cards-buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
}

.stepcard__cards-button {
    width: 100%;
    border-radius: 4px;
    text-align: center;
    text-decoration: none;
    padding: 14px 0px;
    margin-top: 40px;
    transition: 0.3s ease-in-out;
    border: 1px solid transparent;
    cursor: pointer;
    font-size: 14px;
}

    .stepcard__cards-button:hover {
        box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.2);
    }

    .stepcard__cards-button:first-child {
        margin-right: 14px;
    }

.stepcard__cards .blue-bg {
    background: #55a8fd;
    color: #fff;
}

.stepcard__cards .white-bg {
    background: #fff;
    color: #55a8fd;
    border-color: #55a8fd;
}

.stepcard .step-2 .stepcard__cards-img {
    margin-top: 40px;
    margin-bottom: 20px;
    margin-right: auto;
    margin-left: auto;
}

.stepcard .center {
    -ms-flex-pack: center;
    justify-content: center;
}

/* Animations Settings */
[data-anim="show-from--right"] {
    right: 0;
    opacity: 1;
}

[data-anim="show-from--left"] {
    right: 0;
    opacity: 1;
}

[data-anim="hide-to--right"] {
    right: -100%;
    opacity: 0;
}

[data-anim="hide-to--left"] {
    right: 100%;
    opacity: 0;
}

.preferencias__header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
}

    .preferencias__header .stepcard__cards-title {
        line-height: 15px;
    }

.preferencias__content {
    font-size: 14px;
}

    .preferencias__content .title {
        line-height: 26px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        color: #0b0b0b;
    }

        .preferencias__content .title p {
            font-weight: 600;
        }

        .preferencias__content .title span {
            color: #98999b;
        }

    .preferencias__content .text {
        line-height: 16px;
        color: #777777;
    }

    .preferencias__content .filters__lista {
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 20px;
        margin-right: 0px;
        margin-left: 0px;
    }

        .preferencias__content .filters__lista label {
            width: 48%;
            margin: 0px;
            text-align: center;
            margin-bottom: 20px;
            position: relative;
        }

            .preferencias__content .filters__lista label .label {
                -ms-flex-pack: center;
                justify-content: center;
                padding: 15px;
                max-height: 60px;
                height: 100%;
                border-radius: 24px;
                border: 1px solid #dedfe1;
                background: #f6f7fb;
            }

        .preferencias__content .filters__lista .label--metas .label {
            width: 72px;
            padding: 9px 0px;
        }

        .preferencias__content .filters__lista label input:checked ~ .label .fa-times {
            position: absolute;
            right: 10px;
        }

        .preferencias__content .filters__lista label input:checked ~ .label {
            border-color: #55a8fd;
        }

.preferencias__img-box img {
    margin: 220px auto 20px;
}

.preferencias .no-margin {
    margin-top: 0px;
}

.preferencias .progress-bar {
    width: 100%;
    height: 8px;
    background: #f6f7fb;
    margin-top: 30px;
}

    .preferencias .progress-bar .progress {
        animation: progress 1.5s ease-in-out forwards;
        height: inherit;
        background: #55a8fd;
    }

@keyframes progress {
    from {
        width: 0;
    }

    to {
        width: 100%;
    }
}

.preferencias .metas {
    -ms-flex-pack: start;
    justify-content: flex-start;
}

    .preferencias .metas .text {
        line-height: 22px;
    }

@media (max-width: 500px) {
    .preferencias .metas .text {
        line-height: 21px;
    }
}

.preferencias .metas .text:first-child {
    margin-bottom: 20px;
}

.preferencias .metas .preferencias__content .text-site {
    font-size: 16px;
    color: #0b0b0b;
}

.preferencias .metas .select-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10px;
    padding-bottom: 18px;
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 12px;
}

    .preferencias .metas .select-box .box-1 {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .preferencias .metas .select-box .box-1 p {
            margin-left: 10px;
            margin-right: 10px;
        }

    .preferencias .metas .select-box select {
        padding: 5px 10px;
        border: 1px solid #cbcbcd;
        font-size: 16px;
        line-height: 40px;
        color: #0b0b0b;
    }

        .preferencias .metas .select-box select:first-child {
            padding: 5px 15px;
        }

@media (max-width: 500px) {
    .preferencias .metas .select-box select:first-child {
        padding: 5px 5px;
    }
}

.preferencias .metas .preferencias__content .filters__lista {
    -ms-flex-pack: start;
    justify-content: flex-start;
}

    .preferencias .metas .preferencias__content .filters__lista label {
        width: 25%;
        margin-bottom: 0px;
        padding-bottom: 8px;
    }

        .preferencias
        .metas
        .preferencias__content
        .filters__lista
        label:not(:nth-child(4n)) {
            padding-right: 2%;
        }

        .preferencias
        .metas
        .preferencias__content
        .filters__lista
        label
        input:checked ~ .label
        .fa-times {
            display: none;
        }

.preferencias .metas .stepcard__cards-buttons {
    -ms-flex-pack: center;
    justify-content: center;
}

    .preferencias .metas .stepcard__cards-buttons .stepcard__cards-button {
        margin-right: 0px;
        width: 60%;
        -ms-flex-pack: center;
        justify-content: center;
    }

.preferencias .pendencia {
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
}

    .preferencias .pendencia .stepcard__cards-buttons {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .preferencias .pendencia .stepcard__cards-buttons .stepcard__cards-button {
            margin: 0px;
            width: 100%;
            margin-bottom: 5%;
        }

.box-news {
    background: #fff;
    padding: 3.5rem 5rem;
    width: 100%;
    overflow: auto;
}

.box-news__container {
    position: relative;
    margin: 0 auto;
    margin-top: -3rem;
    border-radius: 5px;
}

.caixa-de-entrada {
    margin: 0 90px;
    margin-top: -3rem;
    width: auto !important;
}

@media (max-width: 768px) {
    .caixa-de-entrada {
        margin: 0 20px;
        margin-top: -3rem;
        position: relative !important;
    }

    .item-toggle .header-toggle__title {
        font-size: 1.1rem !important;
    }

    .box-news {
        padding: 3.5rem 3rem;
    }
}

@media (max-width: 500px) {
    .box-news__container {
        position: initial;
        bottom: 0;
        padding: 4.5rem 2rem;
    }
}

.item-toggle {
    padding: 2rem 1.5rem;
    border: 0.5rem;
    background: #f6f7fb;
    margin-bottom: 2rem;
    border-radius: 5px;
}

.item-toggle--new {
    background: #d4e9ff;
}

.item-toggle .header-toggle {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    cursor: pointer;
}

    .item-toggle .header-toggle .left-grp {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
    }

.item-toggle .header-toggle__icon {
    margin-right: 1rem;
    background: #fff;
    border-radius: 100%;
    padding: 0.5rem 1rem;
    font-size: 2rem;
    background: url("../../../images/icon-logo.png");
    width: 40px;
    height: 40px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.item-toggle .header-toggle__date {
    font-size: 1.3rem;
    margin-bottom: 0.5rem;
    color: #777777;
}

.item-toggle .header-toggle__title {
    font-size: 1.4rem;
    font-weight: bold;
}

.item-toggle .header-toggle__aviso {
    background: #55a8fd;
    color: #fff;
    border-radius: 0.7rem;
    width: 100%;
    background: #55a8fd;
    color: #fff;
    border-radius: 0.5rem;
    height: 20px;
    max-width: 48px;
}

    .item-toggle .header-toggle__aviso .info {
        padding: 0.2rem 1.2rem;
        font-size: 1.1rem;
        text-align: center;
    }

.item-toggle .content-toggle {
    width: 80%;
    padding: 1.5rem 0rem;
    padding-bottom: 0rem;
}

.header__toggle--aviso-excluir {
  display: flex;
  align-items: center;
  justify-content: center;
}

.header__toggle--aviso-excluir #caixaEntradaExcluir {
  color: #b0b1b5;
  padding: 14px;
  margin-left: 8px;
  font-size: 1.5rem;
}

@media (max-width: 500px) {
    .item-toggle .content-toggle {
        width: 100%;
    }
}

.item-toggle .content-toggle__img {
    height: 27.6rem;
    background-size: cover !important;
    background-repeat: no-repeat;
    background-position: center !important;
    margin-bottom: 1.5rem;
}

.item-toggle .content-toggle__text {
    padding: 0rem 2rem;
    padding-bottom: 0rem;
    font-size: 1.4rem;
    color: #777777;
    line-height: 2.4rem;
}

@media (max-width: 500px) {
    .item-toggle {
        padding: 2rem 1rem;
    }
}

.show-none {
    display: none;
}

.minha-lista__button {
    color: #fff;
    font-size: 14px;
    line-height: 26px;
    background: #55a8fd;
    border-radius: 4px;
    padding: 11px 40px;
    display: block;
    text-decoration: none;
    float: right;
    text-align: center;
}

@media (max-width: 1000px) {
    .minha-lista__button {
        max-width: 100% !important;
        margin-bottom: 15px;
    }
}

.minha-lista .book__tab-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .minha-lista .book__tab-content .text-info {
        text-align: left;
        width: 97.2%;
        margin-bottom: 35px;
        margin-left: 30px;
    }

    .minha-lista .book__tab-content .center {
        text-align: center;
    }

.minha-lista .list-header {
    padding-bottom: 40px;
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

    /* .minha-lista .list-header > div:first-child {
  flex-basis: 100%;
        } */

    .minha-lista .list-header .list_excluir {
        display: inline-flex;
        font-size: 13px !important;
    }

        .minha-lista .list-header .list_excluir p,
        .minha-lista .list-header .list_excluir span {
            font-family: "Open Sans", sans-serif;
            margin-left: 1rem;
        }

@media (max-width: 1024px) {
    .minha-lista .list-header .list_excluir {
        position: absolute;
        top: -5px;
    }
}

@media (max-width: 1000px) {
    .slick-initialized .slick-slide {
        transition: all 0.8s ease-in-out;
    }
}

@media (min-width: 768px) {
    .minha-lista .list-header .controllers .fa-chevron-left {
        margin-right: 15px;
        margin-left: 30px;
    }
}

.minha-lista .slick-list,
.livros__lista .slick-slider {
    padding-bottom: 7px;
}

@media (max-width: 1024px) {
    .minha-lista .list-header {
        padding-top: 30px;
    }

        .minha-lista .list-header .controllers .fa-chevron-left {
            margin-right: 23px;
        }

        .minha-lista .list-header .controllers .fa-chevron-right {
            right: 0px;
        }
}

@media (max-width: 320px) {
    .minha-lista .list-header {
        padding-right: 60px;
    }
}

.minha-lista .list-header .controllers {
    display: flex;
    cursor: pointer;
    align-items: center;
}

.minha-lista .list-header .controllers i {
  font-size: 15px;
}

.minha-lista .list-header a {
    text-decoration: none;
    color: #666666;
    transition: 0.4s all;
}

    .minha-lista .list-header a:hover {
        color: #55a8fd;
    }

.minha-lista .list-header h2 {
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 7px;
}

@media (max-width: 768px) {
    .minha-lista .list-header h2 {
        font-size: 18px;
    }
}

@media (max-width: 400px) {
    .minha-lista .list-header h2 {
        font-size: 17px;
    }
}

.minha-lista .list-header h2 i {
    vertical-align: middle;
    margin-left: 15px;
}

.minha-lista .list-header p {
    font-size: 13px;
}

.minha-lista .slick-box {
    width: 100%;
}

    .minha-lista .slick-box .livros__lista {
        display: -ms-flexbox !important;
        display: flex !important;
    }

.box-sucess__title {
    font-size: 24px;
    line-height: 32px;
    color: #0b0b0b;
    margin: 35px 0px;
}

.box-sucess .btn-modal {
    width: 100%;
    max-width: 100%;
}

.box-sucess .login__form-form-group {
    margin-bottom: 55px;
}

.box-form {
    background: #fff;
    width: 100%;
    border-radius: 0.5rem;
    margin: 0 auto;
    padding: 4rem;
}

.box-form__title {
    color: #0b0b0b;
    font-size: 1.6rem;
    font-weight: 600;
    margin-bottom: 2rem;
}

.modal-pref-home {
    display: inline;
    align-content: center;
    text-align: center;
    justify-content: center;
    min-width: 320px;
    max-width: 400px!important;
}

.model-pref-home--child {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.model-pref-home--child .btn-modal-pref {
    min-width: 18rem;
    width: 100%;
}

.model-pref-home--child .btn-modal-pref .btn-pref {
    margin-right: 0px;
}

    .modal-pref-home img {
        margin: 20px auto 20px !important;
    }

    .modal-pref-home h2 {
        font-weight: 600;
    }

    .modal-pref-home p {
        margin-top: 5% !important;
    }

.btn-pref {
    max-width: 27.6rem !important;
    margin-top: 10%;
    text-decoration: none;
}

.btn-modal-pref {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

.facebook {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

    .facebook .info {
        font-size: 1.2rem;
        color: #777777;
    }

    .facebook .btn-facebook {
        background: #4a67df;
        color: #fff;
        font-weight: 400;
        font-size: 1.4rem;
        border: none;
        border-radius: 0.5rem;
        width: 100%;
        max-width: 24rem;
        text-align: center;
        padding: 1.5rem 0;
        margin-left: 1.5rem;
        cursor: pointer;
    }

        .facebook .btn-facebook i {
            font-size: 1.6rem;
            margin-right: 0.5rem;
        }

.ui-row {
    display: -ms-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

    .ui-row:not(:last-child) {
        margin-bottom: 0px;
    }

@media (max-width: 1000px) {
    .ui-row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.ui-row__jcsb {
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.ui-row__jcfe {
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.ui-row__alic {
    -ms-flex-align: center;
    align-items: center;
}

.ui-field {
    width: 10px;
    -ms-flex-positive: 2;
    flex-grow: 2;
}

    .ui-field:not(:last-child) {
        margin-right: 20px;
    }

.line-division {
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 3rem;
    padding-bottom: 3rem;
}

.preferencias__content .filters__lista .label--meu-perfil {
    width: 17rem;
    float: left;
    margin-right: 2rem !important;
}

    .preferencias__content .filters__lista .label--meu-perfil:last-child {
        margin-right: 0;
    }

.preferencias__content .filters__lista--meu-perfil {
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 1rem;
    margin-bottom: 2rem;
}

.sub-title {
    font-size: 1.3rem;
    font-weight: 600;
    color: #000;
}

.btn {
    max-width: 17.6rem;
    background: #55a8fd;
    color: #eeeeee;
    font-size: 1.4rem;
    text-align: center;
    width: 100%;
    padding: 1.5rem 0;
    border: none;
    border-radius: 0.5rem;
    cursor: pointer;
}

.login__form-form--meu-perfil {
    padding: 2rem 5rem;
    background: #f6f7fb;
}

.login__form-form__subtitle {
    font-size: 1.6rem;
    color: #000;
    margin-bottom: 2rem;
}

.box-form__text {
    font-size: 1.4rem;
    line-height: 2.4rem;
    color: #707070;
    margin-bottom: 2rem;
}

.case-credito {
    padding: 1.5rem 4.5rem;
    background: #f6f7fb;
    margin-bottom: 2rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
}

    .case-credito:last-child {
        margin-bottom: 0;
    }

    .case-credito .left-side {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
    }

.case-credito__img {
    margin-right: 1.5rem;
    background: url("https://placeimg.com/57/85/arch");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 85px;
    width: 57px;
}

.case-credito__info__title {
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 2rem;
    color: #000;
}

.case-credito__info__autor {
    font-size: 1.2rem;
    line-height: 1.7rem;
    font-weight: 600;
    color: #aeafb3;
}

.case-credito__info__text {
    font-size: 1.3rem;
    color: #777777;
}

    .case-credito__info__text strong {
        font-weight: bold;
    }

.carregar-mais {
    font-size: 1.3rem;
    color: #777777;
    width: 100%;
    width: 20rem;
    margin: 0 auto;
    text-align: center;
}

    .carregar-mais i {
        font-size: 2rem;
        margin-right: 1.5rem;
        animation: spin 2s linear infinite;
    }

.box-sucess .btn-backpage {
    color: #707070;
    font-size: 1.4rem;
    text-transform: uppercase;
    background: transparent;
    border: none;
    cursor: pointer;
}

    .box-sucess .btn-backpage i {
        margin-right: 1rem;
        font-size: 1.2rem;
    }

.box-sucess .fa-check-circle {
    font-size: 12rem;
    color: #31d68f;
    margin-bottom: 2rem;
    width: 100%;
    text-align: center;
    margin-top: 6rem;
}

.box-sucess .fa-times-circle {
    font-size: 12rem;
    color: #f5365c;
    margin-bottom: 2rem;
    width: 100%;
    text-align: center;
    margin-top: 6rem;
}

.box-sucess__messenger {
    font-weight: 400;
    margin-bottom: 4rem;
    text-align: center;
    font-size: 1.6rem;
    color: #707070;
}

    .box-sucess__messenger strong {
        font-size: 2rem;
    }

.btn--modal {
    width: 100%;
    max-width: 30rem;
    transition: all 0.3s ease-in-out;
}

    .btn--modal:hover {
        filter: brightness(110%);
    }

.btn-label {
    padding: 15px;
    border-radius: 24px;
    border: 1px solid #dedfe1;
    background: #fff;
    margin: 0 0 20px;
    text-align: center;
    position: relative;
    cursor: pointer;
    width: 17rem;
}

    .btn-label .text {
        color: #47484a;
    }

.bg-white {
    background: #fff !important;
}

.minhalista-modal {
    width: 400px;
    background: #f6f7fb;
}

.fancybox-button {
  display: none;
}

.modal__caixa-entrada {
  width: 400px;
}

.box-sucess {
    max-width: 40rem;
    width: 100%;
}

.slider-books .slide-item-box,
.slider-books .slider-continue-lendo {
    width: 25%;
    margin: 0 15px;
    float: left;
    display: block;
    position: relative;
}

.list-books .continuar-lendo .slide-item-box .inner-content .link,
.list-books .continuar-lendo .slider-continue-lendo .inner-content .link {
    display: block;
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    z-index: 20;
}

.minhalista-modal.alaviarid .box-sucess {
    max-width: 100%;
}

.icon-input {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    border-right: none;
    padding-left: 10px;
    border-radius: 5px 0 0 5px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #e2e2e2;
}

    .icon-input .input {
        border-left: none;
        border-radius: 0 5px 5px 0;
        border: none;
    }

    .icon-input .icon {
        border: 5px 0 0 5px;
    }

.avatar__img {
    background: url("../../../images/avatar.png");
    background-size: cover;
    background-position: center;
    height: 80px;
    width: 80px;
    border: 2px solid #e2e2e2;
    padding: 10px;
    border-radius: 100%;
    position: relative;
}

.avatar__img__user {
    background-size: cover;
    background-position: center;
    height: 80px;
    max-width: 80px;
    width: 100%;
    border: 2px solid #e2e2e2;
    padding: 10px;
    border-radius: 100%;
    position: relative;
}

.avatar {
    cursor: pointer;
    position: relative;
}

    .avatar .icon-bot {
        position: absolute;
        color: #55a8fd;
        font-size: 20px;
        position: absolute;
        color: #55a8fd;
        font-size: 20px;
        bottom: -5px;
        right: 0px;
    }

.input-ocult {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    z-index: 20;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
}

@media (max-width: 1030px) {
    .box-form {
        padding: 4rem 2rem;
    }

    .avatar__img {
        height: 55px;
        width: 55px;
    }

    .avatar .icon-bot {
        right: -7px;
    }

    .login__form-form--meu-perfil {
        padding: 2rem 5%;
    }

    .case-credito {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 1.5rem 5%;
    }
}

@media (max-width: 500px) {
    .ui-field:not(:last-child) {
        width: 100%;
        margin-right: 0px;
    }

    .avatar__img {
        height: 80px;
        width: 80px;
        margin-bottom: 1rem;
    }

    .preferencias__content .filters__lista .label--meu-perfil {
        margin-right: 0px !important;
        width: 100%;
    }

    .btn-label {
        width: 100%;
    }

    .btn {
        max-width: 35.6rem;
        width: 100%;
    }

    .case-credito .left-side {
        margin-bottom: 1.5rem;
    }
}

.biblioteca-virtual {
    max-width: 102.6rem;
    background: #fff;
    margin: 0 auto;
    width: 100%;
    font-size: 1.4rem;
    line-height: 2.4rem;
    padding-bottom: 2rem;
}

.biblioteca-virtual-atendimento {
    max-width: 100%;
}

.biblioteca-virtual--pt {
    padding-top: 5rem;
}

.biblioteca-virtual__banner {
  background: linear-gradient(
      to right,
      rgba(5, 60, 117, 0.8),
      rgba(5, 60, 117, 0.8)
    ),
    url("../../../images/banner-biblioteca.png");
    background-size: auto;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    padding: 5rem 2.5rem;
    margin-bottom: 2rem;
}

.biblioteca-virtual__banner__img {
    margin-bottom: 3rem;
}

.biblioteca-virtual__banner__text {
    font-weight: bold;
    color: #fff;
    font-size: 2.4rem;
}

.biblioteca-virtual__text {
    color: #777777;
    margin-bottom: 4rem;
}

.biblioteca-virtual__container {
    max-width: 84.8rem;
    width: 100%;
    margin: 0 auto;
}

.biblioteca-virtual__title {
    color: #000;
    margin-bottom: 0.5rem;
    margin-top: 1rem;
    font-weight: bold;
}

.parceiros {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.parceiros__box {
    margin-right: 2rem;
    margin-bottom: 2rem;
    height: 8.8rem;
    width: 17.5%;
    border: 1px solid #cccfd5;
    background: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .parceiros__box:last-child {
        margin-right: 0px;
    }

.parceiros__box--azul {
    background: #003169;
}

.parceiros__box--black {
    background: #000;
}

.parceiros__box img {
    max-width: 95%;
}

@media (max-width: 1030px) {
    .biblioteca-virtual__container {
        padding: 0 5%;
    }

    .parceiros__box {
        width: 21.5%;
    }
}

@media (max-width: 500px) {
    .parceiros__box {
        width: 100%;
    }

    .parceiros__box {
        margin-right: 0px;
    }
}

.book__tabs--biblioteca {
    max-width: 848px;
    margin: 0 auto;
}

.book__tabs--atendimento {
    max-width: 848px;
    margin: 0px auto;
    height: 64px;
    border-radius: 4px;
    display: flex;
    align-items: center;
}

    .book__tabs--atendimento .book__tab {
        line-height: 50px;
        font-weight: 600;
    }

.ui-input-search {
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    padding: 10px 15px;
    color: #aeafb3;
    font-size: 16px;
}

    .ui-input-search input {
        padding: 0;
        padding-left: 15px;
        border: none;
        width: 80%;
        background: transparent;
    }

.duvidas {
    padding: 5%;
}

.duvidas__box {
    margin-top: 3rem;
    padding-bottom: 3rem;
    border-bottom: 1px solid #eeeeee;
}

    .duvidas__box:last-child {
        border-bottom: none;
    }

.ui-title {
    font-size: 1.4rem;
    font-weight: bold;
    color: #000;
}

.ui-list {
    margin: 1.5rem 0;
    margin-left: 2rem;
}

    .ui-list .item {
        line-height: 3.2rem;
    }

@media (max-width: 500px) {
    .ui-list .item {
        line-height: 2.2rem;
        margin-bottom: 1rem;
    }

        .ui-list .item:last-child {
            margin-bottom: 0rem;
        }
}

.ui-title--mb {
    margin-bottom: 2rem;
}

.ui-textarea {
    resize: none;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    padding: 14px 10px;
    color: #aeafb3;
    background-color: #fff;
    font-size: 1.6rem;
    font-family: "Open Sans", sans-serif;
}

.login__form-form-group--textarea {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
}

@media (max-width: 1800px) {
    .header-topo .box-search .search .input-search {
        width: 55%;
    }

    .header-topo .box-search .search .tracker-page {
        width: 20%;
    }
}

@media (max-width: 800px) {
    .header-topo .box-search .search .tracker-page {
        margin-right: 20px;
    }
}

@media (max-width: 500px) {
    .header-topo .box-search .search .tracker-page {
        margin-right: 0px;
    }
}

@media (min-width: 1500px) {
  .header-topo .box-search .search .tracker-page .tracker-menu {
    right: 62%;
  }
}

.box-form--metas {
    max-width: 1026px;
    margin-top: 3rem;
}

.ui-text {
    font-size: 1.4rem;
    color: #777777;
    line-height: 2.4rem;
}

.border-b {
    margin-bottom: 3rem;
    padding-bottom: 3rem;
    border-bottom: 1px solid #eeeeee;
}

.line-metas {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
}

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    transition: 0.4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 30px;
        width: 30px;
        left: 0px;
        bottom: 0px;
        background-color: #55a8fd;
        transition: 0.4s;
    }

input:checked + .slider {
    background-color: #d4e9ff;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196f3;
}

input:checked + .slider:before {
    transform: translateX(26px);
}

.slider.round {
    border-radius: 34px;
    border: 2px solid #55a8fd;
}

    .slider.round:before {
        border-radius: 50%;
    }

.meta-select {
    margin-top: 2rem;
}

    .meta-select .select {
        outline: none;
        padding: 1rem 2rem;
        border: 1px solid #cbcbcd;
        font-size: 16px;
    }

    .meta-select .label {
        margin-left: 1rem;
        margin-right: 2rem;
    }

    .meta-select #Paginas {
        width: 100px;
    }

.preferencias__content .filters__lista .label--metas {
    width: 7.2rem;
    float: left;
    margin-right: 2rem;
}

.preferencias__content .filters__lista--metas {
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 3rem;
    margin-bottom: 2rem;
}

.tracker-menu--save {
    width: 25rem;
    padding: 2rem 0;
}

    .tracker-menu--save p {
        color: #000;
        margin-left: 0;
        font-size: 12px;
        padding: 0 18px;
        line-height: 24px;
        margin-bottom: 5px;
    }

    .tracker-menu--save .title {
        font-size: 14px;
        font-weight: 700;
        color: #000;
    }

    .tracker-menu--save .text-secundary {
        padding-bottom: 10px;
        border-bottom: 1px solid #eee;
    }

    .tracker-menu--save .progress-circle {
        border-radius: 50%;
        display: inline-block;
        width: 32px;
        height: 32px;
        overflow: hidden;
        position: relative;
        z-index: auto;
        display: block;
        margin: 15px auto;
    }

        .tracker-menu--save .progress-circle .outer,
        .tracker-menu--save .progress-circle .inner,
        .tracker-menu--save .progress-circle .shadow {
            display: inline-block;
            border-radius: 50%;
        }

        .tracker-menu--save .progress-circle .outer {
            background: #fde0e0;
            width: 32px;
            height: 32px;
            overflow: hidden;
            z-index: 100;
        }

        .tracker-menu--save .progress-circle .inner {
            box-shadow: 0 0 0.5em rgba(248, 141, 141, 0.08);
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translateX(-50%) translateY(-50%);
            width: 26.67px;
            height: 26.67px;
            z-index: 300;
            background: #fff;
        }

        .tracker-menu--save .progress-circle .shadow {
            box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.17) inset;
            width: 32px;
            height: 32px;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 200;
            background: 0 0;
        }

    .tracker-menu--save .goal-tracker__content {
        height: 100%;
        position: absolute;
        top: 0;
        width: 100%;
        left: 0;
        z-index: 500;
    }

    .tracker-menu--save .goal-tracker__data {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 100%;
        font-size: 14px;
        line-height: 1;
        text-align: center;
        text-transform: uppercase;
        color: #777;
    }

    .tracker-menu--save .text-info {
        text-align: center;
        font-size: 12px;
        margin-bottom: 9px;
    }

        .tracker-menu--save .text-info span {
            font-weight: 700;
            color: #000;
        }

    .tracker-menu--save .btn-tracker {
        text-align: center;
        padding: 14px 15px;
        display: block;
        border-radius: 5px;
        background: #55a8fd;
        color: #fff;
        text-decoration: none;
        font-size: 14px;
        border: 1px solid transparent;
        transition: 0.4s all;
        margin: 0 18px;
    }

@media (max-width: 500px) {
    .meta-select .label {
        margin-left: 0rem;
        margin-right: 1rem;
    }

    .meta-select .select {
        padding: 1rem 0rem;
        margin-bottom: 1rem;
    }
}

.box-form-cartoes {
    background: transparent;
}

.box-form-cartoes__line-info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
}

    .box-form-cartoes__line-info .select {
        border: 1px solid #98999b;
        color: #98999b;
        background: transparent;
        border-radius: 5px;
        font-weight: 600;
        font-size: 1.2rem;
        padding: 0 2rem;
        margin-left: 25px;
    }

    .box-form-cartoes__line-info .ui-input-search {
        border-color: #cbcbcd;
        color: #cbcbcd;
    }

.box-form-cartoes .grp-card {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 4rem;
}

    .box-form-cartoes .grp-card a {
        text-decoration: none;
    }

    .box-form-cartoes .grp-card .card {
        padding: 2rem 3rem;
        background: #fff;
        width: calc(33.3% - 20px);
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
        font-size: 14px;
        margin-bottom: 3rem;
        transform: scale(0.98);
        transition: 0.4s;
        opacity: 0.8;
    }

        .box-form-cartoes .grp-card .card:hover {
            transform: scale(1);
            opacity: 1;
        }

        .box-form-cartoes .grp-card .card:not(:nth-child(3n)) {
            margin-right: 3rem;
        }

    .box-form-cartoes .grp-card .card-date {
        font-size: 12px;
        color: #aeafb3;
        font-weight: 600;
    }

    .box-form-cartoes .grp-card .card-name {
        color: #55a8fd;
        font-weight: bold;
    }

    .box-form-cartoes .grp-card .card-nome {
        color: #000;
        font-weight: 400;
    }

@media (max-width: 500px) {
    .box-form-cartoes .grp-card .card {
        width: 100%;
    }

        .box-form-cartoes .grp-card .card:not(:nth-child(3n)) {
            margin-right: 0rem;
        }
}

.ui-input-search--card {
    background: #fff;
}

.ui-rigth-itens {
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 800px) {
    .box-form-cartoes__line-info .text {
        width: 100%;
    }
}

@media (max-width: 500px) {
    .box-form-cartoes__line-info {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.marcacoes__list .text-info {
    margin: 30px 0px;
}

.marcacoes .marcacoes__list .text-info {
    margin: 40px 0px;
}

.marcacoes .book__tabs {
    width: 90%;
    margin: 0 auto;
}

.marcacoes .box-form h2 {
    font-size: 16px;
    font-weight: bold;
    line-height: 40px;
    color: #55a8fd;
}

.marcacoes .box-form .capitulos {
    padding: 0px;
    margin-top: 32px;
}

    .marcacoes .box-form .capitulos .capitulos__item {
        background: #f6f7fb;
        box-shadow: none;
    }

        .marcacoes .box-form .capitulos .capitulos__item .capitulos__col:first-child {
            font-size: 12px;
            line-height: 17px;
            font-weight: bold;
            color: #47484a;
        }

        .marcacoes .box-form .capitulos .capitulos__item .capitulos__col:nth-child(2),
        .marcacoes .box-form .capitulos .capitulos__item .capitulos__col:nth-child(3) {
            font-size: 12px;
            line-height: 17px;
            font-weight: normal;
            color: #47484a;
        }

            .marcacoes .box-form .capitulos .capitulos__item .capitulos__col:nth-child(2) p,
            .marcacoes
            .box-form
            .capitulos
            .capitulos__item
            .capitulos__col:nth-child(3)
            p {
                color: #98999b;
                float: right;
                padding-right: 5rem;
            }

@media (max-width: 1000px) {
    .marcacoes .box-form .capitulos .capitulos__col:first-child {
        width: 20%;
    }

    .marcacoes .box-form .capitulos .capitulos__col:nth-child(2) {
        width: 50%;
    }

    .marcacoes .box-form .capitulos .capitulos__col:nth-child(3) {
        width: 30%;
    }
}

.capitulos .destaques-box {
    font-size: 1.2rem;
    color: #777777;
    font-weight: 600;
}

.capitulos .destaques-box-pagina {
    margin-bottom: 1rem;
}

.capitulos .destaques-box-text {
    font-size: 1.3rem;
    font-weight: 400;
    padding: 2rem 2rem;
    background: #f6f7fb;
    border-radius: 0.5rem;
    line-height: 1.8rem;
    margin-bottom: 2rem;
}

.capitulos .destaques-box-text__border-red {
    border-left: 3px solid #fd5555;
}

.capitulos .destaques-box-text__border-yellow {
    border-left: 3px solid #fdc555;
}

.capitulos .destaques-box-text-data {
    font-weight: bold;
    font-size: 1.2rem;
    margin-top: 2rem;
}

.capitulos .destaques-box:first-child {
    margin-bottom: 4rem;
}

.book_choice {
    display: block;
    text-align: center;
    color: white !important;
}

.book_choice-format {
    display: block;
    justify-content: space-between;
}

.loader {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #efefef;
}

.loader {
    margin: auto;
    border: 2px solid #f3f3f3;
    border-radius: 50%;
    border-top: 2px solid #3498db;
    border-bottom: 2px solid #3498db;
    width: 60px;
    height: 60px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

.login__form-form-group .texto {
    text-align: center;
    font-size: medium;
}

.loader__title {
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    color: #4f4f4f;
}

.loader__bar {
    width: 20%;
    height: 8px;
    background: #f6f7fb;
    margin-top: 1%;
}

.loader__bar-progress {
    height: inherit;
    background: #55a8fd;
    width: 0%;
}

.circular-chart {
    display: block;
    margin: 10px auto;
    max-width: 70px;
    max-height: 70px;
}

.circular-chart {
    display: block;
    margin: 10px auto;
    max-width: 70px;
    max-height: 70px;
}

.circle-bg {
    fill: none;
    stroke: #cbcbcd;
    stroke-width: 3.8;
}

.circle {
    fill: none;
    stroke-width: 4;
    animation: progress 1s ease-out forwards;
}

@keyframes progress {
    0% {
        stroke-dasharray: 0 100;
    }
}

.circle-reader {
    position: relative;
}

    .circle-reader .circle-reader__img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

.circular-chart.red .circle {
    stroke: #fd5555;
}

@media (max-width: 800px) {
    .preferencias__content .filters__lista .label--metas {
        margin-right: 15px;
    }

        .preferencias__content .filters__lista .label--metas:last-child {
            margin-right: 0px;
        }
}

@media (max-width: 500px) {
    .preferencias__content .filters__lista .label--metas {
        width: calc(7.2rem - 10px);
    }
}

.sticky {
    border: 1px dotted orange;
}

.box1 {
    width: 150px;
    height: 150px;
    display: inline-block;
    margin: 5px;
}

.container .row {
    width: 100%;
}

#loader {
    width: 100%;
}

.margin-top {
    margin-top: 30px;
}

.alert {
    margin-top: 1rem;
    color: #fbff00;
    width: 100%;
    font-size: 1.5rem;
    font-weight: 600;
    display: none;
}

.alert-red {
    color: #ed6a6a;
}

@media (max-width: 768px) {
    .header-topo {
        width: 100%;
        padding: 20px 20px 0px 20px;
    }
}

@media (min-width: 1440px) {
    .sugestoes .slider-books .slide-item-box {
        height: 462px;
    }
}

@media (min-width: 1800px) {
    .sugestoes .slider-books .slide-item-box {
        height: auto;
    }

    .active-livro2::before {
        left: 80px;
    }
}

.sugestao-conteudo__box {
    /* margin-bottom: -65px; */
}

@media(max-width: 768px) {
    .sugestao-conteudo__box {
        margin-top: -64px;
    }
}

#duvida .duvida-title {
    font-size: 24px;
    font-weight: 600;
    color: #000;
    line-height: 32px;
    margin: 25px 0;
}

#duvida .duvida-text {
    font-size: 14px;
    line-height: 24px;
    color: #777777;
    padding-bottom: 20px;
    border-bottom: 1px solid #cccfd5;
    margin-bottom: 20px;
}

#duvida .duvida-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    #duvida .duvida-footer .grpbtn-text {
        font-size: 14px;
        color: #777777;
        line-height: 24px;
        width: 50%;
    }

    #duvida .duvida-footer .grpbtn {
        display: flex;
        justify-content: space-between;
        width: 50%;
    }

        #duvida .duvida-footer .grpbtn .btn-green {
            background: #31d68f;
            max-width: 76px;
            font-weight: 600;
            text-transform: uppercase;
        }

        #duvida .duvida-footer .grpbtn .btn-red {
            background: #fd5555;
            max-width: 76px;
            font-weight: 600;
            text-transform: uppercase;
        }

@media (max-width: 500px) {
    #duvida .duvida-footer {
        flex-wrap: wrap;
    }

        #duvida .duvida-footer .grpbtn-text {
            width: 100%;
        }

        #duvida .duvida-footer .grpbtn {
            width: 100%;
            display: flex;
            flex-wrap: wrap;
        }

            #duvida .duvida-footer .grpbtn .btn-green {
                max-width: 100%;
            }

            #duvida .duvida-footer .grpbtn .btn-red {
                max-width: 100%;
            }
}

.duvidafaq .duvida-title {
    font-size: 24px;
    font-weight: 600;
    color: #000;
    line-height: 32px;
    margin: 25px 0;
}

.duvidafaq .duvida-text {
    font-size: 14px;
    line-height: 24px;
    color: #777777;
    padding-bottom: 20px;
    border-bottom: 1px solid #cccfd5;
    margin-bottom: 20px;
}

.duvidafaq .duvida-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .duvidafaq .duvida-footer .grpbtn-text {
        font-size: 14px;
        color: #777777;
        line-height: 24px;
        width: 50%;
    }

    .duvidafaq .duvida-footer .grpbtn {
        display: flex;
        justify-content: space-between;
        width: 50%;
    }

        .duvidafaq .duvida-footer .grpbtn .btn-green {
            background: #31d68f;
            max-width: 76px;
            font-weight: 600;
            text-transform: uppercase;
        }

        .duvidafaq .duvida-footer .grpbtn .btn-red {
            background: #fd5555;
            max-width: 76px;
            font-weight: 600;
            text-transform: uppercase;
        }

@media (max-width: 500px) {
    .duvidafaq .duvida-footer {
        flex-wrap: wrap;
    }

        .duvidafaq .duvida-footer .grpbtn-text {
            width: 100%;
        }

        .duvidafaq .duvida-footer .grpbtn {
            width: 100%;
            display: flex;
            flex-wrap: wrap;
        }

            .duvidafaq .duvida-footer .grpbtn .btn-green {
                max-width: 100%;
            }

            .duvidafaq .duvida-footer .grpbtn .btn-red {
                max-width: 100%;
            }
}

.duvidas a {
    text-decoration: none;
    color: #575757;
}

@media (max-width: 1030px) {
    .marcacoes .book__tabs {
        width: 100%;
    }
}

@media (max-width: 1000px) {
    .book__tabs--atendimento {
        display: none;
    }
}

@media (max-width: 500px) {
    .facebook {
        flex-wrap: wrap;
    }

        .facebook .info {
            width: 100%;
            margin-bottom: 20px;
        }

        .facebook .btn-facebook {
            max-width: 100%;
            margin-left: 0px;
        }
}

.login__form-form-group .border-red {
    border: 1px solid #ed6a6a;
}

.bookbox-home {
    position: relative;
}

    .bookbox-home .btn-close {
        font-size: 24px;
        color: #fff;
        position: absolute;
        top: 40px;
        right: 60px;
        cursor: pointer;
        transition: 0.2s;
    }

        .bookbox-home .btn-close:hover {
            color: #000;
            background: #fff;
            border-radius: 100%;
            padding: 5px 10px;
            right: 50px;
            top: 35px;
        }

@media(max-width: 599px) {

    .bookbox-home .btn-close,
    .bookbox-home .btn-close:hover {
        top: 40px;
        right: 43px;
        background: transparent;
        padding: 10px;
        color: #fff;
    }
}

.slot1 {
    cursor: pointer;
    transition: 0.4s;
}

.livros__lista:hover .slot1:not(:hover) {
    opacity: 0.5;
}

.slider-books:hover .slot1:not(:hover) {
    opacity: 0.5;
}

.mb-2 {
    margin-bottom: 30px;
}

.book__tab-content .mb-2:last-child {
    margin-bottom: 0px;
}

.margintop {
    margin-top: 70px;
    width: 100%;
}

.finalizarid .title {
    font-weight: 600;
    text-align: center;
    color: #000;
    font-size: 20px;
    line-height: 26px;
    margin-top: 115px;
    margin-bottom: 20px;
}

.finalizarid .subtitle {
    text-align: center;
    margin-bottom: 60px;
    font-weight: 600;
    color: #000;
    font-size: 14px;
    line-height: 26px;
}

.finalizarid .fancybox-close-small {
    display: none;
}

.finalizarid .grp-btn {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 90px;
}

    .finalizarid .grp-btn .btn-green {
        background: #31d68f;
        max-width: 127px;
        font-weight: 600;
    }

    .finalizarid .grp-btn .btn-red {
        background: #fd5555;
        max-width: 127px;
        font-weight: 600;
    }

@media (max-width: 600px) {
    .finalizarid .grp-btn {
        flex-direction: column;
        align-items: center;
    }

        .finalizarid .grp-btn .btn-green,
        .finalizarid .grp-btn .btn-red {
            max-width: 100% !important;
        }
}

.alaviarid {
    background: #f6f7fb;
    max-width: 480px;
}

.finalizarid {
    max-width: 365px;
}

    .finalizarid .box-sucess {
        max-width: 100%;
    }

@media (max-width: 500px) {
    .alaviarid,
    .finalizarid {
        max-width: 100%;
    }
}

.alaviarid .title {
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    margin-top: 30px;
    margin-bottom: 20px;
    color: #000;
}

.alaviarid .subtitle {
    font-size: 14px;
    line-height: 24px;
    color: #777777;
    font-weight: 400;
    margin-bottom: 30px;
}

.alaviarid .block {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}

    .alaviarid .block .label {
        margin-bottom: 10px;
        color: #777777;
        font-size: 12px;
        font-weight: 400;
    }

    .alaviarid .block .grp-star {
        display: flex;
        margin-bottom: 20px;
    }

        .alaviarid .block .grp-star .fa-star {
            margin-right: 10px;
            font-size: 24px;
            color: #dfdfdf;
            cursor: pointer;
        }

        .alaviarid .block .grp-star .active {
            color: #fdc555;
        }

        .alaviarid .block .grp-star .fa-star:last-child {
            margin-right: 0px;
        }

    .alaviarid .block .textarea {
        background: #ffffff;
        border: 1px solid #e2e2e2;
        border-radius: 4px;
        padding: 10px 20px;
        resize: none;
        line-height: 26px;
        color: #aeafb3;
        font-size: 16px;
    }

.alaviarid .btn-fim {
    max-width: 100%;
}

.alaviarid .block .grp-select {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.alaviarid .block .item-check {
    padding: 10px 10px;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    color: #777777;
    transition: 0.4s;
    background: #ffffff;
    border: 1px solid #dcdcdc;
    margin-right: 5px;
    border-radius: 16px;
    margin-bottom: 15px;
    cursor: pointer;
}

.alaviarid .block .item-check-active {
    border-color: #55a8fd;
    background: #d4e9ff;
    color: #55a8fd;
}

.link-book__tabs {
    text-decoration: none;
}

.img-user img {
    width: 31px;
    height: 31px;
    background-position: center;
    background-size: cover;
    border-radius: 50%;
}

.row-shared .fa-share-alt-square {
    color: white;
}

.row-shared .like-buttom-prev {
    cursor: pointer;
}

.row-shared {
    display: flex;
    justify-content: space-between;
    margin: 20px 20px 0 20px;
    font-size: 20px;
}

.row-shared-label {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.row-shared .row-shared__info {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .row-shared .row-shared__info a i,
    .row-shared .row-shared__info p,
    .row-shared .row-shared__info i {
        font-size: 1.3rem;
        cursor: pointer;
        transition: 0.5s;
        margin-left: 10px;
        transition: 0.4s;
    }

    .row-shared .row-shared__info a {
        display: flex;
        align-items: center;
        color: #fff;
    }

        .row-shared .row-shared__info a:hover,
.row-shared .row-shared__info:hover {
            color: #fff;
        }

@media (max-width: 599px) {
    .row-shared {
        flex-direction: column;
        margin: 25px 12px 0 12px;
    }

        .row-shared .like-buttom-prev,
        .row-shared-label {
            margin-right: 0;
        }

        .row-shared .row-shared__info a i,
        .row-shared .row-shared__info p,
        .row-shared .row-shared__info i,
        #CountLabel {
            font-size: 1.3rem;
        }
}

.expert-reader .expert__intern .page-text-content p {
    font-size: 1.3rem;
    color: #666666;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 30px;
}

.expert-reader .expert__intern p img {
    max-width: 100%;
}

.book_box-mylist .list__box {
    position: absolute;
    left: 46.8rem;
    top: 26.24rem;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.06);
    overflow-y: auto;
    height: 15rem;
    width: 18rem;
    z-index: 999;
    color: #777777;
}

.book_box-mylist .list__box-detalhes {
    left: 24.8rem;
    top: 33rem;
    height: 12rem;
}

.book_box-mylist .trig {
    right: auto;
    top: auto;
    left: 14.5rem;
}

.trig-detalhes {
    left: 25.5rem !important;
}

.book_box-mylist .bookbox__button:active {
    color: #2fd6cb;
}

.book_box-mylist .far {
    font-weight: 600;
}

.book_box-mylist.item__detalhes {
    position: relative;
}

    .book_box-mylist.item__detalhes .list__box {
        top: 50px;
        left: 0;
    }

    .book_box-mylist.item__detalhes .trig {
        right: auto;
        left: 5px;
        height: 22px;
    }

    .book_box-mylist.item__detalhes .list__box {
        left: -15px;
        top: 50px;
    }

@media (max-width: 1024px) {
    .expert-reader .relacionado .livros__item {
        width: 48%;
    }
}

@media (max-width: 800px) {
    .book_box-mylist.item__detalhes .list__box {
        left: 0px;
        top: 30px;
    }
}

@media (max-width: 540px) {
    .expert-reader .relacionado .livros__item {
        width: 100%;
    }
}

.relacionado .livros__item {
    padding-bottom: 90px;
}

.book__overview {
    width: 100%;
    padding-bottom: 40px;
    position: relative;
    float: left;
}

.capitulos .capitulos__list {
    width: 100%;
}

.capitulos__col i {
    font-size: 20px;
}

.livros__lista:not(.slick-slider) {
    width: 100%;
}

    .livros__lista:not(.slick-slider) .livros__item {
        float: left;
    }

@media (min-width: 1200px) {
    .livros__lista:not(.slick-slider) .livros__item {
        width: 22%;
        height: 400px;
        margin: 0px 15px 15px 0px;
    }

    .acervo__page
    .livros__lista:not(.slick-slider)
    .livros__item:not(:nth-child(4n)) {
        margin-right: 15px;
        margin-bottom: 35px;
    }
}

.acervo__page .livros__lista {
  display: flex;
  flex-wrap: wrap;
    justify-content: center;
    padding-left: 10px;
}

#similarContent {
    display: flex;
    flex-wrap: wrap;
}

.livros__item--detalhes {
    margin: 1rem 1.3rem;
    box-sizing: border-box;
}

@media (min-width: 1001px) and (max-width: 1199px) {
    .livros__lista:not(.slick-slider) .livros__item {
        width: 31.3%;
    }

    .livros__lista:not(.slick-slider) .livros__item {
        margin: 0px 12px 12px 0px;
    }
}

@media (min-width: 768px) and (max-width: 1000px) {
    .livros__lista:not(.slick-slider) .livros__item {
        width: 23%;
    }

        .livros__lista:not(.slick-slider) .livros__item:not(:nth-of-type(4n)) {
            margin: 0px 15px 15px 0px;
        }

    .livros__item--detalhes {
        width: 20% !important;
        margin: 1rem 1.3rem !important;
    }
}

@media (min-width: 640px) and (max-width: 719px) {
    .livros__lista:not(.slick-slider) .livros__item {
        width: 31%;
    }

        .livros__lista:not(.slick-slider) .livros__item:not(:nth-of-type(3n)) {
            margin: 0px 15px 15px 0px;
        }

    .livros__item--detalhes {
        width: 29%;
        margin: 1rem .55em !important;
    }
}

@media (min-width: 480px) and (max-width: 639px) {
    .livros__lista:not(.slick-slider) .livros__item {
        width: 47%;
    }
}

@media (min-width: 375px) and (max-width: 479px) {
    .livros__lista:not(.slick-slider) .livros__item {
        width: 100%;
    }

    .livros__item--detalhes {
        width: 46% !important;
        margin: 1rem .55em !important;
    }
}

@media (min-width: 402px) and (max-width: 479px) {
    .livros__lista:not(.slick-slider) .livros__item {
        width: 46%;
    }

        .livros__lista:not(.slick-slider) .livros__item:not(:nth-of-type(2n)) {
            margin: 0px 15px 15px 0px;
        }

    .livros__item--detalhes {
        width: 45.5% !important;
        margin: 1rem .55em !important;
    }
}

@media (min-width: 375px) and (max-width: 401px) {
    .livros__item--detalhes {
        width: 100% !important;
        margin: 1rem 0 !important;
    }
}

@media (max-width: 479px) {
    .livros__lista:not(.slick-slider) .livros__item {
        width: 100%;
        margin-bottom: 25px;
    }
}

@media (min-width: 640px) and (max-width: 725px) {
    .livros__lista:not(.slick-slider) .livros__item {
        width: 29.5%;
    }
}

@media (min-width: 726px) and (max-width: 999px) {
    .livros__lista:not(.slick-slider) .livros__item {
        width: 31%;
    }
}

@media (max-width: 1000px) {
    .livros__lista .acervo-item {
        margin: 10px 8px 10px 8px !important;
    }
}

@media (max-width: 479px) {
    .comment__header {
        padding-right: 20px;
    }

    .livros__lista:not(.slick-slider) .livros__item {
        width: 100%;
    }
}

.loader-wrap {
    width: 100%;
}

.div-click:link {
    color: #000;
    text-decoration: none;
    outline: 0;
}

.div-click:visited {
    color: #000;
    text-decoration: none;
    outline: 0;
}

button.botaolista:disabled {
  background-color: #ccc;
}

#slideSugestoes .prof-aluno {
    padding: 5px 10px;
    border-radius: 15px;
    color: #ffffff;
    text-decoration: none;
    border: 1px solid #ffffff;
    font-size: 1.1em;
}

.list-books:not(.slider-continue-lendo) .livros__lista .prof-aluno {
    padding: 5px 10px;
    border-radius: 15px;
    color: #b0b1b5;
    text-decoration: none;
    border: 1px solid #b0b1b5;
    font-size: 1.1em;
    margin-right: auto;
    margin-left: auto;
    display: table;
}

#acervo-preferencias {
    position: relative;
    width: 100%;
    clear: both;
}

@media (min-width: 1001px) {
    #acervo-preferencias {
        padding: 40px 90px;
    }
}

@media (max-width: 1000px) {
    #acervo-preferencias {
        padding: 40px 40px;
    }
}

.preferencia a {
    font-size: 1.7rem;
    margin-bottom: 7px;
    font-weight: 600;
    text-decoration: none;
    color: #666666;
    transition: color 0.5s ease-in-out;
}

    .preferencia a:hover {
        color: rgb(86, 168, 254);
    }

    .preferencia a i {
        vertical-align: middle;
        margin-left: 15px;
        font-size: 1.4rem;
    }

#acervo-preferencias .preferencia {
    text-decoration: none;
    color: #666666;
    transition: 0.4s all;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#acervo-preferencias .controllers i {
    font-size: 15px;
    cursor: pointer;
}

#acervo-preferencias .controllers .fa-chevron-left {
    margin-right: 15px;
}

#acervo-preferencias .preferencia + p {
    font-size: 1.4rem;
    color: #666666;
}

.acervo-preferencias-boxes {
    margin-top: 20px;
}

    .acervo-preferencias-boxes .acervo-preferencias-box {
        height: 60px;
        background-color: #2fd6cb;
        color: #ffffff;
        text-decoration: none;
        font-size: 12px !important;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 5px;
        transition: background-color 0.5s ease-in-out;
    }

        .acervo-preferencias-boxes .acervo-preferencias-box:hover {
            background-color: #21afa6;
        }

@media (max-width: 499px) {
    #acervo-preferencias .preferencia {
        height: 75px;
        display: block;
    }

        #acervo-preferencias .preferencia .controllers {
            margin-top: 10px;
            float: right;
            margin-right: 12px;
        }
}

.acervo__filter-button-k12 {
    height: 34px;
    display: -ms-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-positive: 2;
    flex-grow: 1;
    border-radius: 4px;
    background: #efefef;
    color: #47484a;
    font-size: 1.2rem !important;
    font-weight: 300;
    cursor: pointer;
    border: 0;
    padding: 0 15px;
    transition: 0.4s;
}

@media (max-width: 1000px) {
    .acervo__filter-button-k12 {
        width: 100% !important;
        margin-right: 0 !important;
        margin-bottom: 10px;
    }

        .acervo__filter-button-k12:last-child {
            margin-bottom: 0;
        }
}

.acervo__filter-button-k12:hover {
    background: #eaeaea;
}

.acervo__filter-button-k12.active {
    background: #afafaf;
    color: #fff;
}

.acervo__filter-button-k12 span {
    font-size: 1.3rem;
}

.acervo__filter-button-k12 .fa-sort-down {
    position: relative;
    top: -3px;
}

.acervo__filter-button-k12:not(:last-child) {
    margin-right: 15px;
}

.acervo__filter-row-k12 {
    display: -ms-flex;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 1000px) {
    .acervo__filter-row-k12 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.acervo__filter-label-k12 {
    font-size: 1.4rem !important;
    font-weight: 300;
    line-height: 20px;
    position: absolute;
    left: 0;
    top: -25px;
    color: #fff;
}

.book__infos--box-prof {
    width: 100%;
    margin-top: 15px;
}

.book__infos--prof-aluno {
    padding: 3px 0;
    border-radius: 25px;
    border: 1px solid #707070;
    color: #707070;
    font-size: 1.3rem !important;
    font-weight: 300;
    display: flex;
    justify-content: center;
    margin-right: 60%;
}

@media (max-width: 1200px) {
    .book__infos--prof-aluno {
        margin-right: 50%;
    }
}

@media (max-width: 1000px) {
    .book__infos--prof-aluno {
        margin-right: 30%;
    }
}

.ajuda__box-content {
    margin-top: -300px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 120px;
    z-index: 100;
    width: 75%;
    background: #fff;
    box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.2);
    padding: 30px 45px;
    padding-bottom: 110px;
}

.ajuda__title {
    color: #4c586b;
    font-size: 18px;
    font-weight: 600;
    margin: 15px 0px;
}

.ajuda__subtitle {
    color: #55a8fd;
    font-size: 32px;
    font-weight: 600;
    margin: 15px 0px;
}

.ajuda__description {
    color: #707070;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 35px;
}

.ajuda__link {
    color: #707070;
    font-weight: 700;
}

.ajuda__button-retornar {
    height: 50px;
    width: 195px;
    text-align: center;
    background-color: #55a8fd;
    color: #fff;
    border-radius: 4px;
    border: 0;
    cursor: pointer;
    font-size: 14px;
    margin-top: 25px;
}

    .ajuda__button-retornar:hover {
        transition: background-color 0.5s ease;
        background-color: #fff;
        border: 1px solid #55a8fd;
        color: #55a8fd;
    }

.ajuda__rodape {
    margin: 2% 0px;
    font-size: 14px;
    width: 100%;
    text-align: center;
}

.ajuda__rodape-link {
    color: #47484a;
    text-decoration: none;
}

    .ajuda__rodape-link:hover {
        color: #55a8fd;
    }

@media (max-width: 600px) {
    .ajuda__box-content {
        width: 88%;
    }

    .ajuda__title {
        font-size: 16px;
    }

    .ajuda__subtitle {
        font-size: 28px;
    }

    .ajuda__button-retornar {
        width: 100%;
    }
}

.acervo__page .book__tab-content .list-header {
    justify-content: space-between;
}

.acervo__page .book__tab-content .button__myList {
    background-color: #b0b1b5;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 26px;
}

.acervo__page .book__tab-content .button__myList--active {
    background-color: #55a8fd !important;
    transition: background-color 0.5s ease-in-out;
}

.acervo__page .book__tab-content .button__myList i {
    color: #fff;
}

.myList__arrow-up {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 10px solid #fff;
    position: absolute;
    right: 8px;
    bottom: 26px;
    z-index: 1000;
}

.box__options {
    width: 130px;
    position: absolute;
    right: -2px;
    bottom: -84px;
    background-color: #fff;
    z-index: 999;
    border-radius: 3px;
    box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.16);
}

    .box__options button {
        width: 100%;
        text-align: left;
        height: 55px;
        padding-left: 15px;
        font-size: 1.55rem !important;
        font-weight: 300;
        color: #707070;
    }

    .box__options li:first-child {
        border-top-right-radius: 3px;
        border-top-left-radius: 3px;
    }

    .box__options li:last-child {
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
    }

    .box__options li:hover {
        transition: background-color 0.3s ease-in-out;
        background-color: #b0b1b5;
    }

    .box__options button:hover {
        transition: color 0.3s ease-in-out;
        color: #fff;
    }

.myList__active {
    display: block !important;
}

#box__editar .fancybox-close-small,
#box__excluir .fancybox-close-small {
    display: none;
}

#box__editar button:first-child {
    font-size: 1.3rem !important;
    font-weight: 300;
    text-transform: uppercase;
    padding: 9px;
    padding-left: 0px;
    color: #707070;
}

    #box__editar button:first-child i {
        margin-right: 10px;
    }

#box__editar h2 {
    font-size: 2.2rem !important;
    font-weight: 500;
    color: #0b0b0b;
    margin-top: 15px;
}

#mylist__editar {
    margin-top: 25px;
    margin-bottom: 25px;
    width: 100%;
    padding: 12px;
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    font-size: 1.2rem;
}

    #mylist__editar::placeholder {
        color: #aeafb3;
    }

#box__editar .editar--button {
    height: 45px;
    background-color: #55a8fd;
    width: 100%;
    margin-top: 15px;
    color: #fff;
    font-size: 1.4rem !important;
    border-radius: 4px;
}
@media all and (min-width:300px) and (max-width: 600px) {
    .expert__comentarios {
        margin: 0 10px !important;
        font-size: 14px;
    }

    #form-comentario textarea{
        padding: 5px !important;
        font-size: 14px !important;
    }
}
.expert__comentarios {
    margin: 0 15%;
    font-size: 14px;
}

.expert__comentarios {
    display: block;
    margin-bottom: 70px;
}

.expert__image-user {
    width: 10%;
}

.expert__comment-input-btn {
    width: 90%;
    display: flex;
    align-items: center;
}

#form-comentario {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 68px;
}

    #form-comentario textarea {
        width: 96%;
        height: 48px;
        border: 1px solid #E2E2E2;
        border-radius: 4px;
        background-color: #FFF;
        color: #AEAFB3;
        outline: none;
        resize: none;
        padding: 11px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 16px;
        font-family: "Open Sans", sans-serif;
        margin-top: 25px;
        margin-right: 25px;
    }

        #form-comentario textarea::placeholder {
            color: #AEAFB3;
        }

    #form-comentario button {
        width: 20%;
        height: 48px;
        background: #55A8FD;
        border-radius: 4px;
        outline: none;
        border: none;
        font-size: 1.5rem;
        color: #FFF;
        cursor: pointer;
        transition: .4s;
    }

#caracteres-erro {
    opacity: 0;
    color: red;
    margin-top: 5px;
    font-size: 12px;
}

.comment__user img {
    width: 60px;
    height: 60px;
}

.expert__detalhes-title-comentarios {
    font-size: 34px;
    color: #666666;
    margin-bottom: 44px;
}

.expert__comment-header {
    display: flex;
    width: 100%;
    margin-bottom: 44px;
}

.expert__comment-box {
    display: block;
    height: 24px;
}

.expert__comment-user {
    padding-right: 13px;
}

.expert__comment-grade {
    width: 90%;
}

.expert__comment-user img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1.5px solid #E2E2E2;
}

.expert__comment-open-icon {
    color: #666666;
    margin-right: 4px;
    cursor: pointer;
    padding: 16px;
    float: right;
    margin-top: -30px;
    font-size: 16px;
}

.expert__comment-user-info {
    width: 100%;
    padding-top: 10px;
}

.expert__comment-user-name {
    font-size: 16px;
    font-weight: 600;
    color: #666666;
}

.expert__comment-date {
    font-size: 14px;
    color: #B8B8B8;
}

.expert__comment-description {
    color: #707070;
    margin-top: 22px;
}

.expert__comment-open-box {
    font-size: 12px;
    line-height: 26px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    padding: 15px;
    border-radius: 4px;
    position: relative;
    float: right;
    left: 115px;
    top: 16px;
    display: none;
    background: #fff;
    z-index: 10;
    cursor: pointer;
    width: 180px;
}

    .expert__comment-open-box li {
        list-style-type: none;
        text-align: left;
        border-bottom: 1px solid #cccfd5;
        margin-bottom: 1rem;
        padding-bottom: 1rem;
    }

        .expert__comment-open-box li:last-child {
            border: none;
            margin-bottom: 0rem;
            padding-bottom: 0rem;
        }

.expert__comment-open-box-icon {
    margin-right: 1rem;
}

.expert__comment-open-box a {
    color: #707070;
    font-size: 12px;
    line-height: 16px;
    text-decoration: none;
    transition: 0.4s;
}

    .expert__comment-open-box a:hover,
    .expert__comment-open-icon:hover {
        color: #55a8fd;
        transition: 0.4s;
    }

#load-more {
    display: flex;
    justify-content: center;
}

.list__blue button {
    padding: 0px 18px;
    background: #D4E9FF;
    font-weight: 300;
}

.modal__caixa-entrada {
    width: 290px;
}

.caixa-de-entrada .item-toggle .header__toggle--aviso-excluir {
    display: flex;
    flex-direction: column;
}

.caixa-de-entrada .item-toggle .header__toggle--aviso-excluir #caixaEntradaExcluir{
    margin-top: 12px;
}

#link__backMinhasListas {
  float: left;
  margin-top: -40px;
  margin-left: 40px;
  margin-bottom: 40px;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.menu__back-button {
  font-size: 14px;
  line-height: 26px;
  color: #707070;
  font-weight: 600;
  text-decoration: none;
  transition: .4s all;
  text-transform: uppercase;
}

.menu__back-button i {
  margin-right: 12px;
  font-size: 18px;
}

.menu__back-button:hover {
  color: #55A8FD;
}

.accordion__mylist {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 20px;
    margin: 15px 0px;
    border-radius: 4px;
    cursor: pointer;
    height: 70px;
    background: #fff;
}

.accordion__mylist:hover {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
    transform: scale(1.005);
}

.accordion__mylist-title {
    font-size: 16px;
    font-weight: 500;
}

.accordion__mylist-title span {
    font-weight: bolder;
    font-size: 13px;
    color: #000;
    margin-left: 0px;
}

::after, ::before {
    box-sizing: border-box;
}

.accordion__mylist-collapse {
    display: block;
    max-height: 0px;
    overflow: hidden;
    transition: max-height .5s cubic-bezier(0, 1, 0, 1);
}

.article-base {
    margin: auto;
    padding: 4rem 1rem 12rem 1rem;
    text-align: left;
}

.article-base ul {
    list-style-type: none;
}

.article-base ul li {
    display: list-item;
    color: #656464;
    font-size: 1.6rem;
    line-height: 3.2rem;
    list-style-type: circle;
    margin-left: 3.5rem;
}

.article-base h3 {
    font-size: 2.0rem;
    font-weight: 700;
    color: #26333D;
    margin: 4.7rem 0 1.2rem 0;
    line-height: 4rem !important;
}

.article-base p {
    font-size: 1.6rem;
    color: #666666;
    line-height: 2.5rem;
}

@media (max-width: 1050px) {
    .article-base {
        width: 97%;
    }
}

.label-check {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 12px;
    line-height: 27px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default checkbox */

    .label-check input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

/* Create a custom checkbox */

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #fff;
    border: 1px solid #D5D5D5;
    border-radius: 4px;
    transition: .4s;
    margin-top: 5px;
}

/* When the checkbox is checked, add a blue background */

.label-check input:checked ~ .checkmark {
    background-color: #4A67DF;
}

/* Create the checkmark/indicator (hidden when not checked) */

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */

.label-check input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */

.label-check .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.alert {
    color: #fbff00 !important;
    width: 100%;
    font-size: 1.2rem !important;
    font-weight: 600;
    text-align: start !important;
    display: none;
    opacity: 1 !important;
}

.alert-red {
    color: #ed6a6a !important;
    opacity: 1;
}

.border-red {
    border: 1px solid #ed6a6a !important;
}

.slide-item-box figure:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: normal;
    content: "\f2f2";
    /*display: inline-block;*/
    display: none;
    padding-right: 3px;
    vertical-align: middle;
    position: absolute;
    top: unset !important;
    bottom: 15% !important;
    left: 0;
    width: 35px;
    height: 30px;
    line-height: 30px;
    color: #ffffff;
    padding-left: 10px;
    font-size: 1.7rem;
    letter-spacing: 0.1em;
    background: #fd5555;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}
.slide-item-box figure:before {
    width:100%;
    position:relative;
}
/* ------------------------------------------------------------------------------------------ x ------------------------------------------------------------------------------------------ */


#box__editar, #myListAddNewListSucess, #listadelete, #myListErroModal, #listaadd, #listaremove, #msgSucessoAvaliacao, #myListCreateSucess, #editSuccess, #lista, #saving, #deletecomment, #msgExistingAvaliacao {
    width: 40rem;
    text-align: center;
}

.login__form-form-group .input-contato {
    background: #eeeeee;
    background: #eeeeee !important;
    padding: 13px 20px;
    margin-top: 0px;
}

.preferencias__content .filters__lista label .label {
    -ms-flex-pack: center;
    justify-content: center;
    padding: 15px;
    padding: 5px;
    max-height: 60px;
    height: 100%;
    border-radius: 24px;
}

button.botaolista:disabled {
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 12px;
    font-size: 13px;
    font-weight: bold;
    color: #8c8c8c;
    line-height: 27px;
    -webkit-user-select: none;
    -moz-user-select: none;
}

.border-red{
    border: 1px solid #ed6a6a !important;
}

    #box__editar .editar--button {
        width: 55%;
    }

    #box__editar input {
        width: 90%;
    }

.login__form-form.line-division #Estado.select {
    width: 100%;
}

.login__form-form-group.campo-cidade {
    margin-left: 0;
}

    .login__form-form-group.campo-cidade #Cidade.select {
        width: 100%;
    }

.login__form-form.line-division label {
    width: 100%;
    display: block;
}

.login__form-form.line-division #instituicao.input {
    width: 65%;
}

@media (max-width: 500px) {
    .login__form-form.line-division #instituicao.input {
        width: 100%;
    }
}


#sexo.select {
    margin-top: 10px;
}


.figure-capa {
    position: relative;
    width: 22.2rem;
    height: 33rem;
}

.slide-item-box .figure-capa:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: normal;
    content: "\f2f2";
    display: none;
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    position: absolute;
    top: 270px;
    left: 0;
    width: 35px;
    height: 30px;
    line-height: 30px;
    color: #ffffff;
    padding-left: 10px;
    font-size: 1.7rem;
    letter-spacing: 0.1em;
    background: #fd5555;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

.livros__item .figure-capa:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: normal;
    content: "\f2f2";
    /*display: inline-block;*/
    display: none;
    padding-right: 3px;
    vertical-align: middle;
    position: absolute;
    top: 342px;
    left: 0;
    width: 35px;
    height: 30px;
    line-height: 30px;
    color: #ffffff;
    padding-left: 10px;
    font-size: 1.7rem;
    letter-spacing: 0.1em;
    background: #fd5555;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

.detalhes-sugestao-conteudo .figure-capa:before,
.book__thumb .figure-capa:before,
.bookbox__image .figure-capa:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: normal;
    content: attr(data-remocao);
    /*display: inline-block;*/
    display: none;
    padding-right: 3px;
    vertical-align: middle;
    position: absolute;
    top: 295px;
    left: 0;
    width: 150px;
    height: 30px;
    line-height: 30px;
    color: #ffffff;
    padding-left: 10px;
    font-size: 1.19rem;
    letter-spacing: 0.1em;
    background: #fd5555;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

#sugestoes__headerTopo .slide-item-box:after {
    right: 2rem;
}

@media (max-width: 1440px) {
    .figure-capa {
        width: 100%;
    }

    .slide-item-box figure:before {
        top: 180px;
    }

    #sugestoes__headerTopo .slide-item-box:after {
        right: 0;
        top: 180px;
    }
}

@media (max-width: 1024px) {
    .slide-item-box figure:before {
        top: 130px;
    }

    #sugestoes__headerTopo .slide-item-box:after {
        top: 130px;
    }
}

@media (max-width: 768px) {
    .slide-item-box figure:before {
        top: 190px;
    }

    #sugestoes__headerTopo .slide-item-box:after {
        top: 190px;
    }
}

@media (max-width: 425px) {
    .figure-capa {
        width: 60%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #sugestoes__headerTopo .slide-item-box:after {
        right: 73px;
    }

    .sugestoes .slider-books .slide-item-box .figure-capa img {
        width: 100%;
    }
}


@media (max-width: 375px) {
    #sugestoes__headerTopo .slide-item-box:after {
        right: 63px;
    }
}

@media (max-width: 320px) {
    #sugestoes__headerTopo .slide-item-box:after {
        right: 52px;
    }
}

.figure-capa{
    position:relative !important;
    width:22.2rem;
    height:auto;
}



.slide-item-box figure:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: normal;
    content: "\f2f2";
    /*display: inline-block;*/
    display: none;
    padding-right: 3px;
    vertical-align: middle;
    position:absolute;
    width: 35px;
    top: 85%;
    left: 0;
    height: 30px;
    line-height: 30px;
    color: #ffffff;
    padding-left: 10px;
    font-size: 1.7rem;
    letter-spacing: 0.1em;
    background: #fd5555;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

.list-books.minhas-listas .livros__item:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: normal;
    content: "\f2f2";
    /*display: inline-block;*/
    display: none;
    padding-right: 3px;
    vertical-align: middle;
    position: absolute;
    top: 85%;
    left: 0;
    width: 35px;
    height: 30px;
    line-height: 30px;
    color: #ffffff;
    padding-left: 10px;
    font-size: 1.7rem;
    letter-spacing: 0.1em;
    background: #fd5555;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

.bookbox__image::before {
    font-family: "Font Awesome 5 Pro";
    font-weight: normal;
    content: "\f2f2";
    /*display: inline-block;*/
    display: none;
    padding-right: 3px;
    vertical-align: middle;
    position: absolute;
    top: 70%;
    left: 0;
    width: 35px;
    height: 30px;
    line-height: 30px;
    color: #ffffff;
    padding-left: 10px;
    font-size: 1.7rem;
    letter-spacing: 0.1em;
    background: #fd5555;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}



.detalhes-sugestao-conteudo .bookbox__image:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: normal;
    content: "\f2f2";
    /*display: inline-block;*/
    display: none;
    padding-right: 3px;
    vertical-align: middle;
    position: absolute;
    top: 85%;
    left: 0;
    width: 35px;
    height: 30px;
    line-height: 30px;
    color: #ffffff;
    padding-left: 10px;
    font-size: 1.7rem;
    letter-spacing: 0.1em;
    background: #fd5555;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}
#sugestoes__headerTopo .slide-item-box:after {
    right: 2rem;
}

@media (max-width: 1440px) {
    .figure-capa {
        width: 100%;
    }
    .slide-item-box figure:before {
        top: 180px;
    }
    #sugestoes__headerTopo .slide-item-box:after {
        right: 0;
        top: 180px;
    }
}

@media (max-width: 1024px) {
    .slide-item-box figure:before {
        top: 130px;
    }

    #sugestoes__headerTopo .slide-item-box:after {
        top: 130px;
    }
}
@media (max-width: 768px) {
    .slide-item-box figure:before {
        top: 190px;
    }

    #sugestoes__headerTopo .slide-item-box:after {
        top: 190px;
    }
}
@media (max-width: 425px) {
    .figure-capa {
        width:60%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #sugestoes__headerTopo .slide-item-box:after {
        right: 73px;
    }
    .sugestoes .slider-books .slide-item-box .figure-capa img {
        width: 100%;
    }
}


@media (max-width: 375px) {
    #sugestoes__headerTopo .slide-item-box:after {
        right: 63px;
    }
}

@media (max-width: 320px) {
    #sugestoes__headerTopo .slide-item-box:after {
        right: 52px;
    }
}

.fancybox-content#sucesso, .fancybox-content#errosenha, .fancybox-content#loader, .fancybox-content#layoutError, .fancybox-content#passwordsuccess, .fancybox-content#reportcomment, .fancybox-content#erro {
    max-width: max-content;
    text-align: center;
}

.duvidafaq.box-sucess.fancybox-content {
    max-width: 470px;
}

#msgagradecimentonao .grpbtn {
    justify-content: center;
}

.card-box {
    box-shadow: 0 3px 20px #00000045;
    background-color: #ffffff;
    padding: 35px;
}

.login__form-form.card-box .label {
    color: #707070 !important;
    font-size: 14px;
}

.login__form-form.card-box .label a {
    color: #55A8FD !important;
}

.footer-stage {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-top: 30px;
}

.footer-stage.column {
    display: block;
    padding: 0;
}

.footer-stage.column button {
    margin-top: 15px;
}

.footer-stage button, .footer-stage a {
    max-width: 46%;
}
.footer-stage button.full {
    max-width: 100%;
    min-width: 100%;
}

.button-outline {
    width: 100%;
    outline: none;
    padding: 10px;
    border-radius: 6px;
    border: none;
    background: transparent;
    font-size: 14px;
    line-height: 26px;
    text-decoration: none;
    text-align: center;
    color: #55A8FD;
    cursor: pointer;
    border: 1px solid #55A8FD;
    transition: all 0.4s;
}

.d-flex {
    align-items: center;
    display: flex !important;
}

.justify-space-between {
    justify-content: space-between !important;
}

.link-default {
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    color: #fff;
    text-decoration: none;
}

.link-default:hover {
    opacity: 0.9;
}

@media (max-width: 768px) {
    main.container {
        height: 120%;
    }
}

@media (max-width: 600px) {
    .card-box {
        margin-top: 35px;
        margin-left: -20px;
        margin-right: -20px;
        width: auto;
    }
    .cadastro .book__header-info{
        margin-top: 0;
    }
    .cadastro-footer {
        margin-top: 20px !important;
    }
    .cadastro__header  {
        margin-bottom: 0px;
    }
    .cadastro-logo__bv {
        width: 100%;
        max-width: 100%;
    }
    .book__header-content {
        padding-top: 0;
    }
    main.container {
        height: auto;
    }
    .page-content {
        height: auto;
    }
}

.title-area {
    font-size: 20px;
    color: #707070;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    margin-top: 10px;
    line-height: 26px;
    margin-bottom: 20px;
}

.hint-message {
    display: block;
    color: #AEAFB3;
    font-size: 12px;
}

.row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.col-md-6 {
    width: 48%;
    margin-bottom: -20px;
}

.big-icon-modal {
    margin: 30px auto;
    display: block !important;
    text-align: center;
    font-size: 43px;
    color: #55A8FD;
}

.modal-loading {
    padding: 100px 0 !important;
    max-width: 500px !important;
}

.modal-loading .fancybox-close-small{
    display: none;
}

.title-heading {
    color: #55A8FD;
    font-size: 30px;
    font-weight:  700;
    font-family: 'Open Sans', sans-serif;
    line-height: 38px;
    margin-bottom: 20px;
}

.button-shadow {
    height: 48px;
    line-height: 48px;
    cursor: pointer;
    background: #2FD6CB;
    border-radius: 4px;
    box-shadow: 0 3px 20px #00000029;
    text-align: center;
    color: white;
    text-decoration: none;
    min-width: 235px;
    font-size: 14px !important;
    margin-top: 20px;
    font-weight: 500;
    font-family: 'Open Sans', sans-serif;
}

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

.card-box p {
    color: #707070;
    font-size: 16px;
    line-height: 26px;
}

.list-options-checkbox {
    margin: 20px 0 0;
}

.list-options-checkbox li {
    border-top: 1px solid #CCCFD5;
    color: #707070;
    display: flex;
    align-items: center;
    padding: 15px 0;
}

.list-options-checkbox li:last-child {
    border-bottom: 1px solid #CCCFD5;
}

.list-options-checkbox li label {
    color: #707070 !important;
    padding-left: 15px;
    font-size: 16px;
}

.list-options-checkbox li input {
    width: 20px;
    height: 20px;
}

@media (max-width: 680px) {
    .box-1 .button-shadow {
        width: 100%;
    }
}

.card-box.medium {
    max-width: 65%;
    margin: 50px auto;
}

.box-terms {
    height: 400px;
    margin-top: 40px;
    overflow: scroll;
}

.box-terms  p {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 25px;
}

.box-terms h3 {
    margin-bottom: 25px;
    color: #47484A;
    font-size: 24px;
    line-height: 32px;
}

.footer-term {
    padding: 25px 0;
}

.footer-term label {
    font-size: 14px;
    line-height: 22px;
    color: #707070;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.footer-term label a {
    color: #55A8FD;
}

.footer-term input {
    width: 23px;
    height: 23px;
    margin-right: 10px;
    flex-grow: 1;
    flex-shrink: 0;
}

.footer-term button {
    margin: 40px auto 0;
    display: block;
    max-width: 240px;
    background: #55A8FD;
    height: 45px;
    line-height: 45px;
    cursor: pointer;
    color: #ffffff;
    font-family: "Open Sans", sans-serif;
    padding: 0 25px;
    border-radius: 4px;
}

.footer-term button:disabled {
    pointer-events: none;
    opacity: 0.7;
}

@media (max-width: 648px) {
    .card-box.medium {
        max-width: 100%;
        margin: 50px auto 0;
    }
    .cadastro .book__header-info .box-2 .button.secondary {
        width: 100%;
        max-width: 100%;
    }
    .login__form-form.card-box .label {
        font-size: 12px;
    }
    .footer-stage .button-outline, .footer-stage .button.secondary:not(.full) {
        max-width: 48% !important;
    }
}

.fa-question-square {
    font-weight: 500;
}

.check-container {
    display: block;
    position: relative;
    padding-left: 31px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.check-container:hover input~.checkmark {
    border-color: #2196f3;
}

.check-container input:checked~.checkmark {
    background-color: #2196f3;
}

.check-container input:checked~.checkmark:after {
    display: block;
}

.check-container .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}

.check-input {
    outline: none;
    background: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 2px;
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.check-input:checked~.checkmark {
    background-color: #2196f3;
}

.check-input:checked~.checkmark:after {
    display: block;
}

.check .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 24px;
    width: 24px;
    background-color: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 2px;
}

.check .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.check .link {
    color: #777777;
    font-size: 12px;
    line-height: 26px;
}

.check-input:disabled~.checkmark {
    background-color: #e7e7e7;
    opacity: 0.7;
}