@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;1,300&display=swap");
.mt-0 {
  margin-top: 0px !important;
}
.mt-1 {
  margin-top: 5px !important;
}
.mt-2 {
  margin-top: 10px !important;
}
.mt-3 {
  margin-top: 15px !important;
}
.mt-4 {
  margin-top: 20px !important;
}
.mt-5 {
  margin-top: 25px !important;
}
.mt-6 {
  margin-top: 30px !important;
}
.mt-7 {
  margin-top: 35px !important;
}
.mt-8 {
  margin-top: 40px !important;
}
.mt-9 {
  margin-top: 45px !important;
}

.mb-0 {
  margin-bottom: 0px !important;
}
.mb-1 {
  margin-bottom: 5px !important;
}
.mb-2 {
  margin-bottom: 10px !important;
}
.mb-3 {
  margin-bottom: 15px !important;
}
.mb-4 {
  margin-bottom: 20px !important;
}
.mb-5 {
  margin-bottom: 25px !important;
}
.mb-6 {
  margin-bottom: 30px !important;
}
.mb-7 {
  margin-bottom: 35px !important;
}
.mb-8 {
  margin-bottom: 40px !important;
}
.mb-9 {
  margin-bottom: 45px !important;
}

.flex-row {
  display: flex;
}

.d-flex {
  display: flex;
}

.flex-column {
  flex-direction: column;
}

.justify-content-between {
  justify-content: space-between !important;
}

body {
  width: 100%;
  overflow-x: hidden;
}
body.has-warning .first-container {
  margin-top: 133px;
}
body.has-warning .navbar-fixed-top:not(.is-warning) {
  top: 60px;
  transition: top 0.35s ease-in-out;
  box-shadow: rgba(0, 0, 0, 0.35) 0px -7px 15px;
}
body.has-warning .navbar-fixed-top:not(.is-warning).scolled {
  top: 0;
}

.first-container {
  margin-top: 73px;
}

.mr-auto {
  margin-right: auto;
}

.ml-auto {
  margin-left: auto;
}

.d-block {
  display: block;
}

.modal button.close {
  position: absolute;
  right: 20px;
  top: 20px;
}

.ml-auto {
  margin-left: auto;
}

.collapse.in {
  display: block !important;
}

.modal_xl {
  width: 75vw;
}

.label {
  padding: 5px;
}

.alert.floted {
  position: fixed;
  top: 80px;
  left: 10vw;
  min-width: 80vw;
}

.list-group-item .heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.list-group-item .heading h4 {
  flex: 2 1;
}
.list-group-item .heading span {
  flex: 1 2;
  text-align: right;
}

.form-control {
  line-height: 1.42857143 !important;
}

.alert {
  margin-top: 35px;
}
.alert-fixed {
  position: fixed;
}
.alert-absolute {
  position: absolute;
}

@media screen and (max-width: 765px) {
  .modal_xl {
    width: 95vw;
  }
}
table.dataTable {
  width: 100%;
  margin: 0 auto;
  clear: both;
  border-collapse: separate;
  border-spacing: 0;
}

table.dataTable thead th,
table.dataTable tfoot th {
  font-weight: bold;
}

table.dataTable thead th,
table.dataTable thead td {
  padding: 10px 18px;
  border-bottom: 1px solid #111;
}

table.dataTable thead th:active,
table.dataTable thead td:active {
  outline: none;
}

table.dataTable tfoot th,
table.dataTable tfoot td {
  padding: 10px 18px 6px 18px;
  border-top: 1px solid #111;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  cursor: pointer;
  *cursor: hand;
  background-repeat: no-repeat;
  background-position: center right;
}

table.dataTable thead .sorting {
  background-image: url("../images/sort_both.png");
}

table.dataTable thead .sorting_asc {
  background-image: url("../images/sort_asc.png");
}

table.dataTable thead .sorting_desc {
  background-image: url("../images/sort_desc.png");
}

table.dataTable thead .sorting_asc_disabled {
  background-image: url("../images/sort_asc_disabled.png");
}

table.dataTable thead .sorting_desc_disabled {
  background-image: url("../images/sort_desc_disabled.png");
}

table.dataTable tbody tr.selected {
  background-color: #b0bed9;
}

table.dataTable tbody th,
table.dataTable tbody td {
  padding: 8px 10px;
}

table.dataTable.row-border tbody th,
table.dataTable.row-border tbody td,
table.dataTable.display tbody th,
table.dataTable.display tbody td {
  border-top: 1px solid #ddd;
}

table.dataTable.row-border tbody tr:first-child th,
table.dataTable.row-border tbody tr:first-child td,
table.dataTable.display tbody tr:first-child th,
table.dataTable.display tbody tr:first-child td {
  border-top: none;
}

table.dataTable.cell-border tbody th,
table.dataTable.cell-border tbody td {
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
}

table.dataTable.cell-border tbody tr th:first-child,
table.dataTable.cell-border tbody tr td:first-child {
  border-left: 1px solid #ddd;
}

table.dataTable.cell-border tbody tr:first-child th,
table.dataTable.cell-border tbody tr:first-child td {
  border-top: none;
}

table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd {
  background-color: #f9f9f9;
}

table.dataTable.stripe tbody tr.odd.selected,
table.dataTable.display tbody tr.odd.selected {
  background-color: #acbad4;
}

table.dataTable.hover tbody tr:hover,
table.dataTable.display tbody tr:hover {
  background-color: #f6f6f6;
}

table.dataTable.hover tbody tr:hover.selected,
table.dataTable.display tbody tr:hover.selected {
  background-color: #aab7d1;
}

table.dataTable.order-column tbody tr > .sorting_1,
table.dataTable.order-column tbody tr > .sorting_2,
table.dataTable.order-column tbody tr > .sorting_3,
table.dataTable.display tbody tr > .sorting_1,
table.dataTable.display tbody tr > .sorting_2,
table.dataTable.display tbody tr > .sorting_3 {
  background-color: #fafafa;
}

table.dataTable.order-column tbody tr.selected > .sorting_1,
table.dataTable.order-column tbody tr.selected > .sorting_2,
table.dataTable.order-column tbody tr.selected > .sorting_3,
table.dataTable.display tbody tr.selected > .sorting_1,
table.dataTable.display tbody tr.selected > .sorting_2,
table.dataTable.display tbody tr.selected > .sorting_3 {
  background-color: #acbad5;
}

table.dataTable.display tbody tr.odd > .sorting_1,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
  background-color: #f1f1f1;
}

table.dataTable.display tbody tr.odd > .sorting_2,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
  background-color: #f3f3f3;
}

table.dataTable.display tbody tr.odd > .sorting_3,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
  background-color: whitesmoke;
}

table.dataTable.display tbody tr.odd.selected > .sorting_1,
table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
  background-color: #a6b4cd;
}

table.dataTable.display tbody tr.odd.selected > .sorting_2,
table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
  background-color: #a8b5cf;
}

table.dataTable.display tbody tr.odd.selected > .sorting_3,
table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
  background-color: #a9b7d1;
}

table.dataTable.display tbody tr.even > .sorting_1,
table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
  background-color: #fafafa;
}

table.dataTable.display tbody tr.even > .sorting_2,
table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
  background-color: #fcfcfc;
}

table.dataTable.display tbody tr.even > .sorting_3,
table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
  background-color: #fefefe;
}

table.dataTable.display tbody tr.even.selected > .sorting_1,
table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
  background-color: #acbad5;
}

table.dataTable.display tbody tr.even.selected > .sorting_2,
table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
  background-color: #aebcd6;
}

table.dataTable.display tbody tr.even.selected > .sorting_3,
table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
  background-color: #afbdd8;
}

table.dataTable.display tbody tr:hover > .sorting_1,
table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
  background-color: #eaeaea;
}

table.dataTable.display tbody tr:hover > .sorting_2,
table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
  background-color: #ececec;
}

table.dataTable.display tbody tr:hover > .sorting_3,
table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
  background-color: #efefef;
}

table.dataTable.display tbody tr:hover.selected > .sorting_1,
table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
  background-color: #a2aec7;
}

table.dataTable.display tbody tr:hover.selected > .sorting_2,
table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
  background-color: #a3b0c9;
}

table.dataTable.display tbody tr:hover.selected > .sorting_3,
table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
  background-color: #a5b2cb;
}

table.dataTable.no-footer {
  border-bottom: 1px solid #111;
}

table.dataTable.nowrap th,
table.dataTable.nowrap td {
  white-space: nowrap;
}

table.dataTable.compact thead th,
table.dataTable.compact thead td {
  padding: 4px 17px 4px 4px;
}

table.dataTable.compact tfoot th,
table.dataTable.compact tfoot td {
  padding: 4px;
}

table.dataTable.compact tbody th,
table.dataTable.compact tbody td {
  padding: 4px;
}

table.dataTable th.dt-left,
table.dataTable td.dt-left {
  text-align: left;
}

table.dataTable th.dt-center,
table.dataTable td.dt-center,
table.dataTable td.dataTables_empty {
  text-align: center;
}

table.dataTable th.dt-right,
table.dataTable td.dt-right {
  text-align: right;
}

table.dataTable th.dt-justify,
table.dataTable td.dt-justify {
  text-align: justify;
}

table.dataTable th.dt-nowrap,
table.dataTable td.dt-nowrap {
  white-space: nowrap;
}

table.dataTable thead th.dt-head-left,
table.dataTable thead td.dt-head-left,
table.dataTable tfoot th.dt-head-left,
table.dataTable tfoot td.dt-head-left {
  text-align: left;
}

table.dataTable thead th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable tfoot th.dt-head-center,
table.dataTable tfoot td.dt-head-center {
  text-align: center;
}

table.dataTable thead th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable tfoot th.dt-head-right,
table.dataTable tfoot td.dt-head-right {
  text-align: right;
}

table.dataTable thead th.dt-head-justify,
table.dataTable thead td.dt-head-justify,
table.dataTable tfoot th.dt-head-justify,
table.dataTable tfoot td.dt-head-justify {
  text-align: justify;
}

table.dataTable thead th.dt-head-nowrap,
table.dataTable thead td.dt-head-nowrap,
table.dataTable tfoot th.dt-head-nowrap,
table.dataTable tfoot td.dt-head-nowrap {
  white-space: nowrap;
}

table.dataTable tbody th.dt-body-left,
table.dataTable tbody td.dt-body-left {
  text-align: left;
}

table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center {
  text-align: center;
}

table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right {
  text-align: right;
}

table.dataTable tbody th.dt-body-justify,
table.dataTable tbody td.dt-body-justify {
  text-align: justify;
}

table.dataTable tbody th.dt-body-nowrap,
table.dataTable tbody td.dt-body-nowrap {
  white-space: nowrap;
}

table.dataTable,
table.dataTable th,
table.dataTable td {
  box-sizing: content-box;
}

.dataTables_wrapper {
  position: relative;
  clear: both;
  *zoom: 1;
  zoom: 1;
}

.dataTables_wrapper .dataTables_length {
  float: left;
}

.dataTables_wrapper .dataTables_filter {
  float: right;
  text-align: right;
}

.dataTables_wrapper .dataTables_filter input {
  margin-left: 0.5em;
}

.dataTables_wrapper .dataTables_info {
  clear: both;
  float: left;
  padding-top: 0.755em;
}

.dataTables_wrapper .dataTables_paginate {
  float: right;
  text-align: right;
  padding-top: 0.25em;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  *cursor: hand;
  color: #333 !important;
  border: 1px solid transparent;
  border-radius: 2px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #333 !important;
  border: 1px solid #979797;
  background-color: white;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #dcdcdc));
  background: -webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%);
  background: -moz-linear-gradient(top, #fff 0%, #dcdcdc 100%);
  background: -ms-linear-gradient(top, #fff 0%, #dcdcdc 100%);
  background: -o-linear-gradient(top, #fff 0%, #dcdcdc 100%);
  background: linear-gradient(to bottom, #fff 0%, #dcdcdc 100%);
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  cursor: default;
  color: #666 !important;
  border: 1px solid transparent;
  background: transparent;
  box-shadow: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: white !important;
  border: 1px solid #111;
  background-color: #585858;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
  background: -webkit-linear-gradient(top, #585858 0%, #111 100%);
  background: -moz-linear-gradient(top, #585858 0%, #111 100%);
  background: -ms-linear-gradient(top, #585858 0%, #111 100%);
  background: -o-linear-gradient(top, #585858 0%, #111 100%);
  background: linear-gradient(to bottom, #585858 0%, #111 100%);
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  outline: none;
  background-color: #2b2b2b;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
  background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
  box-shadow: inset 0 0 3px #111;
}

.dataTables_wrapper .dataTables_paginate .ellipsis {
  padding: 0 1em;
}

.dataTables_wrapper .dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 40px;
  margin-left: -50%;
  margin-top: -25px;
  padding-top: 20px;
  text-align: center;
  font-size: 1.2em;
  background-color: white;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  color: #333;
}

.dataTables_wrapper .dataTables_scroll {
  clear: both;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
  *margin-top: -1px;
  -webkit-overflow-scrolling: touch;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td {
  vertical-align: middle;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td > div.dataTables_sizing {
  height: 0;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: 1px solid #111;
}

.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,
.dataTables_wrapper.no-footer div.dataTables_scrollBody > table {
  border-bottom: none;
}

.dataTables_wrapper:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}

@media screen and (max-width: 767px) {
  .dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_paginate {
    margin-top: 0.5em;
  }
}
@media screen and (max-width: 640px) {
  .dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_filter {
    margin-top: 0.5em;
  }
}
.dataTable thead tr th {
  position: relative;
}
.dataTable thead tr th .fa,
.dataTable thead tr th .fas {
  position: absolute;
  right: 5px;
  opacity: 0.4;
  bottom: 13px;
}
.dataTable thead tr th .fa.desc,
.dataTable thead tr th .fas.desc {
  display: none;
}
.dataTable thead tr th.sorting_asc .asc {
  display: block;
  opacity: 1;
}
.dataTable thead tr th.sorting_asc .desc {
  display: none;
}
.dataTable thead tr th.sorting_desc .asc {
  display: none;
}
.dataTable thead tr th.sorting_desc .desc {
  display: block;
  opacity: 1;
}

.books_page .dataTables_length,
.books_page .dataTables_info,
.books_page .dataTables_filter,
.students_page .dataTables_length,
.students_page .dataTables_info,
.students_page .dataTables_filter {
  color: white;
  margin-bottom: 15px;
}
.books_page .dataTables_wrapper .dataTables_paginate .paginate_button,
.students_page .dataTables_wrapper .dataTables_paginate .paginate_button {
  margin: 0;
  padding: 0;
}

/*
 * jQuery FlexSlider v2.7.2
 * https://www.woocommerce.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */
/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/
@font-face {
  font-family: "flexslider-icon";
  src: url("/assets/frontend/flixer/flexslider/fonts/flexslider-icon.eot");
  src: url("/assets/frontend/flixer/flexslider/fonts/flexslider-icon.eot?#iefix") format("embedded-opentype"), url("/assets/frontend/flixer/flexslider/fonts/flexslider-icon.woff") format("woff"), url("/assets/frontend/flixer/flexslider/fonts/flexslider-icon.ttf") format("truetype"), url("/assets/frontend/flixer/flexslider/fonts/flexslider-icon.svg#flexslider-icon") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover {
  outline: none;
}

.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

.flex-pauseplay span {
  text-transform: capitalize;
}

/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
  margin: 0;
  padding: 0;
}

.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}

.flexslider .slides img {
  width: 100%;
  display: block;
}

.flexslider .slides:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

html[xmlns] .flexslider .slides {
  display: block;
}

* html .flexslider .slides {
  height: 1%;
}

.no-js .flexslider .slides > li:first-child {
  display: block;
}

/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
  position: relative;
  zoom: 1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
}

.flexslider .slides {
  zoom: 1;
}

.flexslider .slides img {
  height: auto;
  -moz-user-select: none;
}

.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.loading .flex-viewport {
  max-height: 300px;
}

@-moz-document url-prefix() {
  .loading .flex-viewport {
    max-height: none;
  }
}
.carousel li {
  margin-right: 5px;
}

.flex-direction-nav {
  *height: 0;
}

.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 40px;
  display: inline-block;
  content: "\f001";
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}

.flex-direction-nav a.flex-next:before {
  content: "\f002";
}

.flex-direction-nav .flex-prev {
  left: -50px;
}

.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right;
}

.flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 0.7;
  left: 10px;
}

.flexslider:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1;
}

.flexslider:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
  right: 10px;
}

.flexslider:hover .flex-direction-nav .flex-next:hover {
  opacity: 1;
}

.flex-direction-nav .flex-disabled {
  opacity: 0 !important;
  filter: alpha(opacity=0);
  cursor: default;
  z-index: -1;
}

.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}

.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: "\f004";
}

.flex-pauseplay a:hover {
  opacity: 1;
}

.flex-pauseplay a.flex-play:before {
  content: "\f003";
}

.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
}

.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}

.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default;
}

.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}

.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}

.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: 0.7;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.flex-control-thumbs img:hover {
  opacity: 1;
}

.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}

/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }
}
.d_none {
  display: none;
}

.row-no-gutters [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.border-radius-sm {
  border-radius: 5px;
}

.p-0 {
  padding: 0px !important;
}

.px-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.py-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.pl-0 {
  padding-left: 0px !important;
}

.pr-0 {
  padding-right: 0px !important;
}

.pt-0 {
  padding-top: 0px !important;
}

.pb-0 {
  padding-bottom: 0px !important;
}

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

.px-1 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.py-1 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.pl-1 {
  padding-left: 5px !important;
}

.pr-1 {
  padding-right: 5px !important;
}

.pt-1 {
  padding-top: 5px !important;
}

.pb-1 {
  padding-bottom: 5px !important;
}

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

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

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

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

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

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

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

.p-3 {
  padding: 15px !important;
}

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

.py-3 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

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

.pr-3 {
  padding-right: 15px !important;
}

.pt-3 {
  padding-top: 15px !important;
}

.pb-3 {
  padding-bottom: 15px !important;
}

.p-4 {
  padding: 20px !important;
}

.px-4 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.py-4 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.pl-4 {
  padding-left: 20px !important;
}

.pr-4 {
  padding-right: 20px !important;
}

.pt-4 {
  padding-top: 20px !important;
}

.pb-4 {
  padding-bottom: 20px !important;
}

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

.px-5 {
  padding-left: 25px !important;
  padding-right: 25px !important;
}

.py-5 {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}

.pl-5 {
  padding-left: 25px !important;
}

.pr-5 {
  padding-right: 25px !important;
}

.pt-5 {
  padding-top: 25px !important;
}

.pb-5 {
  padding-bottom: 25px !important;
}

.p-6 {
  padding: 30px !important;
}

.px-6 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.py-6 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.pl-6 {
  padding-left: 30px !important;
}

.pr-6 {
  padding-right: 30px !important;
}

.pt-6 {
  padding-top: 30px !important;
}

.pb-6 {
  padding-bottom: 30px !important;
}

.p-7 {
  padding: 35px !important;
}

.px-7 {
  padding-left: 35px !important;
  padding-right: 35px !important;
}

.py-7 {
  padding-top: 35px !important;
  padding-bottom: 35px !important;
}

.pl-7 {
  padding-left: 35px !important;
}

.pr-7 {
  padding-right: 35px !important;
}

.pt-7 {
  padding-top: 35px !important;
}

.pb-7 {
  padding-bottom: 35px !important;
}

.p-8 {
  padding: 40px !important;
}

.px-8 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

.py-8 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.pl-8 {
  padding-left: 40px !important;
}

.pr-8 {
  padding-right: 40px !important;
}

.pt-8 {
  padding-top: 40px !important;
}

.pb-8 {
  padding-bottom: 40px !important;
}

.p-9 {
  padding: 45px !important;
}

.px-9 {
  padding-left: 45px !important;
  padding-right: 45px !important;
}

.py-9 {
  padding-top: 45px !important;
  padding-bottom: 45px !important;
}

.pl-9 {
  padding-left: 45px !important;
}

.pr-9 {
  padding-right: 45px !important;
}

.pt-9 {
  padding-top: 45px !important;
}

.pb-9 {
  padding-bottom: 45px !important;
}

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

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

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

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

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

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

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

.m-0 {
  margin: 0px !important;
}
.m-1 {
  margin: 5px !important;
}
.m-2 {
  margin: 10px !important;
}
.m-3 {
  margin: 15px !important;
}
.m-4 {
  margin: 20px !important;
}
.m-5 {
  margin: 25px !important;
}
.m-6 {
  margin: 30px !important;
}
.m-7 {
  margin: 35px !important;
}
.m-8 {
  margin: 40px !important;
}
.m-9 {
  margin: 45px !important;
}

.mt-0 {
  margin-top: 0px !important;
}
.mt-1 {
  margin-top: 5px !important;
}
.mt-2 {
  margin-top: 10px !important;
}
.mt-3 {
  margin-top: 15px !important;
}
.mt-4 {
  margin-top: 20px !important;
}
.mt-5 {
  margin-top: 25px !important;
}
.mt-6 {
  margin-top: 30px !important;
}
.mt-7 {
  margin-top: 35px !important;
}
.mt-8 {
  margin-top: 40px !important;
}
.mt-9 {
  margin-top: 45px !important;
}

.mb-0 {
  margin-bottom: 0px !important;
}
.mb-1 {
  margin-bottom: 5px !important;
}
.mb-2 {
  margin-bottom: 10px !important;
}
.mb-3 {
  margin-bottom: 15px !important;
}
.mb-4 {
  margin-bottom: 20px !important;
}
.mb-5 {
  margin-bottom: 25px !important;
}
.mb-6 {
  margin-bottom: 30px !important;
}
.mb-7 {
  margin-bottom: 35px !important;
}
.mb-8 {
  margin-bottom: 40px !important;
}
.mb-9 {
  margin-bottom: 45px !important;
}

.py-1 {
  padding-top: 1em;
  padding-bottom: 1em;
}

.py-2 {
  padding-top: 2em;
  padding-bottom: 2em;
}

.py-3 {
  padding-top: 3em;
  padding-bottom: 3em;
}

.py-4 {
  padding-top: 4em;
  padding-bottom: 4em;
}

.py-5 {
  padding-top: 5em;
  padding-bottom: 5em;
}

.py-6 {
  padding-top: 6em;
  padding-bottom: 6em;
}

.py-7 {
  padding-top: 7em;
  padding-bottom: 7em;
}

.py-8 {
  padding-top: 8em;
  padding-bottom: 8em;
}

.py-9 {
  padding-top: 9em;
  padding-bottom: 9em;
}

.py-10 {
  padding-top: 10em;
  padding-bottom: 10em;
}

.full_link {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.check_squre:focus, .check_squre.focus, .check_squre:active {
  outline: none !important;
}
.check_squre .fa-check-square-o {
  display: none;
}
.check_squre.active .fa-check-square-o {
  display: initial;
}
.check_squre.active .fa-square-o {
  display: none;
}

.btn-outline-primary {
  color: #007bfc;
  background-image: none;
  background-color: transparent;
  border: 1px solid #007bfc;
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: #007bfc;
  border-color: #007bfc;
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
  color: #fff;
  background-color: #007bfc;
  border-color: #007bfc;
}
.btn-outline-primary:active, .btn-outline-primary.active, .open > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #007bfc;
  border-color: #007bfc;
}
.btn-outline-primary:active:hover, .btn-outline-primary:active:focus, .btn-outline-primary:active.focus, .btn-outline-primary.active:hover, .btn-outline-primary.active:focus, .btn-outline-primary.active.focus, .open > .btn-outline-primary.dropdown-toggle:hover, .open > .btn-outline-primary.dropdown-toggle:focus, .open > .btn-outline-primary.dropdown-toggle.focus {
  color: #fff;
  background-color: #0051a5;
  border-color: #003d7d;
}
.btn-outline-primary.disabled:focus, .btn-outline-primary.disabled.focus, .btn-outline-primary:disabled:focus, .btn-outline-primary:disabled.focus {
  border-color: #63afff;
}
.btn-outline-primary.disabled:hover, .btn-outline-primary:disabled:hover {
  border-color: #63afff;
}
.btn-outline-primary.btn-lg {
  padding: 11px 2em;
}

.btn-outline-secondary {
  color: #6c757d;
  background-image: none;
  background-color: transparent;
  border: 1px solid #6c757d;
}
.btn-outline-secondary:hover {
  color: #333a40;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
  color: #333a40;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-outline-secondary:active, .btn-outline-secondary.active, .open > .btn-outline-secondary.dropdown-toggle {
  color: #333a40;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-outline-secondary:active:hover, .btn-outline-secondary:active:focus, .btn-outline-secondary:active.focus, .btn-outline-secondary.active:hover, .btn-outline-secondary.active:focus, .btn-outline-secondary.active.focus, .open > .btn-outline-secondary.dropdown-toggle:hover, .open > .btn-outline-secondary.dropdown-toggle:focus, .open > .btn-outline-secondary.dropdown-toggle.focus {
  color: #333a40;
  background-color: #44494e;
  border-color: #313539;
}
.btn-outline-secondary.disabled:focus, .btn-outline-secondary.disabled.focus, .btn-outline-secondary:disabled:focus, .btn-outline-secondary:disabled.focus {
  border-color: #a1a8ae;
}
.btn-outline-secondary.disabled:hover, .btn-outline-secondary:disabled:hover {
  border-color: #a1a8ae;
}
.btn-outline-secondary.btn-lg {
  padding: 11px 2em;
}

.btn-outline-info {
  color: #18a2b8;
  background-image: none;
  background-color: transparent;
  border: 1px solid #18a2b8;
}
.btn-outline-info:hover {
  color: #fff;
  background-color: #18a2b8;
  border-color: #18a2b8;
}
.btn-outline-info:focus, .btn-outline-info.focus {
  color: #fff;
  background-color: #18a2b8;
  border-color: #18a2b8;
}
.btn-outline-info:active, .btn-outline-info.active, .open > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #18a2b8;
  border-color: #18a2b8;
}
.btn-outline-info:active:hover, .btn-outline-info:active:focus, .btn-outline-info:active.focus, .btn-outline-info.active:hover, .btn-outline-info.active:focus, .btn-outline-info.active.focus, .open > .btn-outline-info.dropdown-toggle:hover, .open > .btn-outline-info.dropdown-toggle:focus, .open > .btn-outline-info.dropdown-toggle.focus {
  color: #fff;
  background-color: #0e5e6b;
  border-color: #093f47;
}
.btn-outline-info.disabled:focus, .btn-outline-info.disabled.focus, .btn-outline-info:disabled:focus, .btn-outline-info:disabled.focus {
  border-color: #4ed3e8;
}
.btn-outline-info.disabled:hover, .btn-outline-info:disabled:hover {
  border-color: #4ed3e8;
}
.btn-outline-info.btn-lg {
  padding: 11px 2em;
}

.btn-outline-success {
  color: #29a745;
  background-image: none;
  background-color: transparent;
  border: 1px solid #29a745;
}
.btn-outline-success:hover {
  color: #fff;
  background-color: #29a745;
  border-color: #29a745;
}
.btn-outline-success:focus, .btn-outline-success.focus {
  color: #fff;
  background-color: #29a745;
  border-color: #29a745;
}
.btn-outline-success:active, .btn-outline-success.active, .open > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #29a745;
  border-color: #29a745;
}
.btn-outline-success:active:hover, .btn-outline-success:active:focus, .btn-outline-success:active.focus, .btn-outline-success.active:hover, .btn-outline-success.active:focus, .btn-outline-success.active.focus, .open > .btn-outline-success.dropdown-toggle:hover, .open > .btn-outline-success.dropdown-toggle:focus, .open > .btn-outline-success.dropdown-toggle.focus {
  color: #fff;
  background-color: #186128;
  border-color: #10411b;
}
.btn-outline-success.disabled:focus, .btn-outline-success.disabled.focus, .btn-outline-success:disabled:focus, .btn-outline-success:disabled.focus {
  border-color: #5ed879;
}
.btn-outline-success.disabled:hover, .btn-outline-success:disabled:hover {
  border-color: #5ed879;
}
.btn-outline-success.btn-lg {
  padding: 11px 2em;
}

.btn-outline-warning {
  color: #ffc124;
  background-image: none;
  background-color: transparent;
  border: 1px solid #ffc124;
}
.btn-outline-warning:hover {
  color: #333a40;
  background-color: #ffc124;
  border-color: #ffc124;
}
.btn-outline-warning:focus, .btn-outline-warning.focus {
  color: #333a40;
  background-color: #ffc124;
  border-color: #ffc124;
}
.btn-outline-warning:active, .btn-outline-warning.active, .open > .btn-outline-warning.dropdown-toggle {
  color: #333a40;
  background-color: #ffc124;
  border-color: #ffc124;
}
.btn-outline-warning:active:hover, .btn-outline-warning:active:focus, .btn-outline-warning:active.focus, .btn-outline-warning.active:hover, .btn-outline-warning.active:focus, .btn-outline-warning.active.focus, .open > .btn-outline-warning.dropdown-toggle:hover, .open > .btn-outline-warning.dropdown-toggle:focus, .open > .btn-outline-warning.dropdown-toggle.focus {
  color: #333a40;
  background-color: #cc9200;
  border-color: #a47500;
}
.btn-outline-warning.disabled:focus, .btn-outline-warning.disabled.focus, .btn-outline-warning:disabled:focus, .btn-outline-warning:disabled.focus {
  border-color: #ffde8a;
}
.btn-outline-warning.disabled:hover, .btn-outline-warning:disabled:hover {
  border-color: #ffde8a;
}
.btn-outline-warning.btn-lg {
  padding: 11px 2em;
}

.btn-outline-danger {
  color: #e42414;
  background-image: none;
  background-color: transparent;
  border: 1px solid #e42414;
}
.btn-outline-danger:hover {
  color: #fff;
  background-color: #e42414;
  border-color: #e42414;
}
.btn-outline-danger:focus, .btn-outline-danger.focus {
  color: #fff;
  background-color: #e42414;
  border-color: #e42414;
}
.btn-outline-danger:active, .btn-outline-danger.active, .open > .btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #e42414;
  border-color: #e42414;
}
.btn-outline-danger:active:hover, .btn-outline-danger:active:focus, .btn-outline-danger:active.focus, .btn-outline-danger.active:hover, .btn-outline-danger.active:focus, .btn-outline-danger.active.focus, .open > .btn-outline-danger.dropdown-toggle:hover, .open > .btn-outline-danger.dropdown-toggle:focus, .open > .btn-outline-danger.dropdown-toggle.focus {
  color: #fff;
  background-color: #94170d;
  border-color: #6f110a;
}
.btn-outline-danger.disabled:focus, .btn-outline-danger.disabled.focus, .btn-outline-danger:disabled:focus, .btn-outline-danger:disabled.focus {
  border-color: #f2766c;
}
.btn-outline-danger.disabled:hover, .btn-outline-danger:disabled:hover {
  border-color: #f2766c;
}
.btn-outline-danger.btn-lg {
  padding: 11px 2em;
}

.btn-outline-light {
  color: #f8f9fa;
  background-image: none;
  background-color: transparent;
  border: 1px solid #f8f9fa;
}
.btn-outline-light:hover {
  color: #333a40;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:focus, .btn-outline-light.focus {
  color: #333a40;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:active, .btn-outline-light.active, .open > .btn-outline-light.dropdown-toggle {
  color: #333a40;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:active:hover, .btn-outline-light:active:focus, .btn-outline-light:active.focus, .btn-outline-light.active:hover, .btn-outline-light.active:focus, .btn-outline-light.active.focus, .open > .btn-outline-light.dropdown-toggle:hover, .open > .btn-outline-light.dropdown-toggle:focus, .open > .btn-outline-light.dropdown-toggle.focus {
  color: #333a40;
  background-color: #c5ced6;
  border-color: #aeb9c5;
}
.btn-outline-light.disabled:focus, .btn-outline-light.disabled.focus, .btn-outline-light:disabled:focus, .btn-outline-light:disabled.focus {
  border-color: white;
}
.btn-outline-light.disabled:hover, .btn-outline-light:disabled:hover {
  border-color: white;
}
.btn-outline-light.btn-lg {
  padding: 11px 2em;
}

.btn-outline-rate {
  color: #333a40;
  background-image: none;
  background-color: transparent;
  border: 1px solid #333a40;
  border-color: transparent;
}
.btn-outline-rate:hover {
  color: #fff;
  background-color: #333a40;
  border-color: #333a40;
}
.btn-outline-rate:focus, .btn-outline-rate.focus {
  color: #fff;
  background-color: #333a40;
  border-color: #333a40;
}
.btn-outline-rate:active, .btn-outline-rate.active, .open > .btn-outline-rate.dropdown-toggle {
  color: #fff;
  background-color: #333a40;
  border-color: #333a40;
}
.btn-outline-rate:active:hover, .btn-outline-rate:active:focus, .btn-outline-rate:active.focus, .btn-outline-rate.active:hover, .btn-outline-rate.active:focus, .btn-outline-rate.active.focus, .open > .btn-outline-rate.dropdown-toggle:hover, .open > .btn-outline-rate.dropdown-toggle:focus, .open > .btn-outline-rate.dropdown-toggle.focus {
  color: #fff;
  background-color: #0d0e10;
  border-color: black;
}
.btn-outline-rate.disabled:focus, .btn-outline-rate.disabled.focus, .btn-outline-rate:disabled:focus, .btn-outline-rate:disabled.focus {
  border-color: #606d79;
}
.btn-outline-rate.disabled:hover, .btn-outline-rate:disabled:hover {
  border-color: #606d79;
}
.btn-outline-rate.btn-lg {
  padding: 11px 2em;
}
.btn-outline-rate i {
  transition: color 0.5s ease-in-out;
}
.btn-outline-rate i:hover {
  color: #ffdf00;
}

.btn-transparent {
  background-color: transparent;
}

.rate-btn {
  background-color: transparent;
  padding: 0 5px;
  font-size: 30px;
  color: #ffdf00;
}
.rate-btn .fa-star-o {
  color: #f8f9fa;
}
.rate-btn .fa-star-o:hover, .rate-btn .fa-star-o:focus, .rate-btn .fa-star-o:active, .rate-btn .fa-star-o:focus:active {
  color: #ffdf00;
  outline: none;
}
.rate-btn:hover, .rate-btn:focus, .rate-btn:active, .rate-btn:focus:active {
  outline: none;
  color: #ffdf00;
}

.btn_round {
  border-radius: 5px;
}

.btn_facebook {
  background-color: #425890;
  border-radius: 15px;
}

.cleared_input {
  position: relative;
}
.cleared_input input {
  padding-right: 8px;
}
.cleared_input button {
  position: absolute;
  background-color: transparent;
  padding-left: 2px;
  padding-right: 2px;
  right: 5px;
  opacity: 0;
  pointer-events: none;
  transition: all 0.35s;
}
.cleared_input button:active, .cleared_input button:focus {
  outline: none !important;
}
.cleared_input button.active {
  pointer-events: all;
  opacity: 1;
}

@media screen and (max-width: 765px) {
  .btn-block-xs {
    display: block !important;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.theme_color_dark {
  background-color: #000000;
}
.theme_color_dark h1:not(.black_text),
.theme_color_dark h2:not(.black_text),
.theme_color_dark h3:not(.black_text),
.theme_color_dark h4:not(.black_text),
.theme_color_dark h5:not(.black_text),
.theme_color_dark h6:not(.black_text),
.theme_color_dark p:not(.black_text) {
  color: #fff;
}
.theme_color_light {
  background-color: #f3f3f3;
}
.theme_color_light h1:not(.black_text),
.theme_color_light h2:not(.black_text),
.theme_color_light h3:not(.black_text),
.theme_color_light h4:not(.black_text),
.theme_color_light h5:not(.black_text),
.theme_color_light h6:not(.black_text),
.theme_color_light p:not(.black_text) {
  color: #000000;
}

.audioctrlbtn {
  border-radius: 20px;
  padding: 10px;
  display: inline-block;
  cursor: pointer;
  position: relative;
}

.audioctrlbtn:hover {
  background-color: #cccccc;
}

.progressholder {
  min-width: 100px;
  background-color: grey;
  display: inline-block;
  cursor: pointer;
}

.progressbar {
  width: 0%;
  height: 10px;
  background-color: green;
  cursor: pointer;
}

.audiotimer {
  display: inline-block;
  font-size: 12px;
  padding: 0px 5px;
}

.audioplayer {
  border-radius: 10px;
  background-color: #f1f1f1;
  padding: 10px;
  display: inline-block;
}

.audiovolume {
  position: absolute;
  bottom: 40px;
  right: 0px;
  background-color: #f1f1f1;
  padding: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  display: none;
}

.audiospeed {
  position: absolute;
  bottom: 40px;
  right: 0px;
  background-color: #f1f1f1;
  padding: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  display: none;
}

@media screen and (max-width: 992px) {
  .audioctrlbtn {
    font-size: 24px;
  }
  .progressbar {
    height: 16px;
  }
  .audiotimer {
    font-size: 16px;
  }
  .audiospeed {
    bottom: 50px;
  }
  .audiovolume {
    bottom: 50px;
  }
}
@media screen and (max-width: 601px) {
  .audioctrlbtn {
    font-size: 24px;
  }
  .progressbar {
    height: 16px;
  }
  .audiotimer {
    font-size: 16px;
  }
  .audiospeed {
    bottom: 50px;
  }
  .audiovolume {
    bottom: 50px;
  }
}
@media screen and (max-device-width: 601px) {
  .audioctrlbtn {
    font-size: 24px;
  }
  .progressbar {
    height: 16px;
  }
  .audiotimer {
    font-size: 16px;
  }
  .audiospeed {
    bottom: 50px;
  }
  .audiovolume {
    bottom: 50px;
  }
}
.opacity_0 {
  opacity: 0 !important;
}
.opacity_1 {
  opacity: 0.1 !important;
}
.opacity_2 {
  opacity: 0.2 !important;
}
.opacity_3 {
  opacity: 0.3 !important;
}
.opacity_4 {
  opacity: 0.4 !important;
}
.opacity_5 {
  opacity: 0.5 !important;
}
.opacity_6 {
  opacity: 0.6 !important;
}
.opacity_7 {
  opacity: 0.7 !important;
}
.opacity_8 {
  opacity: 0.8 !important;
}
.opacity_9 {
  opacity: 0.9 !important;
}

.d_none {
  display: none;
}

.invisible {
  opacity: 0;
  position: absolute;
  pointer-events: none;
}

.black_text {
  color: #000;
  background-color: #f3f3f3;
}

.blue_text {
  color: #0080ff;
}

.tomato_text {
  color: tomato !important;
}

.text_gold {
  color: #ffdf00;
}

.material_shadows_1 {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.material_shadows_2 {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.material_shadows_3 {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.bg_gray {
  background: #303030;
}

.cover_img {
  width: 100%;
  min-height: 70vh;
  background-image: url(https://images.unsplash.com/photo-1585314062604-1a357de8b000?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1351&q=80);
  background-size: cover;
  background-position: center center;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 765px) {
  .cover_img {
    min-height: 35vh;
  }
}
.nav_search {
  position: relative;
}
.nav_search.nav_search_mob {
  display: none;
}
.nav_search .cleared_input input {
  width: 1%;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  float: right;
}
.nav_search .search_btn {
  position: absolute;
  right: 0;
  top: 0;
  color: white;
}
.nav_search.active .cleared_input input {
  width: 100%;
  opacity: 1;
}
.nav_search.active .cleared_input button.btn {
  box-shadow: none;
}
.nav_search.active .cleared_input button.btn:hover {
  color: #333;
}
.nav_search.active .search_btn {
  display: none;
}

.navbar.is-warning {
  height: 60px;
  display: flex;
}
.navbar.is-warning.centered {
  justify-content: center;
  align-items: center;
}
.navbar.is-warning .btn {
  margin-left: 15px;
  font-size: 14px;
}
.navbar .navbar-nav > li.selected {
  background: #e42414;
  border-radius: 15px 15px 0 0;
}
.navbar .navbar-nav > li.selected a i {
  color: white;
}
.navbar .navbar-nav > li > a {
  color: white;
}
.navbar .navbar-nav > li > a i {
  color: #e42414;
  margin-left: 5px;
}
.navbar .navbar-toggle .icon-bar {
  background-color: white;
}
.navbar.nav_transparent {
  padding: 10px 0px 10px;
  border: 1px;
  /*background: rgba(7,29,73,0.8);*/
  background: rgba(0, 0, 0, 0.8);
}
.navbar.nav_dark {
  background-color: #000;
  padding: 10px;
  padding-bottom: 0px;
}
.navbar.flex .navbar-collapse.collapse {
  display: flex !important;
  align-items: center;
  justify-content: flex-end;
}
.navbar.flex .navbar-collapse.collapse::before, .navbar.flex .navbar-collapse.collapse::after {
  display: none;
}
.navbar .navbar-brand img {
  height: 32px;
  margin-right: 50px;
}
.navbar.landing .nav-item {
  text-transform: uppercase;
}
.navbar.landing .nav-item a {
  border-bottom: 2px solid #000;
  color: white;
}
.navbar.landing .nav-item a:hover {
  border-bottom: 2px solid #d8d8d8;
}
.navbar.landing .nav-item a.active {
  border-bottom: 2px solid #fff;
}
.navbar.landing .navbar-brand {
  padding: 6px 15px;
  height: unset;
}
.navbar.landing img {
  height: 40px;
  margin-right: 0px;
}
.navbar.landing .btn {
  padding: 10px 50px;
  border-radius: 10px;
  border: 1px solid white;
}
.navbar.landing .btn:first-child {
  margin-right: 20px;
}

.search_key {
  background-color: white;
  color: #333;
  border: 1px solid #808080;
  height: 35px;
}

@media screen and (max-width: 765px) {
  .nav_search {
    display: none;
  }
  .nav_search.nav_search_mob {
    display: block;
  }
  .navbar.is-warning {
    height: 60px;
    display: flex;
  }
  .navbar.is-warning.centered {
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }
  .navbar.flex.landing .navbar-collapse {
    display: none !important;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    max-height: 90vh;
  }
  .navbar.flex.landing .navbar-collapse.in {
    display: flex !important;
  }
  .navbar.flex.landing .login_ctas {
    margin-top: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
  }
  .navbar.flex.landing .login_ctas a {
    padding: 30px 17px;
    flex: 1 1;
    margin: 0 5px;
  }
  .nav_search_mob.active .search_key {
    top: 0;
  }
  .nav_search_mob.active .cleared_input button.btn {
    top: 31px;
  }
  .nav_search_mob.active .cleared_input button.btn:hover {
    color: #333;
  }
  .nav_search_mob .cleared_input button {
    top: 0px;
  }
  .nav_search_mob .cleared_input input {
    width: 100%;
  }
  .search_results.active {
    padding-top: 60px;
  }
  .search_key {
    margin-top: 30px;
    position: absolute;
    top: -100px;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .navbar.flex.landing .navbar-collapse.collapse {
    justify-content: center;
  }
  .navbar.flex.landing .login_ctas {
    position: absolute;
    background: #000;
    top: 100%;
  }
  .navbar.flex.landing .navbar-header {
    display: none;
  }
}
footer {
  background-color: #001424;
  padding: 5em 0;
  margin-bottom: 0;
}
footer h3,
footer p {
  color: white !important;
}
footer .fb_footer {
  width: 130px;
  margin-right: 50px;
}
footer .logos {
  padding-bottom: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
footer .logos img {
  max-height: 50px;
  width: auto;
  height: auto;
}
footer ul {
  float: left;
  margin-right: 50px;
}
footer ul li {
  font-size: 20px;
}
footer ul li a {
  color: white;
}

@media screen and (max-width: 765px) {
  .logos {
    flex-direction: column;
  }
  .logos > div {
    text-align: center;
    margin-bottom: 20px;
  }
  .logos > div:first-child img {
    margin-right: 25px;
    margin-left: 25px;
  }
}
.flex_center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.switch_text {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.switch_text span.text {
  line-height: 1;
  transition: opacity 0.4s;
}
.switch_text span.text.off {
  padding-right: 5px;
  opacity: 0.9;
}
.switch_text span.text.on {
  opacity: 0.4;
  padding-left: 5px;
}
.switch_text.active span.text.off {
  opacity: 0.4;
}
.switch_text.active span.text.on {
  opacity: 0.9;
}

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 26px;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.switch.active input + .slider {
  background-color: #29a745;
}
.switch.active input + .slider:before {
  transform: translateX(32px);
}
.switch.neutral input + .slider {
  background-color: #6c757d;
}
.switch.neutral input + .slider:before {
  transform: translateX(17px);
}
.switch input:focus + .slider {
  box-shadow: none;
  outline: none;
}
.switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: tomato;
  transition: 0.4s;
}
.switch .slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 4px;
  bottom: 3px;
  background-color: white;
  transition: 0.4s;
}
.switch .slider.round {
  border-radius: 34px;
}
.switch .slider.round:before {
  border-radius: 50%;
}

.icon_jumbotron {
  text-align: center;
}
.icon_jumbotron h1 {
  font-size: 30px;
}
.icon_jumbotron i {
  font-size: 70px;
  color: #6c757d;
}

.rating_stars {
  min-width: 80px;
}

.books_select {
  background-color: #f8f9fa;
  padding: 10px;
}
.books_select h3,
.books_select h4,
.books_select h5,
.books_select h6 {
  color: #333a40 !important;
}
.books_select .books_container {
  max-height: 500px;
  overflow-y: scroll;
}
.books_select .book_item {
  color: #333a40;
  margin-top: 10px;
  display: flex;
  align-content: center;
  opacity: 0.8;
}
.books_select .book_item:hover {
  opacity: 1;
  cursor: pointer;
}
.books_select .book_item.selected {
  opacity: 1;
  background-color: #c3201f;
}
.books_select .book_item.selected p {
  color: #fff;
}
.books_select .book_item img {
  max-width: 100px;
  margin-right: 10px;
}
.books_select .book_item p {
  color: #333a40;
  flex: 2 1;
  align-self: center;
}

.no_scroll_bar::-webkit-scrollbar, .level_goup .grid::-webkit-scrollbar {
  display: none;
}

.tip {
  width: 0px;
  height: 0px;
  position: absolute;
  background: transparent;
  border: 10px solid #fff;
}
.tip-up {
  top: -20px; /* Same as body margin top + border */
  left: 10px;
  border-right-color: transparent;
  border-left-color: transparent;
  border-top-color: transparent;
}
.tip-up-center {
  top: -20px; /* Same as body margin top + border */
  border-right-color: transparent;
  border-left-color: transparent;
  border-top-color: transparent;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.tip-down {
  top: 100%;
  left: 10px;
  border-right-color: transparent;
  border-left-color: transparent;
  border-bottom-color: transparent;
}
.tip-down-center {
  top: 100%;
  border-right-color: transparent;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.tip-left {
  top: 10px;
  left: -25px;
  border-top-color: transparent;
  border-left-color: transparent;
  border-bottom-color: transparent;
}
.tip-right {
  top: 10px;
  right: -25px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
}

.ribbon_cont {
  position: relative;
}

.ribbon-wrapper {
  overflow: hidden;
  position: absolute;
  width: 106px;
  height: 108px;
}
.ribbon-wrapper-right {
  top: -6px;
  right: -6px;
}
.ribbon-wrapper .ribbon {
  line-height: 18px;
  color: #333;
  text-align: center;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  position: relative;
  padding: 7px 0;
  left: -11px;
  top: 26px;
  width: 150px;
  background-color: #e42414;
  color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  letter-spacing: 0.5px;
}
.ribbon-wrapper .ribbon:before, .ribbon-wrapper .ribbon:after {
  content: "";
  border-top: 4px solid #b51d10;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  position: absolute;
  bottom: -4px;
}
.ribbon-wrapper .ribbon:before {
  left: 0;
}
.ribbon-wrapper .ribbon:after {
  right: 0;
}
.ribbon-wrapper .ribbon.bg-dark {
  background-color: #333a40;
  color: #fff;
}
.ribbon-wrapper .ribbon.bg-dark:before, .ribbon-wrapper .ribbon.bg-dark:after {
  border-top: 4px solid #1c2024;
}
.ribbon-wrapper .ribbon.bg-light {
  background-color: #f8f9fa;
  color: #333a40;
}
.ribbon-wrapper .ribbon.bg-light:before, .ribbon-wrapper .ribbon.bg-light:after {
  border-top: 4px solid #dae0e5;
}
.ribbon-wrapper .ribbon.bg-warning {
  background-color: #ffc124;
  color: #fff;
}
.ribbon-wrapper .ribbon.bg-warning:before, .ribbon-wrapper .ribbon.bg-warning:after {
  border-top: 4px solid #f0ac00;
}
.ribbon-wrapper .ribbon.bg-success {
  background-color: #29a745;
  color: #fff;
}
.ribbon-wrapper .ribbon.bg-success:before, .ribbon-wrapper .ribbon.bg-success:after {
  border-top: 4px solid #1f7e34;
}
.ribbon-wrapper .ribbon.bg-info {
  background-color: #18a2b8;
  color: #fff;
}
.ribbon-wrapper .ribbon.bg-info:before, .ribbon-wrapper .ribbon.bg-info:after {
  border-top: 4px solid #127a8b;
}
.ribbon-wrapper .ribbon.bg-secondary {
  background-color: #6c757d;
  color: #fff;
}
.ribbon-wrapper .ribbon.bg-secondary:before, .ribbon-wrapper .ribbon.bg-secondary:after {
  border-top: 4px solid #545b62;
}
.ribbon-wrapper .ribbon.bg-primary {
  background-color: #007bfc;
  color: #fff;
}
.ribbon-wrapper .ribbon.bg-primary:before, .ribbon-wrapper .ribbon.bg-primary:after {
  border-top: 4px solid #0062c9;
}
.ribbon-wrapper .ribbon.bg-light-gray {
  background-color: #f1f1f1;
  color: #333a40;
}
.ribbon-wrapper .ribbon.bg-light-gray:before, .ribbon-wrapper .ribbon.bg-light-gray:after {
  border-top: 4px solid #d8d8d8;
}
.ribbon-wrapper .ribbon.bg-gold {
  background-color: #ffdf00;
  color: #fff;
}
.ribbon-wrapper .ribbon.bg-gold:before, .ribbon-wrapper .ribbon.bg-gold:after {
  border-top: 4px solid #ccb200;
}
.ribbon-wrapper .ribbon.bg-red {
  background-color: tomato;
  color: #fff;
}
.ribbon-wrapper .ribbon.bg-red:before, .ribbon-wrapper .ribbon.bg-red:after {
  border-top: 4px solid #ff3814;
}
.ribbon-wrapper-left {
  overflow: hidden;
  position: absolute;
  top: -6px;
  left: -6px;
}
.ribbon-wrapper-left .ribbon {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  position: relative;
  padding: 7px 0;
  left: -33px;
  top: 26px;
}
.ribbon-wrapper-left:before, .ribbon-wrapper-left:after {
  content: "";
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  position: absolute;
  bottom: -4px;
}
.ribbon-wrapper-left:before {
  left: 0;
}
.ribbon-wrapper-left:after {
  right: 0;
}

.top_loader {
  position: fixed;
  top: 46px;
  height: 15px;
  transition: all 0.3s ease-in-out;
  background-color: #18a2b8;
  width: 0%;
  pointer-events: none;
}
.top_loader.w_10 {
  width: 10%;
}
.top_loader.w_20 {
  width: 20%;
}
.top_loader.w_30 {
  width: 30%;
}
.top_loader.w_40 {
  width: 40%;
}
.top_loader.w_50 {
  width: 50%;
}
.top_loader.w_60 {
  width: 60%;
}
.top_loader.w_70 {
  width: 70%;
}
.top_loader.w_80 {
  width: 80%;
}
.top_loader.w_90 {
  width: 90%;
}
.top_loader.w_100 {
  width: 100%;
}

.panel-active .panel-heading img {
  opacity: 0.7;
}

.panel-light {
  border-color: #d8d8d8;
}
.panel-light > .panel-heading {
  color: #888888;
  background-color: #f3f3f3;
  border-color: #f1f1f1;
}
.panel-light .panel-body {
  background-color: #f1f1f1;
  color: #333a40;
  border-top-color: #d8d8d8 !important;
}

.panel-full-link .panel-heading {
  position: relative;
}
.panel-full-link .panel-heading a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.panel-stacked {
  margin-bottom: 0;
}
.panel-stacked:not(:first-child) {
  margin-top: 0 !important;
  border-radius: 0;
}
.panel-stacked:not(:first-child) .panel-heading {
  border-radius: 0;
}
.panel-stacked:not(:last-child) {
  border-bottom: none;
}

.panel-heading.d-flex {
  display: flex;
  align-items: center;
}
.panel-heading.d-flex img {
  margin-right: 10px;
}

.td_edit {
  position: relative;
}

.td_edit .btn {
  position: absolute;
  right: 0;
  top: 11px;
}

.td_edit .input_group {
  display: none;
}

.td_edit.is_active {
  padding-right: 50px;
}

.td_edit.is_active .input_group {
  display: flex;
}

.td_edit.is_active span {
  display: none;
}

.td_edit button.save {
  display: none;
}

.td_edit.is_active button.save {
  display: block;
}

.td_edit.is_active button.edit {
  display: none;
}

.relative {
  position: relative;
}

.students_page .ctas {
  text-align: right;
}
.students_page .ctas > *:not(:last-child) {
  margin-right: 15px;
}
.students_page .student_data {
  margin-bottom: 15px;
}
.students_page .student_data p {
  margin: 0;
  padding: 0;
}
.students_page .student_data .btn {
  padding: 0 10px;
  margin: 0;
  color: white;
}
.students_page table * {
  vertical-align: middle !important;
}

.progress_cont {
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  background-color: #c4cbca;
}
.progress_cont .progress {
  border-radius: 0 5px 5px 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 80%;
  z-index: 0;
  background-color: #40798c;
}
.progress_cont span {
  mix-blend-mode: color-dodge;
}
.progress_cont.tiny {
  background-color: transparent;
}
.progress_cont.tiny .progress_cont_tiny {
  position: absolute;
  bottom: -5px;
  left: 0;
  height: 2px;
  margin: 0;
  width: 100%;
  background-color: #c4cbca;
}
.progress_cont.tiny .progress_cont_tiny .progress {
  margin: 0;
  height: 2px;
}
.progress_cont.tiny span {
  mix-blend-mode: normal;
}

.book_history .student_opinion {
  background-color: #fff !important;
  color: #333;
  border-bottom: 3px solid #77b320;
}
.book_history .student_opinion td {
  position: relative;
  padding-right: 20px;
}
.book_history .student_opinion td .fa-comment-o {
  position: absolute;
  right: 15px;
}

@media screen and (max-width: 765px) {
  .book_history {
    margin-top: 25px;
  }
}
.about_page {
  margin-top: 75px;
}
.about_page .hero {
  padding: 10px;
  min-height: 300px;
  border: 1px solid #6f6f6f;
  background-position-y: center;
}
.about_page .hero img {
  width: 150px;
}
.about_page h1 {
  margin: 40px 0;
}
.about_page p {
  margin: 20px 0;
}
.about_page p.first-child {
  margin-top: 2em;
}
.about_page h5 {
  margin: 0;
  font-size: 14px;
  font-weight: bold;
}
.about_page .center_btn a {
  margin-top: 130px;
}

.landing_page .btn {
  border-radius: 10px;
  padding: 10px 80px;
}
.landing_page .btn.btn_lg {
  padding: 20px;
}
.landing_page .btn.btn-warning, .landing_page .btn.btn-primary {
  color: white;
}
.landing_page .hero {
  min-height: 90vh;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
.landing_page .hero img {
  margin-top: 65px;
  width: 500px;
}
.landing_page .hero .pricing {
  position: absolute;
  bottom: 10px;
}
.landing_page .hero .btn {
  width: 500px;
}
.landing_page .hero .btn-group .btn {
  width: inherit;
}
.landing_page .hero h1 {
  font-size: 45px;
  font-weight: bold;
  clear: both;
  text-align: center;
  color: #fff;
  margin: 15px 0 35px;
}
.landing_page .hero h2 {
  margin: 0;
  margin-bottom: 10px;
  font-size: 30px;
  letter-spacing: 0.2px;
  color: #fff;
  font-weight: bold;
}
.landing_page .hero .ctas {
  display: block;
  position: relative;
}
.landing_page .hero .ctas .special_dot {
  position: absolute;
  top: -60px;
  right: 10px;
  width: 150px;
  margin: 0;
}
.landing_page .hero .row_80 {
  padding: 100px 50px;
}
.landing_page .section .checkmarks > div {
  display: flex;
  align-items: center;
  margin: 20px 0;
}
.landing_page .section .checkmarks > div img {
  width: 50px;
  margin-right: 15px;
}
.landing_page .section .checkmarks > div p {
  font-size: 19px;
  margin: 0;
}
.landing_page .section h3 {
  display: block;
  margin: 40px auto;
}
.landing_page .section h3:not(.text-left) {
  max-width: 80%;
  text-align: center;
}
.landing_page .section_02 .background_image {
  background-position: bottom;
  background-size: cover;
}
.landing_page .section_02 .col_right {
  padding-top: 50px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding-bottom: 0;
}
.landing_page .section_02 p {
  font-size: 19px;
}
.landing_page .section_03 {
  padding: 100px 0;
}
.landing_page .section_03 h3 {
  margin-top: 0;
}
.landing_page .section_03 p {
  font-size: 19px;
  margin-bottom: 20px;
}
.landing_page .section_04 {
  padding: 100px 0;
  background-color: #001424;
}
.landing_page .section_04 p {
  font-size: 19px;
  margin-bottom: 20px;
}
.landing_page .section_05 {
  padding: 100px 0;
}
.landing_page .section_05 ul li {
  color: white;
}
.landing_page .section_06 {
  padding: 100px 0;
  background-color: #001424;
}
.landing_page .section_06 p {
  font-size: 19px;
}
.landing_page .section_07 {
  padding: 100px 0;
  background-color: #001424;
}
.landing_page .section_07 p {
  font-size: 19px;
}
.landing_page .teachers_section p {
  font-size: 19px;
  margin: 30px;
}
.landing_page .approved_vendor {
  width: 100%;
  text-align: center;
}
.landing_page .approved_vendor img {
  width: 250px;
  margin: 20px;
}
.landing_page .approved_vendor p.small {
  margin: 0;
}
.landing_page .what_people_say {
  padding: 20px 0;
}
.landing_page .what_people_say .about_flangoo {
  width: 250px;
}
.landing_page .what_people_say .phone_cont {
  padding: 30px;
}
.landing_page .compliants img {
  height: 100px;
  margin: 20px;
}
.landing_page.promo_page .hero .btn {
  width: inherit;
}

.main_cta {
  margin-top: 20px;
  padding: 20px;
  border-radius: 10px;
  background-color: #ff2905;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 25px;
}
.main_cta.buy_btn {
  background-color: #eb8115;
}
.main_cta small {
  font-weight: normal;
  text-transform: none;
  display: block;
  font-size: 15px;
  white-space: normal;
}

.front_face h1 {
  font-size: 30px;
  font-weight: 600;
}
.front_face h2 {
  font-size: 25px;
  font-weight: 600;
}
.front_face .ctas {
  display: flex;
  justify-content: center;
}
.front_face .ctas a {
  max-width: 380px;
  margin: 30px 20px;
  white-space: normal;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 1 1;
}
.front_face .img-responsive {
  display: initial;
}

@media screen and (max-width: 765px) {
  .landing_page .hero {
    margin-top: 70px;
    height: auto;
    padding: 0 25px 20px;
  }
  .landing_page .hero img {
    width: 100%;
  }
  .landing_page .hero h1 {
    font-size: 30px;
    margin: 15px 0 35px;
  }
  .landing_page .hero h2 {
    font-size: 20px;
  }
  .landing_page .hero .ctas {
    margin-top: 80px;
  }
  .landing_page .hero .row_80 {
    padding: 0;
    padding-top: 50px;
  }
  .landing_page .section h3 {
    max-width: 95%;
  }
  .main_cta {
    max-width: 95%;
    font-size: 18px;
  }
  .main_cta small {
    font-size: 10px;
  }
  .front_face h1 {
    font-size: 25px;
  }
  .front_face h2 {
    font-size: 20px;
  }
  .front_face h3 {
    font-size: 20px;
  }
  .front_face .ctas {
    flex-direction: column;
  }
}
.books_table .cta_td {
  width: 50px;
}
.books_table .img_td {
  width: 80px;
}
.books_table .img_td img {
  width: 80px;
}
.books_table .title_td .fa {
  opacity: 0;
  margin-left: 15px;
  transition: opacity 0.3s ease-in-out;
}
.books_table .title_td a:hover > .fa {
  opacity: 0.8;
}
.books_table .status_txt {
  display: none;
  position: absolute;
}

.disabled_book {
  padding-top: 90px;
  min-height: 40vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: start;
}
.disabled_book h1,
.disabled_book h3 {
  margin: 0;
}
.disabled_book p {
  margin: 20px 0;
}

.reader_page {
  padding-top: 56px;
  padding-bottom: 70px;
}
.reader_page .container > div:first-child > p {
  display: none;
}
.reader_page footer {
  margin: 5em 0;
  margin-bottom: 0;
}
.reader_page span:not(.navbar-toggler-icon, .translation) {
  border-bottom: 2px solid #fff;
}
.reader_page span:not(.navbar-toggler-icon, .translation):hover {
  border-bottom: 2px solid #f1f1f1;
  cursor: pointer;
}
.reader_page span:not(.navbar-toggler-icon, .translation).no_translation {
  border-bottom: 2px solid rgba(228, 36, 20, 0.5);
}
.reader_page .highlight {
  border-bottom: 2px solid #afcbff;
  margin: 0 !important;
}
.reader_page .highlight:hover {
  border-bottom: 2px solid #0e1c36;
  cursor: pointer;
}
.reader_page .highlight[data-tooltip]:link, .reader_page .highlight[data-tooltip]:visited {
  position: relative;
  text-decoration: none;
  color: inherit;
}
.reader_page .highlight[data-tooltip]:before {
  content: "";
  position: absolute;
  border-top: 20px solid #30354d;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  opacity: 0;
  bottom: 80%;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  pointer-events: none;
  transition: all 0.2s ease-in-out;
}
.reader_page .highlight[data-tooltip]:after {
  content: attr(data-tooltip);
  position: absolute;
  color: white;
  bottom: 100%;
  left: 0;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: #30354d;
  padding: 5px 15px;
  font-size: 13px;
  border-radius: 0.5em;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: all 0.2s ease-in-out;
}
.reader_page .highlight[data-tooltip]:active:before, .reader_page .highlight[data-tooltip]:active:after, .reader_page .highlight[data-tooltip]:hover:before, .reader_page .highlight[data-tooltip]:hover:after {
  opacity: 1;
}
.reader_page .dropdown-item {
  display: unset;
}
.reader_page .audioctrlbtn {
  border-radius: 20px;
  padding: 10px;
  display: inline-block;
  cursor: pointer;
  position: relative;
}
.reader_page .audioctrlbtn:hover {
  background-color: #cccccc;
}
.reader_page .progressholder {
  min-width: 100px;
  background-color: grey;
  display: inline-block;
  cursor: pointer;
}
.reader_page .progressbar {
  width: 0%;
  height: 10px;
  background-color: green;
  cursor: pointer;
}
.reader_page .audiotimer {
  display: inline-block;
  font-size: 12px;
  padding: 0px 5px;
}
.reader_page .audioplayer {
  border-radius: 10px;
  background-color: #f1f1f1;
  padding: 10px;
  display: inline-block;
}
.reader_page .audiovolume {
  position: absolute;
  bottom: 40px;
  right: 0px;
  background-color: #f1f1f1;
  padding: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  display: none;
}
.reader_page .audiospeed {
  position: absolute;
  bottom: 40px;
  right: 0px;
  background-color: #f1f1f1;
  padding: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  display: none;
}
@media screen and (max-width: 992px) {
  .reader_page .audioctrlbtn {
    font-size: 24px;
  }
  .reader_page .audiotimer {
    font-size: 16px;
  }
  .reader_page .audiospeed {
    bottom: 50px;
  }
  .reader_page .audiovolume {
    bottom: 50px;
  }
}
@media screen and (max-width: 601px) {
  .reader_page .audioctrlbtn {
    font-size: 24px;
  }
  .reader_page .progressbar {
    height: 16px;
  }
  .reader_page .audiotimer {
    font-size: 16px;
  }
  .reader_page .audiospeed {
    bottom: 50px;
  }
  .reader_page .audiovolume {
    bottom: 50px;
  }
}
.reader_page .audioplayer {
  display: flex;
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0;
  border-radius: 10px 10px 0 0;
  z-index: 10;
  justify-content: space-around;
}
.reader_page .progressholder {
  position: absolute;
  min-width: 100%;
  top: 0;
  left: 0;
  right: 0;
  height: 5px;
  opacity: 0.5;
  border-radius: 10px 10px 0 0;
}
.reader_page .progressbar {
  border-radius: 10px 10px 0 0;
  height: 5px;
}
.reader_page .audiotimer {
  display: flex;
  justify-content: center;
  align-items: center;
}
.reader_page .audioctrlbtn {
  font-size: 24px;
}
.reader_page .progressbar {
  height: 16px;
}
.reader_page .audiotimer {
  font-size: 16px;
}
.reader_page .audiospeed {
  bottom: 50px;
}
.reader_page .audiovolume {
  bottom: 50px;
}
.reader_page .unactive_backdrop {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  pointer-events: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.85);
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.reader_page .unactive_backdrop.active {
  opacity: 1;
  pointer-events: initial;
}
.reader_page .unactive_backdrop h4 {
  color: white;
  text-align: center;
  line-height: 1.1;
  margin-bottom: 15px;
}
.reader_page .unactive_backdrop h4 small {
  font-size: 50%;
  opacity: 0.8;
}
.reader_page .unactive_backdrop .ctas {
  text-align: center;
}
.reader_page .unactive_backdrop .ctas a {
  margin: 15px 0;
  color: white;
  opacity: 0.7;
  display: block;
}
.reader_page .translation {
  display: inline-block;
}
.reader_page .chapter_questions {
  text-align: center;
}
.reader_page .chapter_questions_container {
  position: relative;
  opacity: 0;
  bottom: 100%;
  pointer-events: none;
  transition: all 0.2s ease-out;
  position: fixed;
  height: 100vh;
  max-width: 100vw;
  left: 0;
  right: 0;
  background: white;
  overflow: hidden show;
  padding-top: 55px;
}
.reader_page .chapter_questions_container.active {
  pointer-events: all;
  opacity: 1;
  bottom: 0;
}
.reader_page .chapter_questions_container .alert {
  min-width: 50%;
  max-width: 60%;
  display: none;
}
.reader_page .chapter_questions_container .alert.active {
  display: block;
}
.reader_page .chapter_questions_container h4,
.reader_page .chapter_questions_container h3 {
  font-weight: 300;
}
.reader_page .chapter_questions_container .ctas {
  margin-top: 20px;
  width: 80%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
}
.reader_page .chapter_questions_container .ctas .btn {
  margin-bottom: 10px;
  padding: 15px;
  text-align: left;
}
.reader_page .chapter_questions_container .ctas .btn:focus, .reader_page .chapter_questions_container .ctas .btn:active {
  outline: none;
  box-shadow: none;
}
.reader_page .chapter_questions_container .ctas .btn .fa-check-square {
  display: none;
}
.reader_page .chapter_questions_container .ctas .btn.active .fa-check-square {
  display: initial;
}
.reader_page .chapter_questions_container .ctas .btn.active .fa-square {
  display: none;
}
.reader_page .chapter_questions_container .ctas .actions {
  display: flex;
  justify-content: space-between;
}
.reader_page .chapter_questions_container .ctas .actions .btn-danger {
  min-width: 150px;
  text-align: center;
}
.reader_page .chapter_questions_container .question {
  margin-top: 20px;
  opacity: 0;
  pointer-events: none;
  transition: all 0.2s ease-out;
  position: absolute;
  width: 100%;
}
.reader_page .chapter_questions_container .question.active {
  pointer-events: all;
  opacity: 1;
}
.reader_page .chapter_questions_container .question.responded .option_btn {
  pointer-events: none;
}
.reader_page .chapter_questions_container .question.responded .option_btn:not(.active) {
  opacity: 0.5;
}
.reader_page .chapter_questions_resume {
  display: none;
}
.reader_page .chapter_questions_resume.active {
  display: block;
}
.reader_page .chapter_questions_resume .header {
  width: 100%;
  padding: 20px;
  background-color: #e42414;
}
.reader_page .chapter_questions_resume .header.success {
  background-color: #208058;
}
.reader_page .chapter_questions_resume .header h3,
.reader_page .chapter_questions_resume .header p {
  color: white;
}
.reader_page .chapter_questions_resume .resume {
  margin-top: 20px;
  display: none;
}
.reader_page .chapter_questions_resume .resume ul {
  list-style-type: none;
}
.reader_page .chapter_questions_resume .resume ul li {
  opacity: 0.7;
  margin-bottom: 10px;
  margin-top: 7px;
}
.reader_page .chapter_questions_resume .actions {
  display: flex;
  margin-top: 50px;
  justify-content: space-between;
}
.reader_page footer:not(.show) {
  display: none;
}

.book_page {
  position: relative;
  width: 100%;
  min-height: 100vh;
}
.book_page iframe {
  width: 100%;
  min-height: 100vh;
}

.bg-image-full {
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}

.quote {
  position: relative;
}

.quote .tooltipnow {
  position: relative;
  display: inline-block;
  background: #abdcda;
  padding: 0px 8px 5px 8px;
  margin: -10px 0;
  cursor: pointer;
}

.quote .tooltipnow:hover .info,
.quote .tooltipnow:focus .info {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.quote .tooltipnow .info {
  box-sizing: border-box;
  position: absolute;
  bottom: 53px;
  left: -85px;
  display: block;
  background: #d5ede7;
  width: 300px;
  font-size: 16px;
  line-height: 24px;
  cursor: text;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translate3d(0, -20px, 0);
  transform: translate3d(0, -20px, 0);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.quote .tooltipnow .info:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 14px;
  bottom: -14px;
  left: 0;
}

.quote .tooltipnow .info:after {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  bottom: -5px;
  left: 50%;
  margin-left: -5px;
  background: #d5ede7;
}

.quote .tooltipnow .info .pronounce {
  display: block;
  background: #1d565f;
  color: #fff;
  padding: 8px 17px 10px 17px;
  line-height: 16px;
}

.quote .tooltipnow .info .pronounce .fa {
  position: relative;
  margin-left: 10px;
  top: 1px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.quote .tooltipnow .info .pronounce .fa:hover {
  -webkit-transform: scale(1.15) translate3d(0, 0, 0);
  transform: scale(1.15) translate3d(0, 0, 0);
  -webkit-backface-visibility: none;
  backface-visibility: none;
}

.quote .tooltipnow .info .text {
  display: block;
  padding: 13px 17px;
}

.video {
  padding-bottom: 10px;
}

.floatright {
  float: right;
  margin: 0 0 10px 10px;
  padding: 10px;
  width: 50%;
}

.chapter-links {
  color: #d6a88e;
  font-weight: bold;
}

.raitings_page h1 {
  font-size: 32px;
  margin-bottom: 30px;
}
.raitings_page h2 {
  font-size: 30px;
}
.raitings_page h3 {
  font-size: 25px;
}
.raitings_page p {
  font-size: 17px;
  color: rgba(248, 249, 250, 0.7) !important;
  font-weight: normal;
}
.raitings_page p.no_rating {
  margin-top: 20px;
  text-align: center;
}
.raitings_page img {
  border-radius: 20px 20px 0 0;
}
.raitings_page .raiting_item {
  border-top: 1px solid #f8f9fa;
  padding: 20px 0;
}
.raitings_page .raiting_item h3 {
  margin: 0;
  margin-bottom: 15px;
}
.raitings_page .raiting_item:last-child, .raitings_page .raiting_item.last-child {
  border-bottom: 1px solid #f8f9fa;
}
.raitings_page .form-control {
  max-width: 100%;
}

.readers_page_page {
  width: 100%;
  overflow-x: hidden;
}
.readers_page_page .content {
  position: relative;
}

.no_results {
  display: none;
}

.level_goup {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
.level_goup.active {
  opacity: 1;
}
.level_goup .heading {
  display: flex;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 10px;
  margin-top: 30px;
}
.level_goup .heading h3 {
  margin: 0;
}
.level_goup .heading .order {
  margin: 0 20px;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.level_goup .heading .order button,
.level_goup .heading .order a {
  margin-left: 10px;
}
.level_goup .grid {
  display: flex;
  overflow-x: auto;
  width: 100%;
  padding: 1em;
}
.level_goup figure {
  background-color: transparent;
  flex-shrink: 0;
  margin-right: 20px;
  margin-bottom: 0;
  position: relative;
}
.level_goup figure img {
  min-height: unset;
}
.level_goup figure.effect-sadie {
  text-align: center;
}
.level_goup figure.effect-sadie figcaption::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(top, rgba(72, 76, 97, 0) 0%, rgba(72, 76, 97, 0.8) 75%);
  background: linear-gradient(to bottom, rgba(72, 76, 97, 0) 0%, rgba(72, 76, 97, 0.8) 75%);
  content: "";
  opacity: 0;
  -webkit-transform: translate3d(0, 50%, 0);
  transform: translate3d(0, 50%, 0);
}
.level_goup figure.effect-sadie figcaption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.level_goup figure.effect-sadie figcaption::before,
.level_goup figure.effect-sadie p {
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
}
.level_goup figure.effect-sadie p {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0px 0px 35px;
  width: 100%;
  opacity: 0;
  -webkit-transform: translate3d(0, 10px, 0);
  transform: translate3d(0, 10px, 0);
}
.level_goup figure.effect-sadie:hover h2 {
  color: #fff;
  -webkit-transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0);
  transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0);
}
.level_goup figure.effect-sadie:hover figcaption::before, .level_goup figure.effect-sadie:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.level_goup .custom-navigation {
  position: absolute;
  left: -35px;
  right: -35px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  top: 0;
  height: 100%;
  pointer-events: none;
}
.level_goup .custom-navigation a {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: all;
  padding: 5px;
  padding-right: 15px;
  background-color: transparent;
  border-radius: 15px 0 0 15px;
  color: #fff;
  line-height: 1;
  font-size: 40px;
  border: none;
  transition: all 0.2s ease-out;
}
.level_goup .custom-navigation a:first-child {
  border-radius: 0 15px 15px 0;
  padding-right: 5px;
  padding-left: 15px;
}
.level_goup .custom-navigation a:active, .level_goup .custom-navigation a:focus {
  text-decoration: none;
}
.level_goup .custom-navigation a:hover {
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.3);
}
.level_goup.is_trending figure img {
  width: 180px;
  margin-left: 120px;
}
.level_goup.is_trending figure .counter_cont {
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: right;
}
.level_goup.is_trending figure .counter_cont h3.counter {
  font-size: 280px;
  line-height: 1;
  margin: 0;
  padding: 0;
  height: initial;
  vertical-align: bottom;
  margin-block-start: 0;
  margin-block-end: 0;
  z-index: -1;
  color: black;
  text-shadow: -3px -3px 0 #595959, 3px -3px 0 #595959, -3px 3px 0 #595959, 3px 3px 0 #595959;
}
.level_goup.is_trending figure .counter_cont h3.counter.small {
  font-size: 100px;
}
.level_goup .reader_block .reader_synopsis {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  bottom: 95%;
  left: -25%;
  z-index: 3000000;
  background: white;
  border-radius: 10px 10px 0 0;
  padding: 15px;
  width: 150%;
  transition: all 0.5s ease-in-out;
  text-align: left;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.level_goup .reader_block .reader_synopsis h5 {
  color: #888888;
  font-size: 30px;
  font-weight: 600;
}
.level_goup .reader_block.first-child .reader_synopsis {
  left: 0;
}
.level_goup.first-child .reader_block .reader_synopsis {
  bottom: unset;
  top: 95%;
}
.level_goup.first-child .reader_block .reader_synopsis:hover {
  bottom: 100%;
  opacity: 1;
  pointer-events: initial;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.level_goup.first-child .reader_block:hover > .reader_synopsis {
  bottom: unset;
  top: 100%;
  display: none;
}

.search_results {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
.search_results.active {
  opacity: 1;
}
.search_results figure {
  background-color: transparent;
  flex-shrink: 0;
  margin-bottom: 0;
  position: relative;
}
.search_results figure img {
  min-height: unset;
}
.search_results figure.effect-sadie {
  text-align: center;
}
.search_results figure.effect-sadie figcaption::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(top, rgba(72, 76, 97, 0) 0%, rgba(72, 76, 97, 0.8) 75%);
  background: linear-gradient(to bottom, rgba(72, 76, 97, 0) 0%, rgba(72, 76, 97, 0.8) 75%);
  content: "";
  opacity: 0;
  -webkit-transform: translate3d(0, 50%, 0);
  transform: translate3d(0, 50%, 0);
}
.search_results figure.effect-sadie figcaption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.search_results figure.effect-sadie figcaption::before,
.search_results figure.effect-sadie p {
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
}
.search_results figure.effect-sadie p {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0px 0px 35px;
  width: 100%;
  opacity: 0;
  -webkit-transform: translate3d(0, 10px, 0);
  transform: translate3d(0, 10px, 0);
}
.search_results figure.effect-sadie:hover h2 {
  color: #fff;
  -webkit-transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0);
  transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0);
}
.search_results figure.effect-sadie:hover figcaption::before, .search_results figure.effect-sadie:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.search_results .reader_block .reader_synopsis {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  bottom: 95%;
  left: -25%;
  z-index: 3000000;
  background: white;
  border-radius: 10px 10px 0 0;
  padding: 15px;
  width: 150%;
  transition: all 0.5s ease-in-out;
  text-align: left;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.search_results .reader_block .reader_synopsis h5 {
  color: #888888;
  font-size: 30px;
  font-weight: 600;
}
.search_results .reader_block.first-row .reader_synopsis {
  bottom: unset;
  top: 95%;
}
.search_results .reader_block.first-row .reader_synopsis:hover {
  bottom: 100%;
  opacity: 1;
  pointer-events: initial;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.search_results .reader_block.first-row:hover > .reader_synopsis {
  bottom: unset;
  top: 100%;
  display: none;
  display: block;
}

.starter_steps {
  width: 100%;
  background-color: #18a2b8;
  padding: 20px;
}
.starter_steps .items {
  display: flex;
  margin-top: 15px;
}
.starter_steps .item {
  display: flex;
  margin-bottom: 15px;
  position: relative;
}
.starter_steps .item a {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 10;
}
.starter_steps .item i {
  font-size: 25px;
  margin-right: 5px;
  color: #efefef;
}
.starter_steps .item h6 {
  margin: 0;
}
.starter_steps .item p {
  margin: 0;
}
.starter_steps .item.done p,
.starter_steps .item.done h6 {
  opacity: 0.5;
}

.assignment_cont {
  background-size: cover;
  background-position: center left;
}
.assignment_cont .container_info {
  padding-top: 50px;
  min-height: 40vh;
  padding-bottom: 50px;
  background: linear-gradient(90deg, black 0%, rgba(0, 0, 0, 0.7) 51%, rgba(0, 0, 0, 0) 100%);
  color: #fff;
  max-width: 90%;
  padding-left: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
}

@media screen and (max-width: 765px) {
  .starter_steps .items {
    flex-direction: column;
  }
  .assignment_cont .container_info .btn {
    display: block;
    width: 100%;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .level_goup .grid figure,
.search_results .grid figure {
    margin: 10px;
    width: 200px;
  }
}
@media (min-width: 1200px) {
  .level_goup .reader_block .reader_synopsis:hover,
.search_results .reader_block .reader_synopsis:hover {
    bottom: 100%;
    opacity: 1;
    pointer-events: initial;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  }
  .level_goup .reader_block:hover,
.search_results .reader_block:hover {
    cursor: pointer;
  }
  .level_goup .reader_block:hover > .reader_synopsis,
.search_results .reader_block:hover > .reader_synopsis {
    bottom: 100%;
    opacity: 1;
    pointer-events: initial;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  }
}
.book_details {
  position: relative;
  width: 100%;
  background-position: left center;
  background-size: cover;
}
.book_details img {
  width: 100%;
}
.book_details h1 {
  margin: 0;
  margin-bottom: 10px;
}
.book_details .rating_group {
  margin-top: 10px;
}
.book_details .rating_group .rating_stars i {
  font-size: 18px;
}
.book_details .rating_group.teachers .rating_stars i {
  font-size: 13px;
}
.book_details .book_info {
  padding-top: 50px;
  min-height: 80vh;
  padding-bottom: 50px;
  background: linear-gradient(90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 51%, rgba(0, 0, 0, 0) 100%);
  color: #fff;
  max-width: 70%;
  padding-left: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
}
.book_details .book_info .book_desc_info {
  min-width: 100%;
}
.book_details .book_info .book_cover_xs {
  display: none;
}
.book_details .book_info p {
  max-width: 50%;
  margin-top: 20px;
}
.book_details .book_ctas {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  margin-top: 30px;
  width: 50%;
  border-radius: 0 0 10px 10px;
}
.book_details .book_ctas > * {
  margin: 10px;
}
.book_details .book_ctas a {
  display: block;
  width: 100%;
}
.book_details .book_ctas a.rate_link:hover {
  color: #ffdf00;
}
.book_details .back_btn {
  color: white;
  padding-left: 0;
  margin-bottom: 20px;
}
.book_details .badge {
  font-weight: normal;
  margin-right: 5px;
}

.students_ratings > .heading {
  text-align: center;
  width: 100%;
  padding: 30px;
}
.students_ratings > .heading h4 {
  text-align: center;
}
.students_ratings > .heading i {
  font-size: 50px;
  opacity: 0.7;
}

.raitings_cards {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.raitings_cards .rating_card {
  background-color: white;
  border-radius: 10px;
  margin-left: 20px;
  width: 30%;
  min-height: 210px;
  padding: 15px 20px;
  margin-bottom: 20px;
}
.raitings_cards .rating_card h5,
.raitings_cards .rating_card h6,
.raitings_cards .rating_card p {
  color: #333;
  margin: 0;
}
.raitings_cards .rating_card h6 {
  font-size: 15px;
}
.raitings_cards .rating_card .rating_stars i {
  font-size: 18px;
}
.raitings_cards .rating_card .text_gold {
  color: #ffc825;
}
.raitings_cards .rating_card .heading {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .book_details .book_info {
    max-width: 100%;
  }
}
.refer_friend_page .cover_img .text_container {
  align-self: stretch;
  width: 100%;
  display: flex;
}
.refer_friend_page .cover_img .text_container .container {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.refer_friend_page .cover_img .text_container .container p {
  max-width: 50%;
}

.friends_emails {
  background-color: #f3f3f3;
  padding: 20px 30px;
  margin-top: -80px;
}
.friends_emails .form-inline {
  margin-bottom: 10px;
}
.friends_emails .form-inline span {
  text-align: right;
  width: 77%;
  display: block;
}
.friends_emails .form-inline:last-child {
  margin-bottom: 25px;
}

@media screen and (max-width: 765px) {
  .friends_emails {
    margin-top: 10px;
  }
  .friends_emails button {
    display: block;
    width: 100%;
    padding: 15px;
  }
  .friends_emails .form-inline:not(:last-child) {
    border-bottom: 1px solid #dedede;
  }
}
.homeVideo .modal-body {
  padding: 0;
}

.video_container_full {
  transition: all 0.2s ease-out;
  position: fixed;
  top: 110%;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: black;
  display: flex;
  opacity: 0;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  z-index: 1050;
}
.video_container_full.active {
  pointer-events: all;
  opacity: 1;
  top: 0;
}
.video_container_full .video_item {
  display: none;
}
.video_container_full .video_item.active {
  display: block;
}
.video_container_full .video_item h3,
.video_container_full .video_item p {
  width: 100%;
  margin: 0;
  padding: 5px 0;
  text-align: left !important;
}
.video_container_full .video_item p {
  opacity: 0.8;
}
.video_container_full .video_item .label {
  margin-right: 5px;
}
.video_container_full .video_item video {
  height: 60vh;
  width: 100%;
}
.video_container_full .video_item video:hover {
  cursor: pointer;
}
.video_container_full .close {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 1030;
}

.titles_page {
  margin-top: 75px;
}
.titles_page .hero {
  padding: 10px;
  min-height: 300px;
  border: 1px solid #6f6f6f;
  background-position-y: center;
}
.titles_page .hero img {
  width: 150px;
}
.titles_page h1 {
  font-size: 35px;
  margin: 20px 0;
}
.titles_page h2 {
  font-size: 20px;
  font-weight: 500;
  margin-top: 50px;
  margin-bottom: 15px;
}
.titles_page p {
  font-size: 17px;
}
.titles_page .books {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: auto;
  column-gap: 5px;
  row-gap: 10px;
}
.titles_page .books img {
  width: 100%;
}
.titles_page .final_cta {
  margin: 150px 0;
}

@media screen and (max-width: 765px) {
  .titles_page .books {
    grid-template-columns: 1fr 1fr;
  }
}
.pricing_page {
  margin-top: 75px;
}
.pricing_page .hero {
  padding: 10px;
  min-height: 300px;
  border: 1px solid #6f6f6f;
  background-position-y: center;
}
.pricing_page .hero img {
  width: 150px;
}
.pricing_page h1,
.pricing_page h2 {
  margin: 40px 0;
}

.page_404 {
  background-color: #fff;
  color: #333;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.page_404 h1,
.page_404 h2,
.page_404 h3,
.page_404 h4,
.page_404 p {
  color: #333 !important;
}

.contact_page {
  margin-top: 75px;
}
.contact_page #_form_65_ {
  font-size: 14px;
  line-height: 1.6;
  font-family: arial, helvetica, sans-serif;
  margin: 0;
}
.contact_page #_form_65_ * {
  outline: 0;
}
.contact_page ._form_hide {
  display: none;
  visibility: hidden;
}
.contact_page ._form_show {
  display: block;
  visibility: visible;
}
.contact_page #_form_65_._form-top {
  top: 0;
}
.contact_page #_form_65_._form-bottom {
  bottom: 0;
}
.contact_page #_form_65_._form-left {
  left: 0;
}
.contact_page #_form_65_._form-right {
  right: 0;
}
.contact_page #_form_65_ input[type=text],
.contact_page #_form_65_ input[type=date],
.contact_page #_form_65_ textarea {
  padding: 6px;
  height: auto;
  border: #979797 1px solid;
  border-radius: 4px;
  color: #000 !important;
  font-size: 14px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.contact_page #_form_65_ textarea {
  resize: none;
}
.contact_page #_form_65_ ._submit {
  -webkit-appearance: none;
  cursor: pointer;
  font-family: arial, sans-serif;
  font-size: 14px;
  text-align: center;
  background: #f9a01b !important;
  border: 2px solid #fff !important;
  -moz-border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  border-radius: 4px !important;
  color: #fff !important;
  padding: 13px !important;
}
.contact_page #_form_65_ ._close-icon {
  cursor: pointer;
  background-image: url("https://d226aj4ao1t61q.cloudfront.net/esfkyjh1u_forms-close-dark.png");
  background-repeat: no-repeat;
  background-size: 14.2px 14.2px;
  position: absolute;
  display: block;
  top: 11px;
  right: 9px;
  overflow: hidden;
  width: 16.2px;
  height: 16.2px;
}
.contact_page #_form_65_ ._close-icon:before {
  position: relative;
}
.contact_page #_form_65_ ._form-body {
  margin-bottom: 30px;
}
.contact_page #_form_65_ ._form-image-left {
  width: 150px;
  float: left;
}
.contact_page #_form_65_ ._form-content-right {
  margin-left: 164px;
}
.contact_page #_form_65_ ._form-branding {
  color: #fff;
  font-size: 10px;
  clear: both;
  text-align: left;
  margin-top: 30px;
  font-weight: 100;
}
.contact_page #_form_65_ ._form-branding ._logo {
  display: block;
  width: 130px;
  height: 14px;
  margin-top: 6px;
  background-image: url("https://d226aj4ao1t61q.cloudfront.net/hh9ujqgv5_aclogo_li.png");
  background-size: 130px auto;
  background-repeat: no-repeat;
}
.contact_page #_form_65_ ._form-label,
.contact_page #_form_65_ ._form_element ._form-label {
  font-weight: bold;
  margin-bottom: 5px;
  display: block;
}
.contact_page #_form_65_._dark ._form-branding {
  color: #333;
}
.contact_page #_form_65_._dark ._form-branding ._logo {
  background-image: url("https://d226aj4ao1t61q.cloudfront.net/jftq2c8s_aclogo_dk.png");
}
.contact_page #_form_65_ ._form_element {
  position: relative;
  margin-bottom: 10px;
  font-size: 0;
  max-width: 100%;
}
.contact_page #_form_65_ ._form_element * {
  font-size: 14px;
}
.contact_page #_form_65_ ._form_element._clear {
  clear: both;
  width: 100%;
  float: none;
}
.contact_page #_form_65_ ._form_element._clear:after {
  clear: left;
}
.contact_page #_form_65_ ._form_element input[type=text],
.contact_page #_form_65_ ._form_element input[type=date],
.contact_page #_form_65_ ._form_element select,
.contact_page #_form_65_ ._form_element textarea:not(.g-recaptcha-response) {
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.contact_page #_form_65_ ._field-wrapper {
  position: relative;
}
.contact_page #_form_65_ ._inline-style {
  float: left;
}
.contact_page #_form_65_ ._inline-style input[type=text] {
  width: 150px;
}
.contact_page #_form_65_ ._inline-style:not(._clear) + ._inline-style:not(._clear) {
  margin-left: 20px;
}
.contact_page #_form_65_ ._form_element img._form-image {
  max-width: 100%;
}
.contact_page #_form_65_ ._clear-element {
  clear: left;
}
.contact_page #_form_65_ ._full_width {
  width: 100%;
}
.contact_page #_form_65_ ._form_full_field {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}
.contact_page #_form_65_ input[type=text]._has_error,
.contact_page #_form_65_ textarea._has_error {
  border: #f37c7b 1px solid;
}
.contact_page #_form_65_ input[type=checkbox]._has_error {
  outline: #f37c7b 1px solid;
}
.contact_page #_form_65_ ._error {
  display: block;
  position: absolute;
  font-size: 14px;
  z-index: 10000001;
}
.contact_page #_form_65_ ._error._above {
  padding-bottom: 4px;
  bottom: 39px;
  right: 0;
}
.contact_page #_form_65_ ._error._below {
  padding-top: 4px;
  top: 100%;
  right: 0;
}
.contact_page #_form_65_ ._error._above ._error-arrow {
  bottom: 0;
  right: 15px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #f37c7b;
}
.contact_page #_form_65_ ._error._below ._error-arrow {
  top: 0;
  right: 15px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #f37c7b;
}
.contact_page #_form_65_ ._error-inner {
  padding: 8px 12px;
  background-color: #f37c7b;
  font-size: 14px;
  font-family: arial, sans-serif;
  color: #fff;
  text-align: center;
  text-decoration: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.contact_page #_form_65_ ._error-inner._form_error {
  margin-bottom: 5px;
  text-align: left;
}
.contact_page #_form_65_ ._button-wrapper ._error-inner._form_error {
  position: static;
}
.contact_page #_form_65_ ._error-inner._no_arrow {
  margin-bottom: 10px;
}
.contact_page #_form_65_ ._error-arrow {
  position: absolute;
  width: 0;
  height: 0;
}
.contact_page #_form_65_ ._error-html {
  margin-bottom: 10px;
}
.contact_page .pika-single {
  z-index: 10000001 !important;
}
.contact_page #_form_65_ input[type=text].datetime_date {
  width: 69%;
  display: inline;
}
.contact_page #_form_65_ select.datetime_time {
  width: 29%;
  display: inline;
  height: 32px;
}
@media all and (min-width: 320px) and (max-width: 667px) {
  .contact_page ::-webkit-scrollbar {
    display: none;
  }
  .contact_page #_form_65_ {
    margin: 0;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }
  .contact_page #_form_65_ * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1em;
  }
  .contact_page #_form_65_ ._form-content {
    margin: 0;
    width: 100%;
  }
  .contact_page #_form_65_ ._form-inner {
    display: block;
    min-width: 100%;
  }
  .contact_page #_form_65_ ._form-title,
.contact_page #_form_65_ ._inline-style {
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
  }
  .contact_page #_form_65_ ._form-title {
    font-size: 1.2em;
  }
  .contact_page #_form_65_ ._form_element {
    margin: 0 0 20px;
    padding: 0;
    width: 100%;
  }
  .contact_page #_form_65_ ._form-element,
.contact_page #_form_65_ ._inline-style,
.contact_page #_form_65_ input[type=text],
.contact_page #_form_65_ label,
.contact_page #_form_65_ p,
.contact_page #_form_65_ textarea:not(.g-recaptcha-response) {
    float: none;
    display: block;
    width: 100%;
  }
  .contact_page #_form_65_ ._row._checkbox-radio label {
    display: inline;
  }
  .contact_page #_form_65_ ._row,
.contact_page #_form_65_ p,
.contact_page #_form_65_ label {
    margin-bottom: 0.7em;
    width: 100%;
  }
  .contact_page #_form_65_ ._row input[type=checkbox],
.contact_page #_form_65_ ._row input[type=radio] {
    margin: 0 !important;
    vertical-align: middle !important;
  }
  .contact_page #_form_65_ ._row input[type=checkbox] + span label {
    display: inline;
  }
  .contact_page #_form_65_ ._row span label {
    margin: 0 !important;
    width: initial !important;
    vertical-align: middle !important;
  }
  .contact_page #_form_65_ ._form-image {
    max-width: 100%;
    height: auto !important;
  }
  .contact_page #_form_65_ input[type=text] {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
    line-height: 1.3em;
    -webkit-appearance: none;
  }
  .contact_page #_form_65_ input[type=radio],
.contact_page #_form_65_ input[type=checkbox] {
    display: inline-block;
    width: 1.3em;
    height: 1.3em;
    font-size: 1em;
    margin: 0 0.3em 0 0;
    vertical-align: baseline;
  }
  .contact_page #_form_65_ button[type=submit] {
    padding: 20px;
    font-size: 1.5em;
  }
  .contact_page #_form_65_ ._inline-style {
    margin: 20px 0 0 !important;
  }
}
.contact_page #_form_65_ {
  position: relative;
  text-align: left;
  margin: 25px auto 0;
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *zoom: 1;
  background: #030303 !important;
  border: 1px solid #b0b0b0 !important;
  width: 500px;
  -moz-border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  border-radius: 0px !important;
  color: #fff !important;
}
.contact_page #_form_65_ ._form-title {
  font-size: 22px;
  line-height: 22px;
  font-weight: 600;
  margin-bottom: 0;
}
.contact_page #_form_65_:before,
.contact_page #_form_65_:after {
  content: " ";
  display: table;
}
.contact_page #_form_65_:after {
  clear: both;
}
.contact_page #_form_65_._inline-style {
  width: auto;
  display: inline-block;
}
.contact_page #_form_65_._inline-style input[type=text],
.contact_page #_form_65_._inline-style input[type=date] {
  padding: 10px 12px;
}
.contact_page #_form_65_._inline-style button._inline-style {
  position: relative;
  top: 27px;
}
.contact_page #_form_65_._inline-style p {
  margin: 0;
}
.contact_page #_form_65_._inline-style ._button-wrapper {
  position: relative;
  margin: 27px 12.5px 0 20px;
}
.contact_page #_form_65_ ._form-thank-you {
  position: relative;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 18px;
}
@media all and (min-width: 320px) and (max-width: 667px) {
  .contact_page #_form_65_._inline-form._inline-style ._inline-style._button-wrapper {
    margin-top: 20px !important;
    margin-left: 0 !important;
  }
}

.invitation_form {
  background-color: #f3f3f3;
  padding: 20px 30px;
}
.invitation_form .form-inline {
  margin-bottom: 10px;
}
.invitation_form .form-inline span {
  text-align: right;
  width: 77%;
  display: block;
}
.invitation_form .form-inline:last-child {
  margin-bottom: 25px;
}

.help_page .btn_facebook {
  width: 200px;
  margin-right: auto;
  display: block;
  margin-left: 25px;
}

@media screen and (max-width: 765px) {
  .help_page .btn_facebook {
    width: 90%;
    margin-bottom: 25px;
    padding: 5px 10%;
  }
}
.signin-page {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("https://flangoo.com/assets/frontend/flixer/images/flangoo-student-sign-in-9-21.png");
}
.signin-page .form_cont {
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 765px) {
  .signin-page {
    background-position: bottom center;
    background-image: url("https://flangoo.com/assets/frontend/flixer/images/mobile-bg-login-2.png");
  }
  .signin-page .form_cont {
    align-items: flex-start;
    padding-top: 15%;
  }
}
@media screen and (max-width: 765px) {
  .xs_hidden {
    display: none;
  }
  .mobile_responsive {
    margin-top: 75px;
    padding-top: 5px;
    text-align: center;
    padding-bottom: 0px;
  }
  .mobile_responsive_text_bold {
    font-weight: bold;
    font-size: 40px;
  }
  .mobile_responsive_sort_description {
    line-height: 25px;
    font-weight: 500;
    padding: 5px;
  }
  .book_details .book_info {
    padding-top: 0px;
    min-height: 80vh;
    padding-left: 0;
    padding-bottom: 50px;
    background: black;
    max-width: 100%;
    position: relative;
  }
  .book_details .book_info h1 {
    font-size: 30px;
    margin-top: 20px;
  }
  .book_details .book_info p {
    max-width: 100%;
  }
  .book_details .book_info .book_desc_info {
    padding-left: 5%;
  }
  .book_details .book_info .back_btn {
    position: fixed;
    top: 15px;
    padding-left: 15px;
    background-color: black;
    z-index: 10;
  }
  .book_details .book_info .book_cover_xs {
    display: block;
  }
  .book_details .book_info .book_ctas {
    width: 100%;
  }
  .book_details .book_info .book_ctas .btn-danger {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    border-radius: 0;
    z-index: 10;
    box-shadow: 3px 3px 5px rgba(103, 103, 103, 0.1);
  }
  .book_details .book_ctas {
    max-width: 100%;
  }
  .book_details .book_ctas a {
    width: 100%;
  }
  .book_details .rating_group {
    width: 100%;
  }
  .text_xs_center {
    text-align: center;
  }
}
@media screen and (min-width: 766px) {
  .mobile_responsive {
    margin-left: 70px;
    padding-top: 200px;
    min-height: 775px;
    padding-bottom: 30px;
  }
  .mobile_responsive_text_bold {
    font-weight: 900;
    font-weight: bold;
    font-size: 80px !important;
  }
  .mobile_responsive_sort_description {
    line-height: 30px;
    font-weight: 500;
    padding-bottom: 10px;
    padding-top: 10px;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .tablet_hidden {
    display: none !important;
  }
}
@media print {
  .no-print,
.hidden-print,
.ctas,
.modal,
.modal *,
.no-print * {
    display: none !important;
  }
  .hidden-print-inputs input,
.hidden-print-inputs button,
.hidden-print-inputs .btn {
    display: none !important;
  }
  table td,
table th {
    border: 1px solid #6c757d !important;
    padding: 5px 10px;
    border-collapse: separate;
    border-spacing: 0px;
  }
}

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