@charset "utf-8";
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/spacegrotesk/v16/V8mQoQDjQSkFtoMM3T6r8E7mF71Q-gOoraIAEj7oUUsj.ttf) format('truetype');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/spacegrotesk/v16/V8mQoQDjQSkFtoMM3T6r8E7mF71Q-gOoraIAEj7aUUsj.ttf) format('truetype');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/spacegrotesk/v16/V8mQoQDjQSkFtoMM3T6r8E7mF71Q-gOoraIAEj42Vksj.ttf) format('truetype');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/spacegrotesk/v16/V8mQoQDjQSkFtoMM3T6r8E7mF71Q-gOoraIAEj4PVksj.ttf) format('truetype');
}
/******* DEFINING VARIABLES *******/
/******* GENERAL LESS *******/
.float_breaker:after {
  content: "";
  clear: both;
  display: block;
}
hr {
  height: 1px;
  background: #ffa63d;
  border: none;
  margin: 20px 0;
}
.flex_center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.bolden {
  font-weight: 700;
}
.semi_bolden {
  font-weight: 600;
}
.coloured_text {
  color: #ffa63d;
}
.coloured_text.grey {
  color: #999;
}
.coloured_text.white {
  color: #fff;
}
.shadow_one {
  -webkit-filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.4));
  filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.4));
}
.shadow_two {
  -webkit-filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.1));
}
.shadow_three {
  -webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.07));
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.07));
}
.shadow_four {
  -webkit-filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.25));
  filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.25));
}
.no_shadow {
  -webkit-filter: drop-shadow(0 0 0 rgba(23, 3, 45, 0));
  filter: drop-shadow(0 0 0 rgba(23, 3, 45, 0));
}
.margin_top_3 {
  margin-top: 3px;
}
.margin_top_5 {
  margin-top: 5px;
}
.margin_top_10 {
  margin-top: 10px;
}
.margin_top_15 {
  margin-top: 15px;
}
.margin_top_20 {
  margin-top: 20px;
}
.margin_top_30 {
  margin-top: 30px;
}
.margin_top_40 {
  margin-top: 40px;
}
.margin_top_60 {
  margin-top: 60px;
}
/* width */
::-webkit-scrollbar {
  width: 11px;
  height: 10px;
}
/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: #ab606c;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #ffa63d;
}
/* width */
div::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}
/* Track */
div::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 20px;
}
/* Handle */
div::-webkit-scrollbar-thumb {
  background: #bbbbbb;
  border-radius: 20px;
}
/* Handle on hover */
div::-webkit-scrollbar-thumb:hover {
  background: #222;
}
.background_basics {
  background-repeat: no-repeat !important;
  background-position: top center !important;
  background-size: cover !important;
  background-color: #e6e6e6;
  overflow: hidden;
  position: relative;
}
.user_select_false {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  text-decoration: none;
}
.ellipsis_text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.word_breaker {
  word-break: break-word;
}
.blinds {
  position: fixed;
  z-index: 14;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0 0, 0, 0.8);
}
.preloader > div {
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffa63d;
  font-size: 1rem;
  display: inline-flex;
  font-family: 'Space Grotesk', sans-serif;
}
.preloader > div > div:last-child {
  flex: 1;
  padding: 0 0 0 10px;
}
.preloader > div img {
  width: 35px;
}
.preloader_fullscreen {
  position: fixed;
  z-index: 13;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0 0, 0, 0.8);
  display: table;
}
.preloader_fullscreen > div {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.preloader_fullscreen > div > div {
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  display: inline-flex;
  color: #ffa63d;
  font-size: 1rem;
  font-family: 'Space Grotesk', sans-serif;
  background: #fff;
  padding: 40px;
  border-radius: 20px;
}
.preloader_fullscreen > div > div img {
  width: 35px;
}
.preloader_fullscreen > div > div > div:last-child {
  flex: 1;
  padding: 0 0 0 10px;
}
.line_separator {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 60px 0;
}
.line_separator > div:first-child {
  flex: 0 0 50px;
}
.line_separator > div:first-child > div {
  height: 3px;
  border-radius: 20px;
  background: #ffa63d;
}
.line_separator > div:last-child {
  flex: 1;
}
.line_separator > div:last-child > div {
  height: 1px;
  background: #bbbbbb;
}
.para_formatted {
  line-height: 160%;
  font-weight: 500;
}
/******* ELEMENTS *******/
* {
  box-sizing: border-box;
}
body {
  background: #e6e6e6;
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 500;
  margin: 0;
  padding: 0;
  color: #222;
  font-size: 0.9rem;
  -webkit-font-smoothing: antialiased;
}
p {
  margin: 0;
  line-height: 140%;
}
a {
  text-decoration: none;
  border: none;
  color: inherit;
}
img {
  border: none;
  display: block;
}
video {
  border: none;
  display: block;
}
.headerCrossStyling {
  padding: 0;
  margin: 0;
}
h1 {
  padding: 0;
  margin: 0;
  font-size: 3.6rem;
  letter-spacing: -1px;
  line-height: 100%;
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  h1 {
    font-size: 3.5rem;
  }
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  h1 {
    font-size: 3.2rem;
  }
}
@media only screen and (max-width: 480px) {
  h1 {
    font-size: 2.8rem;
  }
}
h2 {
  padding: 0;
  margin: 0;
  font-size: 2.6rem;
  letter-spacing: -1px;
  line-height: 105%;
}
h2.mini {
  font-size: 2.25rem;
}
@media only screen and (max-width: 480px) {
  h2 {
    font-size: 1.8rem;
  }
  h2.mini {
    font-size: 1.5rem;
  }
}
h3 {
  padding: 0;
  margin: 0;
  font-size: 1.4rem;
  letter-spacing: -0.5px;
  font-weight: 500;
}
@media only screen and (max-width: 480px) {
  h3 {
    font-size: 1.35rem;
  }
}
h4 {
  padding: 0;
  margin: 0;
  font-size: 1rem;
  line-height: 110%;
}
h5,
h6 {
  font-weight: 400;
  padding: 0;
  margin: 0;
  line-height: 105%;
}
.text_link {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  text-decoration: none;
  color: #ffa63d;
  transition: 0.3s ease;
}
.text_link:hover,
.text_link:active {
  color: #222;
}
.text_link.two {
  color: #e6e6e6;
}
.text_link.two:hover,
.text_link.two:active {
  color: #ffa63d;
}
.text_link.three {
  color: #d5d5d5;
}
.text_link.three:hover,
.text_link.three:active {
  color: #ffa63d;
}
.page_not_found {
  padding: 60px 40px;
  text-align: center;
}
.page_not_found > div {
  max-width: 580px;
  margin: 0 auto;
}
.page_not_found > div h1 {
  color: #ffa63d;
  font-size: 10rem;
}
.page_not_found > div h1.grey {
  color: #999;
}
.page_not_found > div h1.white {
  color: #fff;
}
.page_not_found > div h3 {
  font-weight: 700;
  margin: 10px 0;
}
.page_not_found > div > div {
  margin: 30px 0 0 0;
}
/******* INPUT LESS *******/
::selection {
  background: #ffa63d;
}
::-moz-selection {
  background: #ffa63d;
}
::-webkit-input-placeholder {
  color: #bbbbbb;
}
:-moz-placeholder {
  /* Firefox 18- */
  color: #bbbbbb;
}
::-moz-placeholder {
  /* Firefox 19+ */
  color: #bbbbbb;
}
:-ms-input-placeholder {
  color: #bbbbbb;
}
.button {
  font-weight: 600;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  text-decoration: none;
  display: inline-flex;
  padding: 13px 35px;
  transition: 0.3s ease;
  background: #ffa63d;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  border-radius: 20px;
  border: none;
  font-size: 0.9rem;
  position: relative;
  overflow: hidden;
}
.button > div:first-child {
  position: relative;
  z-index: 1;
}
.button > div:last-child {
  position: absolute;
  background: #222;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  transition: 0.3s ease;
}
.button:hover > div:last-child {
  width: 100%;
}
.button:active > div:last-child {
  width: 100%;
}
.button.white {
  background: #fff;
  color: #ffa63d;
}
.button.white:hover {
  color: #fff;
}
.button.white:active {
  color: #fff;
}
.button.yellow {
  background: #ffa63d;
  color: #fff;
}
.button.yellow:hover {
  color: #fff;
}
.button.yellow:active {
  color: #fff;
}
.button.circular {
  padding: 13px 15px;
}
.button.clear {
  padding: 13px;
  background: none;
  color: #ffa63d;
  font-size: 1.2rem;
}
.button.clear:hover {
  color: #222;
}
.button.clear:active {
  color: #222;
}
.button.full {
  display: flex;
}
.button.full > div {
  flex: 1;
}
.button.transparent_effect {
  background: rgba(7, 0, 1, 0.1);
  color: #fff;
  padding: 13px 15px;
}
.button.transparent_effect:hover {
  background: #070001;
}
.button.transparent_effect:active {
  background: #070001;
}
.textbox {
  padding: 20px;
  background: none;
  border-radius: 15px;
  transition: 0.3s ease;
  resize: vertical;
  outline: none;
  width: 100%;
  font-size: 1rem;
  border: none;
  color: #222;
  font-weight: 500;
  font-family: 'Space Grotesk', sans-serif;
  background: #f1f1f1;
}
.textbox:hover {
  background: #ddd;
}
.textbox:focus {
  -webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.07));
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.07));
  background: #fff;
}
.textbox.error {
  border-right: 8px solid #ffa63d;
}
.textbox.for_textarea {
  min-height: 200px;
}
.textbox.auto_width {
  width: auto;
}
.textbox_with_button {
  position: relative;
}
.textbox_with_button > div:first-child .textbox {
  padding-right: 55px;
}
.textbox_with_button > div:last-child {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
}
.textbox_with_button > div:last-child .button {
  width: 55px;
  align-items: center;
  justify-content: center;
  height: 100%;
  border-radius: 15px;
  padding: 15px 10px;
}
.textbox_with_button > div:last-child .preloader {
  padding: 9px 0 9px 9px;
}
.textbox_password {
  position: relative;
}
.textbox_password > div:first-child .textbox {
  padding-right: 55px;
}
.textbox_password > div:last-child {
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px 5px;
}
.textbox_password > div:last-child a {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  text-decoration: none;
  display: block;
  font-size: 1.2rem;
  color: #bbbbbb;
  padding: 8px;
  transition: 0.3s ease;
}
.textbox_password > div:last-child a span:last-child {
  display: none;
}
.textbox_password > div:last-child a:hover {
  color: #ffa63d;
}
.asterisk {
  font-weight: 700;
  margin: 0 0 0 5px;
  color: #ffa63d;
}
.checkbox_domain:after {
  content: "";
  clear: both;
  display: block;
}
.checkbox_domain .checkbox {
  float: left;
  margin: 0 10px 0 0;
}
.checkbox_domain .checkbox:last-child {
  margin: 0;
}
.checkbox_anchor {
  display: none;
}
.checkbox {
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  text-decoration: none;
  border-radius: 15px;
  display: inline-flex;
  background: #f1f1f1;
  color: #999;
  padding: 15px 25px;
  transition: 0.3s ease;
}
.checkbox > div {
  font-weight: 600;
  padding: 0 5px;
}
.checkbox > div:first-child > div {
  border-radius: 10px;
  background: #e6e6e6;
  position: relative;
  width: 20px;
  height: 20px;
  transition: 0.3s ease;
}
.checkbox > div:first-child > div > div {
  position: absolute;
  top: 0;
  left: 5px;
  opacity: 0;
  z-index: 1;
}
.checkbox > div:first-child > div > div i {
  font-size: 0.6rem;
  color: #222;
}
.checkbox:hover {
  background: #fff;
  color: #222;
}
.checkbox:hover > div:first-child > div {
  background: #e6e6e6;
}
.checkbox:hover > div:first-child > div > div {
  opacity: 1;
}
.checkbox.checked {
  background: #ffa63d;
  color: #fff;
}
.checkbox.checked > div:first-child > div {
  background: rgba(7, 0, 1, 0.1);
}
.checkbox.checked > div:first-child > div > div {
  opacity: 1;
}
.checkbox.checked > div:first-child > div > div i {
  color: #fff;
}
.editorjs_holder {
  background: #fff;
  border-radius: 20px;
  padding: 60px 40px;
}
.form_holder {
  width: 850px;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .form_holder {
    width: 100%;
    max-width: 850px;
  }
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  .form_holder {
    width: 100%;
  }
}
@media only screen and (max-width: 480px) {
  .form_holder {
    width: 100%;
  }
}
.form_label {
  font-weight: 700;
  color: #ffa63d;
}
.form_label.grey {
  color: #999;
}
.form_label.white {
  color: #fff;
}
.frm_err > div {
  display: table;
  max-width: 900px;
  color: #fff;
  background: #ffa63d;
  margin: 0 0 10px 0;
  font-size: 0.9rem;
  border-radius: 15px;
}
.frm_err > div > div {
  display: table-cell;
  vertical-align: middle;
}
.frm_err > div > div:first-child {
  width: 40px;
  background: #222;
  color: #ffa63d;
  border-radius: 15px;
  text-align: center;
}
.frm_err > div > div:last-child {
  font-weight: 600;
  padding: 20px 30px 20px 10px;
}
.floating_frm_err {
  -webkit-filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.25));
  filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.25));
  position: fixed;
  z-index: 15;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 30px;
  text-align: center;
  background: #ffa63d;
  color: #fff;
  display: none;
}
.floating_frm_err > div {
  display: table;
  font-size: 1.1rem;
  margin: 0 auto;
}
.floating_frm_err > div > div {
  display: table-cell;
  vertical-align: middle;
  padding: 10px;
}
.floating_frm_err > div i {
  font-size: 1.4rem;
}
.frm_success {
  -webkit-filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.25));
  filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.25));
  position: fixed;
  z-index: 15;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 30px;
  text-align: center;
  background: #222;
  color: #fff;
  display: none;
}
.frm_success > div {
  display: table;
  font-size: 1.1rem;
  margin: 0 auto;
}
.frm_success > div > div {
  display: table-cell;
  vertical-align: middle;
  padding: 10px;
}
.frm_success > div i {
  font-size: 1.4rem;
}
.field_box {
  position: relative;
}
.field_box > div:first-child {
  font-weight: 600;
  margin: 0 0 10px 5px;
}
.selector {
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  text-decoration: none;
  font-weight: 600;
  background: #fff;
  border-radius: 15px;
  padding: 30px;
  transition: 0.3s ease;
  color: #bbbbbb;
}
.selector > div:first-child {
  flex: 1;
}
.selector > div:first-child > div {
  color: #ffa63d;
}
.selector:hover {
  background: #f1f1f1;
}
.selector:active {
  background: #bbbbbb;
  color: #999;
}
.selector_list_popup {
  position: fixed;
  z-index: 15;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
}
.selector_list_popup > div {
  display: table;
  height: 100%;
  width: 100%;
}
.selector_list_popup > div > div {
  display: table-cell;
  vertical-align: middle;
  padding: 0 25px;
}
.selector_list_popup > div > div > div {
  background: #fff;
  border-radius: 20px;
  max-width: 400px;
  margin: 0 auto;
  padding: 0 0 40px 0;
  position: relative;
}
.selector_list_popup > div > div > div > div:first-child {
  font-weight: 600;
  padding: 40px 30px;
  text-align: center;
  border-bottom: 1px solid #e6e6e6;
}
.selector_list_popup > div > div > div > div:nth-child(2) {
  max-height: 50vh;
  overflow-y: auto;
}
.selector_list_popup > div > div > div > div:last-child {
  position: absolute;
  top: -15px;
  right: -19px;
}
.selector_list_popup .preloader {
  text-align: center;
  padding: 20px 0 0 0;
}
.selector_list_popup .frm_err > div {
  width: 100%;
}
.selector_list_popup .selector_list_box {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  text-decoration: none;
  padding: 20px 30px;
  border-bottom: 1px solid #e6e6e6;
  transition: 0.3s ease;
  display: block;
}
.selector_list_popup .selector_list_box:hover {
  background: #f1f1f1;
}
.selector_list_popup .selector_list_box:active {
  background: #222;
  color: #fff;
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  .selector_list_popup > div > div > div > div:first-child {
    padding: 30px;
  }
  .selector_list_popup .selector_list_box {
    padding: 20px;
  }
}
@media only screen and (max-width: 480px) {
  .selector_list_popup > div > div > div > div:first-child {
    padding: 30px;
  }
  .selector_list_popup .selector_list_box {
    padding: 20px;
  }
}
.datetime {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 -5px;
}
.datetime > div {
  padding: 0 5px;
}
.datetime > div:nth-child(2) {
  flex: 1;
}
.datetime > div:nth-child(3) {
  padding: 0 20px 0 5px;
}
.datetime > div:nth-child(4) {
  border-left: 1px solid #bbbbbb;
  padding: 0 5px 0 20px;
}
.datetime > div:nth-child(5) {
  font-weight: 700;
}
.datetime > div:last-child {
  padding-right: 0;
}
.datetime.equal_widths > div {
  flex: 1;
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  .datetime.equal_widths > div {
    flex: 1;
  }
  .datetime.equal_widths > div:first-child,
  .datetime.equal_widths > div:nth-child(3) {
    flex: none;
  }
}
@media only screen and (max-width: 480px) {
  .datetime.equal_widths > div {
    flex: 1;
  }
  .datetime.equal_widths > div:first-child,
  .datetime.equal_widths > div:nth-child(3) {
    flex: none;
  }
}
.input_hideshow > .hide_input {
  display: none;
}
.icon_counter {
  overflow: visible;
}
.icon_counter span {
  font-weight: 700;
  position: absolute;
  z-index: 1;
  top: 3px;
  right: 3px;
  background: #222;
  color: #fff;
  padding: 3px 7px;
  border-radius: 20px;
  display: block;
  font-size: 0.6rem;
}
/******* MEDIA LESS *******/
.media_center {
  position: fixed;
  z-index: 13;
  background: rgba(0, 0, 0, 0.75);
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  padding: 40px;
}
.media_center > .media_center_inner {
  height: 100%;
  width: 100%;
  background: #e6e6e6;
  display: flex;
  flex-direction: column;
  position: relative;
  border-radius: 20px;
  transition: 0.3s ease;
}
.media_center > .media_center_inner > div:first-child {
  -webkit-filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.1));
  display: flex;
  background: #fff;
  border-radius: 20px 20px 0 0;
  padding: 10px;
}
.media_center > .media_center_inner > div:first-child > div:first-child {
  flex: 1;
}
.media_center > .media_center_inner > div:nth-child(2) {
  overflow-y: auto;
  flex: 1;
  margin: 5px;
}
.media_center > .media_center_inner > div:nth-child(2) .frm_err {
  display: flex;
  max-width: 100%;
  border-radius: 0 0 20px 20px;
  margin: 0;
}
.media_center > .media_center_inner > div:nth-child(2) .frm_err > div i {
  border-radius: 0 20px 20px 20px;
}
.media_center > .media_center_inner .dropzone_holder {
  -webkit-filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.4));
  filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.4));
}
.media_center .media_chosen.image {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  padding: 20px 20px 0 20px;
  display: none;
}
.media_center .media_chosen.image > div {
  display: inline-block;
}
.media_center .media_chosen.image > div > div:first-child {
  background: #e6e6e6;
  border-radius: 20px 20px 0 0;
}
.media_center .media_chosen.image > div > div:first-child > img {
  max-width: 100%;
  max-height: calc(95vh - 100px);
  border-radius: 20px 20px 0 0;
}
.media_center .media_chosen.image > div > div:last-child {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  padding: 10px 10px 10px 20px;
  background: #fff;
  border-radius: 0 0 20px 20px;
}
.media_center .media_chosen.image > div > div:last-child > div:first-child {
  flex: 1;
  text-align: left;
}
.media_center .media_chosen.image > div > div:last-child .button {
  margin: 0 0 0 5px;
}
.media_center .media_chosen.audio {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.media_center .media_chosen.audio > div {
  flex: 0 0 50%;
  height: 100%;
}
.media_center .media_chosen.audio > div:last-child {
  padding: 30px 60px;
}
.media_center .media_chosen.audio > div:last-child .button:first-child {
  margin: 0 5px 0 0;
}
.media_center .media_chosen .preloader {
  padding: 10px;
}
.media_center .preloader {
  background: none;
  padding: 30px 60px;
  text-align: center;
}
.media_center .preloader.for_audio {
  padding: 0 10px;
}
.media_center .dropzone_holder {
  display: none;
}
.media_center.switch_view > .media_center_inner {
  opacity: 0;
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  .media_center {
    padding: 30px;
  }
}
@media only screen and (max-width: 480px) {
  .media_center {
    padding: 20px;
  }
}
.media_items_holder {
  display: flex;
  flex-wrap: wrap;
}
.media_items_holder > .image_item {
  flex: 0 0 20%;
  padding: 5px;
}
.media_items_holder > .image_item > div {
  position: relative;
}
.media_items_holder > .image_item > div > div:first-child {
  background-repeat: no-repeat !important;
  background-position: top center !important;
  background-size: cover !important;
  background-color: #e6e6e6;
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  text-decoration: none;
  height: 180px;
  border-radius: 20px 20px 20px 20px;
  transition: 0.3s ease;
}
.media_items_holder > .image_item > div > div:first-child:hover {
  filter: brightness(130%);
}
.media_items_holder > .image_item > div > div:last-child {
  position: absolute;
  bottom: 0;
  right: 0;
  background: #fff;
  border-radius: 20px;
  padding: 10px;
}
.media_items_holder > .image_item > div > div:last-child .button {
  margin: 0 0 0 5px;
}
.media_items_holder > .image_item > div > div:last-child .button:first-child {
  margin: 0;
}
@media only screen and (min-width: 1025px) and (max-width: 1200px) {
  .media_items_holder > .image_item {
    flex: 0 0 25%;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .media_items_holder > .image_item {
    flex: 0 0 33.33%;
  }
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  .media_items_holder > .image_item {
    flex: 0 0 50%;
  }
}
@media only screen and (max-width: 480px) {
  .media_items_holder > .image_item {
    flex: 0 0 100%;
  }
}
.media_items_holder > .list_audio {
  flex: 0 0 100%;
  padding: 15px;
}
.media_items_holder > .list_audio > div {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  background: #fff;
  border-radius: 20px;
}
.media_items_holder > .list_audio > div > div:first-child audio {
  display: block;
  min-width: 400px;
}
.media_items_holder > .list_audio > div > div:nth-child(2) {
  padding: 0 20px;
  flex: 1;
}
.media_items_holder > .list_audio > div > div:last-child {
  padding: 10px;
  text-align: right;
}
.media_items_holder > .list_audio > div > div:last-child .button {
  margin: 0 0 0 5px;
}
.media_items_holder > .list_video {
  flex: 0 0 33.33%;
  padding: 15px;
}
.media_items_holder > .list_video > div:first-child video {
  border-radius: 20px 20px 0 0;
  width: 100%;
  height: auto;
}
.media_items_holder > .list_video > div:nth-child(2) {
  background: #fff;
  padding: 20px;
  border-bottom: 1px solid #ffa63d;
}
.media_items_holder > .list_video > div:last-child {
  background: #fff;
  border-radius: 0 0 20px 20px;
  padding: 10px 20px;
  text-align: center;
}
.media_items_holder > .list_video > div:last-child .button {
  margin: 0 2.5px;
}
.media_items_holder > .no_information {
  flex: 1;
  margin: 0 15px 15px 15px;
}
.media_items_holder.add_top_margin {
  margin: 15px -15px -15px -15px;
}
.crop_centre {
  display: none;
  position: fixed;
  z-index: 15;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  padding: 30px;
  text-align: center;
}
.crop_centre > .crop_centre_inner {
  height: 85vh;
  display: table;
  margin: 0 auto;
}
.crop_centre > .crop_centre_inner > div {
  display: table-cell;
  vertical-align: top;
}
.crop_centre > .crop_centre_inner > div:first-child {
  padding: 10px;
  background: #fff;
  margin: 0 auto;
  display: inline-block;
  border-radius: 10px;
}
.crop_centre > .crop_centre_inner > div:first-child > img {
  max-width: 100%;
  max-height: 85vh;
}
.crop_centre > .crop_centre_inner > div:last-child {
  padding: 0 0 0 10px;
  position: relative;
}
.crop_centre > .crop_centre_inner > div:last-child > div:first-child > div:first-child {
  margin: 0 0 8px 0;
}
.crop_centre > .crop_centre_inner > div:last-child > div:first-child > div:last-child {
  margin: 15px 0 0 0;
  padding: 15px 0 0 0;
  border-top: 1px solid #555;
}
.crop_centre > .crop_centre_inner > div:last-child > div.cropper_menu {
  display: none;
  position: absolute;
  z-index: 1;
  right: 50px;
  top: 0;
}
.crop_centre > .crop_centre_inner > div:last-child > div.cropper_menu > div {
  -webkit-filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.25));
  filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.25));
  border-radius: 20px;
  display: flex;
}
.crop_centre > .crop_centre_inner > div:last-child > div.cropper_menu > div > div {
  padding: 0 5px;
}
.crop_centre > .crop_centre_inner > div:last-child > div.cropper_menu > div > div > div {
  -webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.07));
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.07));
  border-radius: 20px;
  background: #fff;
  padding: 15px 0 0 0;
}
.crop_centre > .crop_centre_inner > div:last-child > div.cropper_menu > div > div > div h5 {
  font-weight: 600;
  padding: 5px 10px 15px 10px;
}
.crop_centre > .crop_centre_inner > div:last-child > div.cropper_menu > div > div > div > div {
  display: flex;
}
.crop_centre > .crop_centre_inner > div:last-child > div.cropper_menu > div .menu_link {
  border-right: 1px solid #e6e6e6;
}
.crop_centre > .crop_centre_inner > div:last-child > div.cropper_menu > div .menu_link:first-child {
  border-bottom-left-radius: 20px;
}
.crop_centre > .crop_centre_inner > div:last-child > div.cropper_menu > div .menu_link:last-child {
  border-right: none;
  border-bottom: none;
  border-bottom-right-radius: 20px;
}
.crop_centre > .crop_centre_inner > div:last-child > div.cropper_menu > div .menu_link.rotate i {
  -moz-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.crop_centre > .crop_centre_inner > div:last-child .preloader {
  position: absolute;
  right: 20px;
  top: 0;
  border-radius: 0 0 0 20px;
  background: #fff;
  padding: 20px 50px;
}
.crop_centre > .crop_centre_inner > div:last-child .preloader > div {
  font-weight: 600;
  font-size: 1rem;
}
.crop_centre > .crop_centre_inner > div:last-child .frm_err {
  position: absolute;
  right: 53px;
  top: 0;
  white-space: nowrap;
}
.crop_centre > .crop_centre_inner > div:last-child .frm_err > div > div:first-child {
  padding: 0 20px;
}
.audio_displayer {
  background: #f1f3f4;
  border-radius: 20px;
  padding: 20px;
}
.audio_displayer audio {
  width: 100%;
}
.dropzone_holder {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  text-decoration: none;
  transition: 0.3s ease;
  border-radius: 20px;
  background: #f1f1f1;
  padding: 10px;
  position: relative;
}
.dropzone_holder .media_dropzone {
  width: 100%;
  min-height: 170px;
  border: 2px dashed #bbbbbb;
  border-radius: 20px;
  padding: 5px;
  transition: 0.3s ease;
  display: flex;
  flex-wrap: wrap;
}
.dropzone_holder .media_dropzone .dz-preview {
  -webkit-filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.1));
  text-align: center;
  display: inline-block;
  margin: 5px;
  border-radius: 20px;
  overflow: hidden;
  background: #222;
  position: relative;
  height: 147px;
  flex-basis: calc(20% - 10px);
}
.dropzone_holder .media_dropzone .dz-preview .dz-image {
  width: 100%;
  height: 100%;
}
.dropzone_holder .media_dropzone .dz-preview .dz-image img {
  max-width: 200px;
  min-height: 147px;
}
.dropzone_holder .media_dropzone .dz-preview .dz-details {
  display: none;
  opacity: 0;
}
.dropzone_holder .media_dropzone .dz-preview .dz-progress {
  background: #fff;
  -webkit-filter: drop-shadow(0 -20px 10px rgba(0, 0, 0, 0.15));
  filter: drop-shadow(0 -20px 10px rgba(0, 0, 0, 0.15));
  position: absolute;
  border-radius: 20px;
  bottom: 0;
  left: 0;
  width: 100%;
}
.dropzone_holder .media_dropzone .dz-preview .dz-progress > span {
  background: #ffa63d;
  height: 12px;
  width: 0;
  display: block;
  border-radius: 20px;
}
.dropzone_holder .media_dropzone .dz-preview .dz-error-message {
  display: none;
  background: #ffa63d;
  position: absolute;
  color: #fff;
  bottom: 4px;
  padding: 10px;
  font-size: 0.8rem;
}
.dropzone_holder .media_dropzone .dz-preview .dz-success-mark {
  display: none;
  position: absolute;
  top: 40%;
  left: 0;
  right: 0;
}
.dropzone_holder .media_dropzone .dz-preview .dz-success-mark svg {
  width: 30px;
}
.dropzone_holder .media_dropzone .dz-preview .dz-error-mark {
  display: none;
  position: absolute;
  top: 40%;
  left: 0;
  right: 0;
}
.dropzone_holder .media_dropzone .dz-preview .dz-error-mark svg {
  width: 30px;
}
.dropzone_holder #disp_message {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  text-align: center;
}
.dropzone_holder #disp_message > div {
  display: flex;
  align-items: center;
  justify-content: center;
  display: inline-flex;
  height: 100%;
  padding: 0 30px;
}
.dropzone_holder #disp_message > div > div {
  padding: 10px;
  color: #d5d5d5;
}
.dropzone_holder #disp_message > div > div:first-child {
  font-size: 1.8rem;
}
.dropzone_holder #disp_message > div > div:last-child {
  font-weight: 600;
  font-size: 1.1rem;
  text-align: left;
}
.dropzone_holder #disp_message.hide {
  display: none;
}
.dropzone_holder.dragover {
  background: #fff;
  padding: 20px;
}
.dropzone_holder.dragover .media_dropzone {
  box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.25);
  border: 3px dashed #ffa63d;
  min-height: 150px;
}
.dropzone_holder.dragover #disp_message > div > div {
  color: #bbbbbb;
}
.dropzone_holder:hover {
  background: #fff;
}
.dropzone_holder:hover .media_dropzone {
  border-color: #ffa63d;
}
.dropzone_holder:hover #disp_message > div > div {
  color: #ffa63d;
}
.dropzone_holder:active {
  background: #f1f1f1;
}
.dropzone_holder:active .media_dropzone {
  box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.25);
  border: 3px dashed #bbbbbb;
}
.dropzone_holder:active #disp_message > div > div {
  color: #222;
}
.image_viewer {
  display: none;
  position: fixed;
  z-index: 15;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.image_viewer > div:first-child {
  display: table;
  width: 100%;
  height: 100%;
}
.image_viewer > div:first-child > div {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  text-align: center;
}
.image_viewer > div:first-child > div > div {
  display: inline-block;
  margin: 0 auto;
  position: relative;
}
.image_viewer > div:first-child > div > div img {
  -webkit-filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.1));
  max-height: 95vh;
  max-width: 100%;
  border-radius: 20px;
}
.image_viewer > div:first-child > div > div > div {
  position: absolute;
  z-index: 2;
  top: 10px;
  right: 10px;
}
.media_sections {
  display: flex;
  flex-wrap: wrap;
}
.media_sections > div {
  background-repeat: no-repeat !important;
  background-position: top center !important;
  background-size: cover !important;
  background-color: #e6e6e6;
  overflow: hidden;
  position: relative;
  flex: 0 0 20%;
}
.media_sections > div > div {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(23, 3, 45, 0.75);
  text-align: center;
  height: 100vh;
}
.media_sections > div > div > div {
  padding: 30px;
  color: #fff;
}
.documents_holder {
  margin: 30px 0 0 0;
}
.documents_holder .document {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 15px;
  background: #fff;
  margin: 0 0 20px 0;
  border-radius: 20px;
}
.documents_holder .document:last-child {
  margin: 0;
}
.documents_holder .document > div:first-child {
  flex: 0 0 60px;
}
.documents_holder .document > div:first-child > div {
  display: table;
  width: 100%;
  height: 60px;
  border-radius: 20px;
  text-transform: uppercase;
}
.documents_holder .document > div:first-child > div > div {
  font-weight: 600;
  display: table-cell;
  vertical-align: middle;
  color: #fff;
  text-align: center;
  font-size: 0.85rem;
}
.documents_holder .document > div:first-child > div.doc,
.documents_holder .document > div:first-child > div.docx {
  background: #295394;
}
.documents_holder .document > div:first-child > div.ppt,
.documents_holder .document > div:first-child > div.pptx {
  background: #c54830;
}
.documents_holder .document > div:first-child > div.xls,
.documents_holder .document > div:first-child > div.xlsx {
  background: #1f6e43;
}
.documents_holder .document > div:first-child > div.pdf {
  background: #f20f00;
}
.documents_holder .document > div:first-child > div.rtf {
  background: #157efb;
}
.documents_holder .document > div:first-child > div.txt {
  background: #000;
}
.documents_holder .document > div:nth-child(2) {
  flex: 1;
  padding: 0 20px;
}
.documents_holder .document > div:last-child:after {
  content: "";
  clear: both;
  display: block;
}
.documents_holder .document > div:last-child .button {
  float: left;
  margin: 0 0 0 5px;
}
@media only screen and (max-width: 480px) {
  .documents_holder .document {
    padding: 15px;
  }
  .documents_holder .document > div:first-child {
    flex: 0 0 100%;
  }
  .documents_holder .document > div:first-child > div {
    margin: 0 0 15px 0;
  }
}
.audio_holder {
  margin: 30px 0 0 0;
}
.audio_holder .audio {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px;
  border-radius: 20px;
  background: #f1f3f4;
}
.audio_holder .audio > div:first-child {
  flex: 1;
}
.audio_holder .audio > div:first-child > audio {
  width: 100%;
}
.audio_holder .audio > div:last-child {
  padding: 0 0 0 20px;
}
.audio_holder .audio > div:last-child:after {
  content: "";
  clear: both;
  display: block;
}
.audio_holder .audio > div:last-child .button {
  float: left;
  margin: 0 0 0 5px;
}
.youtube_video_holder {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  /* 16:9 aspect ratio */
  height: 0;
  overflow: hidden;
}
.youtube_video_holder iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
/******* CUSTOM LESS *******/
.image_shade {
  background: #ffa63d;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.1;
}
.arrow_and_line {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.arrow_and_line > div:first-child {
  font-size: 1.3rem;
  color: #ffa63d;
}
.arrow_and_line > div:last-child {
  flex: 1;
  padding: 0 0 0 5px;
}
.arrow_and_line > div:last-child > div {
  height: 0.5px;
  background: #ffa63d;
}
.arrow_and_line.with_text > div:nth-child(2) {
  padding: 0 5px 0 10px;
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  .arrow_and_line > div:nth-child(2) {
    flex: 1;
    padding: 0 0 0 10px;
  }
  .arrow_and_line > div:last-child {
    flex: 0 0 100%;
    padding: 10px 0 0 0;
  }
  .arrow_and_line.with_text > div:nth-child(2) {
    padding: 0 0 0 10px;
  }
}
@media only screen and (max-width: 480px) {
  .arrow_and_line > div:nth-child(2) {
    flex: 1;
    padding: 0 0 0 10px;
  }
  .arrow_and_line > div:last-child {
    flex: 0 0 100%;
    padding: 10px 0 0 0;
  }
  .arrow_and_line.with_text > div:nth-child(2) {
    padding: 0 0 0 10px;
  }
}
.arrow_line_button {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px 0 0 0;
  position: relative;
}
.arrow_line_button > div:first-child {
  font-size: 1.1rem;
  color: #bbbbbb;
}
.arrow_line_button > div:nth-child(2) {
  flex: 1;
  padding: 0 10px;
}
.arrow_line_button > div:nth-child(2) > div {
  height: 0.5px;
  background: #bbbbbb;
}
.arrow_line_subtext {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.arrow_line_subtext > div:first-child {
  font-size: 1.3rem;
  color: #ffa63d;
  padding: 0 10px 0 0;
}
.arrow_line_subtext > div:nth-child(3) {
  flex: 1;
  padding: 0 10px;
}
.arrow_line_subtext > div:nth-child(3) > div {
  height: 0.5px;
  background: #ffa63d;
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  .arrow_line_subtext > div:nth-child(2) {
    flex: 1;
  }
  .arrow_line_subtext > div:nth-child(3) {
    flex: 0 0 100%;
    padding: 10px 0 15px 0;
  }
  .arrow_line_subtext > div:last-child {
    flex: 1;
  }
}
@media only screen and (max-width: 480px) {
  .arrow_line_subtext > div:nth-child(2) {
    flex: 1;
  }
  .arrow_line_subtext > div:nth-child(3) {
    flex: 0 0 100%;
    padding: 10px 0 15px 0;
  }
  .arrow_line_subtext > div:last-child {
    flex: 1;
  }
}
.banner {
  -webkit-filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.25));
  filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.25));
  position: fixed;
  display: flex;
  z-index: 12;
  top: 0;
  left: 0;
  width: 100%;
  padding: 20px 40px 20px 50px;
  transition: 0.3s ease;
  background: #fff;
}
.banner > div:first-child > .hamburger {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  text-decoration: none;
  display: none;
  position: relative;
  width: 22px;
  height: 22px;
  margin: 10px 0 0 5px;
}
.banner > div:first-child > .hamburger > div {
  position: absolute;
  width: 7px;
  height: 7.5px;
  background: #222;
  border-radius: 50%;
  transition: 0.3s ease;
}
.banner > div:first-child > .hamburger > div:first-child {
  top: 0;
  left: 0;
}
.banner > div:first-child > .hamburger > div:nth-child(2) {
  top: 0;
  right: 0;
}
.banner > div:first-child > .hamburger > div:nth-child(3) {
  bottom: 0;
  left: 0;
}
.banner > div:first-child > .hamburger > div:last-child {
  bottom: 0;
  right: 0;
}
.banner > div:first-child > .hamburger > div:nth-child(n+3) {
  background: #ffa63d;
}
.banner > div:first-child > .hamburger:hover > div {
  background: #ffa63d;
}
.banner > div:first-child > .hamburger:hover > div:first-child {
  width: 100%;
  border-radius: 20px;
}
.banner > div:first-child > .hamburger:hover > div:nth-child(n+3) {
  background: #222;
}
.banner > div:first-child > .hamburger.active > div {
  background: #ffa63d;
  border-radius: 20px;
}
.banner > div:first-child > .hamburger.active > div:first-child {
  height: 100%;
  width: 6px;
}
.banner > div:first-child > .hamburger.active > div:nth-child(2),
.banner > div:first-child > .hamburger.active > div:nth-child(3) {
  opacity: 0;
}
.banner > div:first-child > .hamburger.active > div:last-child {
  height: 100%;
  width: 6px;
  background: #ffa63d;
}
.banner > div:nth-child(2) {
  flex: 1;
  padding: 9px 30px 0 0;
}
.banner > div:nth-child(2) > a {
  display: inline-flex;
}
.banner > div:nth-child(2) > a > img {
  width: 75px;
}
.banner > div:last-child:after {
  content: "";
  clear: both;
  display: block;
}
.banner > div:last-child .button {
  float: left;
  margin: 0 0 0 5px;
}
@media only screen and (min-width: 1025px) and (max-width: 1200px) {
  .banner > div:first-child > .hamburger {
    display: block;
  }
  .banner > div:nth-child(2) {
    padding: 9px 30px 0 30px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .banner > div:first-child > .hamburger {
    display: block;
  }
  .banner > div:nth-child(2) {
    padding: 9px 30px 0 30px;
  }
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  .banner {
    padding: 20px 30px;
  }
  .banner > div:first-child > .hamburger {
    display: block;
  }
  .banner > div:nth-child(2) {
    padding: 9px 20px 0 20px;
  }
  .banner > div:last-child .button {
    padding: 13px 8px;
  }
}
@media only screen and (max-width: 480px) {
  .banner {
    padding: 20px;
  }
  .banner > div:first-child > .hamburger {
    display: block;
  }
  .banner > div:nth-child(2) {
    padding: 9px 10px 0 15px;
  }
  .banner > div:nth-child(2) > a > img {
    width: 93px;
  }
  .banner > div:last-child .button {
    padding: 13px 8px;
  }
}
.user_button {
  display: flex;
  align-items: center;
  justify-content: center;
  float: left;
  margin: 0 20px 0 0;
}
.user_button > div:first-child > div {
  background-repeat: no-repeat !important;
  background-position: top center !important;
  background-size: cover !important;
  background-color: #e6e6e6;
  overflow: hidden;
  position: relative;
  border-radius: 50%;
  height: 50px;
  width: 50px;
}
.user_button > div:last-child {
  padding: 0 0 0 12px;
}
.user_button > div:last-child h5 {
  color: #ffa63d;
  font-weight: 600;
}
.user_button > div:last-child h5.grey {
  color: #999;
}
.user_button > div:last-child h5.white {
  color: #fff;
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  .user_button {
    margin: 0 10px 0 0;
  }
  .user_button > div:last-child {
    display: none;
  }
}
@media only screen and (max-width: 480px) {
  .user_button {
    margin: 0 10px 0 0;
  }
  .user_button > div:first-child > div {
    height: 40px;
    width: 40px;
  }
  .user_button > div:last-child {
    display: none;
  }
}
.navigation {
  position: fixed;
  z-index: 9;
  left: 0;
  top: 0;
  width: 310px;
  height: 100%;
  background: #fff;
  padding: 90px 0 0 0;
  transition: 0.3s ease;
}
.navigation > div {
  height: 100%;
  overflow-y: auto;
  padding: 20px 40px;
}
.navigation.show {
  left: 0;
  opacity: 1;
}
.navigation a.nav {
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  text-decoration: none;
  font-weight: 600;
  color: #bbbbbb;
  border-radius: 20px;
  padding: 18px 30px;
  transition: 0.3s ease;
}
.navigation a.nav > div:first-child {
  font-size: 1.1rem;
}
.navigation a.nav > div:last-child {
  flex: 1;
  padding: 0 0 0 20px;
  font-size: 1rem;
}
.navigation a.nav:hover {
  color: #222;
}
.navigation a.nav.active {
  background: #f1f1f1;
  color: #ffa63d;
}
@media only screen and (min-width: 1025px) and (max-width: 1200px) {
  .navigation {
    left: -400px;
    opacity: 0;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .navigation {
    left: -400px;
    opacity: 0;
  }
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  .navigation {
    left: -400px;
    opacity: 0;
  }
}
@media only screen and (max-width: 480px) {
  .navigation {
    left: -400px;
    opacity: 0;
  }
}
.dashboard_major {
  margin: 90px 0 0 310px;
  padding: 40px 40px 60px 40px;
}
@media only screen and (min-width: 1025px) and (max-width: 1200px) {
  .dashboard_major {
    margin: 90px 0 0 0;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .dashboard_major {
    margin: 90px 0 0 0;
  }
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  .dashboard_major {
    margin: 90px 0 0 0;
  }
}
@media only screen and (max-width: 480px) {
  .dashboard_major {
    margin: 90px 0 0 0;
    padding: 30px 30px 50px 30px;
  }
}
.button_holder {
  display: flex;
  flex-wrap: wrap;
  margin: -10px;
}
.button_holder > div {
  flex: 1;
  padding: 10px;
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  .button_holder > div {
    flex: 0 0 100%;
  }
}
@media only screen and (max-width: 480px) {
  .button_holder {
    padding: 5px;
  }
  .button_holder > div {
    flex: 0 0 100%;
    padding: 5px;
  }
}
.major_stats {
  display: flex;
  flex-wrap: wrap;
  margin: 20px -10px -10px -10px;
}
.major_stats > div {
  flex: 1;
  padding: 10px;
}
.major_stats > div > a {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  text-decoration: none;
  display: block;
  background: #fff;
  padding: 40px 30px;
  border-radius: 20px;
  transition: 0.3s ease;
  position: relative;
  overflow: hidden;
}
.major_stats > div > a > div {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.major_stats > div > a > div > div:first-child {
  flex: 1;
  padding: 0 20px 0 0;
}
.major_stats > div > a > div > div:first-child > div {
  display: table;
  position: relative;
  z-index: 1;
}
.major_stats > div > a > div > div:first-child > div > div {
  display: table-cell;
  vertical-align: middle;
}
.major_stats > div > a > div > div:first-child > div > div:first-child {
  background: #ffa63d;
  border-radius: 15px;
  color: #fff;
  width: 40px;
  height: 40px;
  text-align: center;
}
.major_stats > div > a > div > div:first-child > div > div:last-child {
  font-weight: 600;
  padding: 0 0 0 10px;
  color: #ffa63d;
}
.major_stats > div > a > div > div:last-child > h1 {
  color: #ffa63d;
}
.major_stats > div > a > div > div:last-child > h1.grey {
  color: #999;
}
.major_stats > div > a > div > div:last-child > h1.white {
  color: #fff;
}
.major_stats > div > a > div > div:last-child > h2 {
  color: #ffa63d;
}
.major_stats > div > a > div > div:last-child > h2.grey {
  color: #999;
}
.major_stats > div > a > div > div:last-child > h2.white {
  color: #fff;
}
.major_stats > div > a > span {
  position: absolute;
  bottom: -28px;
  right: -10px;
  color: #f1f1f1;
  opacity: 0.7;
  font-size: 6.5rem;
}
.major_stats > div > a:hover {
  background: #222;
}
.major_stats > div > a:hover > div > div:first-child > div > div:first-child {
  background: #fff;
  color: #222;
}
.major_stats > div > a:hover > div > div:first-child > div > div:last-child {
  color: #fff;
}
.major_stats > div > a:hover > div > div:last-child > h1 {
  color: #fff;
}
.major_stats > div > a:hover > div > div:last-child > h2 {
  color: #fff;
}
.major_stats > div > a:hover > span {
  color: #d5d5d5;
  opacity: 0.25;
}
.major_stats.for_school_single > div {
  flex: 0 0 33.33%;
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .major_stats > div {
    flex: 0 0 50%;
  }
  .major_stats.for_school_single > div {
    flex: 0 0 50%;
  }
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  .major_stats > div {
    flex: 0 0 100%;
  }
  .major_stats > div > a {
    padding: 30px;
  }
  .major_stats.for_school_single > div {
    flex: 0 0 100%;
  }
}
@media only screen and (max-width: 480px) {
  .major_stats > div {
    flex: 0 0 100%;
  }
  .major_stats > div > a {
    padding: 25px 20px;
  }
  .major_stats.for_school_single > div {
    flex: 0 0 100%;
  }
}
.empty_state {
  text-align: center;
  background: #f1f1f1;
  padding: 60px 40px;
  border-radius: 20px;
  margin: 20px 0 0 0;
}
.empty_state > div {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  display: inline-flex;
}
.empty_state > div > div:first-child {
  font-size: 6.5rem;
  color: #ddd;
}
.empty_state > div > div:last-child {
  padding: 0 0 0 20px;
  color: #bbbbbb;
}
.empty_state.with_image > div > div:first-child img {
  width: 104px;
  opacity: 0.1;
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  .empty_state > div {
    display: flex;
  }
  .empty_state > div > div {
    flex: 0 0 100%;
  }
  .empty_state > div > div:last-child {
    padding: 0;
  }
}
@media only screen and (max-width: 480px) {
  .empty_state {
    padding: 50px 25px;
  }
  .empty_state > div {
    display: flex;
  }
  .empty_state > div > div {
    flex: 0 0 100%;
  }
  .empty_state > div > div:first-child {
    font-size: 4.5rem;
  }
  .empty_state > div > div:last-child {
    padding: 0;
  }
}
.image_box {
  background-repeat: no-repeat !important;
  background-position: top center !important;
  background-size: cover !important;
  background-color: #e6e6e6;
  overflow: hidden;
  position: relative;
  border-radius: 20px;
  height: 460px;
  margin: 30px 0 0 0;
}
.image_box > div:first-child {
  position: absolute;
  z-index: 2;
  top: 20px;
  right: 20px;
  text-align: right;
}
.image_box.square {
  width: 460px;
  margin: 30px auto 0 auto;
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  .image_box {
    height: 400px;
  }
}
@media only screen and (max-width: 480px) {
  .image_box {
    height: 320px;
  }
}
.custom_box.one {
  padding: 50px;
  background: #fff;
  border-radius: 20px;
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  .custom_box.one {
    padding: 40px;
  }
}
@media only screen and (max-width: 480px) {
  .custom_box.one {
    padding: 30px;
  }
}
.custom_box.two > div {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 30px;
  background: #f1f1f1;
  border-radius: 20px;
}
.custom_box.two > div > div:first-child {
  font-weight: 600;
  flex: 1;
  padding: 0 20px 0 0;
}
.custom_box.three {
  padding: 40px;
  background: #fff;
  border-radius: 20px;
}
.custom_box.three span {
  margin: 0 10px;
  color: #bbbbbb;
}
.custom_box.bg_black > div {
  background: #222;
  color: #fff;
}
.custom_box.bg_white > div {
  background: #fff;
}
.return_link {
  margin: 0 0 30px 0;
}
.return_link > div {
  display: table;
  background: #fff;
  border-radius: 20px;
}
.return_link > div > div {
  display: table-cell;
  vertical-align: middle;
}
.return_link > div > div:last-child {
  font-weight: 600;
  padding: 0 40px 0 15px;
}
.menu_available.for_options {
  position: relative;
}
.menu_holder {
  -webkit-filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.2));
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 50px;
  border-radius: 20px;
  background: #fff;
  padding: 30px 0;
  width: 300px;
  display: none;
}
.menu_holder.for_options {
  bottom: auto;
  top: 50px;
}
.menu_holder.for_options > div {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 300px;
}
.menu_holder.for_options .checkbox {
  display: flex;
  border-radius: 0;
  width: 100%;
  border-bottom: 1px solid #ddd;
  padding: 10px 20px;
  background: white;
}
.menu_holder.for_options .checkbox > div:last-child {
  flex: 1;
}
.menu_holder.for_options .checkbox:hover {
  background: #e6e6e6;
  color: #222;
}
.menu_holder.for_options .checkbox:hover > div:first-child > div {
  background: #f1f1f1;
}
.menu_holder.for_options .checkbox:hover > div:first-child > div > div {
  opacity: 1;
}
.menu_holder.for_options .checkbox.checked {
  background: #fff;
  color: #ffa63d;
}
.menu_holder.for_options .checkbox.checked > div:first-child > div {
  background: #ffa63d;
}
.menu_holder.for_options .checkbox.checked > div:first-child > div > div {
  opacity: 1;
}
.menu_holder.for_options .checkbox.checked > div:first-child > div > div i {
  color: #fff;
}
.menu_link {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  text-decoration: none;
  font-weight: 600;
  display: block;
  padding: 10px 20px;
  text-align: center;
  border-top: 1px solid #e6e6e6;
  transition: 0.3s ease;
}
.menu_link:last-child {
  border-bottom: 1px solid #e6e6e6;
}
.menu_link:hover {
  background: #f1f1f1;
}
.menu_link:active {
  background: #222;
  color: #fff;
}
.menu_link.active {
  background: #222;
  color: #fff;
}
.deletion_centre {
  position: fixed;
  z-index: 15;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  display: none;
}
.deletion_centre > div {
  display: table;
  max-width: 600px;
  height: 100%;
  margin: 0 auto;
}
.deletion_centre > div > div {
  display: table-cell;
  vertical-align: middle;
}
.deletion_centre > div > div > .deletion_centre_inner {
  border-radius: 20px;
  background: #ffa63d;
}
.deletion_centre > div > div > .deletion_centre_inner > div:first-child {
  padding: 60px;
  text-align: center;
  color: #fff;
}
.deletion_centre > div > div > .deletion_centre_inner > div:first-child h3 {
  font-weight: 600;
  margin: 0 0 5px 0;
}
.deletion_centre > div > div > .deletion_centre_inner > div:first-child span {
  font-weight: 600;
  color: #222;
}
.deletion_centre > div > div > .deletion_centre_inner > div:last-child {
  padding: 20px;
  background: #fff;
  border-radius: 20px;
  text-align: center;
}
.deletion_centre > div > div > .deletion_centre_inner > div:last-child > div {
  display: inline-block;
}
.deletion_centre > div > div > .deletion_centre_inner > div:last-child > div:after {
  content: "";
  clear: both;
  display: block;
}
.deletion_centre > div > div > .deletion_centre_inner > div:last-child > div > .button {
  float: left;
  margin: 2.5px;
}
.advance_content > p {
  margin: 10px 0;
}
.advance_content > p a {
  color: #ffa63d;
  transition: 0.3s ease;
}
.advance_content > p a:hover {
  font-weight: 600;
  color: #222;
  border-bottom: 3px solid #ffa63d;
}
.advance_content li {
  margin: 8px 0 0 0;
}
.advance_content li:first-child {
  margin: 0;
}
.advance_content > h3 {
  font-weight: 700;
  margin: 30px 0 -10px 0;
}
.advance_content > h4 {
  margin: 20px 0 0 0;
}
.advance_content > .image {
  margin: 30px 0;
}
.advance_content > .image > div:first-child {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
}
.advance_content > .image > div:first-child img {
  width: 100%;
  border-radius: 20px;
}
.advance_content > .image > div:nth-child(2) {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px 0 0 0;
}
.advance_content > .image > div:nth-child(2) > div:first-child {
  font-size: 1.1rem;
  color: #ffa63d;
}
.advance_content > .image > div:nth-child(2) > div:nth-child(2) {
  flex: 1;
  padding: 0 10px;
}
.advance_content > .image > div:nth-child(2) > div:nth-child(2) > div {
  height: 1px;
  background: #ffa63d;
}
.advance_content > .image > div:nth-child(2) > div:last-child h5 {
  font-weight: 700;
  color: #bbbbbb;
}
.advance_content > .embed {
  -webkit-filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.1));
  margin: 30px 0;
  background: #fff;
}
.advance_content > .embed > div:first-child iframe {
  width: 100%;
}
.advance_content > .embed.with_caption > div:last-child {
  font-weight: 700;
  padding: 30px;
}
.advance_content > table {
  border-collapse: collapse;
  width: 100%;
  margin: 30px 0;
}
.advance_content > table tr th {
  border: 1px solid #fff;
  color: #fff;
  padding: 15px;
  background: #ffa63d;
  text-align: left;
}
.advance_content > table tr td {
  border: 1px solid #ddd;
  padding: 15px;
  text-align: left;
}
.advance_content > .delimiter {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 39px 0;
}
.advance_content > .delimiter > div:first-child,
.advance_content > .delimiter > div:last-child {
  flex: 1;
}
.advance_content > .delimiter > div:first-child > div,
.advance_content > .delimiter > div:last-child > div {
  height: 1px;
  background: #ccc;
}
.advance_content > .delimiter > div:nth-child(2) i {
  margin: 0 5px;
  color: #ffa63d;
}
.advance_content > .quote {
  margin: 50px -60px;
  background: #f1f1f1;
  padding: 55px 100px;
  position: relative;
  border-radius: 20px;
}
.advance_content > .quote > div {
  position: absolute;
  right: 100px;
  top: -21px;
  font-size: 2.1rem;
  color: #ffa63d;
  transform: rotate(180deg);
}
.advance_content > .quote p {
  font-weight: 700;
  margin: 5px 0 0 0;
  color: #ffa63d;
}
.advance_content > .link {
  margin: 30px 0;
}
.advance_content > .link > a {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  text-decoration: none;
  display: block;
  background: #f1f1f1;
  border-radius: 20px;
  transition: 0.3s ease;
  padding: 40px 0 0 0;
}
.advance_content > .link > a > div:first-child {
  font-size: 1.2rem;
  padding: 0 40px;
}
.advance_content > .link > a > div:nth-child(2) {
  padding: 0 40px;
}
.advance_content > .link > a > div:last-child {
  font-weight: 600;
  border-top: 1px solid #ddd;
  padding: 20px 40px;
  margin: 30px 0 0 0;
  font-size: 0.9rem;
  color: #ffa63d;
}
.advance_content > .link > a:hover {
  -webkit-filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.07));
  filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.07));
  background: #fff;
}
.advance_content > .attachment {
  margin: 30px 0;
}
.advance_content > .attachment > a {
  -webkit-filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.1));
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  transition: 0.3s ease;
}
.advance_content > .attachment > a > div {
  padding: 15px;
}
.advance_content > .attachment > a > div:first-child {
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  padding: 25px 20px;
}
.advance_content > .attachment > a > div:nth-child(2) {
  flex: 1;
}
.advance_content > .attachment > a > div:last-child {
  color: #eee;
}
.advance_content > .attachment > a:hover {
  background: #d5d5d5;
}
.advance_content > .attachment > a:hover > div:last-child {
  color: #fff;
}
.advance_content > .attachment.doc > a > div:first-child,
.advance_content > .attachment.docx > a > div:first-child {
  background: #295394;
}
.advance_content > .attachment.ppt > a > div:first-child,
.advance_content > .attachment.pptx > a > div:first-child {
  background: #c54830;
}
.advance_content > .attachment.xls > a > div:first-child,
.advance_content > .attachment.xlsx > a > div:first-child {
  background: #1f6e43;
}
.advance_content > .attachment.pdf > a > div:first-child {
  background: #f20f00;
}
.advance_content > .attachment.rtf > a > div:first-child {
  background: #157efb;
}
.advance_content > .attachment.txt > a > div:first-child {
  background: #000;
}
.advance_content > :first-child {
  margin-top: 0;
}
.sections_holder {
  margin: 20px -10px -10px -10px;
  display: flex;
  flex-wrap: wrap;
}
.sections_holder > .section {
  flex: 0 0 50%;
  padding: 10px;
}
.sections_holder > .section > div {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 20px;
  padding: 30px 20px 30px 30px;
}
.sections_holder > .section > div > div {
  padding: 10px;
}
.sections_holder > .section > div > div:first-child {
  font-size: 1.4rem;
  color: #ffa63d;
}
.sections_holder > .section > div > div:nth-child(2) {
  flex: 1;
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .sections_holder > .section {
    flex: 0 0 100%;
  }
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  .sections_holder > .section {
    flex: 0 0 100%;
  }
}
@media only screen and (max-width: 480px) {
  .sections_holder {
    margin: 0 -10px -10px -10px;
  }
  .sections_holder > .section {
    flex: 0 0 100%;
  }
  .sections_holder > .section > div {
    padding: 25px 15px;
  }
  .sections_holder > .section > div > div {
    padding: 5px;
  }
}
/******* SERMONS LESS *******/
.sermons_holder {
  margin: 20px 0 0 0;
}
.sermons_holder .sermon.audio_sermon {
  background: #fff;
  border-radius: 20px;
  margin: 0 0 20px 0;
}
.sermons_holder .sermon.audio_sermon > div:first-child {
  background: #f1f1f1;
  border-radius: 20px;
  padding: 10px;
}
.sermons_holder .sermon.audio_sermon > div:first-child audio {
  width: 100%;
}
.sermons_holder .sermon.audio_sermon > div:last-child {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 10px;
}
.sermons_holder .sermon.audio_sermon > div:last-child:last-child {
  margin: 0;
}
.sermons_holder .sermon.audio_sermon > div:last-child > div {
  padding: 10px;
}
.sermons_holder .sermon.audio_sermon > div:last-child > div:first-child {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  flex: 1;
  padding: 5px 5px 5px 15px;
}
.sermons_holder .sermon.audio_sermon > div:last-child > div:first-child > div {
  padding: 5px;
}
.sermons_holder .sermon.audio_sermon > div:last-child > div:first-child > div:first-child {
  flex: 1;
}
.sermons_holder .sermon.audio_sermon > div:last-child > div:last-child:after {
  content: "";
  clear: both;
  display: block;
}
.sermons_holder .sermon.audio_sermon > div:last-child > div:last-child .button {
  float: left;
  margin: 0 0 0 5px;
}
.sermons_holder .sermon.audio_sermon > div:last-child > div:last-child .button:first-child {
  margin: 0;
}
.sermons_holder .sermon.audio_sermon > div:last-child > div h5 {
  font-weight: 600;
}
.sermons_holder .sermon.audio_sermon > div:last-child > div span {
  font-weight: 700;
  color: #ffa63d;
}
.sermons_holder .sermon.audio_sermon > div:last-child > div span.grey {
  color: #999;
}
.sermons_holder .sermon.audio_sermon > div:last-child > div span.white {
  color: #fff;
}
.sermons_holder .sermon.youtube_sermon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  background: #fff;
  margin: 0 0 20px 0;
  border-radius: 20px;
  padding: 10px;
}
.sermons_holder .sermon.youtube_sermon:last-child {
  margin: 0;
}
.sermons_holder .sermon.youtube_sermon > div {
  padding: 10px;
}
.sermons_holder .sermon.youtube_sermon > div:first-child {
  flex: 0 0 360px;
}
.sermons_holder .sermon.youtube_sermon > div:first-child iframe {
  border-radius: 20px;
}
.sermons_holder .sermon.youtube_sermon > div:nth-child(2) {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  flex: 1;
  padding: 10px 5px 10px 15px;
}
.sermons_holder .sermon.youtube_sermon > div:nth-child(2) > div {
  padding: 5px;
}
.sermons_holder .sermon.youtube_sermon > div:nth-child(2) > div:first-child {
  flex: 1;
}
.sermons_holder .sermon.youtube_sermon > div:last-child:after {
  content: "";
  clear: both;
  display: block;
}
.sermons_holder .sermon.youtube_sermon > div:last-child .button {
  float: left;
  margin: 0 0 0 5px;
}
.sermons_holder .sermon.youtube_sermon > div:last-child .button:first-child {
  margin: 0;
}
.sermons_holder .sermon.youtube_sermon > div h5 {
  font-weight: 600;
}
.sermons_holder .sermon.youtube_sermon > div span {
  font-weight: 700;
  color: #ffa63d;
}
.sermons_holder .sermon.youtube_sermon > div span.grey {
  color: #999;
}
.sermons_holder .sermon.youtube_sermon > div span.white {
  color: #fff;
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .sermons_holder .sermon {
    padding: 20px 0;
  }
  .sermons_holder .sermon > div {
    padding: 30px 0;
  }
  .sermons_holder .sermon > div:first-child {
    flex: 0 0 100%;
    padding: 0;
  }
  .sermons_holder .sermon > div:first-child > div {
    flex: 1;
  }
  .sermons_holder .sermon > div:first-child > div:first-child {
    flex: 0 0 100%;
    padding: 0 25px 10px 25px;
    border-bottom: 1px solid #e6e6e6;
  }
  .sermons_holder .sermon > div:first-child > div:nth-child(n+2) {
    padding: 10px 25px;
  }
  .sermons_holder .sermon > div:last-child {
    flex: 0 0 100%;
    padding: 15px 20px 0 20px;
    border-top: 1px solid #e6e6e6;
  }
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  .sermons_holder .sermon {
    padding: 20px 0;
  }
  .sermons_holder .sermon > div {
    padding: 25px 0;
  }
  .sermons_holder .sermon > div:first-child {
    flex: 0 0 100%;
    padding: 0;
  }
  .sermons_holder .sermon > div:first-child > div {
    flex: 1;
  }
  .sermons_holder .sermon > div:first-child > div:first-child {
    flex: 0 0 100%;
    padding: 0 25px;
  }
  .sermons_holder .sermon > div:first-child > div:nth-child(2) {
    flex: 0 0 100%;
    padding: 0 25px 10px 25px;
    border-bottom: 1px solid #e6e6e6;
  }
  .sermons_holder .sermon > div:first-child > div:nth-child(n+3) {
    padding: 10px 25px;
  }
  .sermons_holder .sermon > div:last-child {
    flex: 0 0 100%;
    padding: 15px 20px 0 20px;
    border-top: 1px solid #e6e6e6;
    text-align: center;
  }
  .sermons_holder .sermon > div:last-child > div {
    display: inline-block;
  }
}
@media only screen and (max-width: 480px) {
  .sermons_holder .sermon {
    padding: 20px 0;
  }
  .sermons_holder .sermon > div {
    padding: 25px 0;
  }
  .sermons_holder .sermon > div:first-child {
    flex: 0 0 100%;
    padding: 0;
  }
  .sermons_holder .sermon > div:first-child > div {
    flex: 0 0 100%;
  }
  .sermons_holder .sermon > div:first-child > div:first-child {
    padding: 0 25px;
  }
  .sermons_holder .sermon > div:first-child > div:nth-child(2) {
    padding: 0 25px 10px 25px;
    border-bottom: 1px solid #e6e6e6;
  }
  .sermons_holder .sermon > div:first-child > div:nth-child(n+3) {
    padding: 10px 25px;
    border-bottom: 1px solid #e6e6e6;
  }
  .sermons_holder .sermon > div:last-child {
    flex: 0 0 100%;
    padding: 15px 20px 0 20px;
    text-align: center;
  }
  .sermons_holder .sermon > div:last-child > div {
    display: inline-block;
  }
}
.sermon_functions {
  display: flex;
  flex-wrap: wrap;
  margin: 10px -10px -10px -10px;
}
.sermon_functions > div {
  flex: 1;
  padding: 10px;
}
.sermon_functions > div > div {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f1f1f1;
  border-radius: 20px;
  padding: 30px;
  transition: 0.3s ease;
}
.sermon_functions > div > div > div:first-child {
  font-weight: 600;
  flex: 1;
  padding: 0 10px 0 0;
}
.sermon_functions > div > div:hover {
  background: #fff;
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  .sermon_functions > div {
    flex: 0 0 100%;
  }
  .sermon_functions > div:nth-child(-n+2) {
    flex: 0 0 100%;
  }
}
@media only screen and (max-width: 480px) {
  .sermon_functions > div {
    flex: 0 0 100%;
  }
  .sermon_functions > div > div {
    padding: 25px 20px;
  }
  .sermon_functions > div:nth-child(-n+2) {
    flex: 0 0 100%;
  }
}
.sermon_info_display {
  display: flex;
  flex-wrap: wrap;
  margin: 20px -10px -10px -10px;
}
.sermon_info_display > div {
  flex: 0 0 33.33%;
  padding: 10px;
}
.sermon_info_display > div > div {
  background: #fff;
  border-radius: 20px;
  height: 100%;
}
.sermon_info_display > div > div > div {
  padding: 30px;
}
.sermon_info_display > div > div > div:first-child {
  padding: 20px 30px;
  background: #f1f1f1;
  border-radius: 20px 20px 0 0;
}
.sermon_info_display > div > div > div:first-child h5 {
  font-weight: 600;
}
.sermon_info_display > div > div > div:last-child span {
  margin: 0 10px;
  color: #bbbbbb;
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .sermon_info_display > div {
    flex: 0 0 50%;
  }
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  .sermon_info_display > div {
    flex: 0 0 100%;
  }
  .sermon_info_display > div > div {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sermon_info_display > div > div > div:first-child {
    flex: 1;
    border-radius: 20px;
    padding: 30px;
    height: 100%;
  }
  .sermon_info_display > div > div > div:last-child {
    flex: 0 0 55%;
  }
}
@media only screen and (max-width: 480px) {
  .sermon_info_display > div {
    flex: 0 0 100%;
  }
  .sermon_info_display > div > div > div {
    padding: 20px;
  }
  .sermon_info_display > div > div > div:first-child {
    padding: 20px;
  }
}
/******* ORDERS LESS *******/
#cart_items_holder .cart_item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 30px;
  border-bottom: 1px solid #e6e6e6;
}
#cart_items_holder .cart_item > div {
  padding: 0 10px;
}
#cart_items_holder .cart_item > div:first-child {
  flex: 0 0 60px;
  padding: 0 10px 0 0;
}
#cart_items_holder .cart_item > div:first-child > div {
  background-repeat: no-repeat !important;
  background-position: top center !important;
  background-size: cover !important;
  background-color: #e6e6e6;
  overflow: hidden;
  position: relative;
  border-radius: 20px;
  height: 50px;
}
#cart_items_holder .cart_item > div:last-child {
  font-weight: 600;
  flex: 1;
}
#cart_items_holder .cart_item > div:last-child > div {
  display: flex;
  flex-wrap: wrap;
}
#cart_items_holder .cart_item > div:last-child > div > div:first-child {
  flex: 1;
}
#cart_items_holder .cart_item > div:last-child > div > div:nth-child(2) {
  padding: 0 15px;
}
#cart_items_holder .cart_item .strikeout {
  text-decoration: line-through;
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  #cart_items_holder .cart_item {
    align-items: start;
    justify-content: start;
  }
  #cart_items_holder .cart_item > div:last-child > div > div {
    flex: 0 0 100%;
  }
  #cart_items_holder .cart_item > div:last-child > div > div:nth-child(2) {
    padding: 0;
  }
}
@media only screen and (max-width: 480px) {
  #cart_items_holder .cart_item {
    align-items: start;
    justify-content: start;
    padding: 25px;
  }
  #cart_items_holder .cart_item > div:last-child > div > div {
    flex: 0 0 100%;
  }
  #cart_items_holder .cart_item > div:last-child > div > div:nth-child(2) {
    padding: 0;
  }
}
.billings_holder {
  margin: 20px 0 0 0;
}
.billings_holder .billing {
  font-weight: 600;
  display: flex;
  flex-wrap: wrap;
  padding: 30px 10px;
  background: #fff;
  margin: 0 0 20px 0;
  border-radius: 20px;
  font-size: 0.85rem;
  transition: 0.3s ease;
}
.billings_holder .billing:last-child {
  margin: 0;
}
.billings_holder .billing > div {
  padding: 0 20px;
}
.billings_holder .billing > div:first-child {
  flex: 0 0 150px;
}
.billings_holder .billing > div:nth-child(2) {
  flex: 1;
}
.billings_holder .billing > div h5 {
  font-weight: 700;
  color: #bbbbbb;
}
.billings_holder .billing > div p {
  font-weight: 700;
  margin: 5px 0 0 0;
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .billings_holder .billing {
    padding: 30px 0;
  }
  .billings_holder .billing > div:first-child {
    padding: 0 20px 0 30px;
  }
  .billings_holder .billing > div:nth-child(4) {
    padding: 0 30px 0 20px;
  }
  .billings_holder .billing > div:last-child {
    flex: 0 0 100%;
    border-top: 1px solid #e6e6e6;
    margin: 15px 0 0 0;
    padding: 15px 30px 0 30px;
  }
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  .billings_holder .billing {
    padding: 15px 0;
  }
  .billings_holder .billing > div {
    padding: 15px 30px;
  }
  .billings_holder .billing > div:first-child {
    flex: 0 0 100%;
  }
  .billings_holder .billing > div:nth-child(2) {
    flex: 0 0 100%;
    border: solid #e6e6e6;
    border-width: 1px 0;
  }
  .billings_holder .billing > div:nth-child(3),
  .billings_holder .billing > div:nth-child(4) {
    flex: 0 0 50%;
  }
  .billings_holder .billing > div:nth-child(3) {
    border-right: 1px solid #e6e6e6;
  }
  .billings_holder .billing > div:last-child {
    flex: 0 0 100%;
    border-top: 1px solid #e6e6e6;
  }
  .billings_holder .billing > div p {
    margin: 0;
  }
}
@media only screen and (max-width: 480px) {
  .billings_holder .billing {
    padding: 15px 0;
  }
  .billings_holder .billing > div {
    padding: 15px 20px;
  }
  .billings_holder .billing > div:first-child {
    flex: 0 0 100%;
  }
  .billings_holder .billing > div:nth-child(2) {
    flex: 0 0 100%;
    border: solid #e6e6e6;
    border-width: 1px 0;
  }
  .billings_holder .billing > div:nth-child(3),
  .billings_holder .billing > div:nth-child(4) {
    flex: 0 0 50%;
  }
  .billings_holder .billing > div:nth-child(3) {
    border-right: 1px solid #e6e6e6;
  }
  .billings_holder .billing > div:last-child {
    flex: 0 0 100%;
    border-top: 1px solid #e6e6e6;
  }
  .billings_holder .billing > div p {
    margin: 0;
  }
}
.billing_items_holder {
  background: #fff;
  border-radius: 20px;
  margin: 20px 0 0 0;
}
.billing_items_holder .billing_total {
  background: #f1f1f1;
  border-radius: 0 0 20px 20px;
  padding: 30px;
}
.billing_items_holder .billing_total > div {
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #ccc;
  padding: 20px 0;
}
.billing_items_holder .billing_total > div > div:first-child {
  flex: 1;
}
.billing_items_holder .billing_total > div > div:last-child {
  text-align: right;
}
.billing_items_holder .billing_total > div > div h3,
.billing_items_holder .billing_total > div > div h4 {
  font-weight: 600;
  text-transform: uppercase;
}
.billing_items_holder .billing_total > div:first-child {
  border-top: none;
}
@media only screen and (max-width: 480px) {
  .billing_items_holder .billing_total {
    padding: 10px 25px;
  }
}
.billing_stats {
  display: flex;
  flex-wrap: wrap;
  margin: 20px -10px -10px -10px;
}
.billing_stats > div {
  flex: 0 0 33.33%;
  padding: 10px;
}
.billing_stats > div:nth-child(n+4) {
  flex: 0 0 50%;
}
.billing_stats > div > div {
  background: #fff;
  padding: 30px;
  border-radius: 20px;
  transition: 0.3s ease;
  position: relative;
  overflow: hidden;
  height: 200px;
}
.billing_stats > div > div > div {
  display: table;
  position: relative;
  z-index: 1;
}
.billing_stats > div > div > div > div {
  display: table-cell;
  vertical-align: middle;
}
.billing_stats > div > div > div > div:first-child {
  background: #ffa63d;
  border-radius: 15px;
  color: #fff;
  width: 40px;
  height: 40px;
  text-align: center;
}
.billing_stats > div > div > div > div:last-child {
  font-weight: 600;
  padding: 0 0 0 10px;
  color: #ffa63d;
}
.billing_stats > div > div > h3,
.billing_stats > div > div h4 {
  font-weight: 600;
  color: #ffa63d;
  margin: 20px 0 0 0;
  line-height: 105%;
  position: relative;
  z-index: 1;
}
.billing_stats > div > div > h3.grey,
.billing_stats > div > div h4.grey {
  color: #999;
}
.billing_stats > div > div > h3.white,
.billing_stats > div > div h4.white {
  color: #fff;
}
.billing_stats > div > div > span {
  position: absolute;
  bottom: -28px;
  right: -10px;
  color: #f1f1f1;
  font-size: 6.5rem;
}
.billing_stats > div > div:hover {
  background: #222;
  color: #fff;
}
.billing_stats > div > div:hover > div > div:first-child {
  background: #fff;
  color: #222;
}
.billing_stats > div > div:hover > div > div:last-child {
  color: #fff;
}
.billing_stats > div > div:hover > h3,
.billing_stats > div > div:hover h4 {
  color: #fff;
}
.billing_stats > div > div:hover > span {
  color: #d5d5d5;
  opacity: 0.35;
}
.billing_stats.four_records > div {
  flex: 0 0 50%;
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .billing_stats > div {
    flex: 0 0 50%;
  }
  .billing_stats > div:first-child {
    flex: 0 0 100%;
  }
  .billing_stats > div > div {
    height: 180px;
    padding: 25px;
  }
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  .billing_stats > div {
    flex: 0 0 100%;
  }
  .billing_stats > div:nth-child(n+4) {
    flex: 0 0 100%;
  }
  .billing_stats > div > div {
    height: auto;
    padding: 25px;
  }
}
@media only screen and (max-width: 480px) {
  .billing_stats > div {
    flex: 0 0 100%;
  }
  .billing_stats > div:nth-child(n+4) {
    flex: 0 0 100%;
  }
  .billing_stats > div > div {
    height: auto;
    padding: 25px;
  }
  .billing_stats > div > div > h3,
  .billing_stats > div > div h4 {
    margin: 10px 0 0 0;
  }
}
.customer_box {
  background: #fff;
  border-radius: 20px;
  margin: 30px 0 0 0;
}
.customer_box > div:first-child {
  background: #ffa63d;
  padding: 15px 30px;
  text-align: center;
  text-transform: uppercase;
  border-radius: 20px 20px 0 0;
  color: #fff;
}
.customer_box > div:last-child {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 15px;
}
.customer_box > div:last-child > div {
  flex: 1;
  padding: 15px;
  text-align: center;
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  .customer_box > div:last-child {
    padding: 25px;
  }
  .customer_box > div:last-child > div {
    padding: 5px;
    flex: 0 0 100%;
  }
}
@media only screen and (max-width: 480px) {
  .customer_box > div:last-child {
    padding: 25px;
  }
  .customer_box > div:last-child > div {
    padding: 5px;
    flex: 0 0 100%;
  }
}
/******* TESTIMONIES LESS *******/
.testimonies_holder {
  margin: 20px 0 0 0;
}
.testimonies_holder .testimony {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  background: #f1f1f1;
  margin: 0 0 20px 0;
  border-radius: 20px;
  padding: 10px;
}
.testimonies_holder .testimony:last-child {
  margin: 0;
}
.testimonies_holder .testimony > div {
  padding: 10px;
}
.testimonies_holder .testimony > div:first-child {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  flex: 1;
  padding: 10px 5px 10px 15px;
}
.testimonies_holder .testimony > div:first-child > div {
  padding: 5px;
}
.testimonies_holder .testimony > div:first-child > div:first-child {
  flex: 1;
}
.testimonies_holder .testimony > div:first-child .testimony_visibility_status {
  color: #bbbbbb;
}
.testimonies_holder .testimony > div:last-child:after {
  content: "";
  clear: both;
  display: block;
}
.testimonies_holder .testimony > div:last-child .button {
  float: left;
  margin: 0 0 0 5px;
}
.testimonies_holder .testimony > div:last-child .button:first-child {
  margin: 0;
}
.testimonies_holder .testimony > div h5 {
  font-weight: 600;
}
.testimonies_holder .testimony.visible {
  background: #fff;
}
.testimonies_holder .testimony.visible > div:first-child .testimony_visibility_status {
  color: #ffa63d;
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .testimonies_holder .testimony {
    padding: 20px 0;
  }
  .testimonies_holder .testimony > div {
    padding: 30px 0;
  }
  .testimonies_holder .testimony > div:first-child {
    flex: 0 0 100%;
    padding: 0;
  }
  .testimonies_holder .testimony > div:first-child > div {
    flex: 1;
  }
  .testimonies_holder .testimony > div:first-child > div:first-child {
    flex: 0 0 100%;
    padding: 0 25px 10px 25px;
    border-bottom: 1px solid #e6e6e6;
  }
  .testimonies_holder .testimony > div:first-child > div:nth-child(n+2) {
    padding: 10px 25px;
  }
  .testimonies_holder .testimony > div:last-child {
    flex: 0 0 100%;
    padding: 15px 20px 0 20px;
    border-top: 1px solid #e6e6e6;
  }
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  .testimonies_holder .testimony {
    padding: 20px 0;
  }
  .testimonies_holder .testimony > div {
    padding: 25px 0;
  }
  .testimonies_holder .testimony > div:first-child {
    flex: 0 0 100%;
    padding: 0;
  }
  .testimonies_holder .testimony > div:first-child > div {
    flex: 1;
  }
  .testimonies_holder .testimony > div:first-child > div:first-child {
    flex: 0 0 100%;
    padding: 0 25px;
  }
  .testimonies_holder .testimony > div:first-child > div:nth-child(2) {
    flex: 0 0 100%;
    padding: 0 25px 10px 25px;
    border-bottom: 1px solid #e6e6e6;
  }
  .testimonies_holder .testimony > div:first-child > div:nth-child(n+3) {
    padding: 10px 25px;
  }
  .testimonies_holder .testimony > div:last-child {
    flex: 0 0 100%;
    padding: 15px 20px 0 20px;
    border-top: 1px solid #e6e6e6;
    text-align: center;
  }
  .testimonies_holder .testimony > div:last-child > div {
    display: inline-block;
  }
}
@media only screen and (max-width: 480px) {
  .testimonies_holder .testimony {
    padding: 20px 0;
  }
  .testimonies_holder .testimony > div {
    padding: 25px 0;
  }
  .testimonies_holder .testimony > div:first-child {
    flex: 0 0 100%;
    padding: 0;
  }
  .testimonies_holder .testimony > div:first-child > div {
    flex: 0 0 100%;
  }
  .testimonies_holder .testimony > div:first-child > div:first-child {
    padding: 0 25px;
  }
  .testimonies_holder .testimony > div:first-child > div:nth-child(2) {
    padding: 0 25px 10px 25px;
    border-bottom: 1px solid #e6e6e6;
  }
  .testimonies_holder .testimony > div:first-child > div:nth-child(n+3) {
    padding: 10px 25px;
    border-bottom: 1px solid #e6e6e6;
  }
  .testimonies_holder .testimony > div:last-child {
    flex: 0 0 100%;
    padding: 15px 20px 0 20px;
    text-align: center;
  }
  .testimonies_holder .testimony > div:last-child > div {
    display: inline-block;
  }
}
/******* SUBSCRIPTION LESS *******/
.subscribers_holder {
  margin: 20px 0 0 0;
}
.subscribers_holder .subscriber {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px;
  background: #f1f1f1;
  margin: 0 0 20px 0;
  border-radius: 20px;
  transition: 0.3s ease;
}
.subscribers_holder .subscriber:last-child {
  margin: 0;
}
.subscribers_holder .subscriber > div:first-child {
  font-weight: 600;
  flex: 1;
  padding: 0 0 0 10px;
}
.subscribers_holder .subscriber > div:nth-child(2) {
  padding: 0 20px;
}
.subscribers_holder .subscriber > div:nth-child(2) h5 {
  font-weight: 600;
  color: #bbbbbb;
}
.subscribers_holder .subscriber:hover {
  background: #fff;
}
/******* BOOKS LESS *******/
.books_holder {
  margin: 20px 0 0 0;
}
.books_holder .book {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  background: #fff;
  margin: 0 0 20px 0;
  padding: 0 20px 0 0;
  border-radius: 20px;
}
.books_holder .book:last-child {
  margin: 0;
}
.books_holder .book > div {
  padding: 20px 10px;
}
.books_holder .book > div:first-child {
  flex: 0 0 120px;
  padding: 0 10px 0 0;
}
.books_holder .book > div:first-child > div {
  background-repeat: no-repeat !important;
  background-position: top center !important;
  background-size: cover !important;
  background-color: #e6e6e6;
  overflow: hidden;
  position: relative;
  height: 110px;
  border-radius: 20px;
}
.books_holder .book > div:nth-child(2) {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  flex: 1;
  padding: 15px 5px;
}
.books_holder .book > div:nth-child(2) > div {
  padding: 5px;
}
.books_holder .book > div:nth-child(2) > div:first-child {
  flex: 1;
}
.books_holder .book > div h5 {
  font-weight: 600;
}
.books_holder .book .button {
  margin: 0 0 0 5px;
}
.books_holder .book .button:first-child {
  margin: 0;
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  .books_holder .book {
    padding: 0;
  }
  .books_holder .book > div:first-child {
    flex: 0 0 90px;
  }
  .books_holder .book > div:first-child > div {
    height: 90px;
    border-radius: 20px 20px 20px 0;
  }
  .books_holder .book > div:nth-child(2) > div {
    padding: 0;
    flex: 0 0 100%;
  }
  .books_holder .book > div:nth-child(2) > div:first-child {
    flex: 0 0 100%;
  }
  .books_holder .book > div:last-child {
    flex: 0 0 100%;
    border-top: 1px solid #e6e6e6;
    padding: 15px;
    text-align: center;
  }
}
@media only screen and (max-width: 480px) {
  .books_holder .book {
    padding: 0;
  }
  .books_holder .book > div:first-child {
    flex: 0 0 90px;
  }
  .books_holder .book > div:first-child > div {
    height: 90px;
    border-radius: 20px 20px 20px 0;
  }
  .books_holder .book > div:nth-child(2) > div {
    padding: 0;
    flex: 0 0 100%;
  }
  .books_holder .book > div:nth-child(2) > div:first-child {
    flex: 0 0 100%;
  }
  .books_holder .book > div:last-child {
    flex: 0 0 100%;
    border-top: 1px solid #e6e6e6;
    padding: 15px;
    text-align: center;
  }
}
.single_book_profile {
  margin: 20px 0 0 0;
  display: table;
  width: 100%;
  background: #fff;
  border-radius: 20px;
}
.single_book_profile > div {
  display: table-cell;
  vertical-align: middle;
}
.single_book_profile > div:first-child {
  width: 310px;
}
.single_book_profile > div:first-child .image_box {
  margin: 0;
  height: 400px;
}
.single_book_profile > div:last-child {
  padding: 40px;
}
.single_book_profile > div:last-child > div {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  border-top: 1px solid #ddd;
}
.single_book_profile > div:last-child > div:first-child {
  border-top: none;
}
.single_book_profile > div:last-child > div > div {
  flex: 1;
  padding: 11px 0;
}
.single_book_profile > div:last-child > div > div:first-child {
  flex: 0 0 160px;
}
.single_book_profile > div:last-child > div > div:last-child {
  font-weight: 600;
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .single_book_profile > div:first-child {
    width: 380px;
  }
  .single_book_profile > div:last-child > div {
    padding: 10px 0;
  }
  .single_book_profile > div:last-child > div > div {
    flex: 0 0 100%;
    padding: 0;
  }
  .single_book_profile > div:last-child > div > div:first-child {
    flex: 0 0 100%;
    color: #999;
  }
  .single_book_profile > div:last-child > div:first-child {
    padding-top: 0;
  }
  .single_book_profile > div:last-child > div:last-child {
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  .single_book_profile {
    display: block;
  }
  .single_book_profile > div {
    display: block;
  }
  .single_book_profile > div:first-child {
    width: 100%;
    height: 360px;
  }
  .single_book_profile > div:last-child {
    padding: 30px;
  }
  .single_book_profile > div:last-child > div {
    padding: 10px 0;
  }
  .single_book_profile > div:last-child > div > div {
    flex: 0 0 100%;
    padding: 0;
  }
  .single_book_profile > div:last-child > div > div:first-child {
    flex: 0 0 100%;
  }
  .single_book_profile > div:last-child > div:first-child {
    padding-top: 0;
  }
  .single_book_profile > div:last-child > div:last-child {
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 480px) {
  .single_book_profile {
    display: block;
  }
  .single_book_profile > div {
    display: block;
  }
  .single_book_profile > div:first-child {
    width: 100%;
    height: 320px;
  }
  .single_book_profile > div:last-child {
    padding: 30px 20px;
  }
  .single_book_profile > div:last-child > div {
    padding: 10px 0;
  }
  .single_book_profile > div:last-child > div > div {
    flex: 0 0 100%;
    padding: 0;
  }
  .single_book_profile > div:last-child > div > div:first-child {
    flex: 0 0 100%;
  }
  .single_book_profile > div:last-child > div:first-child {
    padding-top: 0;
  }
  .single_book_profile > div:last-child > div:last-child {
    padding-bottom: 0;
  }
}
.book_functions {
  display: flex;
  flex-wrap: wrap;
  margin: 10px -10px -10px -10px;
}
.book_functions > div {
  flex: 1;
  padding: 10px;
}
.book_functions > div > div {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f1f1f1;
  border-radius: 20px;
  padding: 30px;
  transition: 0.3s ease;
  height: 100%;
}
.book_functions > div > div > div:first-child {
  font-weight: 600;
  flex: 1;
  padding: 0 10px 0 0;
}
.book_functions > div > div:hover {
  background: #fff;
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  .book_functions > div {
    flex: 0 0 100%;
  }
  .book_functions > div:nth-child(-n+2) {
    flex: 0 0 100%;
  }
}
@media only screen and (max-width: 480px) {
  .book_functions > div {
    flex: 0 0 100%;
  }
  .book_functions > div > div {
    padding: 25px 20px;
  }
  .book_functions > div:nth-child(-n+2) {
    flex: 0 0 100%;
  }
}
.book_info_display {
  display: flex;
  flex-wrap: wrap;
  margin: 20px -10px -10px -10px;
}
.book_info_display > div {
  flex: 1;
  padding: 10px;
}
.book_info_display > div:nth-child(-n+3) {
  flex: 0 0 33.33%;
}
.book_info_display > div > div {
  background: #fff;
  border-radius: 20px;
  height: 100%;
}
.book_info_display > div > div > div {
  padding: 30px;
}
.book_info_display > div > div > div:first-child {
  padding: 20px 30px;
  background: #f1f1f1;
  border-radius: 20px 20px 0 0;
}
.book_info_display > div > div > div:first-child h5 {
  font-weight: 600;
}
.book_info_display > div > div > div:last-child span {
  margin: 0 10px;
  color: #bbbbbb;
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .book_info_display > div {
    flex: 0 0 50%;
  }
  .book_info_display > div:nth-child(-n+3) {
    flex: 0 0 50%;
  }
  .book_info_display > div:last-child {
    flex: 0 0 100%;
  }
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  .book_info_display > div {
    flex: 0 0 100%;
  }
  .book_info_display > div:nth-child(-n+3) {
    flex: 0 0 100%;
  }
  .book_info_display > div > div {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .book_info_display > div > div > div:first-child {
    flex: 1;
    border-radius: 20px;
    padding: 30px;
    height: 100%;
  }
  .book_info_display > div > div > div:last-child {
    flex: 0 0 60%;
  }
}
@media only screen and (max-width: 480px) {
  .book_info_display > div {
    flex: 0 0 100%;
  }
  .book_info_display > div:nth-child(-n+3) {
    flex: 0 0 100%;
  }
  .book_info_display > div > div > div {
    padding: 20px;
  }
  .book_info_display > div > div > div:first-child {
    padding: 20px;
  }
}
/******* QUOTES LESS *******/
.quotes_holder {
  margin: 20px 0 0 0;
}
.quotes_holder .quote {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  background: #fff;
  margin: 0 0 20px 0;
  border-radius: 20px;
  padding: 10px;
}
.quotes_holder .quote:last-child {
  margin: 0;
}
.quotes_holder .quote > div {
  padding: 10px;
}
.quotes_holder .quote > div:first-child {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  flex: 1;
  padding: 10px 5px 10px 15px;
}
.quotes_holder .quote > div:first-child > div {
  padding: 5px;
}
.quotes_holder .quote > div:first-child > div:first-child {
  flex: 1;
  padding: 5px 30px 5px 5px;
}
.quotes_holder .quote > div:last-child:after {
  content: "";
  clear: both;
  display: block;
}
.quotes_holder .quote > div:last-child .button {
  float: left;
  margin: 0 0 0 5px;
}
.quotes_holder .quote > div:last-child .button:first-child {
  margin: 0;
}
.quotes_holder .quote > div h5 {
  font-weight: 600;
}
.quotes_holder .quote > div span {
  font-weight: 700;
  color: #ffa63d;
}
.quotes_holder .quote > div span.grey {
  color: #999;
}
.quotes_holder .quote > div span.white {
  color: #fff;
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .quotes_holder .quote {
    padding: 20px 0;
  }
  .quotes_holder .quote > div {
    padding: 30px 0;
  }
  .quotes_holder .quote > div:first-child {
    flex: 0 0 100%;
    padding: 0;
  }
  .quotes_holder .quote > div:first-child > div {
    flex: 1;
  }
  .quotes_holder .quote > div:first-child > div:first-child {
    flex: 0 0 100%;
    padding: 0 25px 10px 25px;
    border-bottom: 1px solid #e6e6e6;
  }
  .quotes_holder .quote > div:first-child > div:nth-child(n+2) {
    padding: 10px 25px;
  }
  .quotes_holder .quote > div:last-child {
    flex: 0 0 100%;
    padding: 15px 20px 0 20px;
    border-top: 1px solid #e6e6e6;
  }
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  .quotes_holder .quote {
    padding: 20px 0;
  }
  .quotes_holder .quote > div {
    padding: 30px 0;
  }
  .quotes_holder .quote > div:first-child {
    flex: 0 0 100%;
    padding: 0;
  }
  .quotes_holder .quote > div:first-child > div {
    flex: 1;
  }
  .quotes_holder .quote > div:first-child > div:first-child {
    flex: 0 0 100%;
    padding: 0 25px 10px 25px;
    border-bottom: 1px solid #e6e6e6;
  }
  .quotes_holder .quote > div:first-child > div:nth-child(n+2) {
    padding: 10px 25px;
  }
  .quotes_holder .quote > div:last-child {
    flex: 0 0 100%;
    padding: 15px 20px 0 20px;
    border-top: 1px solid #e6e6e6;
  }
}
@media only screen and (max-width: 480px) {
  .quotes_holder .quote {
    padding: 20px 0;
  }
  .quotes_holder .quote > div {
    padding: 25px 0;
  }
  .quotes_holder .quote > div:first-child {
    flex: 0 0 100%;
    padding: 0;
  }
  .quotes_holder .quote > div:first-child > div {
    flex: 0 0 100%;
  }
  .quotes_holder .quote > div:first-child > div:first-child {
    padding: 0 25px 10px 25px;
  }
  .quotes_holder .quote > div:first-child > div:nth-child(2) {
    padding: 10px 25px;
    border: solid #e6e6e6;
    border-width: 1px 0;
  }
  .quotes_holder .quote > div:first-child > div:nth-child(n+3) {
    padding: 10px 25px;
    border-bottom: 1px solid #e6e6e6;
  }
  .quotes_holder .quote > div:last-child {
    flex: 0 0 100%;
    padding: 15px 20px 0 20px;
    text-align: center;
  }
  .quotes_holder .quote > div:last-child > div {
    display: inline-block;
  }
}
/******* ADMINS LESS *******/
.logging_out {
  position: fixed;
  z-index: 13;
  background: #fff;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  display: table;
}
.logging_out > div {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.login_box {
  display: table;
  width: 100%;
  height: 100vh;
  background: #e6e6e6;
}
.login_box > div {
  display: table-cell;
  vertical-align: middle;
}
.login_box > div > div {
  position: relative;
  padding: 40px;
  max-width: 550px;
  margin: 0 auto;
}
.login_box > div > div > div:first-child {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffa63d;
}
.login_box > div > div > div:first-child > div:last-child {
  flex: 1;
  padding: 0 0 0 20px;
}
.login_box > div > div > div:first-child > div:last-child i {
  margin: 0 10px 0 0;
}
.login_box > div > div > div:first-child img {
  width: 100%;
  position: relative;
  margin: 0 auto;
  max-width: 100px;
}
.login_box > div > div > div:last-child {
  font-weight: 600;
}
.admins_holder {
  margin: 20px 0 0 0;
}
.admins_holder .admin {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  background: #fff;
  margin: 0 0 20px 0;
  padding: 0 20px 0 0;
  border-radius: 20px;
}
.admins_holder .admin:last-child {
  margin: 0;
}
.admins_holder .admin > div {
  padding: 20px 10px;
}
.admins_holder .admin > div:first-child {
  flex: 0 0 120px;
  padding: 0 10px 0 0;
}
.admins_holder .admin > div:first-child > div {
  background-repeat: no-repeat !important;
  background-position: top center !important;
  background-size: cover !important;
  background-color: #e6e6e6;
  overflow: hidden;
  position: relative;
  height: 110px;
  border-radius: 20px;
}
.admins_holder .admin > div:nth-child(2) {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  flex: 1;
  padding: 15px 5px;
}
.admins_holder .admin > div:nth-child(2) > div {
  padding: 5px;
}
.admins_holder .admin > div:nth-child(2) > div:first-child {
  flex: 1;
}
.admins_holder .admin > div h5 {
  font-weight: 600;
  color: #999;
}
.admins_holder .admin .button {
  margin: 0 0 0 5px;
}
.admins_holder .admin .button:first-child {
  margin: 0;
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  .admins_holder .admin {
    padding: 0;
  }
  .admins_holder .admin > div:first-child {
    flex: 0 0 90px;
  }
  .admins_holder .admin > div:first-child > div {
    height: 90px;
    border-radius: 20px 20px 20px 0;
  }
  .admins_holder .admin > div:nth-child(2) > div {
    padding: 0;
    flex: 0 0 100%;
  }
  .admins_holder .admin > div:nth-child(2) > div:first-child {
    flex: 0 0 100%;
  }
  .admins_holder .admin > div:last-child {
    flex: 0 0 100%;
    border-top: 1px solid #e6e6e6;
    padding: 15px;
    text-align: center;
  }
}
@media only screen and (max-width: 480px) {
  .admins_holder .admin {
    padding: 0;
  }
  .admins_holder .admin > div:first-child {
    flex: 0 0 90px;
  }
  .admins_holder .admin > div:first-child > div {
    height: 90px;
    border-radius: 20px 20px 20px 0;
  }
  .admins_holder .admin > div:nth-child(2) > div {
    padding: 0;
    flex: 0 0 100%;
  }
  .admins_holder .admin > div:nth-child(2) > div:first-child {
    flex: 0 0 100%;
  }
  .admins_holder .admin > div:last-child {
    flex: 0 0 100%;
    border-top: 1px solid #e6e6e6;
    padding: 15px;
    text-align: center;
  }
}
.roles_holder .role {
  background: #fff;
  border-radius: 20px;
  margin: 20px 0 0 0;
}
.roles_holder .role > div:first-child {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  background: #fff;
  border-radius: 20px;
  padding: 30px;
}
.roles_holder .role > div:first-child > div {
  padding: 0 0 0 10px;
}
.roles_holder .role > div:first-child > div:first-child {
  flex: 1;
  padding: 0;
}
.roles_holder .role > div:last-child > div {
  display: none;
  padding: 20px 60px 40px 60px;
}
.roles_holder .role > div:last-child > div .permission_box {
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #bbbbbb;
  padding: 20px 0;
  color: #bbbbbb;
}
.roles_holder .role > div:last-child > div .permission_box:first-child {
  border-top: none;
}
.roles_holder .role > div:last-child > div .permission_box > div:last-child {
  flex: 1;
  padding: 0 0 0 20px;
}
.roles_holder .role > div:last-child > div .permission_box.active {
  font-weight: 600;
  color: #222;
}
.roles_holder .role h5 {
  font-weight: 600;
  color: #999;
}
.roles_holder .role .show_hide_permissions i:last-child {
  display: none;
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  .roles_holder .role > div:first-child {
    padding: 30px;
  }
  .roles_holder .role > div:first-child > div {
    flex: 0 0 100%;
    padding: 0;
  }
  .roles_holder .role > div:first-child > div:first-child {
    flex: 0 0 100%;
    padding: 0;
  }
  .roles_holder .role > div:first-child > div:nth-child(2) {
    padding: 5px 0 15px 0;
  }
  .roles_holder .role > div:last-child > div {
    background: #f1f1f1;
    padding: 20px 40px 30px 40px;
    border-radius: 0 0 20px 20px;
  }
}
@media only screen and (max-width: 480px) {
  .roles_holder .role > div:first-child {
    padding: 30px;
  }
  .roles_holder .role > div:first-child > div {
    flex: 0 0 100%;
    padding: 0;
  }
  .roles_holder .role > div:first-child > div:first-child {
    flex: 0 0 100%;
    padding: 0;
  }
  .roles_holder .role > div:first-child > div:nth-child(2) {
    padding: 5px 0 15px 0;
  }
  .roles_holder .role > div:last-child > div {
    background: #f1f1f1;
    padding: 10px 30px 30px 30px;
    border-radius: 0 0 20px 20px;
  }
}
.single_admin_profile {
  margin: 20px 0 0 0;
  display: table;
  width: 100%;
  background: #fff;
  border-radius: 20px;
}
.single_admin_profile > div {
  display: table-cell;
}
.single_admin_profile > div:first-child {
  background-repeat: no-repeat !important;
  background-position: top center !important;
  background-size: cover !important;
  background-color: #e6e6e6;
  overflow: hidden;
  position: relative;
  width: 360px;
  border-radius: 20px;
}
.single_admin_profile > div:last-child {
  padding: 40px;
}
.single_admin_profile > div:last-child > div {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  border-top: 1px solid #ddd;
}
.single_admin_profile > div:last-child > div:first-child {
  border-top: none;
}
.single_admin_profile > div:last-child > div > div {
  flex: 1;
  padding: 15px 0;
}
.single_admin_profile > div:last-child > div > div:first-child {
  flex: 0 0 200px;
}
.single_admin_profile > div:last-child > div > div:last-child {
  font-weight: 600;
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .single_admin_profile > div:first-child {
    width: 380px;
  }
  .single_admin_profile > div:last-child > div {
    padding: 10px 0;
  }
  .single_admin_profile > div:last-child > div > div {
    flex: 0 0 100%;
    padding: 0;
  }
  .single_admin_profile > div:last-child > div > div:first-child {
    flex: 0 0 100%;
    color: #999;
  }
  .single_admin_profile > div:last-child > div:first-child {
    padding-top: 0;
  }
  .single_admin_profile > div:last-child > div:last-child {
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  .single_admin_profile {
    display: block;
  }
  .single_admin_profile > div {
    display: block;
  }
  .single_admin_profile > div:first-child {
    width: 100%;
    height: 360px;
  }
  .single_admin_profile > div:last-child {
    padding: 30px;
  }
  .single_admin_profile > div:last-child > div {
    padding: 10px 0;
  }
  .single_admin_profile > div:last-child > div > div {
    flex: 0 0 100%;
    padding: 0;
  }
  .single_admin_profile > div:last-child > div > div:first-child {
    flex: 0 0 100%;
  }
  .single_admin_profile > div:last-child > div:first-child {
    padding-top: 0;
  }
  .single_admin_profile > div:last-child > div:last-child {
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 480px) {
  .single_admin_profile {
    display: block;
  }
  .single_admin_profile > div {
    display: block;
  }
  .single_admin_profile > div:first-child {
    width: 100%;
    height: 320px;
  }
  .single_admin_profile > div:last-child {
    padding: 30px 20px;
  }
  .single_admin_profile > div:last-child > div {
    padding: 10px 0;
  }
  .single_admin_profile > div:last-child > div > div {
    flex: 0 0 100%;
    padding: 0;
  }
  .single_admin_profile > div:last-child > div > div:first-child {
    flex: 0 0 100%;
  }
  .single_admin_profile > div:last-child > div:first-child {
    padding-top: 0;
  }
  .single_admin_profile > div:last-child > div:last-child {
    padding-bottom: 0;
  }
}
.admin_functions {
  display: flex;
  flex-wrap: wrap;
  margin: 10px -10px -10px -10px;
}
.admin_functions > div {
  flex: 1;
  padding: 10px;
}
.admin_functions > div > div {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f1f1f1;
  border-radius: 20px;
  padding: 30px;
  transition: 0.3s ease;
}
.admin_functions > div > div > div:first-child {
  font-weight: 600;
  flex: 1;
  padding: 0 10px 0 0;
}
.admin_functions > div > div:hover {
  background: #fff;
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  .admin_functions > div {
    flex: 0 0 100%;
  }
  .admin_functions > div:nth-child(-n+2) {
    flex: 0 0 100%;
  }
}
@media only screen and (max-width: 480px) {
  .admin_functions > div {
    flex: 0 0 100%;
  }
  .admin_functions > div > div {
    padding: 25px 20px;
  }
  .admin_functions > div:nth-child(-n+2) {
    flex: 0 0 100%;
  }
}
.admin_role_permission {
  width: 100%;
  float: none !important;
}
.admin_role_permission > div:last-child {
  flex: 1;
}
.settings_box.display_picture {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  background: #fff;
  border-radius: 20px;
  padding: 40px;
  margin: 20px 0 0 0;
}
.settings_box.display_picture > div {
  font-weight: 600;
}
.settings_box.display_picture > div:first-child {
  flex: 0 0 200px;
}
.settings_box.display_picture > div:first-child > div {
  background-repeat: no-repeat !important;
  background-position: top center !important;
  background-size: cover !important;
  background-color: #e6e6e6;
  overflow: hidden;
  position: relative;
  height: 200px;
  border-radius: 50%;
}
.settings_box.display_picture > div:last-child {
  flex: 1;
  padding: 0 0 0 30px;
}
.settings_box.display_picture > div:last-child > div:first-child {
  font-weight: 600;
  color: #bbbbbb;
}
.settings_box.display_picture > div:last-child > div:first-child span {
  color: #d5d5d5;
}
.settings_box.display_picture > div:last-child > div:last-child {
  margin: 15px 0 0 0;
}
.settings_box.display_picture > div:last-child > div:last-child:after {
  content: "";
  clear: both;
  display: block;
}
.settings_box.display_picture > div:last-child > div:last-child > a {
  float: left;
  margin: 0 5px 0 0;
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  .settings_box.display_picture > div:last-child {
    flex: 0 0 100%;
    padding: 30px 0 0 0;
    text-align: center;
  }
  .settings_box.display_picture > div:last-child > div:last-child > a {
    float: none;
  }
}
@media only screen and (max-width: 480px) {
  .settings_box.display_picture {
    padding: 30px;
  }
  .settings_box.display_picture > div:last-child {
    flex: 0 0 100%;
    padding: 20px 0 0 0;
    text-align: center;
  }
  .settings_box.display_picture > div:last-child > div:last-child > a {
    float: none;
  }
}
.settings_box.personal_details {
  background: #fff;
  border-radius: 20px;
  margin: 20px 0 0 0;
}
.settings_box.personal_details > div:first-child {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px -10px -10px;
  padding: 30px 40px;
}
.settings_box.personal_details > div:first-child > div {
  flex: 0 0 50%;
  padding: 10px;
}
.settings_box.personal_details > div:last-child {
  border-top: 1px solid #e6e6e6;
  padding: 30px 40px;
  text-align: right;
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  .settings_box.personal_details > div:first-child > div {
    flex: 0 0 100%;
  }
}
@media only screen and (max-width: 480px) {
  .settings_box.personal_details > div:first-child {
    padding: 20px 30px 30px 30px;
  }
  .settings_box.personal_details > div:first-child > div {
    flex: 0 0 100%;
  }
  .settings_box.personal_details > div:last-child {
    padding: 30px;
  }
}
.settings_box.password_change {
  background: #fff;
  border-radius: 20px;
  margin: 20px 0 0 0;
}
.settings_box.password_change > div:first-child {
  display: flex;
  flex-wrap: wrap;
  padding: 30px;
}
.settings_box.password_change > div:first-child > div {
  flex: 0 0 33.33%;
  padding: 10px;
}
.settings_box.password_change > div:last-child {
  border-top: 1px solid #e6e6e6;
  padding: 30px 40px;
  text-align: right;
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .settings_box.password_change > div:first-child > div {
    flex: 0 0 50%;
  }
  .settings_box.password_change > div:first-child > div:first-child {
    flex: 0 0 100%;
  }
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  .settings_box.password_change > div:first-child {
    padding: 30px 30px 20px 30px;
  }
  .settings_box.password_change > div:first-child > div {
    flex: 0 0 100%;
  }
}
@media only screen and (max-width: 480px) {
  .settings_box.password_change > div:first-child {
    padding: 20px;
  }
  .settings_box.password_change > div:first-child > div {
    flex: 0 0 100%;
  }
  .settings_box.password_change > div:last-child {
    padding: 30px;
  }
}
/******* SEARCH LESS *******/
.major_searcher {
  position: fixed;
  z-index: 15;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  display: none;
}
.major_searcher > div {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.major_searcher > div > div:first-child {
  position: relative;
}
.major_searcher > div > div:first-child #search_box {
  padding: 40px 100px;
  background: none;
  transition: 0.3s ease;
  outline: none;
  width: 100%;
  font-size: 2.2rem;
  border: none;
  color: #222;
  font-weight: 500;
  font-family: 'Space Grotesk', sans-serif;
  text-align: center;
  border-bottom: 2px solid #f1f1f1;
}
.major_searcher > div > div:first-child #search_box:hover {
  border-bottom-color: #222;
}
.major_searcher > div > div:first-child #search_box:focus {
  border-bottom-color: #ffa63d;
}
.major_searcher > div > div:first-child > span {
  position: absolute;
  left: 0;
  top: 0;
  padding: 40px;
  font-size: 1.4rem;
  color: #e6e6e6;
  height: 100%;
  display: table;
}
.major_searcher > div > div:first-child > span > div {
  display: table-cell;
  vertical-align: middle;
}
.major_searcher > div > div:first-child > a {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  text-decoration: none;
  position: absolute;
  right: 0;
  top: 0;
  padding: 40px;
  font-size: 1.4rem;
  color: #e6e6e6;
  height: 100%;
  display: table;
  transition: 0.3s ease;
}
.major_searcher > div > div:first-child > a > div {
  display: table-cell;
  vertical-align: middle;
}
.major_searcher > div > div:first-child > a:hover {
  color: #ffa63d;
}
.major_searcher > div > div:first-child > a:active {
  color: #222;
}
.major_searcher > div > div:first-child .search_counter {
  font-weight: 700;
  text-align: center;
  font-size: 0.8rem;
  padding: 10px;
  background: #222;
  color: #fff;
  display: none;
}
.major_searcher > div > div.search_choices_holder {
  -webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.07));
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.07));
  display: flex;
  background: #fff;
  overflow-x: auto;
}
.major_searcher > div > div.search_choices_holder > a {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  text-decoration: none;
  font-weight: 600;
  flex: 1;
  display: block;
  background: #fff;
  padding: 20px 40px;
  transition: 0.3s ease;
  border-left: 1px solid #e6e6e6;
  text-align: center;
  white-space: nowrap;
}
.major_searcher > div > div.search_choices_holder > a:hover {
  background: #f1f1f1;
}
.major_searcher > div > div.search_choices_holder > a:active {
  background: #222;
  color: #fff;
}
.major_searcher > div > div.search_choices_holder > a.active {
  background: #ffa63d;
  color: #fff;
}
.major_searcher > div > div.search_choices_holder > a:first-child {
  border-left: none;
}
.major_searcher > div > div:last-child {
  flex: 1;
  display: table;
  height: 100%;
}
.major_searcher > div > div:last-child > div {
  display: table-cell;
}
.major_searcher > div > div:last-child > div > div {
  height: 100%;
  overflow-y: auto;
  padding: 40px;
}
.major_searcher > div > div:last-child > div > div > .search_results {
  max-width: 900px;
  margin: 0 auto;
}
.major_searcher > div > div:last-child > div > div > .search_results .no_search_results {
  text-align: center;
  color: #bbbbbb;
  margin: 40px 0 0 0;
}
.major_searcher > div > div:last-child > div > div > .search_results .preloader {
  text-align: center;
  margin: 40px 0 0 0;
}
.search_result_box {
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  text-decoration: none;
  background: #f1f1f1;
  margin: 0 0 15px 0;
  border-radius: 20px;
  text-align: left;
  transition: 0.3s ease;
}
.search_result_box:last-child {
  margin: 0;
}
.search_result_box h5 {
  font-weight: 600;
}
.search_result_box.one {
  padding: 10px 30px;
}
.search_result_box.one > div {
  padding: 10px;
}
.search_result_box.one > div:first-child > div {
  background-repeat: no-repeat !important;
  background-position: top center !important;
  background-size: cover !important;
  background-color: #e6e6e6;
  overflow: hidden;
  position: relative;
  height: 70px;
  width: 70px;
  border-radius: 50%;
}
.search_result_box.one > div:nth-child(2) {
  flex: 1;
}
.search_result_box.two > div {
  padding: 10px;
}
.search_result_box.two > div:first-child {
  flex: 0 0 150px;
  padding: 0 10px 0 0;
}
.search_result_box.two > div:first-child > div {
  background-repeat: no-repeat !important;
  background-position: top center !important;
  background-size: cover !important;
  background-color: #e6e6e6;
  overflow: hidden;
  position: relative;
  height: 125px;
  border-radius: 20px;
}
.search_result_box.two > div:nth-child(2) {
  flex: 1;
}
.search_result_box.two > div:nth-child(2) h5 {
  color: #ffa63d;
}
.search_result_box.three {
  padding: 20px 30px;
}
.search_result_box.three > div {
  padding: 10px;
}
.search_result_box.three > div:first-child {
  flex: 1;
}
.search_result_box:hover {
  background: #222;
  color: #fff;
}
/******* PAGES LESS *******/
.pages_holder {
  margin: 20px -10px -10px -10px;
  display: flex;
  flex-wrap: wrap;
}
.pages_holder > .page {
  flex: 0 0 50%;
  padding: 10px;
}
.pages_holder > .page > div {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 20px;
  padding: 40px 30px 40px 40px;
}
.pages_holder > .page > div > div:first-child {
  flex: 1;
  padding: 0 10px 0 0;
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .pages_holder > .page {
    flex: 0 0 100%;
  }
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  .pages_holder > .page {
    flex: 0 0 100%;
  }
}
@media only screen and (max-width: 480px) {
  .pages_holder {
    margin: 20px -10px -10px -10px;
  }
  .pages_holder > .page {
    flex: 0 0 100%;
  }
  .pages_holder > .page > div {
    padding: 30px 25px 30px 30px;
  }
}
.page_display_mains {
  margin-top: 30px;
  background: #fff;
  border-radius: 20px;
}
.page_display_mains > div {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 20px;
  border-top: 1px solid #e6e6e6;
}
.page_display_mains > div:first-child {
  border-top: none;
}
.page_display_mains > div > div {
  padding: 10px;
}
.page_display_mains > div > div:first-child {
  font-weight: 600;
  flex: 0 0 140px;
}
.page_display_mains > div > div:last-child {
  flex: 1;
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  .page_display_mains > div {
    padding: 30px;
  }
  .page_display_mains > div > div {
    padding: 0;
  }
  .page_display_mains > div > div:first-child {
    flex: 0 0 100%;
    padding: 0 0 5px 0;
  }
  .page_display_mains > div > div:last-child {
    flex: 0 0 100%;
  }
}
@media only screen and (max-width: 480px) {
  .page_display_mains > div {
    padding: 30px;
  }
  .page_display_mains > div > div {
    padding: 0;
  }
  .page_display_mains > div > div:first-child {
    flex: 0 0 100%;
    padding: 0 0 5px 0;
  }
  .page_display_mains > div > div:last-child {
    flex: 0 0 100%;
  }
}
.content_box {
  margin: 0 0 30px 0;
}
.content_box:last-child {
  margin: 0;
}
.content_box h3 {
  font-weight: 600;
}
.content_box.one {
  display: flex;
  flex-wrap: wrap;
}
.content_box.one > div:first-child {
  flex: 0 0 250px;
}
.content_box.one > div:first-child > div {
  height: 55%;
  min-height: 130px;
}
.content_box.one > div:first-child > div > div {
  background-repeat: no-repeat !important;
  background-position: top center !important;
  background-size: cover !important;
  background-color: #e6e6e6;
  overflow: hidden;
  position: relative;
  border-radius: 20px 0 0 20px;
  height: 100%;
}
.content_box.one > div:last-child {
  flex: 1;
  padding: 40px;
  background: #fff;
  border-radius: 0 20px 20px 20px;
}
.content_box.one > div:last-child > div {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.content_box.one > div:last-child > div > div:first-child {
  flex: 1;
  padding: 0 20px 0 0;
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .content_box.one > div:last-child > div > div:first-child {
    flex: 0 0 100%;
  }
  .content_box.one > div:last-child > div > div:last-child {
    flex: 0 0 100%;
    padding: 20px 0 0 0;
  }
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  .content_box.one > div:first-child {
    flex: 0 0 100%;
  }
  .content_box.one > div:first-child > div {
    height: 230px;
  }
  .content_box.one > div:first-child > div > div {
    border-radius: 20px 20px 0 0;
  }
  .content_box.one > div:last-child {
    flex: 0 0 100%;
    padding: 30px;
    border-radius: 0 0 20px 20px;
  }
  .content_box.one > div:last-child > div > div:first-child {
    flex: 0 0 100%;
  }
  .content_box.one > div:last-child > div > div:last-child {
    flex: 0 0 100%;
    padding: 20px 0 0 0;
  }
}
@media only screen and (max-width: 480px) {
  .content_box.one > div:first-child {
    flex: 0 0 100%;
  }
  .content_box.one > div:first-child > div {
    height: 230px;
  }
  .content_box.one > div:first-child > div > div {
    border-radius: 20px 20px 0 0;
  }
  .content_box.one > div:last-child {
    flex: 0 0 100%;
    padding: 30px;
    border-radius: 0 0 20px 20px;
  }
  .content_box.one > div:last-child > div > div:first-child {
    flex: 0 0 100%;
  }
  .content_box.one > div:last-child > div > div:last-child {
    flex: 0 0 100%;
    padding: 20px 0 0 0;
  }
}
.content_box.two {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  background: #fff;
  padding: 40px;
  border-radius: 20px;
}
.content_box.two > div {
  padding: 0 30px 0 0;
}
.content_box.two > div:first-child {
  flex: 1;
}
.content_box.two > div:last-child {
  padding: 0;
  text-align: right;
}
.content_box.two > div:last-child .button {
  margin: 0;
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  .content_box.two > div {
    padding: 0;
    flex: 0 0 100%;
  }
  .content_box.two > div:first-child {
    flex: 0 0 100%;
  }
  .content_box.two > div:last-child {
    padding: 20px 0 0 0;
    text-align: left;
  }
}
@media only screen and (max-width: 480px) {
  .content_box.two {
    padding: 30px;
  }
  .content_box.two > div {
    padding: 0;
    flex: 0 0 100%;
  }
  .content_box.two > div:first-child {
    flex: 0 0 100%;
  }
  .content_box.two > div:last-child {
    padding: 20px 0 0 0;
    text-align: left;
  }
}
.content_box.three {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  background: #fff;
  padding: 40px;
  border-radius: 20px;
}
.content_box.three > div:first-child {
  flex: 1;
  padding: 0 20px 0 0;
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  .content_box.three > div {
    flex: 0 0 100%;
  }
  .content_box.three > div:first-child {
    flex: 0 0 100%;
    padding: 0 0 20px 0;
  }
}
@media only screen and (max-width: 480px) {
  .content_box.three {
    padding: 30px;
  }
  .content_box.three > div {
    flex: 0 0 100%;
  }
  .content_box.three > div:first-child {
    flex: 0 0 100%;
    padding: 0 0 20px 0;
  }
}
.content_box.four {
  display: flex;
}
.content_box.four > div:first-child {
  flex: 1;
}
.content_box.four > div:first-child > div {
  min-height: 130px;
}
.content_box.four > div:first-child > div video {
  width: 100%;
  border-radius: 20px 0 20px 20px;
}
.content_box.four > div:first-child > div span {
  font-weight: 600;
  color: #d5d5d5;
  display: block;
  border-radius: 20px 0 20px 20px;
  background: #f1f1f1;
  padding: 100px;
  text-align: center;
}
.content_box.four > div:last-child > div {
  background: #fff;
  border-radius: 0 20px 20px 0;
  padding: 20px;
}
.page_link {
  font-weight: 700;
  font-size: 0.9rem;
  margin: 5px 0 0 0;
}
.page_link i {
  margin: 0 10px;
  color: #ffa63d;
}
.slides_holder > .slide {
  display: flex;
  flex-wrap: wrap;
  background: #fff;
  border-radius: 20px;
  margin: 20px 0 0 0;
  padding: 30px;
}
.slides_holder > .slide > div:first-child {
  flex: 1;
  padding: 0 10px 0 0;
}
.slides_holder > .slide > div:first-child h3 {
  font-weight: 700;
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .slides_holder > .slide > div:first-child {
    flex: 0 0 100%;
    padding: 0 0 10px 0;
  }
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  .slides_holder > .slide > div:first-child {
    flex: 0 0 100%;
    padding: 0 0 10px 0;
  }
}
@media only screen and (max-width: 480px) {
  .slides_holder > .slide > div:first-child {
    flex: 0 0 100%;
    padding: 0 0 10px 0;
  }
}
.page_media_holder > div.page_media_heading {
  margin: 30px 0;
  padding: 30px 0 0 0;
  border-top: 1px solid #bbbbbb;
  text-align: center;
}
.page_media_holder > div.page_media_heading h5 {
  font-weight: 600;
  color: #d5d5d5;
}
.page_media_holder > div.page_video_holder .page_video {
  text-align: right;
}
.page_media_holder > div.page_video_holder .page_video > div:first-child {
  background: #222;
  border-radius: 20px;
}
.page_media_holder > div.page_video_holder .page_video > div:first-child > video {
  width: 100%;
  border-radius: 20px;
}
.page_media_holder > div.page_video_holder .page_video > div:last-child {
  background: #fff;
  padding: 7.5px;
  border-radius: 20px;
  text-align: center;
  display: inline-block;
  margin: 5px 0 0 0;
}
.page_media_holder > div.page_video_holder .page_video > div:last-child:after {
  content: "";
  clear: both;
  display: block;
}
.page_media_holder > div.page_video_holder .page_video > div:last-child .button {
  float: left;
  margin: 2.5px;
}
.page_media_holder > div.page_video_holder .page_video_display {
  background: #222;
  border-radius: 20px;
}
.page_media_holder > div.page_video_holder .page_video_display > video {
  width: 100%;
  border-radius: 20px;
}
.other_links_holder {
  margin: 20px 0 0 0;
}
.other_links_holder .other_link {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  margin: 0 0 20px 0;
  padding: 0 20px;
  border-radius: 20px;
}
.other_links_holder .other_link:last-child {
  margin: 0;
}
.other_links_holder .other_link > div {
  padding: 30px 10px;
}
.other_links_holder .other_link > div:first-child {
  flex: 1;
}
/******* EVENTS LESS *******/
.events_holder {
  margin: 20px 0 0 0;
}
.events_holder .event {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  background: #fff;
  margin: 0 0 20px 0;
  padding: 0 20px 0 0;
  border-radius: 20px;
}
.events_holder .event:last-child {
  margin: 0;
}
.events_holder .event > div {
  padding: 30px 10px;
}
.events_holder .event > div:first-child {
  flex: 1;
  padding: 30px 10px 30px 30px;
}
.events_holder .event > div h5 {
  font-weight: 600;
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  .events_holder .event {
    padding: 30px;
  }
  .events_holder .event > div {
    flex: 0 0 100%;
    padding: 0;
  }
  .events_holder .event > div:first-child {
    flex: 0 0 100%;
    padding: 0;
  }
  .events_holder .event > div:nth-child(2) {
    padding: 5px 0 15px 0;
  }
}
@media only screen and (max-width: 480px) {
  .events_holder .event {
    padding: 30px;
  }
  .events_holder .event > div {
    flex: 0 0 100%;
    padding: 0;
  }
  .events_holder .event > div:first-child {
    flex: 0 0 100%;
    padding: 0;
  }
  .events_holder .event > div:nth-child(2) {
    padding: 5px 0 15px 0;
  }
}
/******* ENQUIRIES LESS *******/
.enquiries_holder {
  margin: 20px 0 0 0;
}
.enquiries_holder .enquiry {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  background: #fff;
  margin: 0 0 20px 0;
  padding: 20px 10px;
  border-radius: 20px;
}
.enquiries_holder .enquiry:last-child {
  margin: 0;
}
.enquiries_holder .enquiry > div {
  padding: 10px;
}
.enquiries_holder .enquiry > div:first-child {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  flex: 1;
  padding: 5px 5px 5px 15px;
}
.enquiries_holder .enquiry > div:first-child > div {
  padding: 5px;
}
.enquiries_holder .enquiry > div:first-child > div:first-child {
  flex: 1;
}
.enquiries_holder .enquiry > div:last-child:after {
  content: "";
  clear: both;
  display: block;
}
.enquiries_holder .enquiry > div:last-child .button {
  float: left;
  margin: 0 0 0 5px;
}
.enquiries_holder .enquiry > div:last-child .button:first-child {
  margin: 0;
}
.enquiries_holder .enquiry h5 {
  font-weight: 600;
}
.enquiries_holder .enquiry span {
  font-weight: 600;
  color: #bbbbbb;
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .enquiries_holder .enquiry {
    padding: 20px 0;
  }
  .enquiries_holder .enquiry > div {
    padding: 30px 0;
  }
  .enquiries_holder .enquiry > div:first-child {
    flex: 0 0 100%;
    padding: 0;
  }
  .enquiries_holder .enquiry > div:first-child > div {
    flex: 1;
  }
  .enquiries_holder .enquiry > div:first-child > div:first-child {
    flex: 0 0 100%;
    padding: 0 25px 10px 25px;
    border-bottom: 1px solid #e6e6e6;
  }
  .enquiries_holder .enquiry > div:first-child > div:nth-child(n+2) {
    padding: 10px 25px;
  }
  .enquiries_holder .enquiry > div:last-child {
    flex: 0 0 100%;
    padding: 15px 20px 0 20px;
    border-top: 1px solid #e6e6e6;
  }
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  .enquiries_holder .enquiry {
    padding: 20px 0;
  }
  .enquiries_holder .enquiry > div {
    padding: 25px 0;
  }
  .enquiries_holder .enquiry > div:first-child {
    flex: 0 0 100%;
    padding: 0;
  }
  .enquiries_holder .enquiry > div:first-child > div {
    flex: 1;
  }
  .enquiries_holder .enquiry > div:first-child > div:first-child {
    flex: 0 0 100%;
    padding: 0 25px;
  }
  .enquiries_holder .enquiry > div:first-child > div:nth-child(2) {
    flex: 0 0 100%;
    padding: 0 25px 10px 25px;
    border-bottom: 1px solid #e6e6e6;
  }
  .enquiries_holder .enquiry > div:first-child > div:nth-child(n+3) {
    padding: 10px 25px;
  }
  .enquiries_holder .enquiry > div:last-child {
    flex: 0 0 100%;
    padding: 15px 20px 0 20px;
    border-top: 1px solid #e6e6e6;
    text-align: center;
  }
  .enquiries_holder .enquiry > div:last-child > div {
    display: inline-block;
  }
}
@media only screen and (max-width: 480px) {
  .enquiries_holder .enquiry {
    padding: 20px 0;
  }
  .enquiries_holder .enquiry > div {
    padding: 25px 0;
  }
  .enquiries_holder .enquiry > div:first-child {
    flex: 0 0 100%;
    padding: 0;
  }
  .enquiries_holder .enquiry > div:first-child > div {
    flex: 0 0 100%;
  }
  .enquiries_holder .enquiry > div:first-child > div:first-child {
    padding: 0 25px;
  }
  .enquiries_holder .enquiry > div:first-child > div:nth-child(2) {
    padding: 0 25px 10px 25px;
    border-bottom: 1px solid #e6e6e6;
  }
  .enquiries_holder .enquiry > div:first-child > div:nth-child(n+3) {
    padding: 10px 25px;
    border-bottom: 1px solid #e6e6e6;
  }
  .enquiries_holder .enquiry > div:last-child {
    flex: 0 0 100%;
    padding: 15px 20px 0 20px;
    text-align: center;
  }
  .enquiries_holder .enquiry > div:last-child > div {
    display: inline-block;
  }
}
.enquiries_functions {
  display: flex;
  flex-wrap: wrap;
  margin: 10px -10px -10px -10px;
}
.enquiries_functions > div {
  flex: 1;
  padding: 10px;
}
.enquiries_functions > div > div {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f1f1f1;
  border-radius: 20px;
  padding: 30px;
  transition: 0.3s ease;
}
.enquiries_functions > div > div > div:first-child {
  font-weight: 600;
  flex: 1;
  padding: 0 10px 0 0;
}
.enquiries_functions > div > div:hover {
  background: #fff;
}
.enquiries_info_display {
  display: flex;
  flex-wrap: wrap;
  margin: 20px -10px -10px -10px;
}
.enquiries_info_display > div {
  flex: 0 0 33.33%;
  padding: 10px;
}
.enquiries_info_display > div > div {
  background: #fff;
  border-radius: 20px;
  height: 100%;
}
.enquiries_info_display > div > div > div {
  padding: 30px;
}
.enquiries_info_display > div > div > div:first-child {
  padding: 20px 30px;
  background: #f1f1f1;
  border-radius: 20px 20px 0 0;
}
.enquiries_info_display > div > div > div:first-child h5 {
  font-weight: 600;
}
.enquiries_info_display > div > div > div:last-child a {
  word-break: break-all;
}
.enquiries_info_display > div > div > div:last-child span {
  margin: 0 10px;
  color: #bbbbbb;
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .enquiries_info_display > div {
    flex: 0 0 50%;
  }
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  .enquiries_info_display > div {
    flex: 0 0 100%;
  }
  .enquiries_info_display > div > div {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .enquiries_info_display > div > div > div:first-child {
    flex: 1;
    border-radius: 20px;
    padding: 30px;
    height: 100%;
  }
  .enquiries_info_display > div > div > div:last-child {
    flex: 0 0 60%;
  }
}
@media only screen and (max-width: 480px) {
  .enquiries_info_display > div {
    flex: 0 0 100%;
  }
  .enquiries_info_display > div > div > div {
    padding: 20px;
  }
  .enquiries_info_display > div > div > div:first-child {
    padding: 20px;
  }
}
/******* NOTIFICATIONS LESS *******/
.notifications_holder {
  margin: 20px 0 0 0;
}
.notifications_holder > .notification {
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  text-decoration: none;
  background: #f1f1f1;
  padding: 20px 30px;
  border-radius: 20px;
  margin: 10px 0 0 0;
  transition: 0.3s ease;
}
.notifications_holder > .notification:first-child {
  margin: 0;
}
.notifications_holder > .notification > div:first-child {
  padding: 0 20px 0 0;
}
.notifications_holder > .notification > div:first-child > div {
  height: 10px;
  width: 9.5px;
  border-radius: 50%;
}
.notifications_holder > .notification > div:nth-child(2) {
  flex: 0 0 50px;
}
.notifications_holder > .notification > div:nth-child(2) > div {
  display: table;
  height: 50px;
  width: 100%;
  border-radius: 20px;
  background: #e6e6e6;
  color: #bbbbbb;
}
.notifications_holder > .notification > div:nth-child(2) > div > div {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 1rem;
}
.notifications_holder > .notification > div:last-child {
  flex: 1;
  padding: 0 0 0 20px;
}
.notifications_holder > .notification > div:last-child > h5 {
  font-weight: 600;
  margin: 2px 0 0 0;
  color: #bbbbbb;
}
.notifications_holder > .notification > div:last-child span {
  color: #ffa63d;
  margin: 0 8px;
  color: 0.75rem;
}
.notifications_holder > .notification:hover {
  background: #fff;
}
.notifications_holder > .notification.unseen {
  background: #fff;
}
.notifications_holder > .notification.unseen > div:first-child > div {
  background: #ffa63d;
}
.notifications_holder > .notification.unseen > div:nth-child(2) > div {
  color: #ffa63d;
}
.notifications_holder > .notification.unseen > div:last-child > h5 {
  color: #bbbbbb;
}
.notifications_holder > .notification.unseen:hover {
  background: #ffa63d;
  color: #fff;
}
.notifications_holder > .notification.unseen:hover > div:first-child > div {
  background: #fff;
}
.notifications_holder > .notification.unseen:hover > div:nth-child(2) > div {
  background: #fff;
  color: #ffa63d;
}
.notifications_holder > .notification.unseen:hover > div:last-child > h5 {
  color: #fff;
}
.notifications_holder > .notification.unseen:hover > div:last-child span {
  color: #fff;
}
.notifications_holder > .notification.with_image > div:nth-child(2) > div {
  background-repeat: no-repeat !important;
  background-position: top center !important;
  background-size: cover !important;
  background-color: #e6e6e6;
  overflow: hidden;
  position: relative;
}
.notifications_holder > .notification.with_image > div:nth-child(2) > div > div {
  background: #ffa63d;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.1;
}
.notifications_holder > .notification.mini {
  padding: 15px 25px;
  margin: 0;
  border-top: 1px solid #ddd;
  border-radius: 0;
}
.notifications_holder > .notification.mini > div:first-child {
  padding: 0 10px 0 0;
}
.notifications_holder > .notification.mini > div:nth-child(2) {
  flex: 0 0 45px;
}
.notifications_holder > .notification.mini > div:nth-child(2) > div {
  height: 45px;
}
.notifications_holder > .notification.mini > div:nth-child(2) > div > div {
  font-size: 0.9rem;
}
.notifications_holder > .notification.mini > div:last-child {
  padding: 0 0 0 10px;
  font-size: 0.8rem;
}
.notifications_holder > .notification.mini.unseen {
  border-top: 1px solid #e6e6e6;
}
.notifications_holder > .notification_breaker {
  margin: 30px 0;
  height: 1px;
  background: #bbbbbb;
}
.notifications_holder .preloader {
  background: #fff;
  border-radius: 20px;
  padding: 60px;
  text-align: center;
}
.notifications_popup {
  -webkit-filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.25));
  filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.25));
  position: fixed;
  z-index: 10;
  top: 80px;
  right: 30px;
  width: 400px;
  background: #fff;
  border-radius: 20px;
  display: none;
}
.notifications_popup > div:first-child {
  padding: 20px 20px 20px 10px;
  text-align: center;
}
.notifications_popup > div:first-child > h5 {
  font-weight: 600;
  color: #bbbbbb;
}
.notifications_popup > div:first-child > h5 > span {
  color: #ffa63d;
}
.notifications_popup > div.notifications_holder {
  margin: 0;
  height: 400px;
  overflow-y: auto;
}
.notifications_popup > div:last-child {
  border-top: 1px solid #e6e6e6;
}
.notifications_popup > div:last-child > a {
  font-weight: 600;
  display: block;
  padding: 20px;
  text-align: center;
  color: #ffa63d;
  transition: 0.3s ease;
  border-radius: 0 0 20px 20px;
}
.notifications_popup > div:last-child > a:hover {
  background: #ffa63d;
  color: #fff;
}
.notifications_popup > div:last-child > a:active {
  background: #222;
  color: #fff;
}
.notifications_popup .empty_state {
  background: none;
  padding: 150px 20px 20px 20px;
  border-radius: 0;
  margin: 0;
}
.notifications_popup .empty_state > div > div:first-child {
  font-size: 3rem;
}
/******* CALENDAR LESS *******/
.primary_shadow {
  -webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.08));
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.08));
}
.secondary_shadow {
  -webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.2));
}
.calendar_button {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  padding: 5px 10px;
  color: #222;
  transition: 0.3s ease;
  border-radius: 20px;
  font-size: 1rem;
  text-align: center;
  font-weight: 700;
}
.calendar_button:hover {
  background: #ffa63d;
  color: #fff;
}
.calendar_button:active {
  background: #222;
  color: #fff;
}
.calendar_button.disabled {
  color: #ccc;
  background: transparent;
  cursor: default;
}
.calendar {
  border-radius: 20px;
  background: #fff;
  padding: 20px;
  text-align: center;
}
.calendar > #c_section_one {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Space Grotesk', sans-serif;
  padding: 0 0 20px 0;
}
.calendar > #c_section_one > div {
  flex: 1;
  padding: 5px;
}
.calendar > #c_section_one > div .cal_month_year_info {
  display: none;
  font-size: 1.2rem;
  color: #ffa63d;
}
.calendar > #c_section_one > div .cal_month_year_info:first-child {
  display: block;
}
.calendar > #c_section_one > div .cal_month_year_info span:last-child {
  color: #bbbbbb;
  font-size: 0.9rem;
}
.calendar > #c_section_one > div:first-child {
  flex: 0 0 40px;
}
.calendar > #c_section_one > div:last-child {
  flex: 0 0 40px;
}
.calendar > #c_section_two {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Space Grotesk', sans-serif;
  padding: 7px 0;
  border: 1px solid #e2e2e2;
  border-width: 1px 1px 0 1px;
  font-weight: 700;
  font-size: 0.9rem;
}
.calendar > #c_section_two > div {
  padding: 5px;
  flex: 0 0 14.28%;
}
.calendar > #c_section_three > .c_month {
  display: none;
  border: 1px solid #e2e2e2;
  border-width: 1px 0 0 1px;
}
.calendar > #c_section_three > .c_month:first-child {
  display: block;
}
.calendar > #c_section_three > .c_month > div {
  display: flex;
  flex-wrap: wrap;
}
.calendar > #c_section_three > .c_month > div .c_day {
  flex: 0 0 14.28%;
  height: 90px;
}
.calendar > #c_section_three > .c_month > div .c_day > div {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  text-decoration: none;
  border: 1px solid #e2e2e2;
  border-width: 0 1px 1px 0;
  padding: 7px;
  transition: 0.3s ease;
  height: 100%;
  text-align: right;
  font-size: 0.8rem;
}
.calendar > #c_section_three > .c_month > div .c_day > div p {
  margin: 0 0 3px 0;
}
.calendar > #c_section_three > .c_month > div .c_day > div:hover {
  background: #f1f1f1;
}
.calendar > #c_section_three > .c_month > div .c_day > div:hover p:first-child {
  font-weight: bold;
}
.calendar > #c_section_three > .c_month > div .c_day > div .cal_event {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin: 0 0 3px 0;
  text-align: center;
}
.calendar > #c_section_three > .c_month > div .c_day > div .cal_event > div {
  display: table-cell;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  background: #ffa63d;
  padding: 3px 5px;
  font-size: 0.6rem;
  color: #fff;
  border-radius: 20px;
}
.calendar > #c_section_three > .c_month > div .c_day > div .cal_event.dimmed > div {
  background: #ccc;
}
.calendar > #c_section_three > .c_month > div .c_day > div .cal_event.yellow > div {
  background: #ffa63d;
}
.calendar > #c_section_three > .c_month > div .c_day > div .cal_event.for_attendance > div {
  background: #222;
  color: #fff;
}
.calendar > #c_section_three > .c_month > div .c_day.today > div {
  color: #ffa63d;
  font-size: 1.1rem;
}
.calendar > #c_section_three > .c_month > div .c_day.today > div p:first-child {
  border-right: 3px solid #ffa63d;
  padding: 0 10px 0 0;
  margin: 0 -7px 3px 0;
  font-weight: 700;
}
.calendar > #c_section_three > .c_month > div .c_day.out_of_range > div {
  cursor: default;
  background: #f9f9f9;
  color: #ccc;
}
.calendar > #c_section_three > .c_month > div .c_day.out_of_range > div:hover {
  background: #f9f9f9;
  font-weight: 400;
}
.calendar > #c_section_three > .c_month > div .c_day.clicked > div {
  background: #222;
  color: #fff;
  border-color: #222;
}
.calendar_day_popup {
  display: none;
  position: absolute;
  z-index: 3;
}
.calendar_day_popup > div {
  display: flex;
  -webkit-filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.25));
  filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.25));
  width: 460px;
}
.calendar_day_popup > div > div:first-child {
  padding: 20px 0 0 0;
}
.calendar_day_popup > div > div:first-child > div {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-right: 13px solid #fff;
  border-bottom: 10px solid transparent;
}
.calendar_day_popup > div > div:nth-child(2) {
  flex: 1;
  background: #fff;
  padding: 20px 10px;
  border-radius: 20px;
  border: solid #ddd;
  border-width: 1px 0;
}
.calendar_day_popup > div > div:nth-child(2) > div {
  display: flex;
}
.calendar_day_popup > div > div:nth-child(2) > div > div {
  padding: 0 20px;
}
.calendar_day_popup > div > div:nth-child(2) > div > div:first-child {
  text-align: center;
}
.calendar_day_popup > div > div:nth-child(2) > div > div:first-child > h5 {
  color: #bbb;
  text-transform: uppercase;
}
.calendar_day_popup > div > div:nth-child(2) > div > div:first-child > h1 {
  font-size: 3.5rem;
  font-weight: 400;
  margin: -13px 0 0 0;
}
.calendar_day_popup > div > div:nth-child(2) > div > div:last-child {
  flex: 1;
  border-left: 1px solid #e2e2e2;
  max-height: 300px;
  overflow-y: auto;
}
.calendar_day_popup > div > div:last-child {
  padding: 20px 0 0 0;
  display: none;
}
.calendar_day_popup > div > div:last-child > div {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-left: 13px solid #fff;
  border-bottom: 10px solid transparent;
}
.calendar_day_popup.flipped > div > div:first-child {
  display: none;
}
.calendar_day_popup.flipped > div > div:last-child {
  display: block;
}
.dayview_box {
  display: flex;
  padding: 0 0 15px 0;
  margin: 0 0 15px 0;
  border-bottom: 1px solid #ddd;
}
.dayview_box:last-child {
  padding: 0;
  margin: 0;
  border-bottom: none;
}
.dayview_box > div:first-child {
  font-size: 0.7rem;
  color: #ffa63d;
  padding: 3px 0 0 0;
}
.dayview_box > div:last-child {
  flex: 1;
  padding: 0 0 0 5px;
}
.dayview_box > div:last-child p {
  color: #ffa63d;
}
.dayview_box.for_assignment > div:first-child {
  color: #ffa63d;
}
.dayview_box.for_assignment > div:last-child p {
  color: #ffa63d;
}