/**

 * Retrieves a color value from the $material-colors Sass map

 * Inspired by https://github.com/nilskaspersson/Google-Material-UI-Color-Palette/

 *

 * @function

 * @param {string} color-name             - quoted, lower-case, dasherized color

 *                                          name (e.g. 'pink', 'amber')

 * @param {string} [color-variant='500']  - quoted, lowercase color variant (e.g.

 *                                          '200', 'a100')

 */
/* 
@import url("//hello.myfonts.net/count/3b460d"); */

@import url("https://fonts.googleapis.com/css?family=Playfair+Display:400,500,600,700&display=swap");

@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap");



@font-face {

  src: url("../font/SofiaPro-Regular/font.eot");

  font-family: 'Sofia Pro';

  src: url("../font/SofiaPro-Regular/font.woff2") format("woff2"), url("../font/SofiaPro-Regular/font.woff") format("woff"), url("../font/SofiaPro-Regular/font.eot?#iefix") format("embedded-opentype"), url("../font/SofiaPro-Regular/font.ttf") format("truetype");

  font-weight: normal;

  font-style: normal;

}



@font-face {

  src: url("../font/SofiaPro-SemiBold/font.eot");

  font-family: 'Sofia Pro';

  src: url("../font/SofiaPro-SemiBold/font.woff2") format("woff2"), url("../font/SofiaPro-SemiBold/font.woff") format("woff"), url("../font/SofiaPro-SemiBold/font.eot?#iefix") format("embedded-opentype"), url("../font/SofiaPro-SemiBold/font.ttf") format("truetype");

  font-weight: bold;

  font-style: normal;

}



@font-face {

  src: url("../font/SofiaPro-Medium/font.eot");

  font-family: 'Sofia Pro';

  src: url("../font/SofiaPro-Medium/font.woff2") format("woff2"), url("../font/SofiaPro-Medium/font.woff") format("woff"), url("../font/SofiaPro-Medium/font.eot?#iefix") format("embedded-opentype"), url("../font/SofiaPro-Medium/font.ttf") format("truetype");

  font-weight: 500;

  font-style: normal;

}



/* ~~~~~~~~~~~~~~~~VARIABLES~~~~~~~~~~~~~~~~ */

/* ~~~~~~~~~~~~~~~~MIXINS~~~~~~~~~~~~~~~~ */

/* ~~~~~~~~~~~~~~~~HELPERS~~~~~~~~~~~~~~~~ */

.no-mar-top {

  margin-top: 0 !important;

}



.no-mar-bot {

  margin-bottom: 0 !important;

}



.no-mar-left {

  margin-left: 0 !important;

}



.no-mar-right {

  margin-right: 0 !important;

}



.mr-20 {

  margin-right: 20px !important;

}



.no-mar {

  margin: 0 !important;

}



.no-mar-horiz {

  margin-left: 0 !important;

  margin-right: 0 !important;

}



.no-mar-vert {

  margin-top: 0 !important;

  margin-bottom: 0 !important;

}



.no-pad-left {

  padding-left: 0 !important;

}



.no-pad-right {

  padding-right: 0 !important;

}



.no-pad-horiz {

  padding-left: 0 !important;

  padding-right: 0 !important;

}



.no-pad-vert {

  padding-top: 0 !important;

  padding-bottom: 0 !important;

}



.no-pad {

  padding: 0 !important;

}



.vhide {

  visibility: hidden;

  pointer-events: none;

}



.vhide {

  visibility: hidden;

  pointer-events: none;

}



.vshow {

  visibility: visible;

  pointer-events: all;

}



.section-titles {

  font-size: 26px;

  margin-top: 10px;

  margin-bottom: 18px;

  color: #424242;

}



.section-descriptions {

  font-size: 17px;

  color: #757575;

  margin-top: 0;

  margin-bottom: 0;

}



.center-desc {

  display: inherit;

  font-size: 18px;

  text-align: center;

  color: #424242;

}



.descriptions {

  font-size: 16px;

  color: #828282;

  font-weight: 300;

}



@media (max-width: 415px) {

  .descriptions {

    font-size: 14px;

  }

}



.section-headings .sub-heading {

  font-size: 13px;

  color: #757575;

  font-weight: 500;

  margin-top: 0;

  margin-bottom: 8px;

}



.section-headings .heading {

  font-size: 24px;

  color: #212121;

  font-weight: 500;

  margin-top: 0;

  margin-bottom: 0;

}



.space-between {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

}



input:focus,

select:focus,

textarea:focus,

button:focus {

  outline: none;

}



.input-field {

  margin-bottom: 14px !important;

}



.form-group {

  margin-bottom: 30px !important;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: reverse;

  -ms-flex-direction: column-reverse;

  flex-direction: column-reverse;

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

}



.form-group label {

  font-size: 14px;

  font-weight: 400;

  line-height: 1;

  color: #616161;

  margin-bottom: 5px;

}



.form-control {

  -webkit-box-shadow: none;

  box-shadow: none;

  border-radius: 6px;

}



input.form-control,

input[type="text"],

input[type="password"] {

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  border: 1px solid #e0e0e0 !important;

  border-radius: 6px !important;

  padding-left: 13px !important;

  height: 44px !important;

  font-size: 14px !important;

  -webkit-box-sizing: border-box !important;

  box-sizing: border-box !important;

  margin-bottom: 0 !important;

  background-color: white !important;

  padding-top: 9px;

  -webkit-box-shadow: none;

  box-shadow: none;

  color: #424242 !important;

}



input.form-control::-webkit-input-placeholder,

input[type="text"]::-webkit-input-placeholder,

input[type="password"]::-webkit-input-placeholder {

  /* Chrome/Opera/Safari */

  color: #9e9e9e;

  font-weight: 300;

}



input.form-control::-moz-placeholder,

input[type="text"]::-moz-placeholder,

input[type="password"]::-moz-placeholder {

  /* Firefox 19+ */

  color: #9e9e9e;

  font-weight: 300;

}



input.form-control:-ms-input-placeholder,

input[type="text"]:-ms-input-placeholder,

input[type="password"]:-ms-input-placeholder {

  /* IE 10+ */

  color: #9e9e9e;

  font-weight: 300;

}



input.form-control:-moz-placeholder,

input[type="text"]:-moz-placeholder,

input[type="password"]:-moz-placeholder {

  /* Firefox 18- */

  color: #9e9e9e;

  font-weight: 300;

}



select {

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  border: 1px solid #e0e0e0 !important;

  border-radius: 3px !important;

  padding-left: 13px !important;

  height: 44px !important;

  font-size: 14px !important;

  -webkit-box-sizing: border-box !important;

  box-sizing: border-box !important;

  margin-bottom: 0 !important;

  background-color: white !important;

  outline: none !important;

  background: url(../res/select_caret.svg) calc(100% - 14px) calc(50% - 0px) no-repeat;

  cursor: pointer;

}



.form-group select {

  width: 100%;

}



.custom-file {

  height: 44px !important;

}



.custom-file label.custom-file-label {

  border: 1px solid #e0e0e0 !important;

  border-radius: 3px !important;

  height: 44px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  font-size: 14px;

}



.custom-file label.custom-file-label:after {

  height: 42px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  border-radius: 0 3px 3px 0;

  background-color: #616161;

  color: white;

  padding-left: 40px;

  padding-right: 40px;

}



textarea.form-control {

  border: 1px solid #e0e0e0 !important;

  border-radius: 2px !important;

  padding-left: 13px !important;

  /* height: 44px !important; */

  -webkit-box-sizing: border-box !important;

  box-sizing: border-box !important;

  resize: vertical !important;

  background-color: white !important;

  font-size: 14px !important;

}



textarea.form-control::-webkit-input-placeholder {

  /* Chrome/Opera/Safari */

  color: #bdbdbd;

  font-weight: 300;

  font-family: inherit;

}



textarea.form-control::-moz-placeholder {

  /* Firefox 19+ */

  color: #bdbdbd;

  font-weight: 300;

  font-family: inherit;

}



textarea.form-control:-ms-input-placeholder {

  /* IE 10+ */

  color: #bdbdbd;

  font-weight: 300;

  font-family: inherit;

}



textarea.form-control:-moz-placeholder {

  /* Firefox 18- */

  color: #bdbdbd;

  font-weight: 300;

  font-family: inherit;

}



.input-field>label:not(.label-icon) {

  -webkit-transition: all .2s ease-out;

  transition: all .2s ease-out;

  width: auto !important;

  -webkit-transform: translateY(-26px) scale(0.8) !important;

  transform: translateY(-26px) scale(0.8) !important;

  color: #757575 !important;

  white-space: nowrap;

  -webkit-transform-origin: 0% 100% !important;

  transform-origin: 0% 100% !important;

}



.input-field>label:not(.label-icon).active {

  color: #757575 !important;

}



.input-field>input:focus+label:not(.label-icon).active,

.input-field>textarea:focus+label:not(.label-icon).active {

  color: #507BB8 !important;

}



.form-group>input:focus+label,

.form-group>textarea:focus+label {

  color: #507BB8 !important;

}



input.invalid {

  border-bottom: 2px solid #f44336 !important;

}



input:not([type]):focus:not([readonly]),

input[type="text"]:not(.browser-default):focus:not([readonly]),

input[type="password"]:not(.browser-default):focus:not([readonly]),

input[type="email"]:not(.browser-default):focus:not([readonly]),

input[type="url"]:not(.browser-default):focus:not([readonly]),

input[type="time"]:not(.browser-default):focus:not([readonly]),

input[type="date"]:not(.browser-default):focus:not([readonly]),

input[type="datetime"]:not(.browser-default):focus:not([readonly]),

input[type="datetime-local"]:not(.browser-default):focus:not([readonly]),

input[type="tel"]:not(.browser-default):focus:not([readonly]),

input[type="number"]:not(.browser-default):not(.quantity-display):focus:not([readonly]),

textarea.materialize-textarea:focus:not([readonly]) {

  border: 1px solid #507BB8 !important;

  -webkit-box-shadow: 0 0px 3px 0 #507BB8 !important;

  box-shadow: 0 0px 3px 0 #507BB8 !important;

}



input.invalid {

  border: 1px solid #ef5350 !important;

  -webkit-box-shadow: 0 0px 3px 0 rgba(239, 83, 80, 0.8) !important;

  box-shadow: 0 0px 3px 0 rgba(239, 83, 80, 0.5) !important;

}



.checkbox-group {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row;

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

  margin-bottom: 16px;

  cursor: pointer;

}



.checkbox-group input[type="checkbox"] {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 20px;

  flex: 0 0 20px;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  position: relative;

  opacity: 1;

  width: 20px !important;

  height: 20px !important;

  border-radius: 2px !important;

  padding: 0 !important;

  border: 1px solid #9e9e9e !important;

  background-color: transparent !important;

  pointer-events: none !important;

  cursor: pointer;

  margin-right: 10px !important;

  outline: none;

  -webkit-transition: all;

  transition: all;

  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  -webkit-transition-duration: 300ms;

  transition-duration: 300ms;

  -webkit-box-ordinal-group: initial;

  -ms-flex-order: initial;

  order: initial;

}



.checkbox-group input[type="checkbox"]:checked {

  background-color: #507BB8 !important;

  border: 1px solid #507BB8 !important;

}



.checkbox-group input[type="checkbox"]:checked:after {

  content: '\e5ca';

  font-size: 15px;

  position: absolute;

  left: 2px;

  top: 2px;

  font-family: "Material Icons";

  color: white;

  z-index: 1;

  line-height: 1;

}



.checkbox-group input[type="checkbox"].circular-cb {

  border-radius: 50% !important;

}



.checkbox-group span {

  color: #757575;

  font-size: 14px;

  line-height: 1;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: start;

  -ms-flex-pack: start;

  justify-content: flex-start;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  position: relative;

  padding-top: 4px;

}



/*!

 * Bootstrap v4.3.1 (https://getbootstrap.com/)

 * Copyright 2011-2019 The Bootstrap Authors

 * Copyright 2011-2019 Twitter, Inc.

 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)

 */

:root {

  --blue: #007bff;

  --indigo: #6610f2;

  --purple: #6f42c1;

  --pink: #e83e8c;

  --red: #dc3545;

  --orange: #fd7e14;

  --yellow: #ffc107;

  --green: #28a745;

  --teal: #20c997;

  --cyan: #17a2b8;

  --white: #fff;

  --gray: #6c757d;

  --gray-dark: #343a40;

  --primary: #007bff;

  --secondary: #6c757d;

  --success: #28a745;

  --info: #17a2b8;

  --warning: #ffc107;

  --danger: #dc3545;

  --light: #f8f9fa;

  --dark: #343a40;

  --breakpoint-xs: 0;

  --breakpoint-sm: 576px;

  --breakpoint-md: 768px;

  --breakpoint-lg: 992px;

  --breakpoint-xl: 1200px;

  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

}



*,

*::before,

*::after {

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}



html {

  font-family: sans-serif;

  line-height: 1.15;

  -webkit-text-size-adjust: 100%;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}



article,

aside,

figcaption,

figure,

footer,

header,

hgroup,

main,

nav,

section {

  display: block;

}



body {

  margin: 0;

  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

  font-size: 1rem;

  font-weight: 400;

  line-height: 1.5;

  color: #212529;

  text-align: left;

  background-color: #fff;

}



[tabindex="-1"]:focus {

  outline: 0 !important;

}



hr {

  -webkit-box-sizing: content-box;

  box-sizing: content-box;

  height: 0;

  overflow: visible;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  margin-top: 0;

  margin-bottom: 0.5rem;

}



p {

  margin-top: 0;

  margin-bottom: 1rem;

}



abbr[title],

abbr[data-original-title] {

  text-decoration: underline;

  -webkit-text-decoration: underline dotted;

  text-decoration: underline dotted;

  cursor: help;

  border-bottom: 0;

  text-decoration-skip-ink: none;

}



address {

  margin-bottom: 1rem;

  font-style: normal;

  line-height: inherit;

}



ol,

ul,

dl {

  margin-top: 0;

  margin-bottom: 1rem;

}



ol ol,

ul ul,

ol ul,

ul ol {

  margin-bottom: 0;

}



dt {

  font-weight: 700;

}



dd {

  margin-bottom: .5rem;

  margin-left: 0;

}



blockquote {

  margin: 0 0 1rem;

}



b,

strong {

  font-weight: bolder;

}



small {

  font-size: 80%;

}



sub,

sup {

  position: relative;

  font-size: 75%;

  line-height: 0;

  vertical-align: baseline;

}



sub {

  bottom: -.25em;

}



sup {

  top: -.5em;

}



a {

  color: #007bff;

  text-decoration: none;

  background-color: transparent;

}



a:hover {

  color: #0056b3;

  text-decoration: underline;

}



a:not([href]):not([tabindex]) {

  color: inherit;

  text-decoration: none;

}



a:not([href]):not([tabindex]):hover,

a:not([href]):not([tabindex]):focus {

  color: inherit;

  text-decoration: none;

}



a:not([href]):not([tabindex]):focus {

  outline: 0;

}



pre,

code,

kbd,

samp {

  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

  font-size: 1em;

}



pre {

  margin-top: 0;

  margin-bottom: 1rem;

  overflow: auto;

}



figure {

  margin: 0 0 1rem;

}



img {

  vertical-align: middle;

  border-style: none;

}



svg {

  overflow: hidden;

  vertical-align: middle;

}



table {

  border-collapse: collapse;

}



caption {

  padding-top: 0.75rem;

  padding-bottom: 0.75rem;

  color: #6c757d;

  text-align: left;

  caption-side: bottom;

}



th {

  text-align: inherit;

}



label {

  display: inline-block;

  margin-bottom: 0.5rem;

}



button {

  border-radius: 0;

}



button:focus {

  outline: 1px dotted;

  outline: 5px auto -webkit-focus-ring-color;

}



input,

button,

select,

optgroup,

textarea {

  margin: 0;

  font-family: inherit;

  font-size: inherit;

  line-height: inherit;

}



button,

input {

  overflow: visible;

}



button,

select {

  text-transform: none;

}



select {

  word-wrap: normal;

}



button,

[type="button"],

[type="reset"],

[type="submit"] {

  -webkit-appearance: button;

}



button:not(:disabled),

[type="button"]:not(:disabled),

[type="reset"]:not(:disabled),

[type="submit"]:not(:disabled) {

  cursor: pointer;

}



button::-moz-focus-inner,

[type="button"]::-moz-focus-inner,

[type="reset"]::-moz-focus-inner,

[type="submit"]::-moz-focus-inner {

  padding: 0;

  border-style: none;

}



input[type="radio"],

input[type="checkbox"] {

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  padding: 0;

}



input[type="date"],

input[type="time"],

input[type="datetime-local"],

input[type="month"] {

  -webkit-appearance: listbox;

}



textarea {

  overflow: auto;

  resize: vertical;

}



fieldset {

  min-width: 0;

  padding: 0;

  margin: 0;

  border: 0;

}



legend {

  display: block;

  width: 100%;

  max-width: 100%;

  padding: 0;

  margin-bottom: .5rem;

  font-size: 1.5rem;

  line-height: inherit;

  color: inherit;

  white-space: normal;

}



progress {

  vertical-align: baseline;

}



[type="number"]::-webkit-inner-spin-button,

[type="number"]::-webkit-outer-spin-button {

  height: auto;

}



[type="search"] {

  outline-offset: -2px;

  -webkit-appearance: none;

}



[type="search"]::-webkit-search-decoration {

  -webkit-appearance: none;

}



::-webkit-file-upload-button {

  font: inherit;

  -webkit-appearance: button;

}



output {

  display: inline-block;

}



summary {

  display: list-item;

  cursor: pointer;

}



template {

  display: none;

}



[hidden] {

  display: none !important;

}



h1,

h2,

h3,

h4,

h5,

h6,

.h1,

.h2,

.h3,

.h4,

.h5,

.h6 {

  margin-bottom: 0.5rem;

  font-weight: 500;

  line-height: 1.2;

}



h1,

.h1 {

  font-size: 2.5rem;

}



h2,

.h2 {

  font-size: 2rem;

}



h3,

.h3 {

  font-size: 1.75rem;

}



h4,

.h4 {

  font-size: 1.5rem;

}



h5,

.h5 {

  font-size: 1.25rem;

}



h6,

.h6 {

  font-size: 1rem;

}



.lead {

  font-size: 1.25rem;

  font-weight: 300;

}



.display-1 {

  font-size: 6rem;

  font-weight: 300;

  line-height: 1.2;

}



.display-2 {

  font-size: 5.5rem;

  font-weight: 300;

  line-height: 1.2;

}



.display-3 {

  font-size: 4.5rem;

  font-weight: 300;

  line-height: 1.2;

}



.display-4 {

  font-size: 3.5rem;

  font-weight: 300;

  line-height: 1.2;

}



hr {

  margin-top: 1rem;

  margin-bottom: 1rem;

  border: 0;

  border-top: 1px solid rgba(0, 0, 0, 0.1);

}



small,

.small {

  font-size: 80%;

  font-weight: 400;

}



mark,

.mark {

  padding: 0.2em;

  background-color: #fcf8e3;

}



.list-unstyled {

  padding-left: 0;

  list-style: none;

}



.list-inline {

  padding-left: 0;

  list-style: none;

}



.list-inline-item {

  display: inline-block;

}



.list-inline-item:not(:last-child) {

  margin-right: 0.5rem;

}



.initialism {

  font-size: 90%;

  text-transform: uppercase;

}



.blockquote {

  margin-bottom: 1rem;

  font-size: 1.25rem;

}



.blockquote-footer {

  display: block;

  font-size: 80%;

  color: #6c757d;

}



.blockquote-footer::before {

  content: "\2014\00A0";

}



.img-fluid {

  max-width: 100%;

  height: auto;

}



.img-thumbnail {

  padding: 0.25rem;

  background-color: #fff;

  border: 1px solid #dee2e6;

  border-radius: 0.25rem;

  max-width: 100%;

  height: auto;

}



.figure {

  display: inline-block;

}



.figure-img {

  margin-bottom: 0.5rem;

  line-height: 1;

}



.figure-caption {

  font-size: 90%;

  color: #6c757d;

}



code {

  font-size: 87.5%;

  color: #e83e8c;

  word-break: break-word;

}



a>code {

  color: inherit;

}



kbd {

  padding: 0.2rem 0.4rem;

  font-size: 87.5%;

  color: #fff;

  background-color: #212529;

  border-radius: 0.2rem;

}



kbd kbd {

  padding: 0;

  font-size: 100%;

  font-weight: 700;

}



pre {

  display: block;

  font-size: 87.5%;

  color: #212529;

}



pre code {

  font-size: inherit;

  color: inherit;

  word-break: normal;

}



.pre-scrollable {

  max-height: 340px;

  overflow-y: scroll;

}



.container {

  width: 100%;

  padding-right: 15px;

  padding-left: 15px;

  margin-right: auto;

  margin-left: auto;

}



@media (min-width: 576px) {

  .container {

    max-width: 540px;

  }

}



@media (min-width: 768px) {

  .container {

    max-width: 720px;

  }

}



@media (min-width: 992px) {

  .container {

    max-width: 960px;

  }

}



@media (min-width: 1200px) {

  .container {

    max-width: 1140px;

  }

}



.container-fluid {

  width: 100%;

  padding-right: 15px;

  padding-left: 15px;

  margin-right: auto;

  margin-left: auto;

}



.row {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  margin-right: -15px;

  margin-left: -15px;

}



.no-gutters {

  margin-right: 0;

  margin-left: 0;

}



.no-gutters>.col,

.no-gutters>[class*="col-"] {

  padding-right: 0;

  padding-left: 0;

}



.col-1,

.col-2,

.col-3,

.col-4,

.col-5,

.col-6,

.col-7,

.col-8,

.col-9,

.col-10,

.col-11,

.col-12,

.col,

.col-auto,

.col-sm-1,

.col-sm-2,

.col-sm-3,

.col-sm-4,

.col-sm-5,

.col-sm-6,

.col-sm-7,

.col-sm-8,

.col-sm-9,

.col-sm-10,

.col-sm-11,

.col-sm-12,

.col-sm,

.col-sm-auto,

.col-md-1,

.col-md-2,

.col-md-3,

.col-md-4,

.col-md-5,

.col-md-6,

.col-md-7,

.col-md-8,

.col-md-9,

.col-md-10,

.col-md-11,

.col-md-12,

.col-md,

.col-md-auto,

.col-lg-1,

.col-lg-2,

.col-lg-3,

.col-lg-4,

.col-lg-5,

.col-lg-6,

.col-lg-7,

.col-lg-8,

.col-lg-9,

.col-lg-10,

.col-lg-11,

.col-lg-12,

.col-lg,

.col-lg-auto,

.col-xl-1,

.col-xl-2,

.col-xl-3,

.col-xl-4,

.col-xl-5,

.col-xl-6,

.col-xl-7,

.col-xl-8,

.col-xl-9,

.col-xl-10,

.col-xl-11,

.col-xl-12,

.col-xl,

.col-xl-auto {

  position: relative;

  width: 100%;

  padding-right: 15px;

  padding-left: 15px;

}



.col {

  -ms-flex-preferred-size: 0;

  flex-basis: 0;

  -webkit-box-flex: 1;

  -ms-flex-positive: 1;

  flex-grow: 1;

  max-width: 100%;

}



.col-auto {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 auto;

  flex: 0 0 auto;

  width: auto;

  max-width: 100%;

}



.col-1 {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 8.33333%;

  flex: 0 0 8.33333%;

  max-width: 8.33333%;

}



.col-2 {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 16.66667%;

  flex: 0 0 16.66667%;

  max-width: 16.66667%;

}



.col-3 {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 25%;

  flex: 0 0 25%;

  max-width: 25%;

}



.col-4 {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 33.33333%;

  flex: 0 0 33.33333%;

  max-width: 33.33333%;

}



.col-5 {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 41.66667%;

  flex: 0 0 41.66667%;

  max-width: 41.66667%;

}



.col-6 {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 50%;

  flex: 0 0 50%;

  max-width: 50%;

}



.col-7 {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 58.33333%;

  flex: 0 0 58.33333%;

  max-width: 58.33333%;

}



.col-8 {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 66.66667%;

  flex: 0 0 66.66667%;

  max-width: 66.66667%;

}



.col-9 {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 75%;

  flex: 0 0 75%;

  max-width: 75%;

}



.col-10 {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 83.33333%;

  flex: 0 0 83.33333%;

  max-width: 83.33333%;

}



.col-11 {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 91.66667%;

  flex: 0 0 91.66667%;

  max-width: 91.66667%;

}



.col-12 {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 100%;

  flex: 0 0 100%;

  max-width: 100%;

}



.order-first {

  -webkit-box-ordinal-group: 0;

  -ms-flex-order: -1;

  order: -1;

}



.order-last {

  -webkit-box-ordinal-group: 14;

  -ms-flex-order: 13;

  order: 13;

}



.order-0 {

  -webkit-box-ordinal-group: 1;

  -ms-flex-order: 0;

  order: 0;

}



.order-1 {

  -webkit-box-ordinal-group: 2;

  -ms-flex-order: 1;

  order: 1;

}



.order-2 {

  -webkit-box-ordinal-group: 3;

  -ms-flex-order: 2;

  order: 2;

}



.order-3 {

  -webkit-box-ordinal-group: 4;

  -ms-flex-order: 3;

  order: 3;

}



.order-4 {

  -webkit-box-ordinal-group: 5;

  -ms-flex-order: 4;

  order: 4;

}



.order-5 {

  -webkit-box-ordinal-group: 6;

  -ms-flex-order: 5;

  order: 5;

}



.order-6 {

  -webkit-box-ordinal-group: 7;

  -ms-flex-order: 6;

  order: 6;

}



.order-7 {

  -webkit-box-ordinal-group: 8;

  -ms-flex-order: 7;

  order: 7;

}



.order-8 {

  -webkit-box-ordinal-group: 9;

  -ms-flex-order: 8;

  order: 8;

}



.order-9 {

  -webkit-box-ordinal-group: 10;

  -ms-flex-order: 9;

  order: 9;

}



.order-10 {

  -webkit-box-ordinal-group: 11;

  -ms-flex-order: 10;

  order: 10;

}



.order-11 {

  -webkit-box-ordinal-group: 12;

  -ms-flex-order: 11;

  order: 11;

}



.order-12 {

  -webkit-box-ordinal-group: 13;

  -ms-flex-order: 12;

  order: 12;

}



.offset-1 {

  margin-left: 8.33333%;

}



.offset-2 {

  margin-left: 16.66667%;

}



.offset-3 {

  margin-left: 25%;

}



.offset-4 {

  margin-left: 33.33333%;

}



.offset-5 {

  margin-left: 41.66667%;

}



.offset-6 {

  margin-left: 50%;

}



.offset-7 {

  margin-left: 58.33333%;

}



.offset-8 {

  margin-left: 66.66667%;

}



.offset-9 {

  margin-left: 75%;

}



.offset-10 {

  margin-left: 83.33333%;

}



.offset-11 {

  margin-left: 91.66667%;

}



@media (min-width: 576px) {

  .col-sm {

    -ms-flex-preferred-size: 0;

    flex-basis: 0;

    -webkit-box-flex: 1;

    -ms-flex-positive: 1;

    flex-grow: 1;

    max-width: 100%;

  }



  .col-sm-auto {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: auto;

    max-width: 100%;

  }



  .col-sm-1 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 8.33333%;

    flex: 0 0 8.33333%;

    max-width: 8.33333%;

  }



  .col-sm-2 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 16.66667%;

    flex: 0 0 16.66667%;

    max-width: 16.66667%;

  }



  .col-sm-3 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 25%;

    flex: 0 0 25%;

    max-width: 25%;

  }



  .col-sm-4 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 33.33333%;

    flex: 0 0 33.33333%;

    max-width: 33.33333%;

  }



  .col-sm-5 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 41.66667%;

    flex: 0 0 41.66667%;

    max-width: 41.66667%;

  }



  .col-sm-6 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;

  }



  .col-sm-7 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 58.33333%;

    flex: 0 0 58.33333%;

    max-width: 58.33333%;

  }



  .col-sm-8 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 66.66667%;

    flex: 0 0 66.66667%;

    max-width: 66.66667%;

  }



  .col-sm-9 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 75%;

    flex: 0 0 75%;

    max-width: 75%;

  }



  .col-sm-10 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 83.33333%;

    flex: 0 0 83.33333%;

    max-width: 83.33333%;

  }



  .col-sm-11 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 91.66667%;

    flex: 0 0 91.66667%;

    max-width: 91.66667%;

  }



  .col-sm-12 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%;

  }



  .order-sm-first {

    -webkit-box-ordinal-group: 0;

    -ms-flex-order: -1;

    order: -1;

  }



  .order-sm-last {

    -webkit-box-ordinal-group: 14;

    -ms-flex-order: 13;

    order: 13;

  }



  .order-sm-0 {

    -webkit-box-ordinal-group: 1;

    -ms-flex-order: 0;

    order: 0;

  }



  .order-sm-1 {

    -webkit-box-ordinal-group: 2;

    -ms-flex-order: 1;

    order: 1;

  }



  .order-sm-2 {

    -webkit-box-ordinal-group: 3;

    -ms-flex-order: 2;

    order: 2;

  }



  .order-sm-3 {

    -webkit-box-ordinal-group: 4;

    -ms-flex-order: 3;

    order: 3;

  }



  .order-sm-4 {

    -webkit-box-ordinal-group: 5;

    -ms-flex-order: 4;

    order: 4;

  }



  .order-sm-5 {

    -webkit-box-ordinal-group: 6;

    -ms-flex-order: 5;

    order: 5;

  }



  .order-sm-6 {

    -webkit-box-ordinal-group: 7;

    -ms-flex-order: 6;

    order: 6;

  }



  .order-sm-7 {

    -webkit-box-ordinal-group: 8;

    -ms-flex-order: 7;

    order: 7;

  }



  .order-sm-8 {

    -webkit-box-ordinal-group: 9;

    -ms-flex-order: 8;

    order: 8;

  }



  .order-sm-9 {

    -webkit-box-ordinal-group: 10;

    -ms-flex-order: 9;

    order: 9;

  }



  .order-sm-10 {

    -webkit-box-ordinal-group: 11;

    -ms-flex-order: 10;

    order: 10;

  }



  .order-sm-11 {

    -webkit-box-ordinal-group: 12;

    -ms-flex-order: 11;

    order: 11;

  }



  .order-sm-12 {

    -webkit-box-ordinal-group: 13;

    -ms-flex-order: 12;

    order: 12;

  }



  .offset-sm-0 {

    margin-left: 0;

  }



  .offset-sm-1 {

    margin-left: 8.33333%;

  }



  .offset-sm-2 {

    margin-left: 16.66667%;

  }



  .offset-sm-3 {

    margin-left: 25%;

  }



  .offset-sm-4 {

    margin-left: 33.33333%;

  }



  .offset-sm-5 {

    margin-left: 41.66667%;

  }



  .offset-sm-6 {

    margin-left: 50%;

  }



  .offset-sm-7 {

    margin-left: 58.33333%;

  }



  .offset-sm-8 {

    margin-left: 66.66667%;

  }



  .offset-sm-9 {

    margin-left: 75%;

  }



  .offset-sm-10 {

    margin-left: 83.33333%;

  }



  .offset-sm-11 {

    margin-left: 91.66667%;

  }

}



@media (min-width: 768px) {

  .col-md {

    -ms-flex-preferred-size: 0;

    flex-basis: 0;

    -webkit-box-flex: 1;

    -ms-flex-positive: 1;

    flex-grow: 1;

    max-width: 100%;

  }



  .col-md-auto {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: auto;

    max-width: 100%;

  }



  .col-md-1 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 8.33333%;

    flex: 0 0 8.33333%;

    max-width: 8.33333%;

  }



  .col-md-2 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 16.66667%;

    flex: 0 0 16.66667%;

    max-width: 16.66667%;

  }



  .col-md-3 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 25%;

    flex: 0 0 25%;

    max-width: 25%;

  }



  .col-md-4 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 33.33333%;

    flex: 0 0 33.33333%;

    max-width: 33.33333%;

  }



  .col-md-5 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 41.66667%;

    flex: 0 0 41.66667%;

    max-width: 41.66667%;

  }



  .col-md-6 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;

  }



  .col-md-7 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 58.33333%;

    flex: 0 0 58.33333%;

    max-width: 58.33333%;

  }



  .col-md-8 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 66.66667%;

    flex: 0 0 66.66667%;

    max-width: 66.66667%;

  }



  .col-md-9 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 75%;

    flex: 0 0 75%;

    max-width: 75%;

  }



  .col-md-10 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 83.33333%;

    flex: 0 0 83.33333%;

    max-width: 83.33333%;

  }



  .col-md-11 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 91.66667%;

    flex: 0 0 91.66667%;

    max-width: 91.66667%;

  }



  .col-md-12 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%;

  }



  .order-md-first {

    -webkit-box-ordinal-group: 0;

    -ms-flex-order: -1;

    order: -1;

  }



  .order-md-last {

    -webkit-box-ordinal-group: 14;

    -ms-flex-order: 13;

    order: 13;

  }



  .order-md-0 {

    -webkit-box-ordinal-group: 1;

    -ms-flex-order: 0;

    order: 0;

  }



  .order-md-1 {

    -webkit-box-ordinal-group: 2;

    -ms-flex-order: 1;

    order: 1;

  }



  .order-md-2 {

    -webkit-box-ordinal-group: 3;

    -ms-flex-order: 2;

    order: 2;

  }



  .order-md-3 {

    -webkit-box-ordinal-group: 4;

    -ms-flex-order: 3;

    order: 3;

  }



  .order-md-4 {

    -webkit-box-ordinal-group: 5;

    -ms-flex-order: 4;

    order: 4;

  }



  .order-md-5 {

    -webkit-box-ordinal-group: 6;

    -ms-flex-order: 5;

    order: 5;

  }



  .order-md-6 {

    -webkit-box-ordinal-group: 7;

    -ms-flex-order: 6;

    order: 6;

  }



  .order-md-7 {

    -webkit-box-ordinal-group: 8;

    -ms-flex-order: 7;

    order: 7;

  }



  .order-md-8 {

    -webkit-box-ordinal-group: 9;

    -ms-flex-order: 8;

    order: 8;

  }



  .order-md-9 {

    -webkit-box-ordinal-group: 10;

    -ms-flex-order: 9;

    order: 9;

  }



  .order-md-10 {

    -webkit-box-ordinal-group: 11;

    -ms-flex-order: 10;

    order: 10;

  }



  .order-md-11 {

    -webkit-box-ordinal-group: 12;

    -ms-flex-order: 11;

    order: 11;

  }



  .order-md-12 {

    -webkit-box-ordinal-group: 13;

    -ms-flex-order: 12;

    order: 12;

  }



  .offset-md-0 {

    margin-left: 0;

  }



  .offset-md-1 {

    margin-left: 8.33333%;

  }



  .offset-md-2 {

    margin-left: 16.66667%;

  }



  .offset-md-3 {

    margin-left: 25%;

  }



  .offset-md-4 {

    margin-left: 33.33333%;

  }



  .offset-md-5 {

    margin-left: 41.66667%;

  }



  .offset-md-6 {

    margin-left: 50%;

  }



  .offset-md-7 {

    margin-left: 58.33333%;

  }



  .offset-md-8 {

    margin-left: 66.66667%;

  }



  .offset-md-9 {

    margin-left: 75%;

  }



  .offset-md-10 {

    margin-left: 83.33333%;

  }



  .offset-md-11 {

    margin-left: 91.66667%;

  }

}



@media (min-width: 992px) {

  .col-lg {

    -ms-flex-preferred-size: 0;

    flex-basis: 0;

    -webkit-box-flex: 1;

    -ms-flex-positive: 1;

    flex-grow: 1;

    max-width: 100%;

  }



  .col-lg-auto {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: auto;

    max-width: 100%;

  }



  .col-lg-1 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 8.33333%;

    flex: 0 0 8.33333%;

    max-width: 8.33333%;

  }



  .col-lg-2 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 16.66667%;

    flex: 0 0 16.66667%;

    max-width: 16.66667%;

  }



  .col-lg-3 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 25%;

    flex: 0 0 25%;

    max-width: 25%;

  }



  .col-lg-4 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 33.33333%;

    flex: 0 0 33.33333%;

    max-width: 33.33333%;

  }



  .col-lg-5 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 41.66667%;

    flex: 0 0 41.66667%;

    max-width: 41.66667%;

  }



  .col-lg-6 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;

  }



  .col-lg-7 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 58.33333%;

    flex: 0 0 58.33333%;

    max-width: 58.33333%;

  }



  .col-lg-8 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 66.66667%;

    flex: 0 0 66.66667%;

    max-width: 66.66667%;

  }



  .col-lg-9 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 75%;

    flex: 0 0 75%;

    max-width: 75%;

  }



  .col-lg-10 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 83.33333%;

    flex: 0 0 83.33333%;

    max-width: 83.33333%;

  }



  .col-lg-11 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 91.66667%;

    flex: 0 0 91.66667%;

    max-width: 91.66667%;

  }



  .col-lg-12 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%;

  }



  .order-lg-first {

    -webkit-box-ordinal-group: 0;

    -ms-flex-order: -1;

    order: -1;

  }



  .order-lg-last {

    -webkit-box-ordinal-group: 14;

    -ms-flex-order: 13;

    order: 13;

  }



  .order-lg-0 {

    -webkit-box-ordinal-group: 1;

    -ms-flex-order: 0;

    order: 0;

  }



  .order-lg-1 {

    -webkit-box-ordinal-group: 2;

    -ms-flex-order: 1;

    order: 1;

  }



  .order-lg-2 {

    -webkit-box-ordinal-group: 3;

    -ms-flex-order: 2;

    order: 2;

  }



  .order-lg-3 {

    -webkit-box-ordinal-group: 4;

    -ms-flex-order: 3;

    order: 3;

  }



  .order-lg-4 {

    -webkit-box-ordinal-group: 5;

    -ms-flex-order: 4;

    order: 4;

  }



  .order-lg-5 {

    -webkit-box-ordinal-group: 6;

    -ms-flex-order: 5;

    order: 5;

  }



  .order-lg-6 {

    -webkit-box-ordinal-group: 7;

    -ms-flex-order: 6;

    order: 6;

  }



  .order-lg-7 {

    -webkit-box-ordinal-group: 8;

    -ms-flex-order: 7;

    order: 7;

  }



  .order-lg-8 {

    -webkit-box-ordinal-group: 9;

    -ms-flex-order: 8;

    order: 8;

  }



  .order-lg-9 {

    -webkit-box-ordinal-group: 10;

    -ms-flex-order: 9;

    order: 9;

  }



  .order-lg-10 {

    -webkit-box-ordinal-group: 11;

    -ms-flex-order: 10;

    order: 10;

  }



  .order-lg-11 {

    -webkit-box-ordinal-group: 12;

    -ms-flex-order: 11;

    order: 11;

  }



  .order-lg-12 {

    -webkit-box-ordinal-group: 13;

    -ms-flex-order: 12;

    order: 12;

  }



  .offset-lg-0 {

    margin-left: 0;

  }



  .offset-lg-1 {

    margin-left: 8.33333%;

  }



  .offset-lg-2 {

    margin-left: 16.66667%;

  }



  .offset-lg-3 {

    margin-left: 25%;

  }



  .offset-lg-4 {

    margin-left: 33.33333%;

  }



  .offset-lg-5 {

    margin-left: 41.66667%;

  }



  .offset-lg-6 {

    margin-left: 50%;

  }



  .offset-lg-7 {

    margin-left: 58.33333%;

  }



  .offset-lg-8 {

    margin-left: 66.66667%;

  }



  .offset-lg-9 {

    margin-left: 75%;

  }



  .offset-lg-10 {

    margin-left: 83.33333%;

  }



  .offset-lg-11 {

    margin-left: 91.66667%;

  }

}



@media (min-width: 1200px) {

  .col-xl {

    -ms-flex-preferred-size: 0;

    flex-basis: 0;

    -webkit-box-flex: 1;

    -ms-flex-positive: 1;

    flex-grow: 1;

    max-width: 100%;

  }



  .col-xl-auto {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: auto;

    max-width: 100%;

  }



  .col-xl-1 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 8.33333%;

    flex: 0 0 8.33333%;

    max-width: 8.33333%;

  }



  .col-xl-2 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 16.66667%;

    flex: 0 0 16.66667%;

    max-width: 16.66667%;

  }



  .col-xl-3 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 25%;

    flex: 0 0 25%;

    max-width: 25%;

  }



  .col-xl-4 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 33.33333%;

    flex: 0 0 33.33333%;

    max-width: 33.33333%;

  }



  .col-xl-5 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 41.66667%;

    flex: 0 0 41.66667%;

    max-width: 41.66667%;

  }



  .col-xl-6 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;

  }



  .col-xl-7 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 58.33333%;

    flex: 0 0 58.33333%;

    max-width: 58.33333%;

  }



  .col-xl-8 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 66.66667%;

    flex: 0 0 66.66667%;

    max-width: 66.66667%;

  }



  .col-xl-9 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 75%;

    flex: 0 0 75%;

    max-width: 75%;

  }



  .col-xl-10 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 83.33333%;

    flex: 0 0 83.33333%;

    max-width: 83.33333%;

  }



  .col-xl-11 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 91.66667%;

    flex: 0 0 91.66667%;

    max-width: 91.66667%;

  }



  .col-xl-12 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%;

  }



  .order-xl-first {

    -webkit-box-ordinal-group: 0;

    -ms-flex-order: -1;

    order: -1;

  }



  .order-xl-last {

    -webkit-box-ordinal-group: 14;

    -ms-flex-order: 13;

    order: 13;

  }



  .order-xl-0 {

    -webkit-box-ordinal-group: 1;

    -ms-flex-order: 0;

    order: 0;

  }



  .order-xl-1 {

    -webkit-box-ordinal-group: 2;

    -ms-flex-order: 1;

    order: 1;

  }



  .order-xl-2 {

    -webkit-box-ordinal-group: 3;

    -ms-flex-order: 2;

    order: 2;

  }



  .order-xl-3 {

    -webkit-box-ordinal-group: 4;

    -ms-flex-order: 3;

    order: 3;

  }



  .order-xl-4 {

    -webkit-box-ordinal-group: 5;

    -ms-flex-order: 4;

    order: 4;

  }



  .order-xl-5 {

    -webkit-box-ordinal-group: 6;

    -ms-flex-order: 5;

    order: 5;

  }



  .order-xl-6 {

    -webkit-box-ordinal-group: 7;

    -ms-flex-order: 6;

    order: 6;

  }



  .order-xl-7 {

    -webkit-box-ordinal-group: 8;

    -ms-flex-order: 7;

    order: 7;

  }



  .order-xl-8 {

    -webkit-box-ordinal-group: 9;

    -ms-flex-order: 8;

    order: 8;

  }



  .order-xl-9 {

    -webkit-box-ordinal-group: 10;

    -ms-flex-order: 9;

    order: 9;

  }



  .order-xl-10 {

    -webkit-box-ordinal-group: 11;

    -ms-flex-order: 10;

    order: 10;

  }



  .order-xl-11 {

    -webkit-box-ordinal-group: 12;

    -ms-flex-order: 11;

    order: 11;

  }



  .order-xl-12 {

    -webkit-box-ordinal-group: 13;

    -ms-flex-order: 12;

    order: 12;

  }



  .offset-xl-0 {

    margin-left: 0;

  }



  .offset-xl-1 {

    margin-left: 8.33333%;

  }



  .offset-xl-2 {

    margin-left: 16.66667%;

  }



  .offset-xl-3 {

    margin-left: 25%;

  }



  .offset-xl-4 {

    margin-left: 33.33333%;

  }



  .offset-xl-5 {

    margin-left: 41.66667%;

  }



  .offset-xl-6 {

    margin-left: 50%;

  }



  .offset-xl-7 {

    margin-left: 58.33333%;

  }



  .offset-xl-8 {

    margin-left: 66.66667%;

  }



  .offset-xl-9 {

    margin-left: 75%;

  }



  .offset-xl-10 {

    margin-left: 83.33333%;

  }



  .offset-xl-11 {

    margin-left: 91.66667%;

  }

}



.table {

  width: 100%;

  margin-bottom: 1rem;

  color: #212529;

}



.table th,

.table td {

  padding: 0.75rem;

  vertical-align: top;

  border-top: 1px solid #dee2e6;

}



.table thead th {

  vertical-align: bottom;

  border-bottom: 2px solid #dee2e6;

}



.table tbody+tbody {

  border-top: 2px solid #dee2e6;

}



.table-sm th,

.table-sm td {

  padding: 0.3rem;

}



.table-bordered {

  border: 1px solid #dee2e6;

}



.table-bordered th,

.table-bordered td {

  border: 1px solid #dee2e6;

}



.table-bordered thead th,

.table-bordered thead td {

  border-bottom-width: 2px;

}



.table-borderless th,

.table-borderless td,

.table-borderless thead th,

.table-borderless tbody+tbody {

  border: 0;

}



.table-striped tbody tr:nth-of-type(odd) {

  background-color: rgba(0, 0, 0, 0.05);

}



.table-hover tbody tr:hover {

  color: #212529;

  background-color: rgba(0, 0, 0, 0.075);

}



.table-primary,

.table-primary>th,

.table-primary>td {

  background-color: #b8daff;

}



.table-primary th,

.table-primary td,

.table-primary thead th,

.table-primary tbody+tbody {

  border-color: #7abaff;

}



.table-hover .table-primary:hover {

  background-color: #9fcdff;

}



.table-hover .table-primary:hover>td,

.table-hover .table-primary:hover>th {

  background-color: #9fcdff;

}



.table-secondary,

.table-secondary>th,

.table-secondary>td {

  background-color: #d6d8db;

}



.table-secondary th,

.table-secondary td,

.table-secondary thead th,

.table-secondary tbody+tbody {

  border-color: #b3b7bb;

}



.table-hover .table-secondary:hover {

  background-color: #c8cbcf;

}



.table-hover .table-secondary:hover>td,

.table-hover .table-secondary:hover>th {

  background-color: #c8cbcf;

}



.table-success,

.table-success>th,

.table-success>td {

  background-color: #c3e6cb;

}



.table-success th,

.table-success td,

.table-success thead th,

.table-success tbody+tbody {

  border-color: #8fd19e;

}



.table-hover .table-success:hover {

  background-color: #b1dfbb;

}



.table-hover .table-success:hover>td,

.table-hover .table-success:hover>th {

  background-color: #b1dfbb;

}



.table-info,

.table-info>th,

.table-info>td {

  background-color: #bee5eb;

}



.table-info th,

.table-info td,

.table-info thead th,

.table-info tbody+tbody {

  border-color: #86cfda;

}



.table-hover .table-info:hover {

  background-color: #abdde5;

}



.table-hover .table-info:hover>td,

.table-hover .table-info:hover>th {

  background-color: #abdde5;

}



.table-warning,

.table-warning>th,

.table-warning>td {

  background-color: #ffeeba;

}



.table-warning th,

.table-warning td,

.table-warning thead th,

.table-warning tbody+tbody {

  border-color: #ffdf7e;

}



.table-hover .table-warning:hover {

  background-color: #ffe8a1;

}



.table-hover .table-warning:hover>td,

.table-hover .table-warning:hover>th {

  background-color: #ffe8a1;

}



.table-danger,

.table-danger>th,

.table-danger>td {

  background-color: #f5c6cb;

}



.table-danger th,

.table-danger td,

.table-danger thead th,

.table-danger tbody+tbody {

  border-color: #ed969e;

}



.table-hover .table-danger:hover {

  background-color: #f1b0b7;

}



.table-hover .table-danger:hover>td,

.table-hover .table-danger:hover>th {

  background-color: #f1b0b7;

}



.table-light,

.table-light>th,

.table-light>td {

  background-color: #fdfdfe;

}



.table-light th,

.table-light td,

.table-light thead th,

.table-light tbody+tbody {

  border-color: #fbfcfc;

}



.table-hover .table-light:hover {

  background-color: #ececf6;

}



.table-hover .table-light:hover>td,

.table-hover .table-light:hover>th {

  background-color: #ececf6;

}



.table-dark,

.table-dark>th,

.table-dark>td {

  background-color: #c6c8ca;

}



.table-dark th,

.table-dark td,

.table-dark thead th,

.table-dark tbody+tbody {

  border-color: #95999c;

}



.table-hover .table-dark:hover {

  background-color: #b9bbbe;

}



.table-hover .table-dark:hover>td,

.table-hover .table-dark:hover>th {

  background-color: #b9bbbe;

}



.table-active,

.table-active>th,

.table-active>td {

  background-color: rgba(0, 0, 0, 0.075);

}



.table-hover .table-active:hover {

  background-color: rgba(0, 0, 0, 0.075);

}



.table-hover .table-active:hover>td,

.table-hover .table-active:hover>th {

  background-color: rgba(0, 0, 0, 0.075);

}



.table .thead-dark th {

  color: #fff;

  background-color: #343a40;

  border-color: #454d55;

}



.table .thead-light th {

  color: #495057;

  background-color: #e9ecef;

  border-color: #dee2e6;

}



.table-dark {

  color: #fff;

  background-color: #343a40;

}



.table-dark th,

.table-dark td,

.table-dark thead th {

  border-color: #454d55;

}



.table-dark.table-bordered {

  border: 0;

}



.table-dark.table-striped tbody tr:nth-of-type(odd) {

  background-color: rgba(255, 255, 255, 0.05);

}



.table-dark.table-hover tbody tr:hover {

  color: #fff;

  background-color: rgba(255, 255, 255, 0.075);

}



@media (max-width: 575.98px) {

  .table-responsive-sm {

    display: block;

    width: 100%;

    overflow-x: auto;

    -webkit-overflow-scrolling: touch;

  }



  .table-responsive-sm>.table-bordered {

    border: 0;

  }

}



@media (max-width: 767.98px) {

  .table-responsive-md {

    display: block;

    width: 100%;

    overflow-x: auto;

    -webkit-overflow-scrolling: touch;

  }



  .table-responsive-md>.table-bordered {

    border: 0;

  }

}



@media (max-width: 991.98px) {

  .table-responsive-lg {

    display: block;

    width: 100%;

    overflow-x: auto;

    -webkit-overflow-scrolling: touch;

  }



  .table-responsive-lg>.table-bordered {

    border: 0;

  }

}



@media (max-width: 1199.98px) {

  .table-responsive-xl {

    display: block;

    width: 100%;

    overflow-x: auto;

    -webkit-overflow-scrolling: touch;

  }



  .table-responsive-xl>.table-bordered {

    border: 0;

  }

}



.table-responsive {

  display: block;

  width: 100%;

  overflow-x: auto;

  -webkit-overflow-scrolling: touch;

}



.table-responsive>.table-bordered {

  border: 0;

}



.form-control {

  display: block;

  width: 80%;

  height: calc(1.5em + 0.75rem + 2px);

  padding: 0.375rem 0.75rem;

  font-size: 1rem;

  font-weight: 400;

  line-height: 1.5;

  color: #495057;

  background-color: #fff;

  background-clip: padding-box;

  border: 1px solid #ced4da;

  border-radius: 0.25rem;

  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;

  transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;

  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;

}



@media (prefers-reduced-motion: reduce) {

  .form-control {

    -webkit-transition: none;

    transition: none;

  }

}



.form-control::-ms-expand {

  background-color: transparent;

  border: 0;

}



.form-control:focus {

  color: #495057;

  background-color: #fff;

  border-color: #80bdff;

  outline: 0;

  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);

  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);

}



.form-control::-webkit-input-placeholder {

  color: #6c757d;

  opacity: 1;

}



.form-control:-ms-input-placeholder {

  color: #6c757d;

  opacity: 1;

}



.form-control::-ms-input-placeholder {

  color: #6c757d;

  opacity: 1;

}



.form-control::placeholder {

  color: #6c757d;

  opacity: 1;

}



.form-control:disabled,

.form-control[readonly] {

  background-color: #e9ecef;

  opacity: 1;

}



select.form-control:focus::-ms-value {

  color: #495057;

  background-color: #fff;

}



.form-control-file,

.form-control-range {

  display: block;

  width: 100%;

}



.col-form-label {

  padding-top: calc(0.375rem + 1px);

  padding-bottom: calc(0.375rem + 1px);

  margin-bottom: 0;

  font-size: inherit;

  line-height: 1.5;

}



.col-form-label-lg {

  padding-top: calc(0.5rem + 1px);

  padding-bottom: calc(0.5rem + 1px);

  font-size: 1.25rem;

  line-height: 1.5;

}



.col-form-label-sm {

  padding-top: calc(0.25rem + 1px);

  padding-bottom: calc(0.25rem + 1px);

  font-size: 0.875rem;

  line-height: 1.5;

}



.form-control-plaintext {

  display: block;

  width: 100%;

  padding-top: 0.375rem;

  padding-bottom: 0.375rem;

  margin-bottom: 0;

  line-height: 1.5;

  color: #212529;

  background-color: transparent;

  border: solid transparent;

  border-width: 1px 0;

}



.form-control-plaintext.form-control-sm,

.form-control-plaintext.form-control-lg {

  padding-right: 0;

  padding-left: 0;

}



.form-control-sm {

  height: calc(1.5em + 0.5rem + 2px);

  padding: 0.25rem 0.5rem;

  font-size: 0.875rem;

  line-height: 1.5;

  border-radius: 0.2rem;

}



.form-control-lg {

  height: calc(1.5em + 1rem + 2px);

  padding: 0.5rem 1rem;

  font-size: 1.25rem;

  line-height: 1.5;

  border-radius: 0.3rem;

}



select.form-control[size],

select.form-control[multiple] {

  height: auto;

}



textarea.form-control {

  height: auto;

}



.form-group {

  margin-bottom: 1rem;

}



.form-text {

  display: block;

  margin-top: 0.25rem;

}



.form-row {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  margin-right: -5px;

  margin-left: -5px;

}



.form-row>.col,

.form-row>[class*="col-"] {

  padding-right: 5px;

  padding-left: 5px;

}



.form-check {

  position: relative;

  display: block;

  padding-left: 1.25rem;

}



.form-check-input {

  position: absolute;

  margin-top: 0.3rem;

  margin-left: -1.25rem;

}



.form-check-input:disabled~.form-check-label {

  color: #6c757d;

}



.form-check-label {

  margin-bottom: 0;

}



.form-check-inline {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  padding-left: 0;

  margin-right: 0.75rem;

}



.form-check-inline .form-check-input {

  position: static;

  margin-top: 0;

  margin-right: 0.3125rem;

  margin-left: 0;

}



.valid-feedback {

  display: none;

  width: 100%;

  margin-top: 0.25rem;

  font-size: 80%;

  color: #28a745;

}



.valid-tooltip {

  position: absolute;

  top: 100%;

  z-index: 5;

  display: none;

  max-width: 100%;

  padding: 0.25rem 0.5rem;

  margin-top: .1rem;

  font-size: 0.875rem;

  line-height: 1.5;

  color: #fff;

  background-color: rgba(40, 167, 69, 0.9);

  border-radius: 0.25rem;

}



.was-validated .form-control:valid,

.form-control.is-valid {

  border-color: #28a745;

  padding-right: calc(1.5em + 0.75rem);

  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");

  background-repeat: no-repeat;

  background-position: center right calc(0.375em + 0.1875rem);

  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);

}



.was-validated .form-control:valid:focus,

.form-control.is-valid:focus {

  border-color: #28a745;

  -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);

  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);

}



.was-validated .form-control:valid~.valid-feedback,

.was-validated .form-control:valid~.valid-tooltip,

.form-control.is-valid~.valid-feedback,

.form-control.is-valid~.valid-tooltip {

  display: block;

}



.was-validated textarea.form-control:valid,

textarea.form-control.is-valid {

  padding-right: calc(1.5em + 0.75rem);

  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);

}



.was-validated .custom-select:valid,

.custom-select.is-valid {

  border-color: #28a745;

  padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);

  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);

}



.was-validated .custom-select:valid:focus,

.custom-select.is-valid:focus {

  border-color: #28a745;

  -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);

  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);

}



.was-validated .custom-select:valid~.valid-feedback,

.was-validated .custom-select:valid~.valid-tooltip,

.custom-select.is-valid~.valid-feedback,

.custom-select.is-valid~.valid-tooltip {

  display: block;

}



.was-validated .form-control-file:valid~.valid-feedback,

.was-validated .form-control-file:valid~.valid-tooltip,

.form-control-file.is-valid~.valid-feedback,

.form-control-file.is-valid~.valid-tooltip {

  display: block;

}



.was-validated .form-check-input:valid~.form-check-label,

.form-check-input.is-valid~.form-check-label {

  color: #28a745;

}



.was-validated .form-check-input:valid~.valid-feedback,

.was-validated .form-check-input:valid~.valid-tooltip,

.form-check-input.is-valid~.valid-feedback,

.form-check-input.is-valid~.valid-tooltip {

  display: block;

}



.was-validated .custom-control-input:valid~.custom-control-label,

.custom-control-input.is-valid~.custom-control-label {

  color: #28a745;

}



.was-validated .custom-control-input:valid~.custom-control-label::before,

.custom-control-input.is-valid~.custom-control-label::before {

  border-color: #28a745;

}



.was-validated .custom-control-input:valid~.valid-feedback,

.was-validated .custom-control-input:valid~.valid-tooltip,

.custom-control-input.is-valid~.valid-feedback,

.custom-control-input.is-valid~.valid-tooltip {

  display: block;

}



.was-validated .custom-control-input:valid:checked~.custom-control-label::before,

.custom-control-input.is-valid:checked~.custom-control-label::before {

  border-color: #34ce57;

  background-color: #34ce57;

}



.was-validated .custom-control-input:valid:focus~.custom-control-label::before,

.custom-control-input.is-valid:focus~.custom-control-label::before {

  -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);

  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);

}



.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before,

.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before {

  border-color: #28a745;

}



.was-validated .custom-file-input:valid~.custom-file-label,

.custom-file-input.is-valid~.custom-file-label {

  border-color: #28a745;

}



.was-validated .custom-file-input:valid~.valid-feedback,

.was-validated .custom-file-input:valid~.valid-tooltip,

.custom-file-input.is-valid~.valid-feedback,

.custom-file-input.is-valid~.valid-tooltip {

  display: block;

}



.was-validated .custom-file-input:valid:focus~.custom-file-label,

.custom-file-input.is-valid:focus~.custom-file-label {

  border-color: #28a745;

  -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);

  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);

}



.invalid-feedback {

  display: none;

  width: 100%;

  margin-top: 0.25rem;

  font-size: 80%;

  color: #dc3545;

}



.invalid-tooltip {

  position: absolute;

  top: 100%;

  z-index: 5;

  display: none;

  max-width: 100%;

  padding: 0.25rem 0.5rem;

  margin-top: .1rem;

  font-size: 0.875rem;

  line-height: 1.5;

  color: #fff;

  background-color: rgba(220, 53, 69, 0.9);

  border-radius: 0.25rem;

}



.was-validated .form-control:invalid,

.form-control.is-invalid {

  border-color: #dc3545;

  padding-right: calc(1.5em + 0.75rem);

  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");

  background-repeat: no-repeat;

  background-position: center right calc(0.375em + 0.1875rem);

  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);

}



.was-validated .form-control:invalid:focus,

.form-control.is-invalid:focus {

  border-color: #dc3545;

  -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);

  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);

}



.was-validated .form-control:invalid~.invalid-feedback,

.was-validated .form-control:invalid~.invalid-tooltip,

.form-control.is-invalid~.invalid-feedback,

.form-control.is-invalid~.invalid-tooltip {

  display: block;

}



.was-validated textarea.form-control:invalid,

textarea.form-control.is-invalid {

  padding-right: calc(1.5em + 0.75rem);

  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);

}



.was-validated .custom-select:invalid,

.custom-select.is-invalid {

  border-color: #dc3545;

  padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);

  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);

}



.was-validated .custom-select:invalid:focus,

.custom-select.is-invalid:focus {

  border-color: #dc3545;

  -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);

  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);

}



.was-validated .custom-select:invalid~.invalid-feedback,

.was-validated .custom-select:invalid~.invalid-tooltip,

.custom-select.is-invalid~.invalid-feedback,

.custom-select.is-invalid~.invalid-tooltip {

  display: block;

}



.was-validated .form-control-file:invalid~.invalid-feedback,

.was-validated .form-control-file:invalid~.invalid-tooltip,

.form-control-file.is-invalid~.invalid-feedback,

.form-control-file.is-invalid~.invalid-tooltip {

  display: block;

}



.was-validated .form-check-input:invalid~.form-check-label,

.form-check-input.is-invalid~.form-check-label {

  color: #dc3545;

}



.was-validated .form-check-input:invalid~.invalid-feedback,

.was-validated .form-check-input:invalid~.invalid-tooltip,

.form-check-input.is-invalid~.invalid-feedback,

.form-check-input.is-invalid~.invalid-tooltip {

  display: block;

}



.was-validated .custom-control-input:invalid~.custom-control-label,

.custom-control-input.is-invalid~.custom-control-label {

  color: #dc3545;

}



.was-validated .custom-control-input:invalid~.custom-control-label::before,

.custom-control-input.is-invalid~.custom-control-label::before {

  border-color: #dc3545;

}



.was-validated .custom-control-input:invalid~.invalid-feedback,

.was-validated .custom-control-input:invalid~.invalid-tooltip,

.custom-control-input.is-invalid~.invalid-feedback,

.custom-control-input.is-invalid~.invalid-tooltip {

  display: block;

}



.was-validated .custom-control-input:invalid:checked~.custom-control-label::before,

.custom-control-input.is-invalid:checked~.custom-control-label::before {

  border-color: #e4606d;

  background-color: #e4606d;

}



.was-validated .custom-control-input:invalid:focus~.custom-control-label::before,

.custom-control-input.is-invalid:focus~.custom-control-label::before {

  -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);

  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);

}



.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before,

.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before {

  border-color: #dc3545;

}



.was-validated .custom-file-input:invalid~.custom-file-label,

.custom-file-input.is-invalid~.custom-file-label {

  border-color: #dc3545;

}



.was-validated .custom-file-input:invalid~.invalid-feedback,

.was-validated .custom-file-input:invalid~.invalid-tooltip,

.custom-file-input.is-invalid~.invalid-feedback,

.custom-file-input.is-invalid~.invalid-tooltip {

  display: block;

}



.was-validated .custom-file-input:invalid:focus~.custom-file-label,

.custom-file-input.is-invalid:focus~.custom-file-label {

  border-color: #dc3545;

  -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);

  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);

}



.form-inline {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-flow: row wrap;

  flex-flow: row wrap;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.form-inline .form-check {

  width: 100%;

}



@media (min-width: 576px) {

  .form-inline label {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    margin-bottom: 0;

  }



  .form-inline .form-group {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-flow: row wrap;

    flex-flow: row wrap;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin-bottom: 0;

  }



  .form-inline .form-control {

    display: inline-block;

    width: auto;

    vertical-align: middle;

  }



  .form-inline .form-control-plaintext {

    display: inline-block;

  }



  .form-inline .input-group,

  .form-inline .custom-select {

    width: auto;

  }



  .form-inline .form-check {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    width: auto;

    padding-left: 0;

  }



  .form-inline .form-check-input {

    position: relative;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    margin-top: 0;

    margin-right: 0.25rem;

    margin-left: 0;

  }



  .form-inline .custom-control {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

  }



  .form-inline .custom-control-label {

    margin-bottom: 0;

  }

}



.btn {

  display: inline-block;

  font-weight: 400;

  color: #212529;

  text-align: center;

  vertical-align: middle;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  background-color: transparent;

  border: 1px solid transparent;

  padding: 0.375rem 0.75rem;

  font-size: 1rem;

  line-height: 1.5;

  border-radius: 0.25rem;

  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;

  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;

  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;

}



@media (prefers-reduced-motion: reduce) {

  .btn {

    -webkit-transition: none;

    transition: none;

  }

}



.btn:hover {

  color: #212529;

  text-decoration: none;

}



.btn:focus,

.btn.focus {

  outline: 0;

  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);

  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);

}



.btn.disabled,

.btn:disabled {

  opacity: 0.65;

}



a.btn.disabled,

fieldset:disabled a.btn {

  pointer-events: none;

}



.btn-primary {

  color: #fff;

  background-color: #007bff;

  border-color: #007bff;

}



.btn-primary:hover {

  color: #fff;

  background-color: #0069d9;

  border-color: #0062cc;

}



.btn-primary:focus,

.btn-primary.focus {

  -webkit-box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);

  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);

}



.btn-primary.disabled,

.btn-primary:disabled {

  color: #fff;

  background-color: #007bff;

  border-color: #007bff;

}



.btn-primary:not(:disabled):not(.disabled):active,

.btn-primary:not(:disabled):not(.disabled).active,

.show>.btn-primary.dropdown-toggle {

  color: #fff;

  background-color: #0062cc;

  border-color: #005cbf;

}



.btn-primary:not(:disabled):not(.disabled):active:focus,

.btn-primary:not(:disabled):not(.disabled).active:focus,

.show>.btn-primary.dropdown-toggle:focus {

  -webkit-box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);

  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);

}



.btn-secondary {

  color: #fff;

  background-color: #6c757d;

  border-color: #6c757d;

}



.btn-secondary:hover {

  color: #fff;

  background-color: #5a6268;

  border-color: #545b62;

}



.btn-secondary:focus,

.btn-secondary.focus {

  -webkit-box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);

  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);

}



.btn-secondary.disabled,

.btn-secondary:disabled {

  color: #fff;

  background-color: #6c757d;

  border-color: #6c757d;

}



.btn-secondary:not(:disabled):not(.disabled):active,

.btn-secondary:not(:disabled):not(.disabled).active,

.show>.btn-secondary.dropdown-toggle {

  color: #fff;

  background-color: #545b62;

  border-color: #4e555b;

}



.btn-secondary:not(:disabled):not(.disabled):active:focus,

.btn-secondary:not(:disabled):not(.disabled).active:focus,

.show>.btn-secondary.dropdown-toggle:focus {

  -webkit-box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);

  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);

}



.btn-success {

  color: #fff;

  background-color: #28a745;

  border-color: #28a745;

}



.btn-success:hover {

  color: #fff;

  background-color: #218838;

  border-color: #1e7e34;

}



.btn-success:focus,

.btn-success.focus {

  -webkit-box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);

  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);

}



.btn-success.disabled,

.btn-success:disabled {

  color: #fff;

  background-color: #28a745;

  border-color: #28a745;

}



.btn-success:not(:disabled):not(.disabled):active,

.btn-success:not(:disabled):not(.disabled).active,

.show>.btn-success.dropdown-toggle {

  color: #fff;

  background-color: #1e7e34;

  border-color: #1c7430;

}



.btn-success:not(:disabled):not(.disabled):active:focus,

.btn-success:not(:disabled):not(.disabled).active:focus,

.show>.btn-success.dropdown-toggle:focus {

  -webkit-box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);

  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);

}



.btn-info {

  color: #fff;

  background-color: #17a2b8;

  border-color: #17a2b8;

}



.btn-info:hover {

  color: #fff;

  background-color: #138496;

  border-color: #117a8b;

}



.btn-info:focus,

.btn-info.focus {

  -webkit-box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);

  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);

}



.btn-info.disabled,

.btn-info:disabled {

  color: #fff;

  background-color: #17a2b8;

  border-color: #17a2b8;

}



.btn-info:not(:disabled):not(.disabled):active,

.btn-info:not(:disabled):not(.disabled).active,

.show>.btn-info.dropdown-toggle {

  color: #fff;

  background-color: #117a8b;

  border-color: #10707f;

}



.btn-info:not(:disabled):not(.disabled):active:focus,

.btn-info:not(:disabled):not(.disabled).active:focus,

.show>.btn-info.dropdown-toggle:focus {

  -webkit-box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);

  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);

}



.btn-warning {

  color: #212529;

  background-color: #ffc107;

  border-color: #ffc107;

}



.btn-warning:hover {

  color: #212529;

  background-color: #e0a800;

  border-color: #d39e00;

}



.btn-warning:focus,

.btn-warning.focus {

  -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);

  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);

}



.btn-warning.disabled,

.btn-warning:disabled {

  color: #212529;

  background-color: #ffc107;

  border-color: #ffc107;

}



.btn-warning:not(:disabled):not(.disabled):active,

.btn-warning:not(:disabled):not(.disabled).active,

.show>.btn-warning.dropdown-toggle {

  color: #212529;

  background-color: #d39e00;

  border-color: #c69500;

}



.btn-warning:not(:disabled):not(.disabled):active:focus,

.btn-warning:not(:disabled):not(.disabled).active:focus,

.show>.btn-warning.dropdown-toggle:focus {

  -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);

  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);

}



.btn-danger {

  color: #fff;

  background-color: #dc3545;

  border-color: #dc3545;

}



.btn-danger:hover {

  color: #fff;

  background-color: #c82333;

  border-color: #bd2130;

}



.btn-danger:focus,

.btn-danger.focus {

  -webkit-box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);

  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);

}



.btn-danger.disabled,

.btn-danger:disabled {

  color: #fff;

  background-color: #dc3545;

  border-color: #dc3545;

}



.btn-danger:not(:disabled):not(.disabled):active,

.btn-danger:not(:disabled):not(.disabled).active,

.show>.btn-danger.dropdown-toggle {

  color: #fff;

  background-color: #bd2130;

  border-color: #b21f2d;

}



.btn-danger:not(:disabled):not(.disabled):active:focus,

.btn-danger:not(:disabled):not(.disabled).active:focus,

.show>.btn-danger.dropdown-toggle:focus {

  -webkit-box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);

  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);

}



.btn-light {

  color: #212529;

  background-color: #f8f9fa;

  border-color: #f8f9fa;

}



.btn-light:hover {

  color: #212529;

  background-color: #e2e6ea;

  border-color: #dae0e5;

}



.btn-light:focus,

.btn-light.focus {

  -webkit-box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);

  box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);

}



.btn-light.disabled,

.btn-light:disabled {

  color: #212529;

  background-color: #f8f9fa;

  border-color: #f8f9fa;

}



.btn-light:not(:disabled):not(.disabled):active,

.btn-light:not(:disabled):not(.disabled).active,

.show>.btn-light.dropdown-toggle {

  color: #212529;

  background-color: #dae0e5;

  border-color: #d3d9df;

}



.btn-light:not(:disabled):not(.disabled):active:focus,

.btn-light:not(:disabled):not(.disabled).active:focus,

.show>.btn-light.dropdown-toggle:focus {

  -webkit-box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);

  box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);

}



.btn-dark {

  color: #fff;

  background-color: #343a40;

  border-color: #343a40;

}



.btn-dark:hover {

  color: #fff;

  background-color: #23272b;

  border-color: #1d2124;

}



.btn-dark:focus,

.btn-dark.focus {

  -webkit-box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);

  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);

}



.btn-dark.disabled,

.btn-dark:disabled {

  color: #fff;

  background-color: #343a40;

  border-color: #343a40;

}



.btn-dark:not(:disabled):not(.disabled):active,

.btn-dark:not(:disabled):not(.disabled).active,

.show>.btn-dark.dropdown-toggle {

  color: #fff;

  background-color: #1d2124;

  border-color: #171a1d;

}



.btn-dark:not(:disabled):not(.disabled):active:focus,

.btn-dark:not(:disabled):not(.disabled).active:focus,

.show>.btn-dark.dropdown-toggle:focus {

  -webkit-box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);

  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);

}



.btn-outline-primary {

  color: #007bff;

  border-color: #007bff;

}



.btn-outline-primary:hover {

  color: #fff;

  background-color: #007bff;

  border-color: #007bff;

}



.btn-outline-primary:focus,

.btn-outline-primary.focus {

  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);

  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);

}



.btn-outline-primary.disabled,

.btn-outline-primary:disabled {

  color: #007bff;

  background-color: transparent;

}



.btn-outline-primary:not(:disabled):not(.disabled):active,

.btn-outline-primary:not(:disabled):not(.disabled).active,

.show>.btn-outline-primary.dropdown-toggle {

  color: #fff;

  background-color: #007bff;

  border-color: #007bff;

}



.btn-outline-primary:not(:disabled):not(.disabled):active:focus,

.btn-outline-primary:not(:disabled):not(.disabled).active:focus,

.show>.btn-outline-primary.dropdown-toggle:focus {

  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);

  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);

}



.btn-outline-secondary {

  color: #6c757d;

  border-color: #6c757d;

}



.btn-outline-secondary:hover {

  color: #fff;

  background-color: #6c757d;

  border-color: #6c757d;

}



.btn-outline-secondary:focus,

.btn-outline-secondary.focus {

  -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);

  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);

}



.btn-outline-secondary.disabled,

.btn-outline-secondary:disabled {

  color: #6c757d;

  background-color: transparent;

}



.btn-outline-secondary:not(:disabled):not(.disabled):active,

.btn-outline-secondary:not(:disabled):not(.disabled).active,

.show>.btn-outline-secondary.dropdown-toggle {

  color: #fff;

  background-color: #6c757d;

  border-color: #6c757d;

}



.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,

.show>.btn-outline-secondary.dropdown-toggle:focus {

  -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);

  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);

}



.btn-outline-success {

  color: #28a745;

  border-color: #28a745;

}



.btn-outline-success:hover {

  color: #fff;

  background-color: #28a745;

  border-color: #28a745;

}



.btn-outline-success:focus,

.btn-outline-success.focus {

  -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);

  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);

}



.btn-outline-success.disabled,

.btn-outline-success:disabled {

  color: #28a745;

  background-color: transparent;

}



.btn-outline-success:not(:disabled):not(.disabled):active,

.btn-outline-success:not(:disabled):not(.disabled).active,

.show>.btn-outline-success.dropdown-toggle {

  color: #fff;

  background-color: #28a745;

  border-color: #28a745;

}



.btn-outline-success:not(:disabled):not(.disabled):active:focus,

.btn-outline-success:not(:disabled):not(.disabled).active:focus,

.show>.btn-outline-success.dropdown-toggle:focus {

  -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);

  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);

}



.btn-outline-info {

  color: #17a2b8;

  border-color: #17a2b8;

}



.btn-outline-info:hover {

  color: #fff;

  background-color: #17a2b8;

  border-color: #17a2b8;

}



.btn-outline-info:focus,

.btn-outline-info.focus {

  -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);

  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);

}



.btn-outline-info.disabled,

.btn-outline-info:disabled {

  color: #17a2b8;

  background-color: transparent;

}



.btn-outline-info:not(:disabled):not(.disabled):active,

.btn-outline-info:not(:disabled):not(.disabled).active,

.show>.btn-outline-info.dropdown-toggle {

  color: #fff;

  background-color: #17a2b8;

  border-color: #17a2b8;

}



.btn-outline-info:not(:disabled):not(.disabled):active:focus,

.btn-outline-info:not(:disabled):not(.disabled).active:focus,

.show>.btn-outline-info.dropdown-toggle:focus {

  -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);

  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);

}



.btn-outline-warning {

  color: #ffc107;

  border-color: #ffc107;

}



.btn-outline-warning:hover {

  color: #212529;

  background-color: #ffc107;

  border-color: #ffc107;

}



.btn-outline-warning:focus,

.btn-outline-warning.focus {

  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);

  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);

}



.btn-outline-warning.disabled,

.btn-outline-warning:disabled {

  color: #ffc107;

  background-color: transparent;

}



.btn-outline-warning:not(:disabled):not(.disabled):active,

.btn-outline-warning:not(:disabled):not(.disabled).active,

.show>.btn-outline-warning.dropdown-toggle {

  color: #212529;

  background-color: #ffc107;

  border-color: #ffc107;

}



.btn-outline-warning:not(:disabled):not(.disabled):active:focus,

.btn-outline-warning:not(:disabled):not(.disabled).active:focus,

.show>.btn-outline-warning.dropdown-toggle:focus {

  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);

  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);

}



.btn-outline-danger {

  color: #dc3545;

  border-color: #dc3545;

}



.btn-outline-danger:hover {

  color: #fff;

  background-color: #dc3545;

  border-color: #dc3545;

}



.btn-outline-danger:focus,

.btn-outline-danger.focus {

  -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);

  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);

}



.btn-outline-danger.disabled,

.btn-outline-danger:disabled {

  color: #dc3545;

  background-color: transparent;

}



.btn-outline-danger:not(:disabled):not(.disabled):active,

.btn-outline-danger:not(:disabled):not(.disabled).active,

.show>.btn-outline-danger.dropdown-toggle {

  color: #fff;

  background-color: #dc3545;

  border-color: #dc3545;

}



.btn-outline-danger:not(:disabled):not(.disabled):active:focus,

.btn-outline-danger:not(:disabled):not(.disabled).active:focus,

.show>.btn-outline-danger.dropdown-toggle:focus {

  -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);

  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);

}



.btn-outline-light {

  color: #f8f9fa;

  border-color: #f8f9fa;

}



.btn-outline-light:hover {

  color: #212529;

  background-color: #f8f9fa;

  border-color: #f8f9fa;

}



.btn-outline-light:focus,

.btn-outline-light.focus {

  -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);

  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);

}



.btn-outline-light.disabled,

.btn-outline-light:disabled {

  color: #f8f9fa;

  background-color: transparent;

}



.btn-outline-light:not(:disabled):not(.disabled):active,

.btn-outline-light:not(:disabled):not(.disabled).active,

.show>.btn-outline-light.dropdown-toggle {

  color: #212529;

  background-color: #f8f9fa;

  border-color: #f8f9fa;

}



.btn-outline-light:not(:disabled):not(.disabled):active:focus,

.btn-outline-light:not(:disabled):not(.disabled).active:focus,

.show>.btn-outline-light.dropdown-toggle:focus {

  -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);

  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);

}



.btn-outline-dark {

  color: #343a40;

  border-color: #343a40;

}



.btn-outline-dark:hover {

  color: #fff;

  background-color: #343a40;

  border-color: #343a40;

}



.btn-outline-dark:focus,

.btn-outline-dark.focus {

  -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);

  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);

}



.btn-outline-dark.disabled,

.btn-outline-dark:disabled {

  color: #343a40;

  background-color: transparent;

}



.btn-outline-dark:not(:disabled):not(.disabled):active,

.btn-outline-dark:not(:disabled):not(.disabled).active,

.show>.btn-outline-dark.dropdown-toggle {

  color: #fff;

  background-color: #343a40;

  border-color: #343a40;

}



.btn-outline-dark:not(:disabled):not(.disabled):active:focus,

.btn-outline-dark:not(:disabled):not(.disabled).active:focus,

.show>.btn-outline-dark.dropdown-toggle:focus {

  -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);

  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);

}



.btn-link {

  font-weight: 400;

  color: #007bff;

  text-decoration: none;

}



.btn-link:hover {

  color: #0056b3;

  text-decoration: underline;

}



.btn-link:focus,

.btn-link.focus {

  text-decoration: underline;

  -webkit-box-shadow: none;

  box-shadow: none;

}



.btn-link:disabled,

.btn-link.disabled {

  color: #6c757d;

  pointer-events: none;

}



.btn-lg,

.btn-group-lg>.btn {

  padding: 0.5rem 1rem;

  font-size: 1.25rem;

  line-height: 1.5;

  border-radius: 0.3rem;

}



.btn-sm,

.btn-group-sm>.btn {

  padding: 0.25rem 0.5rem;

  font-size: 0.875rem;

  line-height: 1.5;

  border-radius: 0.2rem;

}



.btn-block {

  display: block;

  width: 100%;

}



.btn-block+.btn-block {

  margin-top: 0.5rem;

}



input[type="submit"].btn-block,

input[type="reset"].btn-block,

input[type="button"].btn-block {

  width: 100%;

}



.fade {

  -webkit-transition: opacity 0.15s linear;

  transition: opacity 0.15s linear;

}



@media (prefers-reduced-motion: reduce) {

  .fade {

    -webkit-transition: none;

    transition: none;

  }

}



.fade:not(.show) {

  opacity: 1;

}



.collapse:not(.show) {

  display: none;

}



.collapsing {

  position: relative;

  height: 0;

  overflow: hidden;

  -webkit-transition: height 0.35s ease;

  transition: height 0.35s ease;

}



@media (prefers-reduced-motion: reduce) {

  .collapsing {

    -webkit-transition: none;

    transition: none;

  }

}



.dropup,

.dropright,

.dropdown,

.dropleft {

  position: relative;

}



.dropdown-toggle {

  white-space: nowrap;

}



.dropdown-toggle::after {

  display: inline-block;

  margin-left: 0.255em;

  vertical-align: 0.255em;

  content: "";

  border-top: 0.3em solid;

  border-right: 0.3em solid transparent;

  border-bottom: 0;

  border-left: 0.3em solid transparent;

}



.dropdown-toggle:empty::after {

  margin-left: 0;

}



.dropdown-menu {

  position: absolute;

  top: 100%;

  left: 0;

  z-index: 1000;

  display: none;

  float: left;

  min-width: 10rem;

  padding: 0.5rem 0;

  margin: 0.125rem 0 0;

  font-size: 1rem;

  color: #212529;

  text-align: left;

  list-style: none;

  background-color: #fff;

  background-clip: padding-box;

  border: 1px solid rgba(0, 0, 0, 0.15);

  border-radius: 0.25rem;

}



.dropdown-menu-left {

  right: auto;

  left: 0;

}



.dropdown-menu-right {

  right: 0;

  left: auto;

}



@media (min-width: 576px) {

  .dropdown-menu-sm-left {

    right: auto;

    left: 0;

  }



  .dropdown-menu-sm-right {

    right: 0;

    left: auto;

  }

}



@media (min-width: 768px) {

  .dropdown-menu-md-left {

    right: auto;

    left: 0;

  }



  .dropdown-menu-md-right {

    right: 0;

    left: auto;

  }

}



@media (min-width: 992px) {

  .dropdown-menu-lg-left {

    right: auto;

    left: 0;

  }



  .dropdown-menu-lg-right {

    right: 0;

    left: auto;

  }

}



@media (min-width: 1200px) {

  .dropdown-menu-xl-left {

    right: auto;

    left: 0;

  }



  .dropdown-menu-xl-right {

    right: 0;

    left: auto;

  }

}



.dropup .dropdown-menu {

  top: auto;

  bottom: 100%;

  margin-top: 0;

  margin-bottom: 0.125rem;

}



.dropup .dropdown-toggle::after {

  display: inline-block;

  margin-left: 0.255em;

  vertical-align: 0.255em;

  content: "";

  border-top: 0;

  border-right: 0.3em solid transparent;

  border-bottom: 0.3em solid;

  border-left: 0.3em solid transparent;

}



.dropup .dropdown-toggle:empty::after {

  margin-left: 0;

}



.dropright .dropdown-menu {

  top: 0;

  right: auto;

  left: 100%;

  margin-top: 0;

  margin-left: 0.125rem;

}



.dropright .dropdown-toggle::after {

  display: inline-block;

  margin-left: 0.255em;

  vertical-align: 0.255em;

  content: "";

  border-top: 0.3em solid transparent;

  border-right: 0;

  border-bottom: 0.3em solid transparent;

  border-left: 0.3em solid;

}



.dropright .dropdown-toggle:empty::after {

  margin-left: 0;

}



.dropright .dropdown-toggle::after {

  vertical-align: 0;

}



.dropleft .dropdown-menu {

  top: 0;

  right: 100%;

  left: auto;

  margin-top: 0;

  margin-right: 0.125rem;

}



.dropleft .dropdown-toggle::after {

  display: inline-block;

  margin-left: 0.255em;

  vertical-align: 0.255em;

  content: "";

}



.dropleft .dropdown-toggle::after {

  display: none;

}



.dropleft .dropdown-toggle::before {

  display: inline-block;

  margin-right: 0.255em;

  vertical-align: 0.255em;

  content: "";

  border-top: 0.3em solid transparent;

  border-right: 0.3em solid;

  border-bottom: 0.3em solid transparent;

}



.dropleft .dropdown-toggle:empty::after {

  margin-left: 0;

}



.dropleft .dropdown-toggle::before {

  vertical-align: 0;

}



.dropdown-menu[x-placement^="top"],

.dropdown-menu[x-placement^="right"],

.dropdown-menu[x-placement^="bottom"],

.dropdown-menu[x-placement^="left"] {

  right: auto;

  bottom: auto;

}



.dropdown-divider {

  height: 0;

  margin: 0.5rem 0;

  overflow: hidden;

  border-top: 1px solid #e9ecef;

}



.dropdown-item {

  display: block;

  width: 100%;

  padding: 0.25rem 1.5rem;

  clear: both;

  font-weight: 400;

  color: #212529;

  text-align: inherit;

  white-space: nowrap;

  background-color: transparent;

  border: 0;

}



.dropdown-item:hover,

.dropdown-item:focus {

  color: #16181b;

  text-decoration: none;

  background-color: #f8f9fa;

}



.dropdown-item.active,

.dropdown-item:active {

  color: #fff;

  text-decoration: none;

  background-color: #007bff;

}



.dropdown-item.disabled,

.dropdown-item:disabled {

  color: #6c757d;

  pointer-events: none;

  background-color: transparent;

}



.dropdown-menu.show {

  display: block;

}



.dropdown-header {

  display: block;

  padding: 0.5rem 1.5rem;

  margin-bottom: 0;

  font-size: 0.875rem;

  color: #6c757d;

  white-space: nowrap;

}



.dropdown-item-text {

  display: block;

  padding: 0.25rem 1.5rem;

  color: #212529;

}



.btn-group,

.btn-group-vertical {

  position: relative;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  vertical-align: middle;

}



.btn-group>.btn,

.btn-group-vertical>.btn {

  position: relative;

  -webkit-box-flex: 1;

  -ms-flex: 1 1 auto;

  flex: 1 1 auto;

}



.btn-group>.btn:hover,

.btn-group-vertical>.btn:hover {

  z-index: 1;

}



.btn-group>.btn:focus,

.btn-group>.btn:active,

.btn-group>.btn.active,

.btn-group-vertical>.btn:focus,

.btn-group-vertical>.btn:active,

.btn-group-vertical>.btn.active {

  z-index: 1;

}



.btn-toolbar {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-box-pack: start;

  -ms-flex-pack: start;

  justify-content: flex-start;

}



.btn-toolbar .input-group {

  width: auto;

}



.btn-group>.btn:not(:first-child),

.btn-group>.btn-group:not(:first-child) {

  margin-left: -1px;

}



.btn-group>.btn:not(:last-child):not(.dropdown-toggle),

.btn-group>.btn-group:not(:last-child)>.btn {

  border-top-right-radius: 0;

  border-bottom-right-radius: 0;

}



.btn-group>.btn:not(:first-child),

.btn-group>.btn-group:not(:first-child)>.btn {

  border-top-left-radius: 0;

  border-bottom-left-radius: 0;

}



.dropdown-toggle-split {

  padding-right: 0.5625rem;

  padding-left: 0.5625rem;

}



.dropdown-toggle-split::after,

.dropup .dropdown-toggle-split::after,

.dropright .dropdown-toggle-split::after {

  margin-left: 0;

}



.dropleft .dropdown-toggle-split::before {

  margin-right: 0;

}



.btn-sm+.dropdown-toggle-split,

.btn-group-sm>.btn+.dropdown-toggle-split {

  padding-right: 0.375rem;

  padding-left: 0.375rem;

}



.btn-lg+.dropdown-toggle-split,

.btn-group-lg>.btn+.dropdown-toggle-split {

  padding-right: 0.75rem;

  padding-left: 0.75rem;

}



.btn-group-vertical {

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

}



.btn-group-vertical>.btn,

.btn-group-vertical>.btn-group {

  width: 100%;

}



.btn-group-vertical>.btn:not(:first-child),

.btn-group-vertical>.btn-group:not(:first-child) {

  margin-top: -1px;

}



.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle),

.btn-group-vertical>.btn-group:not(:last-child)>.btn {

  border-bottom-right-radius: 0;

  border-bottom-left-radius: 0;

}



.btn-group-vertical>.btn:not(:first-child),

.btn-group-vertical>.btn-group:not(:first-child)>.btn {

  border-top-left-radius: 0;

  border-top-right-radius: 0;

}



.btn-group-toggle>.btn,

.btn-group-toggle>.btn-group>.btn {

  margin-bottom: 0;

}



.btn-group-toggle>.btn input[type="radio"],

.btn-group-toggle>.btn input[type="checkbox"],

.btn-group-toggle>.btn-group>.btn input[type="radio"],

.btn-group-toggle>.btn-group>.btn input[type="checkbox"] {

  position: absolute;

  clip: rect(0, 0, 0, 0);

  pointer-events: none;

}



.input-group {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-box-align: stretch;

  -ms-flex-align: stretch;

  align-items: stretch;

  width: 100%;

}



.input-group>.form-control,

.input-group>.form-control-plaintext,

.input-group>.custom-select,

.input-group>.custom-file {

  position: relative;

  -webkit-box-flex: 1;

  -ms-flex: 1 1 auto;

  flex: 1 1 auto;

  width: 1%;

  margin-bottom: 0;

}



.input-group>.form-control+.form-control,

.input-group>.form-control+.custom-select,

.input-group>.form-control+.custom-file,

.input-group>.form-control-plaintext+.form-control,

.input-group>.form-control-plaintext+.custom-select,

.input-group>.form-control-plaintext+.custom-file,

.input-group>.custom-select+.form-control,

.input-group>.custom-select+.custom-select,

.input-group>.custom-select+.custom-file,

.input-group>.custom-file+.form-control,

.input-group>.custom-file+.custom-select,

.input-group>.custom-file+.custom-file {

  margin-left: -1px;

}



.input-group>.form-control:focus,

.input-group>.custom-select:focus,

.input-group>.custom-file .custom-file-input:focus~.custom-file-label {

  z-index: 3;

}



.input-group>.custom-file .custom-file-input:focus {

  z-index: 4;

}



.input-group>.form-control:not(:last-child),

.input-group>.custom-select:not(:last-child) {

  border-top-right-radius: 0;

  border-bottom-right-radius: 0;

}



.input-group>.form-control:not(:first-child),

.input-group>.custom-select:not(:first-child) {

  border-top-left-radius: 0;

  border-bottom-left-radius: 0;

}



.input-group>.custom-file {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.input-group>.custom-file:not(:last-child) .custom-file-label,

.input-group>.custom-file:not(:last-child) .custom-file-label::after {

  border-top-right-radius: 0;

  border-bottom-right-radius: 0;

}



.input-group>.custom-file:not(:first-child) .custom-file-label {

  border-top-left-radius: 0;

  border-bottom-left-radius: 0;

}



.input-group-prepend,

.input-group-append {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}



.input-group-prepend .btn,

.input-group-append .btn {

  position: relative;

  z-index: 2;

}



.input-group-prepend .btn:focus,

.input-group-append .btn:focus {

  z-index: 3;

}



.input-group-prepend .btn+.btn,

.input-group-prepend .btn+.input-group-text,

.input-group-prepend .input-group-text+.input-group-text,

.input-group-prepend .input-group-text+.btn,

.input-group-append .btn+.btn,

.input-group-append .btn+.input-group-text,

.input-group-append .input-group-text+.input-group-text,

.input-group-append .input-group-text+.btn {

  margin-left: -1px;

}



.input-group-prepend {

  margin-right: -1px;

}



.input-group-append {

  margin-left: -1px;

}



.input-group-text {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  padding: 0.375rem 0.75rem;

  margin-bottom: 0;

  font-size: 1rem;

  font-weight: 400;

  line-height: 1.5;

  color: #495057;

  text-align: center;

  white-space: nowrap;

  background-color: #e9ecef;

  border: 1px solid #ced4da;

  border-radius: 0.25rem;

}



.input-group-text input[type="radio"],

.input-group-text input[type="checkbox"] {

  margin-top: 0;

}



.input-group-lg>.form-control:not(textarea),

.input-group-lg>.custom-select {

  height: calc(1.5em + 1rem + 2px);

}



.input-group-lg>.form-control,

.input-group-lg>.custom-select,

.input-group-lg>.input-group-prepend>.input-group-text,

.input-group-lg>.input-group-append>.input-group-text,

.input-group-lg>.input-group-prepend>.btn,

.input-group-lg>.input-group-append>.btn {

  padding: 0.5rem 1rem;

  font-size: 1.25rem;

  line-height: 1.5;

  border-radius: 0.3rem;

}



.input-group-sm>.form-control:not(textarea),

.input-group-sm>.custom-select {

  height: calc(1.5em + 0.5rem + 2px);

}



.input-group-sm>.form-control,

.input-group-sm>.custom-select,

.input-group-sm>.input-group-prepend>.input-group-text,

.input-group-sm>.input-group-append>.input-group-text,

.input-group-sm>.input-group-prepend>.btn,

.input-group-sm>.input-group-append>.btn {

  padding: 0.25rem 0.5rem;

  font-size: 0.875rem;

  line-height: 1.5;

  border-radius: 0.2rem;

}



.input-group-lg>.custom-select,

.input-group-sm>.custom-select {

  padding-right: 1.75rem;

}



.input-group>.input-group-prepend>.btn,

.input-group>.input-group-prepend>.input-group-text,

.input-group>.input-group-append:not(:last-child)>.btn,

.input-group>.input-group-append:not(:last-child)>.input-group-text,

.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),

.input-group>.input-group-append:last-child>.input-group-text:not(:last-child) {

  border-top-right-radius: 0;

  border-bottom-right-radius: 0;

}



.input-group>.input-group-append>.btn,

.input-group>.input-group-append>.input-group-text,

.input-group>.input-group-prepend:not(:first-child)>.btn,

.input-group>.input-group-prepend:not(:first-child)>.input-group-text,

.input-group>.input-group-prepend:first-child>.btn:not(:first-child),

.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child) {

  border-top-left-radius: 0;

  border-bottom-left-radius: 0;

}



.custom-control {

  position: relative;

  display: block;

  min-height: 1.5rem;

  padding-left: 1.5rem;

}



.custom-control-inline {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  margin-right: 1rem;

}



.custom-control-input {

  position: absolute;

  z-index: -1;

  opacity: 0;

}



.custom-control-input:checked~.custom-control-label::before {

  color: #fff;

  border-color: #007bff;

  background-color: #007bff;

}



.custom-control-input:focus~.custom-control-label::before {

  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);

  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);

}



.custom-control-input:focus:not(:checked)~.custom-control-label::before {

  border-color: #80bdff;

}



.custom-control-input:not(:disabled):active~.custom-control-label::before {

  color: #fff;

  background-color: #b3d7ff;

  border-color: #b3d7ff;

}



.custom-control-input:disabled~.custom-control-label {

  color: #6c757d;

}



.custom-control-input:disabled~.custom-control-label::before {

  background-color: #e9ecef;

}



.custom-control-label {

  position: relative;

  margin-bottom: 0;

  vertical-align: top;

}



.custom-control-label::before {

  position: absolute;

  top: 0.25rem;

  left: -1.5rem;

  display: block;

  width: 1rem;

  height: 1rem;

  pointer-events: none;

  content: "";

  background-color: #fff;

  border: #adb5bd solid 1px;

}



.custom-control-label::after {

  position: absolute;

  top: 0.25rem;

  left: -1.5rem;

  display: block;

  width: 1rem;

  height: 1rem;

  content: "";

  background: no-repeat 50% / 50% 50%;

}



.custom-checkbox .custom-control-label::before {

  border-radius: 0.25rem;

}



.custom-checkbox .custom-control-input:checked~.custom-control-label::after {

  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");

}



.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {

  border-color: #007bff;

  background-color: #007bff;

}



.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {

  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");

}



.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {

  background-color: rgba(0, 123, 255, 0.5);

}



.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {

  background-color: rgba(0, 123, 255, 0.5);

}



.custom-radio .custom-control-label::before {

  border-radius: 50%;

}



.custom-radio .custom-control-input:checked~.custom-control-label::after {

  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");

}



.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {

  background-color: rgba(0, 123, 255, 0.5);

}



.custom-switch {

  padding-left: 2.25rem;

}



.custom-switch .custom-control-label::before {

  left: -2.25rem;

  width: 1.75rem;

  pointer-events: all;

  border-radius: 0.5rem;

}



.custom-switch .custom-control-label::after {

  top: calc(0.25rem + 2px);

  left: calc(-2.25rem + 2px);

  width: calc(1rem - 4px);

  height: calc(1rem - 4px);

  background-color: #adb5bd;

  border-radius: 0.5rem;

  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;

  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;

  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;

}



@media (prefers-reduced-motion: reduce) {

  .custom-switch .custom-control-label::after {

    -webkit-transition: none;

    transition: none;

  }

}



.custom-switch .custom-control-input:checked~.custom-control-label::after {

  background-color: #fff;

  -webkit-transform: translateX(0.75rem);

  transform: translateX(0.75rem);

}



.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {

  background-color: rgba(0, 123, 255, 0.5);

}



.custom-select {

  display: inline-block;

  width: 100%;

  height: calc(1.5em + 0.75rem + 2px);

  padding: 0.375rem 1.75rem 0.375rem 0.75rem;

  font-size: 1rem;

  font-weight: 400;

  line-height: 1.5;

  color: #495057;

  vertical-align: middle;

  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;

  background-color: #fff;

  border: 1px solid #ced4da;

  border-radius: 0.25rem;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

}



.custom-select:focus {

  border-color: #80bdff;

  outline: 0;

  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);

  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);

}



.custom-select:focus::-ms-value {

  color: #495057;

  background-color: #fff;

}



.custom-select[multiple],

.custom-select[size]:not([size="1"]) {

  height: auto;

  padding-right: 0.75rem;

  background-image: none;

}



.custom-select:disabled {

  color: #6c757d;

  background-color: #e9ecef;

}



.custom-select::-ms-expand {

  display: none;

}



.custom-select-sm {

  height: calc(1.5em + 0.5rem + 2px);

  padding-top: 0.25rem;

  padding-bottom: 0.25rem;

  padding-left: 0.5rem;

  font-size: 0.875rem;

}



.custom-select-lg {

  height: calc(1.5em + 1rem + 2px);

  padding-top: 0.5rem;

  padding-bottom: 0.5rem;

  padding-left: 1rem;

  font-size: 1.25rem;

}



.custom-file {

  position: relative;

  display: inline-block;

  width: 100%;

  height: calc(1.5em + 0.75rem + 2px);

  margin-bottom: 0;

}



.custom-file-input {

  position: relative;

  z-index: 2;

  width: 100%;

  height: calc(1.5em + 0.75rem + 2px);

  margin: 0;

  opacity: 0;

}



.custom-file-input:focus~.custom-file-label {

  border-color: #80bdff;

  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);

  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);

}



.custom-file-input:disabled~.custom-file-label {

  background-color: #e9ecef;

}



.custom-file-input:lang(en)~.custom-file-label::after {

  content: "Browse";

}



.custom-file-input~.custom-file-label[data-browse]::after {

  content: attr(data-browse);

}



.custom-file-label {

  position: absolute;

  top: 0;

  right: 0;

  left: 0;

  z-index: 1;

  height: calc(1.5em + 0.75rem + 2px);

  padding: 0.375rem 0.75rem;

  font-weight: 400;

  line-height: 1.5;

  color: #495057;

  background-color: #fff;

  border: 1px solid #ced4da;

  border-radius: 0.25rem;

}



.custom-file-label::after {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  z-index: 3;

  display: block;

  height: calc(1.5em + 0.75rem);

  padding: 0.375rem 0.75rem;

  line-height: 1.5;

  color: #495057;

  content: "Browse";

  background-color: #e9ecef;

  border-left: inherit;

  border-radius: 0 0.25rem 0.25rem 0;

}



.custom-range {

  width: 100%;

  height: calc(1rem + 0.4rem);

  padding: 0;

  background-color: transparent;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

}



.custom-range:focus {

  outline: none;

}



.custom-range:focus::-webkit-slider-thumb {

  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);

  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);

}



.custom-range:focus::-moz-range-thumb {

  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);

}



.custom-range:focus::-ms-thumb {

  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);

}



.custom-range::-moz-focus-outer {

  border: 0;

}



.custom-range::-webkit-slider-thumb {

  width: 1rem;

  height: 1rem;

  margin-top: -0.25rem;

  background-color: #007bff;

  border: 0;

  border-radius: 1rem;

  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;

  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;

  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;

  -webkit-appearance: none;

  appearance: none;

}



@media (prefers-reduced-motion: reduce) {

  .custom-range::-webkit-slider-thumb {

    -webkit-transition: none;

    transition: none;

  }

}



.custom-range::-webkit-slider-thumb:active {

  background-color: #b3d7ff;

}



.custom-range::-webkit-slider-runnable-track {

  width: 100%;

  height: 0.5rem;

  color: transparent;

  cursor: pointer;

  background-color: #dee2e6;

  border-color: transparent;

  border-radius: 1rem;

}



.custom-range::-moz-range-thumb {

  width: 1rem;

  height: 1rem;

  background-color: #007bff;

  border: 0;

  border-radius: 1rem;

  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;

  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;

  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;

  -moz-appearance: none;

  appearance: none;

}



@media (prefers-reduced-motion: reduce) {

  .custom-range::-moz-range-thumb {

    -webkit-transition: none;

    transition: none;

  }

}



.custom-range::-moz-range-thumb:active {

  background-color: #b3d7ff;

}



.custom-range::-moz-range-track {

  width: 100%;

  height: 0.5rem;

  color: transparent;

  cursor: pointer;

  background-color: #dee2e6;

  border-color: transparent;

  border-radius: 1rem;

}



.custom-range::-ms-thumb {

  width: 1rem;

  height: 1rem;

  margin-top: 0;

  margin-right: 0.2rem;

  margin-left: 0.2rem;

  background-color: #007bff;

  border: 0;

  border-radius: 1rem;

  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;

  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;

  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;

  appearance: none;

}



@media (prefers-reduced-motion: reduce) {

  .custom-range::-ms-thumb {

    -webkit-transition: none;

    transition: none;

  }

}



.custom-range::-ms-thumb:active {

  background-color: #b3d7ff;

}



.custom-range::-ms-track {

  width: 100%;

  height: 0.5rem;

  color: transparent;

  cursor: pointer;

  background-color: transparent;

  border-color: transparent;

  border-width: 0.5rem;

}



.custom-range::-ms-fill-lower {

  background-color: #dee2e6;

  border-radius: 1rem;

}



.custom-range::-ms-fill-upper {

  margin-right: 15px;

  background-color: #dee2e6;

  border-radius: 1rem;

}



.custom-range:disabled::-webkit-slider-thumb {

  background-color: #adb5bd;

}



.custom-range:disabled::-webkit-slider-runnable-track {

  cursor: default;

}



.custom-range:disabled::-moz-range-thumb {

  background-color: #adb5bd;

}



.custom-range:disabled::-moz-range-track {

  cursor: default;

}



.custom-range:disabled::-ms-thumb {

  background-color: #adb5bd;

}



.custom-control-label::before,

.custom-file-label,

.custom-select {

  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;

  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;

  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;

}



@media (prefers-reduced-motion: reduce) {



  .custom-control-label::before,

  .custom-file-label,

  .custom-select {

    -webkit-transition: none;

    transition: none;

  }

}



.nav {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  padding-left: 0;

  margin-bottom: 0;

  list-style: none;

}



.nav-link {

  display: block;

  padding: 0.5rem 1rem;

}



.nav-link:hover,

.nav-link:focus {

  text-decoration: none;

}



.nav-link.disabled {

  color: #6c757d;

  pointer-events: none;

  cursor: default;

}



.nav-tabs {

  border-bottom: 1px solid #dee2e6;

}



.nav-tabs .nav-item {

  margin-bottom: -1px;

}



.nav-tabs .nav-link {

  border: 1px solid transparent;

  border-top-left-radius: 0.25rem;

  border-top-right-radius: 0.25rem;

}



.nav-tabs .nav-link:hover,

.nav-tabs .nav-link:focus {

  border-color: #e9ecef #e9ecef #dee2e6;

}



.nav-tabs .nav-link.disabled {

  color: #6c757d;

  background-color: transparent;

  border-color: transparent;

}



.nav-tabs .nav-link.active,

.nav-tabs .nav-item.show .nav-link {

  color: #495057;

  background-color: #fff;

  border-color: #dee2e6 #dee2e6 #fff;

}



.nav-tabs .dropdown-menu {

  margin-top: -1px;

  border-top-left-radius: 0;

  border-top-right-radius: 0;

}



.nav-pills .nav-link {

  border-radius: 0.25rem;

}



.nav-pills .nav-link.active,

.nav-pills .show>.nav-link {

  color: #fff;

  background-color: #007bff;

}



.nav-fill .nav-item {

  -webkit-box-flex: 1;

  -ms-flex: 1 1 auto;

  flex: 1 1 auto;

  text-align: center;

}



.nav-justified .nav-item {

  -ms-flex-preferred-size: 0;

  flex-basis: 0;

  -webkit-box-flex: 1;

  -ms-flex-positive: 1;

  flex-grow: 1;

  text-align: center;

}



.tab-content>.tab-pane {

  display: none;

}



.tab-content>.active {

  display: block;

}



.navbar {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  padding: 0.5rem 1rem;

}



.navbar>.container,

.navbar>.container-fluid {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

}



.navbar-brand {

  display: inline-block;

  padding-top: 0.3125rem;

  padding-bottom: 0.3125rem;

  margin-right: 1rem;

  font-size: 1.25rem;

  line-height: inherit;

  white-space: nowrap;

}



.navbar-brand:hover,

.navbar-brand:focus {

  text-decoration: none;

}



.navbar-nav {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  padding-left: 0;

  margin-bottom: 0;

  list-style: none;

}



.navbar-nav .nav-link {

  padding-right: 0;

  padding-left: 0;

}



.navbar-nav .dropdown-menu {

  position: static;

  float: none;

}



.navbar-text {

  display: inline-block;

  padding-top: 0.5rem;

  padding-bottom: 0.5rem;

}



.navbar-collapse {

  -ms-flex-preferred-size: 100%;

  flex-basis: 100%;

  -webkit-box-flex: 1;

  -ms-flex-positive: 1;

  flex-grow: 1;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.navbar-toggler {

  padding: 0.25rem 0.75rem;

  font-size: 1.25rem;

  line-height: 1;

  background-color: transparent;

  border: 1px solid transparent;

  border-radius: 0.25rem;

}



.navbar-toggler:hover,

.navbar-toggler:focus {

  text-decoration: none;

}



.navbar-toggler-icon {

  display: inline-block;

  width: 1.5em;

  height: 1.5em;

  vertical-align: middle;

  content: "";

  background: no-repeat center center;

  background-size: 100% 100%;

}



@media (max-width: 575.98px) {



  .navbar-expand-sm>.container,

  .navbar-expand-sm>.container-fluid {

    padding-right: 0;

    padding-left: 0;

  }

}



@media (min-width: 576px) {

  .navbar-expand-sm {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-flow: row nowrap;

    flex-flow: row nowrap;

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start;

  }



  .navbar-expand-sm .navbar-nav {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;

  }



  .navbar-expand-sm .navbar-nav .dropdown-menu {

    position: absolute;

  }



  .navbar-expand-sm .navbar-nav .nav-link {

    padding-right: 0.5rem;

    padding-left: 0.5rem;

  }



  .navbar-expand-sm>.container,

  .navbar-expand-sm>.container-fluid {

    -ms-flex-wrap: nowrap;

    flex-wrap: nowrap;

  }



  .navbar-expand-sm .navbar-collapse {

    display: -webkit-box !important;

    display: -ms-flexbox !important;

    display: flex !important;

    -ms-flex-preferred-size: auto;

    flex-basis: auto;

  }



  .navbar-expand-sm .navbar-toggler {

    display: none;

  }

}



@media (max-width: 767.98px) {



  .navbar-expand-md>.container,

  .navbar-expand-md>.container-fluid {

    padding-right: 0;

    padding-left: 0;

  }

}



@media (min-width: 768px) {

  .navbar-expand-md {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-flow: row nowrap;

    flex-flow: row nowrap;

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start;

  }



  .navbar-expand-md .navbar-nav {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;

  }



  .navbar-expand-md .navbar-nav .dropdown-menu {

    position: absolute;

  }



  .navbar-expand-md .navbar-nav .nav-link {

    padding-right: 0.5rem;

    padding-left: 0.5rem;

  }



  .navbar-expand-md>.container,

  .navbar-expand-md>.container-fluid {

    -ms-flex-wrap: nowrap;

    flex-wrap: nowrap;

  }



  .navbar-expand-md .navbar-collapse {

    display: -webkit-box !important;

    display: -ms-flexbox !important;

    display: flex !important;

    -ms-flex-preferred-size: auto;

    flex-basis: auto;

  }



  .navbar-expand-md .navbar-toggler {

    display: none;

  }

}



@media (max-width: 991.98px) {



  .navbar-expand-lg>.container,

  .navbar-expand-lg>.container-fluid {

    padding-right: 0;

    padding-left: 0;

  }

}



@media (min-width: 992px) {

  .navbar-expand-lg {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-flow: row nowrap;

    flex-flow: row nowrap;

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start;

  }



  .navbar-expand-lg .navbar-nav {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;

  }



  .navbar-expand-lg .navbar-nav .dropdown-menu {

    position: absolute;

  }



  .navbar-expand-lg .navbar-nav .nav-link {

    padding-right: 0.5rem;

    padding-left: 0.5rem;

  }



  .navbar-expand-lg>.container,

  .navbar-expand-lg>.container-fluid {

    -ms-flex-wrap: nowrap;

    flex-wrap: nowrap;

  }



  .navbar-expand-lg .navbar-collapse {

    display: -webkit-box !important;

    display: -ms-flexbox !important;

    display: flex !important;

    -ms-flex-preferred-size: auto;

    flex-basis: auto;

  }



  .navbar-expand-lg .navbar-toggler {

    display: none;

  }

}



@media (max-width: 1199.98px) {



  .navbar-expand-xl>.container,

  .navbar-expand-xl>.container-fluid {

    padding-right: 0;

    padding-left: 0;

  }

}



@media (min-width: 1200px) {

  .navbar-expand-xl {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-flow: row nowrap;

    flex-flow: row nowrap;

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start;

  }



  .navbar-expand-xl .navbar-nav {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;

  }



  .navbar-expand-xl .navbar-nav .dropdown-menu {

    position: absolute;

  }



  .navbar-expand-xl .navbar-nav .nav-link {

    padding-right: 0.5rem;

    padding-left: 0.5rem;

  }



  .navbar-expand-xl>.container,

  .navbar-expand-xl>.container-fluid {

    -ms-flex-wrap: nowrap;

    flex-wrap: nowrap;

  }



  .navbar-expand-xl .navbar-collapse {

    display: -webkit-box !important;

    display: -ms-flexbox !important;

    display: flex !important;

    -ms-flex-preferred-size: auto;

    flex-basis: auto;

  }



  .navbar-expand-xl .navbar-toggler {

    display: none;

  }

}



.navbar-expand {

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-flow: row nowrap;

  flex-flow: row nowrap;

  -webkit-box-pack: start;

  -ms-flex-pack: start;

  justify-content: flex-start;

}



.navbar-expand>.container,

.navbar-expand>.container-fluid {

  padding-right: 0;

  padding-left: 0;

}



.navbar-expand .navbar-nav {

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row;

}



.navbar-expand .navbar-nav .dropdown-menu {

  position: absolute;

}



.navbar-expand .navbar-nav .nav-link {

  padding-right: 0.5rem;

  padding-left: 0.5rem;

}



.navbar-expand>.container,

.navbar-expand>.container-fluid {

  -ms-flex-wrap: nowrap;

  flex-wrap: nowrap;

}



.navbar-expand .navbar-collapse {

  display: -webkit-box !important;

  display: -ms-flexbox !important;

  display: flex !important;

  -ms-flex-preferred-size: auto;

  flex-basis: auto;

}



.navbar-expand .navbar-toggler {

  display: none;

}



.navbar-light .navbar-brand {

  color: rgba(0, 0, 0, 0.9);

}



.navbar-light .navbar-brand:hover,

.navbar-light .navbar-brand:focus {

  color: rgba(0, 0, 0, 0.9);

}



.navbar-light .navbar-nav .nav-link {

  color: rgba(0, 0, 0, 0.5);

}



.navbar-light .navbar-nav .nav-link:hover,

.navbar-light .navbar-nav .nav-link:focus {

  color: rgba(0, 0, 0, 0.7);

}



.navbar-light .navbar-nav .nav-link.disabled {

  color: rgba(0, 0, 0, 0.3);

}



.navbar-light .navbar-nav .show>.nav-link,

.navbar-light .navbar-nav .active>.nav-link,

.navbar-light .navbar-nav .nav-link.show,

.navbar-light .navbar-nav .nav-link.active {

  color: rgba(0, 0, 0, 0.9);

}



.navbar-light .navbar-toggler {

  color: rgba(0, 0, 0, 0.5);

  border-color: rgba(0, 0, 0, 0.1);

}



.navbar-light .navbar-toggler-icon {

  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");

}



.navbar-light .navbar-text {

  color: rgba(0, 0, 0, 0.5);

}



.navbar-light .navbar-text a {

  color: rgba(0, 0, 0, 0.9);

}



.navbar-light .navbar-text a:hover,

.navbar-light .navbar-text a:focus {

  color: rgba(0, 0, 0, 0.9);

}



.navbar-dark .navbar-brand {

  color: #fff;

}



.navbar-dark .navbar-brand:hover,

.navbar-dark .navbar-brand:focus {

  color: #fff;

}



.navbar-dark .navbar-nav .nav-link {

  color: rgba(255, 255, 255, 0.5);

}



.navbar-dark .navbar-nav .nav-link:hover,

.navbar-dark .navbar-nav .nav-link:focus {

  color: rgba(255, 255, 255, 0.75);

}



.navbar-dark .navbar-nav .nav-link.disabled {

  color: rgba(255, 255, 255, 0.25);

}



.navbar-dark .navbar-nav .show>.nav-link,

.navbar-dark .navbar-nav .active>.nav-link,

.navbar-dark .navbar-nav .nav-link.show,

.navbar-dark .navbar-nav .nav-link.active {

  color: #fff;

}



.navbar-dark .navbar-toggler {

  color: rgba(255, 255, 255, 0.5);

  border-color: rgba(255, 255, 255, 0.1);

}



.navbar-dark .navbar-toggler-icon {

  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");

}



.navbar-dark .navbar-text {

  color: rgba(255, 255, 255, 0.5);

}



.navbar-dark .navbar-text a {

  color: #fff;

}



.navbar-dark .navbar-text a:hover,

.navbar-dark .navbar-text a:focus {

  color: #fff;

}



.card {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  min-width: 0;

  word-wrap: break-word;

  background-color: #fff;

  background-clip: border-box;

  border: 1px solid rgba(0, 0, 0, 0.125);

  border-radius: 0.25rem;

}



.card>hr {

  margin-right: 0;

  margin-left: 0;

}



.card>.list-group:first-child .list-group-item:first-child {

  border-top-left-radius: 0.25rem;

  border-top-right-radius: 0.25rem;

}



.card>.list-group:last-child .list-group-item:last-child {

  border-bottom-right-radius: 0.25rem;

  border-bottom-left-radius: 0.25rem;

}



.card-body {

  -webkit-box-flex: 1;

  -ms-flex: 1 1 auto;

  flex: 1 1 auto;

  padding: 1.25rem;

}



.card-title {

  margin-bottom: 0.75rem;

}



.card-subtitle {

  margin-top: -0.375rem;

  margin-bottom: 0;

}



.card-text:last-child {

  margin-bottom: 0;

}



.card-link:hover {

  text-decoration: none;

}



.card-link+.card-link {

  margin-left: 1.25rem;

}



.card-header {

  padding: 0.75rem 1.25rem;

  margin-bottom: 0;

  background-color: rgba(0, 0, 0, 0.03);

  border-bottom: 1px solid rgba(0, 0, 0, 0.125);

}



.card-header:first-child {

  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;

}



.card-header+.list-group .list-group-item:first-child {

  border-top: 0;

}



.card-footer {

  padding: 0.75rem 1.25rem;

  background-color: rgba(0, 0, 0, 0.03);

  border-top: 1px solid rgba(0, 0, 0, 0.125);

}



.card-footer:last-child {

  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);

}



.card-header-tabs {

  margin-right: -0.625rem;

  margin-bottom: -0.75rem;

  margin-left: -0.625rem;

  border-bottom: 0;

}



.card-header-pills {

  margin-right: -0.625rem;

  margin-left: -0.625rem;

}



.card-img-overlay {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  padding: 1.25rem;

}



.card-img {

  width: 100%;

  border-radius: calc(0.25rem - 1px);

}



.card-img-top {

  width: 100%;

  border-top-left-radius: calc(0.25rem - 1px);

  border-top-right-radius: calc(0.25rem - 1px);

}



.card-img-bottom {

  width: 100%;

  border-bottom-right-radius: calc(0.25rem - 1px);

  border-bottom-left-radius: calc(0.25rem - 1px);

}



.card-deck {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

}



.card-deck .card {

  margin-bottom: 15px;

}



@media (min-width: 576px) {

  .card-deck {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-flow: row wrap;

    flex-flow: row wrap;

    margin-right: -15px;

    margin-left: -15px;

  }



  .card-deck .card {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-flex: 1;

    -ms-flex: 1 0 0%;

    flex: 1 0 0%;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    margin-right: 15px;

    margin-bottom: 0;

    margin-left: 15px;

  }

}



.card-group {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

}



.card-group>.card {

  margin-bottom: 15px;

}



@media (min-width: 576px) {

  .card-group {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-flow: row wrap;

    flex-flow: row wrap;

  }



  .card-group>.card {

    -webkit-box-flex: 1;

    -ms-flex: 1 0 0%;

    flex: 1 0 0%;

    margin-bottom: 0;

  }



  .card-group>.card+.card {

    margin-left: 0;

    border-left: 0;

  }



  .card-group>.card:not(:last-child) {

    border-top-right-radius: 0;

    border-bottom-right-radius: 0;

  }



  .card-group>.card:not(:last-child) .card-img-top,

  .card-group>.card:not(:last-child) .card-header {

    border-top-right-radius: 0;

  }



  .card-group>.card:not(:last-child) .card-img-bottom,

  .card-group>.card:not(:last-child) .card-footer {

    border-bottom-right-radius: 0;

  }



  .card-group>.card:not(:first-child) {

    border-top-left-radius: 0;

    border-bottom-left-radius: 0;

  }



  .card-group>.card:not(:first-child) .card-img-top,

  .card-group>.card:not(:first-child) .card-header {

    border-top-left-radius: 0;

  }



  .card-group>.card:not(:first-child) .card-img-bottom,

  .card-group>.card:not(:first-child) .card-footer {

    border-bottom-left-radius: 0;

  }

}



.card-columns .card {

  margin-bottom: 0.75rem;

}



@media (min-width: 576px) {

  .card-columns {

    -webkit-column-count: 3;

    column-count: 3;

    -webkit-column-gap: 1.25rem;

    column-gap: 1.25rem;

    orphans: 1;

    widows: 1;

  }



  .card-columns .card {

    display: inline-block;

    width: 100%;

  }

}



.accordion>.card {

  overflow: hidden;

}



.accordion>.card:not(:first-of-type) .card-header:first-child {

  border-radius: 0;

}



.accordion>.card:not(:first-of-type):not(:last-of-type) {

  border-bottom: 0;

  border-radius: 0;

}



.accordion>.card:first-of-type {

  border-bottom: 0;

  border-bottom-right-radius: 0;

  border-bottom-left-radius: 0;

}



.accordion>.card:last-of-type {

  border-top-left-radius: 0;

  border-top-right-radius: 0;

}



.accordion>.card .card-header {

  margin-bottom: -1px;

}



.breadcrumb {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  padding: 0.75rem 1rem;

  margin-bottom: 1rem;

  list-style: none;

  background-color: #e9ecef;

  border-radius: 0.25rem;

}



.breadcrumb-item+.breadcrumb-item {

  padding-left: 0.5rem;

}



.breadcrumb-item+.breadcrumb-item::before {

  display: inline-block;

  padding-right: 0.5rem;

  color: #6c757d;

  content: "/";

}



.breadcrumb-item+.breadcrumb-item:hover::before {

  text-decoration: underline;

}



.breadcrumb-item+.breadcrumb-item:hover::before {

  text-decoration: none;

}



.breadcrumb-item.active {

  color: #6c757d;

}



.pagination {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  padding-left: 0;

  list-style: none;

  border-radius: 0.25rem;
  margin-bottom: 40px;

}



.page-link {

  position: relative;

  display: block;

  padding: 0.5rem 0.75rem;

  margin-left: -1px;

  line-height: 1.25;

  color: #007bff;

  background-color: #fff;

  border: 1px solid #dee2e6;

}



.page-link:hover {

  z-index: 2;

  color: #0056b3;

  text-decoration: none;

  background-color: #e9ecef;

  border-color: #dee2e6;

}



.page-link:focus {

  z-index: 2;

  outline: 0;

  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);

  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);

}



.page-item:first-child .page-link {

  margin-left: 0;

  border-top-left-radius: 0.25rem;

  border-bottom-left-radius: 0.25rem;

}



.page-item:last-child .page-link {

  border-top-right-radius: 0.25rem;

  border-bottom-right-radius: 0.25rem;

}



.page-item.active .page-link {

  z-index: 1;

  color: #fff;

  background-color: #007bff;

  border-color: #007bff;

}



.page-item.disabled .page-link {

  color: #6c757d;

  pointer-events: none;

  cursor: auto;

  background-color: #fff;

  border-color: #dee2e6;

}



.pagination-lg .page-link {

  padding: 0.75rem 1.5rem;

  font-size: 1.25rem;

  line-height: 1.5;

}



.pagination-lg .page-item:first-child .page-link {

  border-top-left-radius: 0.3rem;

  border-bottom-left-radius: 0.3rem;

}



.pagination-lg .page-item:last-child .page-link {

  border-top-right-radius: 0.3rem;

  border-bottom-right-radius: 0.3rem;

}



.pagination-sm .page-link {

  padding: 0.25rem 0.5rem;

  font-size: 0.875rem;

  line-height: 1.5;

}



.pagination-sm .page-item:first-child .page-link {

  border-top-left-radius: 0.2rem;

  border-bottom-left-radius: 0.2rem;

}



.pagination-sm .page-item:last-child .page-link {

  border-top-right-radius: 0.2rem;

  border-bottom-right-radius: 0.2rem;

}



.badge {

  display: inline-block;

  padding: 0.25em 0.4em;

  font-size: 75%;

  font-weight: 700;

  line-height: 1;

  text-align: center;

  white-space: nowrap;

  vertical-align: baseline;

  border-radius: 0.25rem;

  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;

  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;

  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;

}



@media (prefers-reduced-motion: reduce) {

  .badge {

    -webkit-transition: none;

    transition: none;

  }

}



a.badge:hover,

a.badge:focus {

  text-decoration: none;

}



.badge:empty {

  display: none;

}



.btn .badge {

  position: relative;

  top: -1px;

}



.badge-pill {

  padding-right: 0.6em;

  padding-left: 0.6em;

  border-radius: 10rem;

}



.badge-primary {

  color: #fff;

  background-color: #007bff;

}



a.badge-primary:hover,

a.badge-primary:focus {

  color: #fff;

  background-color: #0062cc;

}



a.badge-primary:focus,

a.badge-primary.focus {

  outline: 0;

  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);

  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);

}



.badge-secondary {

  color: #fff;

  background-color: #6c757d;

}



a.badge-secondary:hover,

a.badge-secondary:focus {

  color: #fff;

  background-color: #545b62;

}



a.badge-secondary:focus,

a.badge-secondary.focus {

  outline: 0;

  -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);

  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);

}



.badge-success {

  color: #fff;

  background-color: #28a745;

}



a.badge-success:hover,

a.badge-success:focus {

  color: #fff;

  background-color: #1e7e34;

}



a.badge-success:focus,

a.badge-success.focus {

  outline: 0;

  -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);

  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);

}



.badge-info {

  color: #fff;

  background-color: #17a2b8;

}



a.badge-info:hover,

a.badge-info:focus {

  color: #fff;

  background-color: #117a8b;

}



a.badge-info:focus,

a.badge-info.focus {

  outline: 0;

  -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);

  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);

}



.badge-warning {

  color: #212529;

  background-color: #ffc107;

}



a.badge-warning:hover,

a.badge-warning:focus {

  color: #212529;

  background-color: #d39e00;

}



a.badge-warning:focus,

a.badge-warning.focus {

  outline: 0;

  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);

  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);

}



.badge-danger {

  color: #fff;

  background-color: #dc3545;

}



a.badge-danger:hover,

a.badge-danger:focus {

  color: #fff;

  background-color: #bd2130;

}



a.badge-danger:focus,

a.badge-danger.focus {

  outline: 0;

  -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);

  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);

}



.badge-light {

  color: #212529;

  background-color: #f8f9fa;

}



a.badge-light:hover,

a.badge-light:focus {

  color: #212529;

  background-color: #dae0e5;

}



a.badge-light:focus,

a.badge-light.focus {

  outline: 0;

  -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);

  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);

}



.badge-dark {

  color: #fff;

  background-color: #343a40;

}



a.badge-dark:hover,

a.badge-dark:focus {

  color: #fff;

  background-color: #1d2124;

}



a.badge-dark:focus,

a.badge-dark.focus {

  outline: 0;

  -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);

  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);

}



.jumbotron {

  padding: 2rem 1rem;

  margin-bottom: 2rem;

  background-color: #e9ecef;

  border-radius: 0.3rem;

}



@media (min-width: 576px) {

  .jumbotron {

    padding: 4rem 2rem;

  }

}



.jumbotron-fluid {

  padding-right: 0;

  padding-left: 0;

  border-radius: 0;

}



.alert {

  position: relative;

  padding: 0.75rem 1.25rem;

  margin-bottom: 1rem;

  border: 1px solid transparent;

  border-radius: 0.25rem;

}



.alert-heading {

  color: inherit;

}



.alert-link {

  font-weight: 700;

}



.alert-dismissible {

  padding-right: 4rem;

}



.alert-dismissible .close {

  position: absolute;

  top: 0;

  right: 0;

  padding: 0.75rem 1.25rem;

  color: inherit;

}



.alert-primary {

  color: #004085;

  background-color: #cce5ff;

  border-color: #b8daff;

}



.alert-primary hr {

  border-top-color: #9fcdff;

}



.alert-primary .alert-link {

  color: #002752;

}



.alert-secondary {

  color: #383d41;

  background-color: #e2e3e5;

  border-color: #d6d8db;

}



.alert-secondary hr {

  border-top-color: #c8cbcf;

}



.alert-secondary .alert-link {

  color: #202326;

}



.alert-success {

  color: #155724;

  background-color: #d4edda;

  border-color: #c3e6cb;

}



.alert-success hr {

  border-top-color: #b1dfbb;

}



.alert-success .alert-link {

  color: #0b2e13;

}



.alert-info {

  color: #0c5460;

  background-color: #d1ecf1;

  border-color: #bee5eb;

}



.alert-info hr {

  border-top-color: #abdde5;

}



.alert-info .alert-link {

  color: #062c33;

}



.alert-warning {

  color: #856404;

  background-color: #fff3cd;

  border-color: #ffeeba;

}



.alert-warning hr {

  border-top-color: #ffe8a1;

}



.alert-warning .alert-link {

  color: #533f03;

}



.alert-danger {

  color: #721c24;

  background-color: #f8d7da;

  border-color: #f5c6cb;

}



.alert-danger hr {

  border-top-color: #f1b0b7;

}



.alert-danger .alert-link {

  color: #491217;

}



.alert-light {

  color: #818182;

  background-color: #fefefe;

  border-color: #fdfdfe;

}



.alert-light hr {

  border-top-color: #ececf6;

}



.alert-light .alert-link {

  color: #686868;

}



.alert-dark {

  color: #1b1e21;

  background-color: #d6d8d9;

  border-color: #c6c8ca;

}



.alert-dark hr {

  border-top-color: #b9bbbe;

}



.alert-dark .alert-link {

  color: #040505;

}



@-webkit-keyframes progress-bar-stripes {

  from {

    background-position: 1rem 0;

  }



  to {

    background-position: 0 0;

  }

}



@keyframes progress-bar-stripes {

  from {

    background-position: 1rem 0;

  }



  to {

    background-position: 0 0;

  }

}



.progress {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  height: 1rem;

  overflow: hidden;

  font-size: 0.75rem;

  background-color: #e9ecef;

  border-radius: 0.25rem;

}



.progress-bar {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  color: #fff;

  text-align: center;

  white-space: nowrap;

  background-color: #007bff;

  -webkit-transition: width 0.6s ease;

  transition: width 0.6s ease;

}



@media (prefers-reduced-motion: reduce) {

  .progress-bar {

    -webkit-transition: none;

    transition: none;

  }

}



.progress-bar-striped {

  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-size: 1rem 1rem;

}



.progress-bar-animated {

  -webkit-animation: progress-bar-stripes 1s linear infinite;

  animation: progress-bar-stripes 1s linear infinite;

}



@media (prefers-reduced-motion: reduce) {

  .progress-bar-animated {

    -webkit-animation: none;

    animation: none;

  }

}



.media {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

}



.media-body {

  -webkit-box-flex: 1;

  -ms-flex: 1;

  flex: 1;

}



.list-group {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  padding-left: 0;

  margin-bottom: 0;

}



.list-group-item-action {

  width: 100%;

  color: #495057;

  text-align: inherit;

}



.list-group-item-action:hover,

.list-group-item-action:focus {

  z-index: 1;

  color: #495057;

  text-decoration: none;

  background-color: #f8f9fa;

}



.list-group-item-action:active {

  color: #212529;

  background-color: #e9ecef;

}



.list-group-item {

  position: relative;

  display: block;

  padding: 0.75rem 1.25rem;

  margin-bottom: -1px;

  background-color: #fff;

  border: 1px solid rgba(0, 0, 0, 0.125);

}



.list-group-item:first-child {

  border-top-left-radius: 0.25rem;

  border-top-right-radius: 0.25rem;

}



.list-group-item:last-child {

  margin-bottom: 0;

  border-bottom-right-radius: 0.25rem;

  border-bottom-left-radius: 0.25rem;

}



.list-group-item.disabled,

.list-group-item:disabled {

  color: #6c757d;

  pointer-events: none;

  background-color: #fff;

}



.list-group-item.active {

  z-index: 2;

  color: #fff;

  background-color: #007bff;

  border-color: #007bff;

}



.list-group-horizontal {

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row;

}



.list-group-horizontal .list-group-item {

  margin-right: -1px;

  margin-bottom: 0;

}



.list-group-horizontal .list-group-item:first-child {

  border-top-left-radius: 0.25rem;

  border-bottom-left-radius: 0.25rem;

  border-top-right-radius: 0;

}



.list-group-horizontal .list-group-item:last-child {

  margin-right: 0;

  border-top-right-radius: 0.25rem;

  border-bottom-right-radius: 0.25rem;

  border-bottom-left-radius: 0;

}



@media (min-width: 576px) {

  .list-group-horizontal-sm {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;

  }



  .list-group-horizontal-sm .list-group-item {

    margin-right: -1px;

    margin-bottom: 0;

  }



  .list-group-horizontal-sm .list-group-item:first-child {

    border-top-left-radius: 0.25rem;

    border-bottom-left-radius: 0.25rem;

    border-top-right-radius: 0;

  }



  .list-group-horizontal-sm .list-group-item:last-child {

    margin-right: 0;

    border-top-right-radius: 0.25rem;

    border-bottom-right-radius: 0.25rem;

    border-bottom-left-radius: 0;

  }

}



@media (min-width: 768px) {

  .list-group-horizontal-md {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;

  }



  .list-group-horizontal-md .list-group-item {

    margin-right: -1px;

    margin-bottom: 0;

  }



  .list-group-horizontal-md .list-group-item:first-child {

    border-top-left-radius: 0.25rem;

    border-bottom-left-radius: 0.25rem;

    border-top-right-radius: 0;

  }



  .list-group-horizontal-md .list-group-item:last-child {

    margin-right: 0;

    border-top-right-radius: 0.25rem;

    border-bottom-right-radius: 0.25rem;

    border-bottom-left-radius: 0;

  }

}



@media (min-width: 992px) {

  .list-group-horizontal-lg {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;

  }



  .list-group-horizontal-lg .list-group-item {

    margin-right: -1px;

    margin-bottom: 0;

  }



  .list-group-horizontal-lg .list-group-item:first-child {

    border-top-left-radius: 0.25rem;

    border-bottom-left-radius: 0.25rem;

    border-top-right-radius: 0;

  }



  .list-group-horizontal-lg .list-group-item:last-child {

    margin-right: 0;

    border-top-right-radius: 0.25rem;

    border-bottom-right-radius: 0.25rem;

    border-bottom-left-radius: 0;

  }

}



@media (min-width: 1200px) {

  .list-group-horizontal-xl {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;

  }



  .list-group-horizontal-xl .list-group-item {

    margin-right: -1px;

    margin-bottom: 0;

  }



  .list-group-horizontal-xl .list-group-item:first-child {

    border-top-left-radius: 0.25rem;

    border-bottom-left-radius: 0.25rem;

    border-top-right-radius: 0;

  }



  .list-group-horizontal-xl .list-group-item:last-child {

    margin-right: 0;

    border-top-right-radius: 0.25rem;

    border-bottom-right-radius: 0.25rem;

    border-bottom-left-radius: 0;

  }

}



.list-group-flush .list-group-item {

  border-right: 0;

  border-left: 0;

  border-radius: 0;

}



.list-group-flush .list-group-item:last-child {

  margin-bottom: -1px;

}



.list-group-flush:first-child .list-group-item:first-child {

  border-top: 0;

}



.list-group-flush:last-child .list-group-item:last-child {

  margin-bottom: 0;

  border-bottom: 0;

}



.list-group-item-primary {

  color: #004085;

  background-color: #b8daff;

}



.list-group-item-primary.list-group-item-action:hover,

.list-group-item-primary.list-group-item-action:focus {

  color: #004085;

  background-color: #9fcdff;

}



.list-group-item-primary.list-group-item-action.active {

  color: #fff;

  background-color: #004085;

  border-color: #004085;

}



.list-group-item-secondary {

  color: #383d41;

  background-color: #d6d8db;

}



.list-group-item-secondary.list-group-item-action:hover,

.list-group-item-secondary.list-group-item-action:focus {

  color: #383d41;

  background-color: #c8cbcf;

}



.list-group-item-secondary.list-group-item-action.active {

  color: #fff;

  background-color: #383d41;

  border-color: #383d41;

}



.list-group-item-success {

  color: #155724;

  background-color: #c3e6cb;

}



.list-group-item-success.list-group-item-action:hover,

.list-group-item-success.list-group-item-action:focus {

  color: #155724;

  background-color: #b1dfbb;

}



.list-group-item-success.list-group-item-action.active {

  color: #fff;

  background-color: #155724;

  border-color: #155724;

}



.list-group-item-info {

  color: #0c5460;

  background-color: #bee5eb;

}



.list-group-item-info.list-group-item-action:hover,

.list-group-item-info.list-group-item-action:focus {

  color: #0c5460;

  background-color: #abdde5;

}



.list-group-item-info.list-group-item-action.active {

  color: #fff;

  background-color: #0c5460;

  border-color: #0c5460;

}



.list-group-item-warning {

  color: #856404;

  background-color: #ffeeba;

}



.list-group-item-warning.list-group-item-action:hover,

.list-group-item-warning.list-group-item-action:focus {

  color: #856404;

  background-color: #ffe8a1;

}



.list-group-item-warning.list-group-item-action.active {

  color: #fff;

  background-color: #856404;

  border-color: #856404;

}



.list-group-item-danger {

  color: #721c24;

  background-color: #f5c6cb;

}



.list-group-item-danger.list-group-item-action:hover,

.list-group-item-danger.list-group-item-action:focus {

  color: #721c24;

  background-color: #f1b0b7;

}



.list-group-item-danger.list-group-item-action.active {

  color: #fff;

  background-color: #721c24;

  border-color: #721c24;

}



.list-group-item-light {

  color: #818182;

  background-color: #fdfdfe;

}



.list-group-item-light.list-group-item-action:hover,

.list-group-item-light.list-group-item-action:focus {

  color: #818182;

  background-color: #ececf6;

}



.list-group-item-light.list-group-item-action.active {

  color: #fff;

  background-color: #818182;

  border-color: #818182;

}



.list-group-item-dark {

  color: #1b1e21;

  background-color: #c6c8ca;

}



.list-group-item-dark.list-group-item-action:hover,

.list-group-item-dark.list-group-item-action:focus {

  color: #1b1e21;

  background-color: #b9bbbe;

}



.list-group-item-dark.list-group-item-action.active {

  color: #fff;

  background-color: #1b1e21;

  border-color: #1b1e21;

}



.close {

  float: right;

  font-size: 1.5rem;

  font-weight: 700;

  line-height: 1;

  color: #000;

  text-shadow: 0 1px 0 #fff;

  opacity: .5;

}



.close:hover {

  color: #000;

  text-decoration: none;

}



.close:not(:disabled):not(.disabled):hover,

.close:not(:disabled):not(.disabled):focus {

  opacity: .75;

}



button.close {

  padding: 0;

  background-color: transparent;

  border: 0;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

}



a.close.disabled {

  pointer-events: none;

}



.toast {

  max-width: 350px;

  overflow: hidden;

  font-size: 0.875rem;

  background-color: rgba(255, 255, 255, 0.85);

  background-clip: padding-box;

  border: 1px solid rgba(0, 0, 0, 0.1);

  -webkit-box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);

  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);

  -webkit-backdrop-filter: blur(10px);

  backdrop-filter: blur(10px);

  opacity: 0;

  border-radius: 0.25rem;

}



.toast:not(:last-child) {

  margin-bottom: 0.75rem;

}



.toast.showing {

  opacity: 1;

}



.toast.show {

  display: block;

  opacity: 1;

}



.toast.hide {

  display: none;

}



.toast-header {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  padding: 0.25rem 0.75rem;

  color: #6c757d;

  background-color: rgba(255, 255, 255, 0.85);

  background-clip: padding-box;

  border-bottom: 1px solid rgba(0, 0, 0, 0.05);

}



.toast-body {

  padding: 0.75rem;

}



.modal-open {

  overflow: hidden;

}



.modal-open .modal {

  overflow-x: hidden;

  overflow-y: auto;

}



.modal {

  position: fixed;

  top: 0;

  left: 0;

  z-index: 1050;

  display: none;

  width: 100%;

  height: 100%;

  overflow: hidden;

  outline: 0;

}



.modal-dialog {

  position: relative;

  width: auto;

  margin: 0.5rem;

  pointer-events: none;

}



.modal.fade .modal-dialog {

  -webkit-transition: -webkit-transform 0.3s ease-out;

  transition: -webkit-transform 0.3s ease-out;

  transition: transform 0.3s ease-out;

  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;

  -webkit-transform: translate(0, -50px);

  transform: translate(0, -50px);

  z-index: 999999;

}



@media (prefers-reduced-motion: reduce) {

  .modal.fade .modal-dialog {

    -webkit-transition: none;

    transition: none;

  }

}



.modal.show .modal-dialog {

  -webkit-transform: none;

  transform: none;

}



.modal-dialog-scrollable {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  max-height: calc(100% - 1rem);

}



.modal-dialog-scrollable .modal-content {

  max-height: calc(100vh - 1rem);

  overflow: hidden;

}



.modal-dialog-scrollable .modal-header,

.modal-dialog-scrollable .modal-footer {

  -ms-flex-negative: 0;

  flex-shrink: 0;

}



.modal-dialog-scrollable .modal-body {

  overflow-y: auto;

}



.modal-dialog-centered {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  min-height: calc(100% - 1rem);

}



.modal-dialog-centered::before {

  display: block;

  height: calc(100vh - 1rem);

  content: "";

}



.modal-dialog-centered.modal-dialog-scrollable {

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  height: 100%;

}



.modal-dialog-centered.modal-dialog-scrollable .modal-content {

  max-height: none;

}



.modal-dialog-centered.modal-dialog-scrollable::before {

  content: none;

}



.modal-content {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  width: 100%;

  pointer-events: auto;

  background-color: #fff;

  background-clip: padding-box;

  border: 1px solid rgba(0, 0, 0, 0.2);

  border-radius: 0.3rem;

  outline: 0;

}



.modal-backdrop {

  position: fixed;

  top: 0;

  left: 0;

  z-index: 1040;

  width: 100vw;

  height: 100vh;

  background-color: #000;

}



.modal-backdrop.fade {

  opacity: 0;

}



.modal-backdrop.show {

  opacity: 0.5;

}



.modal-header {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  padding: 1rem 1rem;

  border-bottom: 1px solid #dee2e6;

  border-top-left-radius: 0.3rem;

  border-top-right-radius: 0.3rem;

}



.modal-header .close {

  padding: 1rem 1rem;

  margin: -1rem -1rem -1rem auto;

}



.modal-title {

  margin-bottom: 0;

  line-height: 1.5;

}



.modal-body {

  position: relative;

  -webkit-box-flex: 1;

  -ms-flex: 1 1 auto;

  flex: 1 1 auto;

  padding: 1rem;

}



.modal-footer {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: end;

  -ms-flex-pack: end;

  justify-content: flex-end;

  padding: 1rem;

  border-top: 1px solid #dee2e6;

  border-bottom-right-radius: 0.3rem;

  border-bottom-left-radius: 0.3rem;

}



.modal-footer> :not(:first-child) {

  margin-left: .25rem;

}



.modal-footer> :not(:last-child) {

  margin-right: .25rem;

}



.modal-scrollbar-measure {

  position: absolute;

  top: -9999px;

  width: 50px;

  height: 50px;

  overflow: scroll;

}



@media (min-width: 576px) {

  .modal-dialog {

    max-width: 500px;

    margin: 1.75rem auto;

  }



  .modal-dialog-scrollable {

    max-height: calc(100% - 3.5rem);

  }



  .modal-dialog-scrollable .modal-content {

    max-height: calc(100vh - 3.5rem);

  }



  .modal-dialog-centered {

    min-height: calc(100% - 3.5rem);

  }



  .modal-dialog-centered::before {

    height: calc(100vh - 3.5rem);

  }



  .modal-sm {

    max-width: 300px;

  }

}



@media (min-width: 992px) {



  .modal-lg,

  .modal-xl {

    max-width: 800px;

  }

}



@media (min-width: 1200px) {

  .modal-xl {

    max-width: 1140px;

  }

}



.tooltip {

  position: absolute;

  z-index: 1070;

  display: block;

  margin: 0;

  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

  font-style: normal;

  font-weight: 400;

  line-height: 1.5;

  text-align: left;

  text-align: start;

  text-decoration: none;

  text-shadow: none;

  text-transform: none;

  letter-spacing: normal;

  word-break: normal;

  word-spacing: normal;

  white-space: normal;

  line-break: auto;

  font-size: 0.875rem;

  word-wrap: break-word;

  opacity: 0;

}



.tooltip.show {

  opacity: 0.9;

}



.tooltip .arrow {

  position: absolute;

  display: block;

  width: 0.8rem;

  height: 0.4rem;

}



.tooltip .arrow::before {

  position: absolute;

  content: "";

  border-color: transparent;

  border-style: solid;

}



.bs-tooltip-top,

.bs-tooltip-auto[x-placement^="top"] {

  padding: 0.4rem 0;

}



.bs-tooltip-top .arrow,

.bs-tooltip-auto[x-placement^="top"] .arrow {

  bottom: 0;

}



.bs-tooltip-top .arrow::before,

.bs-tooltip-auto[x-placement^="top"] .arrow::before {

  top: 0;

  border-width: 0.4rem 0.4rem 0;

  border-top-color: #000;

}



.bs-tooltip-right,

.bs-tooltip-auto[x-placement^="right"] {

  padding: 0 0.4rem;

}



.bs-tooltip-right .arrow,

.bs-tooltip-auto[x-placement^="right"] .arrow {

  left: 0;

  width: 0.4rem;

  height: 0.8rem;

}



.bs-tooltip-right .arrow::before,

.bs-tooltip-auto[x-placement^="right"] .arrow::before {

  right: 0;

  border-width: 0.4rem 0.4rem 0.4rem 0;

  border-right-color: #000;

}



.bs-tooltip-bottom,

.bs-tooltip-auto[x-placement^="bottom"] {

  padding: 0.4rem 0;

}



.bs-tooltip-bottom .arrow,

.bs-tooltip-auto[x-placement^="bottom"] .arrow {

  top: 0;

}



.bs-tooltip-bottom .arrow::before,

.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {

  bottom: 0;

  border-width: 0 0.4rem 0.4rem;

  border-bottom-color: #000;

}



.bs-tooltip-left,

.bs-tooltip-auto[x-placement^="left"] {

  padding: 0 0.4rem;

}



.bs-tooltip-left .arrow,

.bs-tooltip-auto[x-placement^="left"] .arrow {

  right: 0;

  width: 0.4rem;

  height: 0.8rem;

}



.bs-tooltip-left .arrow::before,

.bs-tooltip-auto[x-placement^="left"] .arrow::before {

  left: 0;

  border-width: 0.4rem 0 0.4rem 0.4rem;

  border-left-color: #000;

}



.tooltip-inner {

  max-width: 200px;

  padding: 0.25rem 0.5rem;

  color: #fff;

  text-align: center;

  background-color: #000;

  border-radius: 0.25rem;

}



.popover {

  position: absolute;

  top: 0;

  left: 0;

  z-index: 1060;

  display: block;

  max-width: 276px;

  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

  font-style: normal;

  font-weight: 400;

  line-height: 1.5;

  text-align: left;

  text-align: start;

  text-decoration: none;

  text-shadow: none;

  text-transform: none;

  letter-spacing: normal;

  word-break: normal;

  word-spacing: normal;

  white-space: normal;

  line-break: auto;

  font-size: 0.875rem;

  word-wrap: break-word;

  background-color: #fff;

  background-clip: padding-box;

  border: 1px solid rgba(0, 0, 0, 0.2);

  border-radius: 0.3rem;

}



.popover .arrow {

  position: absolute;

  display: block;

  width: 1rem;

  height: 0.5rem;

  margin: 0 0.3rem;

}



.popover .arrow::before,

.popover .arrow::after {

  position: absolute;

  display: block;

  content: "";

  border-color: transparent;

  border-style: solid;

}



.bs-popover-top,

.bs-popover-auto[x-placement^="top"] {

  margin-bottom: 0.5rem;

}



.bs-popover-top>.arrow,

.bs-popover-auto[x-placement^="top"]>.arrow {

  bottom: calc((0.5rem + 1px) * -1);

}



.bs-popover-top>.arrow::before,

.bs-popover-auto[x-placement^="top"]>.arrow::before {

  bottom: 0;

  border-width: 0.5rem 0.5rem 0;

  border-top-color: rgba(0, 0, 0, 0.25);

}



.bs-popover-top>.arrow::after,

.bs-popover-auto[x-placement^="top"]>.arrow::after {

  bottom: 1px;

  border-width: 0.5rem 0.5rem 0;

  border-top-color: #fff;

}



.bs-popover-right,

.bs-popover-auto[x-placement^="right"] {

  margin-left: 0.5rem;

}



.bs-popover-right>.arrow,

.bs-popover-auto[x-placement^="right"]>.arrow {

  left: calc((0.5rem + 1px) * -1);

  width: 0.5rem;

  height: 1rem;

  margin: 0.3rem 0;

}



.bs-popover-right>.arrow::before,

.bs-popover-auto[x-placement^="right"]>.arrow::before {

  left: 0;

  border-width: 0.5rem 0.5rem 0.5rem 0;

  border-right-color: rgba(0, 0, 0, 0.25);

}



.bs-popover-right>.arrow::after,

.bs-popover-auto[x-placement^="right"]>.arrow::after {

  left: 1px;

  border-width: 0.5rem 0.5rem 0.5rem 0;

  border-right-color: #fff;

}



.bs-popover-bottom,

.bs-popover-auto[x-placement^="bottom"] {

  margin-top: 0.5rem;

}



.bs-popover-bottom>.arrow,

.bs-popover-auto[x-placement^="bottom"]>.arrow {

  top: calc((0.5rem + 1px) * -1);

}



.bs-popover-bottom>.arrow::before,

.bs-popover-auto[x-placement^="bottom"]>.arrow::before {

  top: 0;

  border-width: 0 0.5rem 0.5rem 0.5rem;

  border-bottom-color: rgba(0, 0, 0, 0.25);

}



.bs-popover-bottom>.arrow::after,

.bs-popover-auto[x-placement^="bottom"]>.arrow::after {

  top: 1px;

  border-width: 0 0.5rem 0.5rem 0.5rem;

  border-bottom-color: #fff;

}



.bs-popover-bottom .popover-header::before,

.bs-popover-auto[x-placement^="bottom"] .popover-header::before {

  position: absolute;

  top: 0;

  left: 50%;

  display: block;

  width: 1rem;

  margin-left: -0.5rem;

  content: "";

  border-bottom: 1px solid #f7f7f7;

}



.bs-popover-left,

.bs-popover-auto[x-placement^="left"] {

  margin-right: 0.5rem;

}



.bs-popover-left>.arrow,

.bs-popover-auto[x-placement^="left"]>.arrow {

  right: calc((0.5rem + 1px) * -1);

  width: 0.5rem;

  height: 1rem;

  margin: 0.3rem 0;

}



.bs-popover-left>.arrow::before,

.bs-popover-auto[x-placement^="left"]>.arrow::before {

  right: 0;

  border-width: 0.5rem 0 0.5rem 0.5rem;

  border-left-color: rgba(0, 0, 0, 0.25);

}



.bs-popover-left>.arrow::after,

.bs-popover-auto[x-placement^="left"]>.arrow::after {

  right: 1px;

  border-width: 0.5rem 0 0.5rem 0.5rem;

  border-left-color: #fff;

}



.popover-header {

  padding: 0.5rem 0.75rem;

  margin-bottom: 0;

  font-size: 1rem;

  background-color: #f7f7f7;

  border-bottom: 1px solid #ebebeb;

  border-top-left-radius: calc(0.3rem - 1px);

  border-top-right-radius: calc(0.3rem - 1px);

}



.popover-header:empty {

  display: none;

}



.popover-body {

  padding: 0.5rem 0.75rem;

  color: #212529;

}



.carousel {

  position: relative;

}



.carousel.pointer-event {

  -ms-touch-action: pan-y;

  touch-action: pan-y;

}



.carousel-inner {

  position: relative;

  width: 100%;

  overflow: hidden;

}



.carousel-inner::after {

  display: block;

  clear: both;

  content: "";

}



.carousel-item {

  position: relative;

  display: none;

  float: left;

  width: 100%;

  margin-right: -100%;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  -webkit-transition: -webkit-transform 0.6s ease-in-out;

  transition: -webkit-transform 0.6s ease-in-out;

  transition: transform 0.6s ease-in-out;

  transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;

}



@media (prefers-reduced-motion: reduce) {

  .carousel-item {

    -webkit-transition: none;

    transition: none;

  }

}



.carousel-item.active,

.carousel-item-next,

.carousel-item-prev {

  display: block;

}



.carousel-item-next:not(.carousel-item-left),

.active.carousel-item-right {

  -webkit-transform: translateX(100%);

  transform: translateX(100%);

}



.carousel-item-prev:not(.carousel-item-right),

.active.carousel-item-left {

  -webkit-transform: translateX(-100%);

  transform: translateX(-100%);

}



.carousel-fade .carousel-item {

  opacity: 0;

  -webkit-transition-property: opacity;

  transition-property: opacity;

  -webkit-transform: none;

  transform: none;

}



.carousel-fade .carousel-item.active,

.carousel-fade .carousel-item-next.carousel-item-left,

.carousel-fade .carousel-item-prev.carousel-item-right {

  z-index: 1;

  opacity: 1;

}



.carousel-fade .active.carousel-item-left,

.carousel-fade .active.carousel-item-right {

  z-index: 0;

  opacity: 0;

  -webkit-transition: 0s 0.6s opacity;

  transition: 0s 0.6s opacity;

}



@media (prefers-reduced-motion: reduce) {



  .carousel-fade .active.carousel-item-left,

  .carousel-fade .active.carousel-item-right {

    -webkit-transition: none;

    transition: none;

  }

}



.carousel-control-prev,

.carousel-control-next {

  position: absolute;

  top: 0;

  bottom: 0;

  z-index: 1;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  width: 15%;

  color: #fff;

  text-align: center;

  opacity: 0.5;

  -webkit-transition: opacity 0.15s ease;

  transition: opacity 0.15s ease;

}



@media (prefers-reduced-motion: reduce) {



  .carousel-control-prev,

  .carousel-control-next {

    -webkit-transition: none;

    transition: none;

  }

}



.carousel-control-prev:hover,

.carousel-control-prev:focus,

.carousel-control-next:hover,

.carousel-control-next:focus {

  color: #fff;

  text-decoration: none;

  outline: 0;

  opacity: 0.9;

}



.carousel-control-prev {

  left: 0;

}



.carousel-control-next {

  right: 0;

}



.carousel-control-prev-icon,

.carousel-control-next-icon {

  display: inline-block;

  width: 20px;

  height: 20px;

  background: no-repeat 50% / 100% 100%;

}



.carousel-control-prev-icon {

  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");

}



.carousel-control-next-icon {

  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");

}



.carousel-indicators {

  position: absolute;

  right: 0;

  bottom: 0;

  left: 0;

  z-index: 15;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  padding-left: 0;

  margin-right: 15%;

  margin-left: 15%;

  list-style: none;

}



.carousel-indicators li {

  -webkit-box-sizing: content-box;

  box-sizing: content-box;

  -webkit-box-flex: 0;

  -ms-flex: 0 1 auto;

  flex: 0 1 auto;

  width: 30px;

  height: 3px;

  margin-right: 3px;

  margin-left: 3px;

  text-indent: -999px;

  cursor: pointer;

  background-color: #fff;

  background-clip: padding-box;

  border-top: 10px solid transparent;

  border-bottom: 10px solid transparent;

  opacity: .5;

  -webkit-transition: opacity 0.6s ease;

  transition: opacity 0.6s ease;

}



@media (prefers-reduced-motion: reduce) {

  .carousel-indicators li {

    -webkit-transition: none;

    transition: none;

  }

}



.carousel-indicators .active {

  opacity: 1;

}



.carousel-caption {

  position: absolute;

  right: 15%;

  bottom: 20px;

  left: 15%;

  z-index: 10;

  padding-top: 20px;

  padding-bottom: 20px;

  color: #fff;

  text-align: center;

}



@-webkit-keyframes spinner-border {

  to {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}



@keyframes spinner-border {

  to {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}



.spinner-border {

  display: inline-block;

  width: 2rem;

  height: 2rem;

  vertical-align: text-bottom;

  border: 0.25em solid currentColor;

  border-right-color: transparent;

  border-radius: 50%;

  -webkit-animation: spinner-border .75s linear infinite;

  animation: spinner-border .75s linear infinite;

}



.spinner-border-sm {

  width: 1rem;

  height: 1rem;

  border-width: 0.2em;

}



@-webkit-keyframes spinner-grow {

  0% {

    -webkit-transform: scale(0);

    transform: scale(0);

  }



  50% {

    opacity: 1;

  }

}



@keyframes spinner-grow {

  0% {

    -webkit-transform: scale(0);

    transform: scale(0);

  }



  50% {

    opacity: 1;

  }

}



.spinner-grow {

  display: inline-block;

  width: 2rem;

  height: 2rem;

  vertical-align: text-bottom;

  background-color: currentColor;

  border-radius: 50%;

  opacity: 0;

  -webkit-animation: spinner-grow .75s linear infinite;

  animation: spinner-grow .75s linear infinite;

}



.spinner-grow-sm {

  width: 1rem;

  height: 1rem;

}



.align-baseline {

  vertical-align: baseline !important;

}



.align-top {

  vertical-align: top !important;

}



.align-middle {

  vertical-align: middle !important;

}



.align-bottom {

  vertical-align: bottom !important;

}



.align-text-bottom {

  vertical-align: text-bottom !important;

}



.align-text-top {

  vertical-align: text-top !important;

}



.bg-primary {

  background-color: #007bff !important;

}



a.bg-primary:hover,

a.bg-primary:focus,

button.bg-primary:hover,

button.bg-primary:focus {

  background-color: #0062cc !important;

}



.bg-secondary {

  background-color: #6c757d !important;

}



a.bg-secondary:hover,

a.bg-secondary:focus,

button.bg-secondary:hover,

button.bg-secondary:focus {

  background-color: #545b62 !important;

}



.bg-success {

  background-color: #28a745 !important;

}



a.bg-success:hover,

a.bg-success:focus,

button.bg-success:hover,

button.bg-success:focus {

  background-color: #1e7e34 !important;

}



.bg-info {

  background-color: #17a2b8 !important;

}



a.bg-info:hover,

a.bg-info:focus,

button.bg-info:hover,

button.bg-info:focus {

  background-color: #117a8b !important;

}



.bg-warning {

  background-color: #ffc107 !important;

}



a.bg-warning:hover,

a.bg-warning:focus,

button.bg-warning:hover,

button.bg-warning:focus {

  background-color: #d39e00 !important;

}



.bg-danger {

  background-color: #dc3545 !important;

}



a.bg-danger:hover,

a.bg-danger:focus,

button.bg-danger:hover,

button.bg-danger:focus {

  background-color: #bd2130 !important;

}



.bg-light {

  background-color: #f8f9fa !important;

}



a.bg-light:hover,

a.bg-light:focus,

button.bg-light:hover,

button.bg-light:focus {

  background-color: #dae0e5 !important;

}



.bg-dark {

  background-color: #343a40 !important;

}



a.bg-dark:hover,

a.bg-dark:focus,

button.bg-dark:hover,

button.bg-dark:focus {

  background-color: #1d2124 !important;

}



.bg-white {

  background-color: #fff !important;

}



.bg-transparent {

  background-color: transparent !important;

}



.border {

  border: 1px solid #dee2e6 !important;

}



.border-top {

  border-top: 1px solid #dee2e6 !important;

}



.border-right {

  border-right: 1px solid #dee2e6 !important;

}



.border-bottom {

  border-bottom: 1px solid #dee2e6 !important;

}



.border-left {

  border-left: 1px solid #dee2e6 !important;

}



.border-0 {

  border: 0 !important;

}



.border-top-0 {

  border-top: 0 !important;

}



.border-right-0 {

  border-right: 0 !important;

}



.border-bottom-0 {

  border-bottom: 0 !important;

}



.border-left-0 {

  border-left: 0 !important;

}



.border-primary {

  border-color: #007bff !important;

}



.border-secondary {

  border-color: #6c757d !important;

}



.border-success {

  border-color: #28a745 !important;

}



.border-info {

  border-color: #17a2b8 !important;

}



.border-warning {

  border-color: #ffc107 !important;

}



.border-danger {

  border-color: #dc3545 !important;

}



.border-light {

  border-color: #f8f9fa !important;

}



.border-dark {

  border-color: #343a40 !important;

}



.border-white {

  border-color: #fff !important;

}



.rounded-sm {

  border-radius: 0.2rem !important;

}



.rounded {

  border-radius: 0.25rem !important;

}



.rounded-top {

  border-top-left-radius: 0.25rem !important;

  border-top-right-radius: 0.25rem !important;

}



.rounded-right {

  border-top-right-radius: 0.25rem !important;

  border-bottom-right-radius: 0.25rem !important;

}



.rounded-bottom {

  border-bottom-right-radius: 0.25rem !important;

  border-bottom-left-radius: 0.25rem !important;

}



.rounded-left {

  border-top-left-radius: 0.25rem !important;

  border-bottom-left-radius: 0.25rem !important;

}



.rounded-lg {

  border-radius: 0.3rem !important;

}



.rounded-circle {

  border-radius: 50% !important;

}



.rounded-pill {

  border-radius: 50rem !important;

}



.rounded-0 {

  border-radius: 0 !important;

}



.clearfix::after {

  display: block;

  clear: both;

  content: "";

}



.d-none {

  display: none !important;

}



.d-inline {

  display: inline !important;

}



.d-inline-block {

  display: inline-block !important;

}



.d-block {

  display: block !important;

}



.d-table {

  display: table !important;

}



.d-table-row {

  display: table-row !important;

}



.d-table-cell {

  display: table-cell !important;

}



.d-flex {

  display: -webkit-box !important;

  display: -ms-flexbox !important;

  display: flex !important;

}



.d-inline-flex {

  display: -webkit-inline-box !important;

  display: -ms-inline-flexbox !important;

  display: inline-flex !important;

}



@media (min-width: 576px) {

  .d-sm-none {

    display: none !important;

  }



  .d-sm-inline {

    display: inline !important;

  }



  .d-sm-inline-block {

    display: inline-block !important;

  }



  .d-sm-block {

    display: block !important;

  }



  .d-sm-table {

    display: table !important;

  }



  .d-sm-table-row {

    display: table-row !important;

  }



  .d-sm-table-cell {

    display: table-cell !important;

  }



  .d-sm-flex {

    display: -webkit-box !important;

    display: -ms-flexbox !important;

    display: flex !important;

  }



  .d-sm-inline-flex {

    display: -webkit-inline-box !important;

    display: -ms-inline-flexbox !important;

    display: inline-flex !important;

  }

}



@media (min-width: 768px) {

  .d-md-none {

    display: none !important;

  }



  .d-md-inline {

    display: inline !important;

  }



  .d-md-inline-block {

    display: inline-block !important;

  }



  .d-md-block {

    display: block !important;

  }



  .d-md-table {

    display: table !important;

  }



  .d-md-table-row {

    display: table-row !important;

  }



  .d-md-table-cell {

    display: table-cell !important;

  }



  .d-md-flex {

    display: -webkit-box !important;

    display: -ms-flexbox !important;

    display: flex !important;

  }



  .d-md-inline-flex {

    display: -webkit-inline-box !important;

    display: -ms-inline-flexbox !important;

    display: inline-flex !important;

  }

}



@media (min-width: 992px) {

  .d-lg-none {

    display: none !important;

  }



  .d-lg-inline {

    display: inline !important;

  }



  .d-lg-inline-block {

    display: inline-block !important;

  }



  .d-lg-block {

    display: block !important;

  }



  .d-lg-table {

    display: table !important;

  }



  .d-lg-table-row {

    display: table-row !important;

  }



  .d-lg-table-cell {

    display: table-cell !important;

  }



  .d-lg-flex {

    display: -webkit-box !important;

    display: -ms-flexbox !important;

    display: flex !important;

  }



  .d-lg-inline-flex {

    display: -webkit-inline-box !important;

    display: -ms-inline-flexbox !important;

    display: inline-flex !important;

  }

}



@media (min-width: 1200px) {

  .d-xl-none {

    display: none !important;

  }



  .d-xl-inline {

    display: inline !important;

  }



  .d-xl-inline-block {

    display: inline-block !important;

  }



  .d-xl-block {

    display: block !important;

  }



  .d-xl-table {

    display: table !important;

  }



  .d-xl-table-row {

    display: table-row !important;

  }



  .d-xl-table-cell {

    display: table-cell !important;

  }



  .d-xl-flex {

    display: -webkit-box !important;

    display: -ms-flexbox !important;

    display: flex !important;

  }



  .d-xl-inline-flex {

    display: -webkit-inline-box !important;

    display: -ms-inline-flexbox !important;

    display: inline-flex !important;

  }

}



@media print {

  .d-print-none {

    display: none !important;

  }



  .d-print-inline {

    display: inline !important;

  }



  .d-print-inline-block {

    display: inline-block !important;

  }



  .d-print-block {

    display: block !important;

  }



  .d-print-table {

    display: table !important;

  }



  .d-print-table-row {

    display: table-row !important;

  }



  .d-print-table-cell {

    display: table-cell !important;

  }



  .d-print-flex {

    display: -webkit-box !important;

    display: -ms-flexbox !important;

    display: flex !important;

  }



  .d-print-inline-flex {

    display: -webkit-inline-box !important;

    display: -ms-inline-flexbox !important;

    display: inline-flex !important;

  }

}



.embed-responsive {

  position: relative;

  display: block;

  width: 100%;

  padding: 0;

  overflow: hidden;

}



.embed-responsive::before {

  display: block;

  content: "";

}



.embed-responsive .embed-responsive-item,

.embed-responsive iframe,

.embed-responsive embed,

.embed-responsive object,

.embed-responsive video {

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 100%;

  border: 0;

}



.embed-responsive-21by9::before {

  padding-top: 42.85714%;

}



.embed-responsive-16by9::before {

  padding-top: 56.25%;

}



.embed-responsive-4by3::before {

  padding-top: 75%;

}



.embed-responsive-1by1::before {

  padding-top: 100%;

}



.flex-row {

  -webkit-box-orient: horizontal !important;

  -webkit-box-direction: normal !important;

  -ms-flex-direction: row !important;

  flex-direction: row !important;

}



.flex-column {

  -webkit-box-orient: vertical !important;

  -webkit-box-direction: normal !important;

  -ms-flex-direction: column !important;

  flex-direction: column !important;

}



.flex-row-reverse {

  -webkit-box-orient: horizontal !important;

  -webkit-box-direction: reverse !important;

  -ms-flex-direction: row-reverse !important;

  flex-direction: row-reverse !important;

}



.flex-column-reverse {

  -webkit-box-orient: vertical !important;

  -webkit-box-direction: reverse !important;

  -ms-flex-direction: column-reverse !important;

  flex-direction: column-reverse !important;

}



.flex-wrap {

  -ms-flex-wrap: wrap !important;

  flex-wrap: wrap !important;

}



.flex-nowrap {

  -ms-flex-wrap: nowrap !important;

  flex-wrap: nowrap !important;

}



.flex-wrap-reverse {

  -ms-flex-wrap: wrap-reverse !important;

  flex-wrap: wrap-reverse !important;

}



.flex-fill {

  -webkit-box-flex: 1 !important;

  -ms-flex: 1 1 auto !important;

  flex: 1 1 auto !important;

}



.flex-grow-0 {

  -webkit-box-flex: 0 !important;

  -ms-flex-positive: 0 !important;

  flex-grow: 0 !important;

}



.flex-grow-1 {

  -webkit-box-flex: 1 !important;

  -ms-flex-positive: 1 !important;

  flex-grow: 1 !important;

}



.flex-shrink-0 {

  -ms-flex-negative: 0 !important;

  flex-shrink: 0 !important;

}



.flex-shrink-1 {

  -ms-flex-negative: 1 !important;

  flex-shrink: 1 !important;

}



.justify-content-start {

  -webkit-box-pack: start !important;

  -ms-flex-pack: start !important;

  justify-content: flex-start !important;

}



.justify-content-end {

  -webkit-box-pack: end !important;

  -ms-flex-pack: end !important;

  justify-content: flex-end !important;

}



.justify-content-center {

  -webkit-box-pack: center !important;

  -ms-flex-pack: center !important;

  justify-content: center !important;

}



.justify-content-between {

  -webkit-box-pack: justify !important;

  -ms-flex-pack: justify !important;

  justify-content: space-between !important;

}



.justify-content-around {

  -ms-flex-pack: distribute !important;

  justify-content: space-around !important;

}



.align-items-start {

  -webkit-box-align: start !important;

  -ms-flex-align: start !important;

  align-items: flex-start !important;

}



.align-items-end {

  -webkit-box-align: end !important;

  -ms-flex-align: end !important;

  align-items: flex-end !important;

}



.align-items-center {

  -webkit-box-align: center !important;

  -ms-flex-align: center !important;

  align-items: center !important;

}



.align-items-baseline {

  -webkit-box-align: baseline !important;

  -ms-flex-align: baseline !important;

  align-items: baseline !important;

}



.align-items-stretch {

  -webkit-box-align: stretch !important;

  -ms-flex-align: stretch !important;

  align-items: stretch !important;

}



.align-content-start {

  -ms-flex-line-pack: start !important;

  align-content: flex-start !important;

}



.align-content-end {

  -ms-flex-line-pack: end !important;

  align-content: flex-end !important;

}



.align-content-center {

  -ms-flex-line-pack: center !important;

  align-content: center !important;

}



.align-content-between {

  -ms-flex-line-pack: justify !important;

  align-content: space-between !important;

}



.align-content-around {

  -ms-flex-line-pack: distribute !important;

  align-content: space-around !important;

}



.align-content-stretch {

  -ms-flex-line-pack: stretch !important;

  align-content: stretch !important;

}



.align-self-auto {

  -ms-flex-item-align: auto !important;

  -ms-grid-row-align: auto !important;

  align-self: auto !important;

}



.align-self-start {

  -ms-flex-item-align: start !important;

  align-self: flex-start !important;

}



.align-self-end {

  -ms-flex-item-align: end !important;

  align-self: flex-end !important;

}



.align-self-center {

  -ms-flex-item-align: center !important;

  -ms-grid-row-align: center !important;

  align-self: center !important;

}



.align-self-baseline {

  -ms-flex-item-align: baseline !important;

  align-self: baseline !important;

}



.align-self-stretch {

  -ms-flex-item-align: stretch !important;

  -ms-grid-row-align: stretch !important;

  align-self: stretch !important;

}



@media (min-width: 576px) {

  .flex-sm-row {

    -webkit-box-orient: horizontal !important;

    -webkit-box-direction: normal !important;

    -ms-flex-direction: row !important;

    flex-direction: row !important;

  }



  .flex-sm-column {

    -webkit-box-orient: vertical !important;

    -webkit-box-direction: normal !important;

    -ms-flex-direction: column !important;

    flex-direction: column !important;

  }



  .flex-sm-row-reverse {

    -webkit-box-orient: horizontal !important;

    -webkit-box-direction: reverse !important;

    -ms-flex-direction: row-reverse !important;

    flex-direction: row-reverse !important;

  }



  .flex-sm-column-reverse {

    -webkit-box-orient: vertical !important;

    -webkit-box-direction: reverse !important;

    -ms-flex-direction: column-reverse !important;

    flex-direction: column-reverse !important;

  }



  .flex-sm-wrap {

    -ms-flex-wrap: wrap !important;

    flex-wrap: wrap !important;

  }



  .flex-sm-nowrap {

    -ms-flex-wrap: nowrap !important;

    flex-wrap: nowrap !important;

  }



  .flex-sm-wrap-reverse {

    -ms-flex-wrap: wrap-reverse !important;

    flex-wrap: wrap-reverse !important;

  }



  .flex-sm-fill {

    -webkit-box-flex: 1 !important;

    -ms-flex: 1 1 auto !important;

    flex: 1 1 auto !important;

  }



  .flex-sm-grow-0 {

    -webkit-box-flex: 0 !important;

    -ms-flex-positive: 0 !important;

    flex-grow: 0 !important;

  }



  .flex-sm-grow-1 {

    -webkit-box-flex: 1 !important;

    -ms-flex-positive: 1 !important;

    flex-grow: 1 !important;

  }



  .flex-sm-shrink-0 {

    -ms-flex-negative: 0 !important;

    flex-shrink: 0 !important;

  }



  .flex-sm-shrink-1 {

    -ms-flex-negative: 1 !important;

    flex-shrink: 1 !important;

  }



  .justify-content-sm-start {

    -webkit-box-pack: start !important;

    -ms-flex-pack: start !important;

    justify-content: flex-start !important;

  }



  .justify-content-sm-end {

    -webkit-box-pack: end !important;

    -ms-flex-pack: end !important;

    justify-content: flex-end !important;

  }



  .justify-content-sm-center {

    -webkit-box-pack: center !important;

    -ms-flex-pack: center !important;

    justify-content: center !important;

  }



  .justify-content-sm-between {

    -webkit-box-pack: justify !important;

    -ms-flex-pack: justify !important;

    justify-content: space-between !important;

  }



  .justify-content-sm-around {

    -ms-flex-pack: distribute !important;

    justify-content: space-around !important;

  }



  .align-items-sm-start {

    -webkit-box-align: start !important;

    -ms-flex-align: start !important;

    align-items: flex-start !important;

  }



  .align-items-sm-end {

    -webkit-box-align: end !important;

    -ms-flex-align: end !important;

    align-items: flex-end !important;

  }



  .align-items-sm-center {

    -webkit-box-align: center !important;

    -ms-flex-align: center !important;

    align-items: center !important;

  }



  .align-items-sm-baseline {

    -webkit-box-align: baseline !important;

    -ms-flex-align: baseline !important;

    align-items: baseline !important;

  }



  .align-items-sm-stretch {

    -webkit-box-align: stretch !important;

    -ms-flex-align: stretch !important;

    align-items: stretch !important;

  }



  .align-content-sm-start {

    -ms-flex-line-pack: start !important;

    align-content: flex-start !important;

  }



  .align-content-sm-end {

    -ms-flex-line-pack: end !important;

    align-content: flex-end !important;

  }



  .align-content-sm-center {

    -ms-flex-line-pack: center !important;

    align-content: center !important;

  }



  .align-content-sm-between {

    -ms-flex-line-pack: justify !important;

    align-content: space-between !important;

  }



  .align-content-sm-around {

    -ms-flex-line-pack: distribute !important;

    align-content: space-around !important;

  }



  .align-content-sm-stretch {

    -ms-flex-line-pack: stretch !important;

    align-content: stretch !important;

  }



  .align-self-sm-auto {

    -ms-flex-item-align: auto !important;

    -ms-grid-row-align: auto !important;

    align-self: auto !important;

  }



  .align-self-sm-start {

    -ms-flex-item-align: start !important;

    align-self: flex-start !important;

  }



  .align-self-sm-end {

    -ms-flex-item-align: end !important;

    align-self: flex-end !important;

  }



  .align-self-sm-center {

    -ms-flex-item-align: center !important;

    -ms-grid-row-align: center !important;

    align-self: center !important;

  }



  .align-self-sm-baseline {

    -ms-flex-item-align: baseline !important;

    align-self: baseline !important;

  }



  .align-self-sm-stretch {

    -ms-flex-item-align: stretch !important;

    -ms-grid-row-align: stretch !important;

    align-self: stretch !important;

  }

}



@media (min-width: 768px) {

  .flex-md-row {

    -webkit-box-orient: horizontal !important;

    -webkit-box-direction: normal !important;

    -ms-flex-direction: row !important;

    flex-direction: row !important;

  }



  .flex-md-column {

    -webkit-box-orient: vertical !important;

    -webkit-box-direction: normal !important;

    -ms-flex-direction: column !important;

    flex-direction: column !important;

  }



  .flex-md-row-reverse {

    -webkit-box-orient: horizontal !important;

    -webkit-box-direction: reverse !important;

    -ms-flex-direction: row-reverse !important;

    flex-direction: row-reverse !important;

  }



  .flex-md-column-reverse {

    -webkit-box-orient: vertical !important;

    -webkit-box-direction: reverse !important;

    -ms-flex-direction: column-reverse !important;

    flex-direction: column-reverse !important;

  }



  .flex-md-wrap {

    -ms-flex-wrap: wrap !important;

    flex-wrap: wrap !important;

  }



  .flex-md-nowrap {

    -ms-flex-wrap: nowrap !important;

    flex-wrap: nowrap !important;

  }



  .flex-md-wrap-reverse {

    -ms-flex-wrap: wrap-reverse !important;

    flex-wrap: wrap-reverse !important;

  }



  .flex-md-fill {

    -webkit-box-flex: 1 !important;

    -ms-flex: 1 1 auto !important;

    flex: 1 1 auto !important;

  }



  .flex-md-grow-0 {

    -webkit-box-flex: 0 !important;

    -ms-flex-positive: 0 !important;

    flex-grow: 0 !important;

  }



  .flex-md-grow-1 {

    -webkit-box-flex: 1 !important;

    -ms-flex-positive: 1 !important;

    flex-grow: 1 !important;

  }



  .flex-md-shrink-0 {

    -ms-flex-negative: 0 !important;

    flex-shrink: 0 !important;

  }



  .flex-md-shrink-1 {

    -ms-flex-negative: 1 !important;

    flex-shrink: 1 !important;

  }



  .justify-content-md-start {

    -webkit-box-pack: start !important;

    -ms-flex-pack: start !important;

    justify-content: flex-start !important;

  }



  .justify-content-md-end {

    -webkit-box-pack: end !important;

    -ms-flex-pack: end !important;

    justify-content: flex-end !important;

  }



  .justify-content-md-center {

    -webkit-box-pack: center !important;

    -ms-flex-pack: center !important;

    justify-content: center !important;

  }



  .justify-content-md-between {

    -webkit-box-pack: justify !important;

    -ms-flex-pack: justify !important;

    justify-content: space-between !important;

  }



  .justify-content-md-around {

    -ms-flex-pack: distribute !important;

    justify-content: space-around !important;

  }



  .align-items-md-start {

    -webkit-box-align: start !important;

    -ms-flex-align: start !important;

    align-items: flex-start !important;

  }



  .align-items-md-end {

    -webkit-box-align: end !important;

    -ms-flex-align: end !important;

    align-items: flex-end !important;

  }



  .align-items-md-center {

    -webkit-box-align: center !important;

    -ms-flex-align: center !important;

    align-items: center !important;

  }



  .align-items-md-baseline {

    -webkit-box-align: baseline !important;

    -ms-flex-align: baseline !important;

    align-items: baseline !important;

  }



  .align-items-md-stretch {

    -webkit-box-align: stretch !important;

    -ms-flex-align: stretch !important;

    align-items: stretch !important;

  }



  .align-content-md-start {

    -ms-flex-line-pack: start !important;

    align-content: flex-start !important;

  }



  .align-content-md-end {

    -ms-flex-line-pack: end !important;

    align-content: flex-end !important;

  }



  .align-content-md-center {

    -ms-flex-line-pack: center !important;

    align-content: center !important;

  }



  .align-content-md-between {

    -ms-flex-line-pack: justify !important;

    align-content: space-between !important;

  }



  .align-content-md-around {

    -ms-flex-line-pack: distribute !important;

    align-content: space-around !important;

  }



  .align-content-md-stretch {

    -ms-flex-line-pack: stretch !important;

    align-content: stretch !important;

  }



  .align-self-md-auto {

    -ms-flex-item-align: auto !important;

    -ms-grid-row-align: auto !important;

    align-self: auto !important;

  }



  .align-self-md-start {

    -ms-flex-item-align: start !important;

    align-self: flex-start !important;

  }



  .align-self-md-end {

    -ms-flex-item-align: end !important;

    align-self: flex-end !important;

  }



  .align-self-md-center {

    -ms-flex-item-align: center !important;

    -ms-grid-row-align: center !important;

    align-self: center !important;

  }



  .align-self-md-baseline {

    -ms-flex-item-align: baseline !important;

    align-self: baseline !important;

  }



  .align-self-md-stretch {

    -ms-flex-item-align: stretch !important;

    -ms-grid-row-align: stretch !important;

    align-self: stretch !important;

  }

}



@media (min-width: 992px) {

  .flex-lg-row {

    -webkit-box-orient: horizontal !important;

    -webkit-box-direction: normal !important;

    -ms-flex-direction: row !important;

    flex-direction: row !important;

  }



  .flex-lg-column {

    -webkit-box-orient: vertical !important;

    -webkit-box-direction: normal !important;

    -ms-flex-direction: column !important;

    flex-direction: column !important;

  }



  .flex-lg-row-reverse {

    -webkit-box-orient: horizontal !important;

    -webkit-box-direction: reverse !important;

    -ms-flex-direction: row-reverse !important;

    flex-direction: row-reverse !important;

  }



  .flex-lg-column-reverse {

    -webkit-box-orient: vertical !important;

    -webkit-box-direction: reverse !important;

    -ms-flex-direction: column-reverse !important;

    flex-direction: column-reverse !important;

  }



  .flex-lg-wrap {

    -ms-flex-wrap: wrap !important;

    flex-wrap: wrap !important;

  }



  .flex-lg-nowrap {

    -ms-flex-wrap: nowrap !important;

    flex-wrap: nowrap !important;

  }



  .flex-lg-wrap-reverse {

    -ms-flex-wrap: wrap-reverse !important;

    flex-wrap: wrap-reverse !important;

  }



  .flex-lg-fill {

    -webkit-box-flex: 1 !important;

    -ms-flex: 1 1 auto !important;

    flex: 1 1 auto !important;

  }



  .flex-lg-grow-0 {

    -webkit-box-flex: 0 !important;

    -ms-flex-positive: 0 !important;

    flex-grow: 0 !important;

  }



  .flex-lg-grow-1 {

    -webkit-box-flex: 1 !important;

    -ms-flex-positive: 1 !important;

    flex-grow: 1 !important;

  }



  .flex-lg-shrink-0 {

    -ms-flex-negative: 0 !important;

    flex-shrink: 0 !important;

  }



  .flex-lg-shrink-1 {

    -ms-flex-negative: 1 !important;

    flex-shrink: 1 !important;

  }



  .justify-content-lg-start {

    -webkit-box-pack: start !important;

    -ms-flex-pack: start !important;

    justify-content: flex-start !important;

  }



  .justify-content-lg-end {

    -webkit-box-pack: end !important;

    -ms-flex-pack: end !important;

    justify-content: flex-end !important;

  }



  .justify-content-lg-center {

    -webkit-box-pack: center !important;

    -ms-flex-pack: center !important;

    justify-content: center !important;

  }



  .justify-content-lg-between {

    -webkit-box-pack: justify !important;

    -ms-flex-pack: justify !important;

    justify-content: space-between !important;

  }



  .justify-content-lg-around {

    -ms-flex-pack: distribute !important;

    justify-content: space-around !important;

  }



  .align-items-lg-start {

    -webkit-box-align: start !important;

    -ms-flex-align: start !important;

    align-items: flex-start !important;

  }



  .align-items-lg-end {

    -webkit-box-align: end !important;

    -ms-flex-align: end !important;

    align-items: flex-end !important;

  }



  .align-items-lg-center {

    -webkit-box-align: center !important;

    -ms-flex-align: center !important;

    align-items: center !important;

  }



  .align-items-lg-baseline {

    -webkit-box-align: baseline !important;

    -ms-flex-align: baseline !important;

    align-items: baseline !important;

  }



  .align-items-lg-stretch {

    -webkit-box-align: stretch !important;

    -ms-flex-align: stretch !important;

    align-items: stretch !important;

  }



  .align-content-lg-start {

    -ms-flex-line-pack: start !important;

    align-content: flex-start !important;

  }



  .align-content-lg-end {

    -ms-flex-line-pack: end !important;

    align-content: flex-end !important;

  }



  .align-content-lg-center {

    -ms-flex-line-pack: center !important;

    align-content: center !important;

  }



  .align-content-lg-between {

    -ms-flex-line-pack: justify !important;

    align-content: space-between !important;

  }



  .align-content-lg-around {

    -ms-flex-line-pack: distribute !important;

    align-content: space-around !important;

  }



  .align-content-lg-stretch {

    -ms-flex-line-pack: stretch !important;

    align-content: stretch !important;

  }



  .align-self-lg-auto {

    -ms-flex-item-align: auto !important;

    -ms-grid-row-align: auto !important;

    align-self: auto !important;

  }



  .align-self-lg-start {

    -ms-flex-item-align: start !important;

    align-self: flex-start !important;

  }



  .align-self-lg-end {

    -ms-flex-item-align: end !important;

    align-self: flex-end !important;

  }



  .align-self-lg-center {

    -ms-flex-item-align: center !important;

    -ms-grid-row-align: center !important;

    align-self: center !important;

  }



  .align-self-lg-baseline {

    -ms-flex-item-align: baseline !important;

    align-self: baseline !important;

  }



  .align-self-lg-stretch {

    -ms-flex-item-align: stretch !important;

    -ms-grid-row-align: stretch !important;

    align-self: stretch !important;

  }

}



@media (min-width: 1200px) {

  .flex-xl-row {

    -webkit-box-orient: horizontal !important;

    -webkit-box-direction: normal !important;

    -ms-flex-direction: row !important;

    flex-direction: row !important;

  }



  .flex-xl-column {

    -webkit-box-orient: vertical !important;

    -webkit-box-direction: normal !important;

    -ms-flex-direction: column !important;

    flex-direction: column !important;

  }



  .flex-xl-row-reverse {

    -webkit-box-orient: horizontal !important;

    -webkit-box-direction: reverse !important;

    -ms-flex-direction: row-reverse !important;

    flex-direction: row-reverse !important;

  }



  .flex-xl-column-reverse {

    -webkit-box-orient: vertical !important;

    -webkit-box-direction: reverse !important;

    -ms-flex-direction: column-reverse !important;

    flex-direction: column-reverse !important;

  }



  .flex-xl-wrap {

    -ms-flex-wrap: wrap !important;

    flex-wrap: wrap !important;

  }



  .flex-xl-nowrap {

    -ms-flex-wrap: nowrap !important;

    flex-wrap: nowrap !important;

  }



  .flex-xl-wrap-reverse {

    -ms-flex-wrap: wrap-reverse !important;

    flex-wrap: wrap-reverse !important;

  }



  .flex-xl-fill {

    -webkit-box-flex: 1 !important;

    -ms-flex: 1 1 auto !important;

    flex: 1 1 auto !important;

  }



  .flex-xl-grow-0 {

    -webkit-box-flex: 0 !important;

    -ms-flex-positive: 0 !important;

    flex-grow: 0 !important;

  }



  .flex-xl-grow-1 {

    -webkit-box-flex: 1 !important;

    -ms-flex-positive: 1 !important;

    flex-grow: 1 !important;

  }



  .flex-xl-shrink-0 {

    -ms-flex-negative: 0 !important;

    flex-shrink: 0 !important;

  }



  .flex-xl-shrink-1 {

    -ms-flex-negative: 1 !important;

    flex-shrink: 1 !important;

  }



  .justify-content-xl-start {

    -webkit-box-pack: start !important;

    -ms-flex-pack: start !important;

    justify-content: flex-start !important;

  }



  .justify-content-xl-end {

    -webkit-box-pack: end !important;

    -ms-flex-pack: end !important;

    justify-content: flex-end !important;

  }



  .justify-content-xl-center {

    -webkit-box-pack: center !important;

    -ms-flex-pack: center !important;

    justify-content: center !important;

  }



  .justify-content-xl-between {

    -webkit-box-pack: justify !important;

    -ms-flex-pack: justify !important;

    justify-content: space-between !important;

  }



  .justify-content-xl-around {

    -ms-flex-pack: distribute !important;

    justify-content: space-around !important;

  }



  .align-items-xl-start {

    -webkit-box-align: start !important;

    -ms-flex-align: start !important;

    align-items: flex-start !important;

  }



  .align-items-xl-end {

    -webkit-box-align: end !important;

    -ms-flex-align: end !important;

    align-items: flex-end !important;

  }



  .align-items-xl-center {

    -webkit-box-align: center !important;

    -ms-flex-align: center !important;

    align-items: center !important;

  }



  .align-items-xl-baseline {

    -webkit-box-align: baseline !important;

    -ms-flex-align: baseline !important;

    align-items: baseline !important;

  }



  .align-items-xl-stretch {

    -webkit-box-align: stretch !important;

    -ms-flex-align: stretch !important;

    align-items: stretch !important;

  }



  .align-content-xl-start {

    -ms-flex-line-pack: start !important;

    align-content: flex-start !important;

  }



  .align-content-xl-end {

    -ms-flex-line-pack: end !important;

    align-content: flex-end !important;

  }



  .align-content-xl-center {

    -ms-flex-line-pack: center !important;

    align-content: center !important;

  }



  .align-content-xl-between {

    -ms-flex-line-pack: justify !important;

    align-content: space-between !important;

  }



  .align-content-xl-around {

    -ms-flex-line-pack: distribute !important;

    align-content: space-around !important;

  }



  .align-content-xl-stretch {

    -ms-flex-line-pack: stretch !important;

    align-content: stretch !important;

  }



  .align-self-xl-auto {

    -ms-flex-item-align: auto !important;

    -ms-grid-row-align: auto !important;

    align-self: auto !important;

  }



  .align-self-xl-start {

    -ms-flex-item-align: start !important;

    align-self: flex-start !important;

  }



  .align-self-xl-end {

    -ms-flex-item-align: end !important;

    align-self: flex-end !important;

  }



  .align-self-xl-center {

    -ms-flex-item-align: center !important;

    -ms-grid-row-align: center !important;

    align-self: center !important;

  }



  .align-self-xl-baseline {

    -ms-flex-item-align: baseline !important;

    align-self: baseline !important;

  }



  .align-self-xl-stretch {

    -ms-flex-item-align: stretch !important;

    -ms-grid-row-align: stretch !important;

    align-self: stretch !important;

  }

}



.float-left {

  float: left !important;

}



.float-right {

  float: right !important;

}



.float-none {

  float: none !important;

}



@media (min-width: 576px) {

  .float-sm-left {

    float: left !important;

  }



  .float-sm-right {

    float: right !important;

  }



  .float-sm-none {

    float: none !important;

  }

}



@media (min-width: 768px) {

  .float-md-left {

    float: left !important;

  }



  .float-md-right {

    float: right !important;

  }



  .float-md-none {

    float: none !important;

  }

}



@media (min-width: 992px) {

  .float-lg-left {

    float: left !important;

  }



  .float-lg-right {

    float: right !important;

  }



  .float-lg-none {

    float: none !important;

  }

}



@media (min-width: 1200px) {

  .float-xl-left {

    float: left !important;

  }



  .float-xl-right {

    float: right !important;

  }



  .float-xl-none {

    float: none !important;

  }

}



.overflow-auto {

  overflow: auto !important;

}



.overflow-hidden {

  overflow: hidden !important;

}



.position-static {

  position: static !important;

}



.position-relative {

  position: relative !important;

}



.position-absolute {

  position: absolute !important;

}



.position-fixed {

  position: fixed !important;

}



.position-sticky {

  position: -webkit-sticky !important;

  position: sticky !important;

}



.fixed-top {

  position: fixed;

  top: 0;

  right: 0;

  left: 0;

  z-index: 1030;

}



.fixed-bottom {

  position: fixed;

  right: 0;

  bottom: 0;

  left: 0;

  z-index: 1030;

}



@supports ((position: -webkit-sticky) or (position: sticky)) {

  .sticky-top {

    position: -webkit-sticky;

    position: sticky;

    top: 0;

    z-index: 1020;

  }

}



.sr-only {

  position: absolute;

  width: 1px;

  height: 1px;

  padding: 0;

  overflow: hidden;

  clip: rect(0, 0, 0, 0);

  white-space: nowrap;

  border: 0;

}



.sr-only-focusable:active,

.sr-only-focusable:focus {

  position: static;

  width: auto;

  height: auto;

  overflow: visible;

  clip: auto;

  white-space: normal;

}



.shadow-sm {

  -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;

  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;

}



.shadow {

  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;

  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;

}



.shadow-lg {

  -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;

  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;

}



.shadow-none {

  -webkit-box-shadow: none !important;

  box-shadow: none !important;

}



.w-25 {

  width: 25% !important;

}



.w-50 {

  width: 50% !important;

}



.w-75 {

  width: 75% !important;

}



.w-100 {

  width: 100% !important;

}



.w-auto {

  width: auto !important;

}



.h-25 {

  height: 25% !important;

}



.h-50 {

  height: 50% !important;

}



.h-75 {

  height: 75% !important;

}



.h-100 {

  height: 100% !important;

}



.h-auto {

  height: auto !important;

}



.mw-100 {

  max-width: 100% !important;

}



.mh-100 {

  max-height: 100% !important;

}



.min-vw-100 {

  min-width: 100vw !important;

}



.min-vh-100 {

  min-height: 100vh !important;

}



.vw-100 {

  width: 100vw !important;

}



.vh-100 {

  height: 100vh !important;

}



.stretched-link::after {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  z-index: 1;

  pointer-events: auto;

  content: "";

  background-color: rgba(0, 0, 0, 0);

}



.m-0 {

  margin: 0 !important;

}



.mt-0,

.my-0 {

  margin-top: 0 !important;

}



.mr-0,

.mx-0 {

  margin-right: 0 !important;

}



.mb-0,

.my-0 {

  margin-bottom: 0 !important;

}



.ml-0,

.mx-0 {

  margin-left: 0 !important;

}



.m-1 {

  margin: 0.25rem !important;

}



.mt-1,

.my-1 {

  margin-top: 0.25rem !important;

}



.mr-1,

.mx-1 {

  margin-right: 0.25rem !important;

}



.mb-1,

.my-1 {

  margin-bottom: 0.25rem !important;

}



.ml-1,

.mx-1 {

  margin-left: 0.25rem !important;

}



.m-2 {

  margin: 0.5rem !important;

}



.mt-2,

.my-2 {

  margin-top: 0.5rem !important;

}



.mr-2,

.mx-2 {

  margin-right: 0.5rem !important;

}



.mb-2,

.my-2 {

  margin-bottom: 0.5rem !important;

}



.ml-2,

.mx-2 {

  margin-left: 0.5rem !important;

}



.m-3 {

  margin: 1rem !important;

}



.mt-3,

.my-3 {

  margin-top: 1rem !important;

}



.mr-3,

.mx-3 {

  margin-right: 1rem !important;

}



.mb-3,

.my-3 {

  margin-bottom: 1rem !important;

}



.ml-3,

.mx-3 {

  margin-left: 1rem !important;

}



.m-4 {

  margin: 1.5rem !important;

}



.mt-4,

.my-4 {

  margin-top: 1.5rem !important;

}



.mr-4,

.mx-4 {

  margin-right: 1.5rem !important;

}



.mb-4,

.my-4 {

  margin-bottom: 1.5rem !important;

}



.ml-4,

.mx-4 {

  margin-left: 1.5rem !important;

}



.m-5 {

  margin: 3rem !important;

}



.mt-5,

.my-5 {

  margin-top: 3rem !important;

}



.mr-5,

.mx-5 {

  margin-right: 3rem !important;

}



.mb-5,

.my-5 {

  margin-bottom: 3rem !important;

}



.ml-5,

.mx-5 {

  margin-left: 3rem !important;

}



.p-0 {

  padding: 0 !important;

}



.pt-0,

.py-0 {

  padding-top: 0 !important;

}



.pr-0,

.px-0 {

  padding-right: 0 !important;

}



.pb-0,

.py-0 {

  padding-bottom: 0 !important;

}



.pl-0,

.px-0 {

  padding-left: 0 !important;

}



.p-1 {

  padding: 0.25rem !important;

}



.pt-1,

.py-1 {

  padding-top: 0.25rem !important;

}



.pr-1,

.px-1 {

  padding-right: 0.25rem !important;

}



.pb-1,

.py-1 {

  padding-bottom: 0.25rem !important;

}



.pl-1,

.px-1 {

  padding-left: 0.25rem !important;

}



.p-2 {

  padding: 0.5rem !important;

}



.pt-2,

.py-2 {

  padding-top: 0.5rem !important;

}



.pr-2,

.px-2 {

  padding-right: 0.5rem !important;

}



.pb-2,

.py-2 {

  padding-bottom: 0.5rem !important;

}



.pl-2,

.px-2 {

  padding-left: 0.5rem !important;

}



.p-3 {

  padding: 1rem !important;

}



.pt-3,

.py-3 {

  padding-top: 1rem !important;

}



.pr-3,

.px-3 {

  padding-right: 1rem !important;

}



.pb-3,

.py-3 {

  padding-bottom: 1rem !important;

}



.pl-3,

.px-3 {

  padding-left: 1rem !important;

}



.p-4 {

  padding: 1.5rem !important;

}



.pt-4,

.py-4 {

  padding-top: 1.5rem !important;

}



.pr-4,

.px-4 {

  padding-right: 1.5rem !important;

}



.pb-4,

.py-4 {

  padding-bottom: 1.5rem !important;

}



.pl-4,

.px-4 {

  padding-left: 1.5rem !important;

}



.p-5 {

  padding: 3rem !important;

}



.pt-5,

.py-5 {

  padding-top: 3rem !important;

}



.pr-5,

.px-5 {

  padding-right: 3rem !important;

}



.pb-5,

.py-5 {

  padding-bottom: 3rem !important;

}



.pl-5,

.px-5 {

  padding-left: 3rem !important;

}



.m-n1 {

  margin: -0.25rem !important;

}



.mt-n1,

.my-n1 {

  margin-top: -0.25rem !important;

}



.mr-n1,

.mx-n1 {

  margin-right: -0.25rem !important;

}



.mb-n1,

.my-n1 {

  margin-bottom: -0.25rem !important;

}



.ml-n1,

.mx-n1 {

  margin-left: -0.25rem !important;

}



.m-n2 {

  margin: -0.5rem !important;

}



.mt-n2,

.my-n2 {

  margin-top: -0.5rem !important;

}



.mr-n2,

.mx-n2 {

  margin-right: -0.5rem !important;

}



.mb-n2,

.my-n2 {

  margin-bottom: -0.5rem !important;

}



.ml-n2,

.mx-n2 {

  margin-left: -0.5rem !important;

}



.m-n3 {

  margin: -1rem !important;

}



.mt-n3,

.my-n3 {

  margin-top: -1rem !important;

}



.mr-n3,

.mx-n3 {

  margin-right: -1rem !important;

}



.mb-n3,

.my-n3 {

  margin-bottom: -1rem !important;

}



.ml-n3,

.mx-n3 {

  margin-left: -1rem !important;

}



.m-n4 {

  margin: -1.5rem !important;

}



.mt-n4,

.my-n4 {

  margin-top: -1.5rem !important;

}



.mr-n4,

.mx-n4 {

  margin-right: -1.5rem !important;

}



.mb-n4,

.my-n4 {

  margin-bottom: -1.5rem !important;

}



.ml-n4,

.mx-n4 {

  margin-left: -1.5rem !important;

}



.m-n5 {

  margin: -3rem !important;

}



.mt-n5,

.my-n5 {

  margin-top: -3rem !important;

}



.mr-n5,

.mx-n5 {

  margin-right: -3rem !important;

}



.mb-n5,

.my-n5 {

  margin-bottom: -3rem !important;

}



.ml-n5,

.mx-n5 {

  margin-left: -3rem !important;

}



.m-auto {

  margin: auto !important;

}



.mt-auto,

.my-auto {

  margin-top: auto !important;

}



.mr-auto,

.mx-auto {

  margin-right: auto !important;

}



.mb-auto,

.my-auto {

  margin-bottom: auto !important;

}



.ml-auto,

.mx-auto {

  margin-left: auto !important;

}



@media (min-width: 576px) {

  .m-sm-0 {

    margin: 0 !important;

  }



  .mt-sm-0,

  .my-sm-0 {

    margin-top: 0 !important;

  }



  .mr-sm-0,

  .mx-sm-0 {

    margin-right: 0 !important;

  }



  .mb-sm-0,

  .my-sm-0 {

    margin-bottom: 0 !important;

  }



  .ml-sm-0,

  .mx-sm-0 {

    margin-left: 0 !important;

  }



  .m-sm-1 {

    margin: 0.25rem !important;

  }



  .mt-sm-1,

  .my-sm-1 {

    margin-top: 0.25rem !important;

  }



  .mr-sm-1,

  .mx-sm-1 {

    margin-right: 0.25rem !important;

  }



  .mb-sm-1,

  .my-sm-1 {

    margin-bottom: 0.25rem !important;

  }



  .ml-sm-1,

  .mx-sm-1 {

    margin-left: 0.25rem !important;

  }



  .m-sm-2 {

    margin: 0.5rem !important;

  }



  .mt-sm-2,

  .my-sm-2 {

    margin-top: 0.5rem !important;

  }



  .mr-sm-2,

  .mx-sm-2 {

    margin-right: 0.5rem !important;

  }



  .mb-sm-2,

  .my-sm-2 {

    margin-bottom: 0.5rem !important;

  }



  .ml-sm-2,

  .mx-sm-2 {

    margin-left: 0.5rem !important;

  }



  .m-sm-3 {

    margin: 1rem !important;

  }



  .mt-sm-3,

  .my-sm-3 {

    margin-top: 1rem !important;

  }



  .mr-sm-3,

  .mx-sm-3 {

    margin-right: 1rem !important;

  }



  .mb-sm-3,

  .my-sm-3 {

    margin-bottom: 1rem !important;

  }



  .ml-sm-3,

  .mx-sm-3 {

    margin-left: 1rem !important;

  }



  .m-sm-4 {

    margin: 1.5rem !important;

  }



  .mt-sm-4,

  .my-sm-4 {

    margin-top: 1.5rem !important;

  }



  .mr-sm-4,

  .mx-sm-4 {

    margin-right: 1.5rem !important;

  }



  .mb-sm-4,

  .my-sm-4 {

    margin-bottom: 1.5rem !important;

  }



  .ml-sm-4,

  .mx-sm-4 {

    margin-left: 1.5rem !important;

  }



  .m-sm-5 {

    margin: 3rem !important;

  }



  .mt-sm-5,

  .my-sm-5 {

    margin-top: 3rem !important;

  }



  .mr-sm-5,

  .mx-sm-5 {

    margin-right: 3rem !important;

  }



  .mb-sm-5,

  .my-sm-5 {

    margin-bottom: 3rem !important;

  }



  .ml-sm-5,

  .mx-sm-5 {

    margin-left: 3rem !important;

  }



  .p-sm-0 {

    padding: 0 !important;

  }



  .pt-sm-0,

  .py-sm-0 {

    padding-top: 0 !important;

  }



  .pr-sm-0,

  .px-sm-0 {

    padding-right: 0 !important;

  }



  .pb-sm-0,

  .py-sm-0 {

    padding-bottom: 0 !important;

  }



  .pl-sm-0,

  .px-sm-0 {

    padding-left: 0 !important;

  }



  .p-sm-1 {

    padding: 0.25rem !important;

  }



  .pt-sm-1,

  .py-sm-1 {

    padding-top: 0.25rem !important;

  }



  .pr-sm-1,

  .px-sm-1 {

    padding-right: 0.25rem !important;

  }



  .pb-sm-1,

  .py-sm-1 {

    padding-bottom: 0.25rem !important;

  }



  .pl-sm-1,

  .px-sm-1 {

    padding-left: 0.25rem !important;

  }



  .p-sm-2 {

    padding: 0.5rem !important;

  }



  .pt-sm-2,

  .py-sm-2 {

    padding-top: 0.5rem !important;

  }



  .pr-sm-2,

  .px-sm-2 {

    padding-right: 0.5rem !important;

  }



  .pb-sm-2,

  .py-sm-2 {

    padding-bottom: 0.5rem !important;

  }



  .pl-sm-2,

  .px-sm-2 {

    padding-left: 0.5rem !important;

  }



  .p-sm-3 {

    padding: 1rem !important;

  }



  .pt-sm-3,

  .py-sm-3 {

    padding-top: 1rem !important;

  }



  .pr-sm-3,

  .px-sm-3 {

    padding-right: 1rem !important;

  }



  .pb-sm-3,

  .py-sm-3 {

    padding-bottom: 1rem !important;

  }



  .pl-sm-3,

  .px-sm-3 {

    padding-left: 1rem !important;

  }



  .p-sm-4 {

    padding: 1.5rem !important;

  }



  .pt-sm-4,

  .py-sm-4 {

    padding-top: 1.5rem !important;

  }



  .pr-sm-4,

  .px-sm-4 {

    padding-right: 1.5rem !important;

  }



  .pb-sm-4,

  .py-sm-4 {

    padding-bottom: 1.5rem !important;

  }



  .pl-sm-4,

  .px-sm-4 {

    padding-left: 1.5rem !important;

  }



  .p-sm-5 {

    padding: 3rem !important;

  }



  .pt-sm-5,

  .py-sm-5 {

    padding-top: 3rem !important;

  }



  .pr-sm-5,

  .px-sm-5 {

    padding-right: 3rem !important;

  }



  .pb-sm-5,

  .py-sm-5 {

    padding-bottom: 3rem !important;

  }



  .pl-sm-5,

  .px-sm-5 {

    padding-left: 3rem !important;

  }



  .m-sm-n1 {

    margin: -0.25rem !important;

  }



  .mt-sm-n1,

  .my-sm-n1 {

    margin-top: -0.25rem !important;

  }



  .mr-sm-n1,

  .mx-sm-n1 {

    margin-right: -0.25rem !important;

  }



  .mb-sm-n1,

  .my-sm-n1 {

    margin-bottom: -0.25rem !important;

  }



  .ml-sm-n1,

  .mx-sm-n1 {

    margin-left: -0.25rem !important;

  }



  .m-sm-n2 {

    margin: -0.5rem !important;

  }



  .mt-sm-n2,

  .my-sm-n2 {

    margin-top: -0.5rem !important;

  }



  .mr-sm-n2,

  .mx-sm-n2 {

    margin-right: -0.5rem !important;

  }



  .mb-sm-n2,

  .my-sm-n2 {

    margin-bottom: -0.5rem !important;

  }



  .ml-sm-n2,

  .mx-sm-n2 {

    margin-left: -0.5rem !important;

  }



  .m-sm-n3 {

    margin: -1rem !important;

  }



  .mt-sm-n3,

  .my-sm-n3 {

    margin-top: -1rem !important;

  }



  .mr-sm-n3,

  .mx-sm-n3 {

    margin-right: -1rem !important;

  }



  .mb-sm-n3,

  .my-sm-n3 {

    margin-bottom: -1rem !important;

  }



  .ml-sm-n3,

  .mx-sm-n3 {

    margin-left: -1rem !important;

  }



  .m-sm-n4 {

    margin: -1.5rem !important;

  }



  .mt-sm-n4,

  .my-sm-n4 {

    margin-top: -1.5rem !important;

  }



  .mr-sm-n4,

  .mx-sm-n4 {

    margin-right: -1.5rem !important;

  }



  .mb-sm-n4,

  .my-sm-n4 {

    margin-bottom: -1.5rem !important;

  }



  .ml-sm-n4,

  .mx-sm-n4 {

    margin-left: -1.5rem !important;

  }



  .m-sm-n5 {

    margin: -3rem !important;

  }



  .mt-sm-n5,

  .my-sm-n5 {

    margin-top: -3rem !important;

  }



  .mr-sm-n5,

  .mx-sm-n5 {

    margin-right: -3rem !important;

  }



  .mb-sm-n5,

  .my-sm-n5 {

    margin-bottom: -3rem !important;

  }



  .ml-sm-n5,

  .mx-sm-n5 {

    margin-left: -3rem !important;

  }



  .m-sm-auto {

    margin: auto !important;

  }



  .mt-sm-auto,

  .my-sm-auto {

    margin-top: auto !important;

  }



  .mr-sm-auto,

  .mx-sm-auto {

    margin-right: auto !important;

  }



  .mb-sm-auto,

  .my-sm-auto {

    margin-bottom: auto !important;

  }



  .ml-sm-auto,

  .mx-sm-auto {

    margin-left: auto !important;

  }

}



@media (min-width: 768px) {

  .m-md-0 {

    margin: 0 !important;

  }



  .mt-md-0,

  .my-md-0 {

    margin-top: 0 !important;

  }



  .mr-md-0,

  .mx-md-0 {

    margin-right: 0 !important;

  }



  .mb-md-0,

  .my-md-0 {

    margin-bottom: 0 !important;

  }



  .ml-md-0,

  .mx-md-0 {

    margin-left: 0 !important;

  }



  .m-md-1 {

    margin: 0.25rem !important;

  }



  .mt-md-1,

  .my-md-1 {

    margin-top: 0.25rem !important;

  }



  .mr-md-1,

  .mx-md-1 {

    margin-right: 0.25rem !important;

  }



  .mb-md-1,

  .my-md-1 {

    margin-bottom: 0.25rem !important;

  }



  .ml-md-1,

  .mx-md-1 {

    margin-left: 0.25rem !important;

  }



  .m-md-2 {

    margin: 0.5rem !important;

  }



  .mt-md-2,

  .my-md-2 {

    margin-top: 0.5rem !important;

  }



  .mr-md-2,

  .mx-md-2 {

    margin-right: 0.5rem !important;

  }



  .mb-md-2,

  .my-md-2 {

    margin-bottom: 0.5rem !important;

  }



  .ml-md-2,

  .mx-md-2 {

    margin-left: 0.5rem !important;

  }



  .m-md-3 {

    margin: 1rem !important;

  }



  .mt-md-3,

  .my-md-3 {

    margin-top: 1rem !important;

  }



  .mr-md-3,

  .mx-md-3 {

    margin-right: 1rem !important;

  }



  .mb-md-3,

  .my-md-3 {

    margin-bottom: 1rem !important;

  }



  .ml-md-3,

  .mx-md-3 {

    margin-left: 1rem !important;

  }



  .m-md-4 {

    margin: 1.5rem !important;

  }



  .mt-md-4,

  .my-md-4 {

    margin-top: 1.5rem !important;

  }



  .mr-md-4,

  .mx-md-4 {

    margin-right: 1.5rem !important;

  }



  .mb-md-4,

  .my-md-4 {

    margin-bottom: 1.5rem !important;

  }



  .ml-md-4,

  .mx-md-4 {

    margin-left: 1.5rem !important;

  }



  .m-md-5 {

    margin: 3rem !important;

  }



  .mt-md-5,

  .my-md-5 {

    margin-top: 3rem !important;

  }



  .mr-md-5,

  .mx-md-5 {

    margin-right: 3rem !important;

  }



  .mb-md-5,

  .my-md-5 {

    margin-bottom: 3rem !important;

  }



  .ml-md-5,

  .mx-md-5 {

    margin-left: 3rem !important;

  }



  .p-md-0 {

    padding: 0 !important;

  }



  .pt-md-0,

  .py-md-0 {

    padding-top: 0 !important;

  }



  .pr-md-0,

  .px-md-0 {

    padding-right: 0 !important;

  }



  .pb-md-0,

  .py-md-0 {

    padding-bottom: 0 !important;

  }



  .pl-md-0,

  .px-md-0 {

    padding-left: 0 !important;

  }



  .p-md-1 {

    padding: 0.25rem !important;

  }



  .pt-md-1,

  .py-md-1 {

    padding-top: 0.25rem !important;

  }



  .pr-md-1,

  .px-md-1 {

    padding-right: 0.25rem !important;

  }



  .pb-md-1,

  .py-md-1 {

    padding-bottom: 0.25rem !important;

  }



  .pl-md-1,

  .px-md-1 {

    padding-left: 0.25rem !important;

  }



  .p-md-2 {

    padding: 0.5rem !important;

  }



  .pt-md-2,

  .py-md-2 {

    padding-top: 0.5rem !important;

  }



  .pr-md-2,

  .px-md-2 {

    padding-right: 0.5rem !important;

  }



  .pb-md-2,

  .py-md-2 {

    padding-bottom: 0.5rem !important;

  }



  .pl-md-2,

  .px-md-2 {

    padding-left: 0.5rem !important;

  }



  .p-md-3 {

    padding: 1rem !important;

  }



  .pt-md-3,

  .py-md-3 {

    padding-top: 1rem !important;

  }



  .pr-md-3,

  .px-md-3 {

    padding-right: 1rem !important;

  }



  .pb-md-3,

  .py-md-3 {

    padding-bottom: 1rem !important;

  }



  .pl-md-3,

  .px-md-3 {

    padding-left: 1rem !important;

  }



  .p-md-4 {

    padding: 1.5rem !important;

  }



  .pt-md-4,

  .py-md-4 {

    padding-top: 1.5rem !important;

  }



  .pr-md-4,

  .px-md-4 {

    padding-right: 1.5rem !important;

  }



  .pb-md-4,

  .py-md-4 {

    padding-bottom: 1.5rem !important;

  }



  .pl-md-4,

  .px-md-4 {

    padding-left: 1.5rem !important;

  }



  .p-md-5 {

    padding: 3rem !important;

  }



  .pt-md-5,

  .py-md-5 {

    padding-top: 3rem !important;

  }



  .pr-md-5,

  .px-md-5 {

    padding-right: 3rem !important;

  }



  .pb-md-5,

  .py-md-5 {

    padding-bottom: 3rem !important;

  }



  .pl-md-5,

  .px-md-5 {

    padding-left: 3rem !important;

  }



  .m-md-n1 {

    margin: -0.25rem !important;

  }



  .mt-md-n1,

  .my-md-n1 {

    margin-top: -0.25rem !important;

  }



  .mr-md-n1,

  .mx-md-n1 {

    margin-right: -0.25rem !important;

  }



  .mb-md-n1,

  .my-md-n1 {

    margin-bottom: -0.25rem !important;

  }



  .ml-md-n1,

  .mx-md-n1 {

    margin-left: -0.25rem !important;

  }



  .m-md-n2 {

    margin: -0.5rem !important;

  }



  .mt-md-n2,

  .my-md-n2 {

    margin-top: -0.5rem !important;

  }



  .mr-md-n2,

  .mx-md-n2 {

    margin-right: -0.5rem !important;

  }



  .mb-md-n2,

  .my-md-n2 {

    margin-bottom: -0.5rem !important;

  }



  .ml-md-n2,

  .mx-md-n2 {

    margin-left: -0.5rem !important;

  }



  .m-md-n3 {

    margin: -1rem !important;

  }



  .mt-md-n3,

  .my-md-n3 {

    margin-top: -1rem !important;

  }



  .mr-md-n3,

  .mx-md-n3 {

    margin-right: -1rem !important;

  }



  .mb-md-n3,

  .my-md-n3 {

    margin-bottom: -1rem !important;

  }



  .ml-md-n3,

  .mx-md-n3 {

    margin-left: -1rem !important;

  }



  .m-md-n4 {

    margin: -1.5rem !important;

  }



  .mt-md-n4,

  .my-md-n4 {

    margin-top: -1.5rem !important;

  }



  .mr-md-n4,

  .mx-md-n4 {

    margin-right: -1.5rem !important;

  }



  .mb-md-n4,

  .my-md-n4 {

    margin-bottom: -1.5rem !important;

  }



  .ml-md-n4,

  .mx-md-n4 {

    margin-left: -1.5rem !important;

  }



  .m-md-n5 {

    margin: -3rem !important;

  }



  .mt-md-n5,

  .my-md-n5 {

    margin-top: -3rem !important;

  }



  .mr-md-n5,

  .mx-md-n5 {

    margin-right: -3rem !important;

  }



  .mb-md-n5,

  .my-md-n5 {

    margin-bottom: -3rem !important;

  }



  .ml-md-n5,

  .mx-md-n5 {

    margin-left: -3rem !important;

  }



  .m-md-auto {

    margin: auto !important;

  }



  .mt-md-auto,

  .my-md-auto {

    margin-top: auto !important;

  }



  .mr-md-auto,

  .mx-md-auto {

    margin-right: auto !important;

  }



  .mb-md-auto,

  .my-md-auto {

    margin-bottom: auto !important;

  }



  .ml-md-auto,

  .mx-md-auto {

    margin-left: auto !important;

  }

}



@media (min-width: 992px) {

  .m-lg-0 {

    margin: 0 !important;

  }



  .mt-lg-0,

  .my-lg-0 {

    margin-top: 0 !important;

  }



  .mr-lg-0,

  .mx-lg-0 {

    margin-right: 0 !important;

  }



  .mb-lg-0,

  .my-lg-0 {

    margin-bottom: 0 !important;

  }



  .ml-lg-0,

  .mx-lg-0 {

    margin-left: 0 !important;

  }



  .m-lg-1 {

    margin: 0.25rem !important;

  }



  .mt-lg-1,

  .my-lg-1 {

    margin-top: 0.25rem !important;

  }



  .mr-lg-1,

  .mx-lg-1 {

    margin-right: 0.25rem !important;

  }



  .mb-lg-1,

  .my-lg-1 {

    margin-bottom: 0.25rem !important;

  }



  .ml-lg-1,

  .mx-lg-1 {

    margin-left: 0.25rem !important;

  }



  .m-lg-2 {

    margin: 0.5rem !important;

  }



  .mt-lg-2,

  .my-lg-2 {

    margin-top: 0.5rem !important;

  }



  .mr-lg-2,

  .mx-lg-2 {

    margin-right: 0.5rem !important;

  }



  .mb-lg-2,

  .my-lg-2 {

    margin-bottom: 0.5rem !important;

  }



  .ml-lg-2,

  .mx-lg-2 {

    margin-left: 0.5rem !important;

  }



  .m-lg-3 {

    margin: 1rem !important;

  }



  .mt-lg-3,

  .my-lg-3 {

    margin-top: 1rem !important;

  }



  .mr-lg-3,

  .mx-lg-3 {

    margin-right: 1rem !important;

  }



  .mb-lg-3,

  .my-lg-3 {

    margin-bottom: 1rem !important;

  }



  .ml-lg-3,

  .mx-lg-3 {

    margin-left: 1rem !important;

  }



  .m-lg-4 {

    margin: 1.5rem !important;

  }



  .mt-lg-4,

  .my-lg-4 {

    margin-top: 1.5rem !important;

  }



  .mr-lg-4,

  .mx-lg-4 {

    margin-right: 1.5rem !important;

  }



  .mb-lg-4,

  .my-lg-4 {

    margin-bottom: 1.5rem !important;

  }



  .ml-lg-4,

  .mx-lg-4 {

    margin-left: 1.5rem !important;

  }



  .m-lg-5 {

    margin: 3rem !important;

  }



  .mt-lg-5,

  .my-lg-5 {

    margin-top: 3rem !important;

  }



  .mr-lg-5,

  .mx-lg-5 {

    margin-right: 3rem !important;

  }



  .mb-lg-5,

  .my-lg-5 {

    margin-bottom: 3rem !important;

  }



  .ml-lg-5,

  .mx-lg-5 {

    margin-left: 3rem !important;

  }



  .p-lg-0 {

    padding: 0 !important;

  }



  .pt-lg-0,

  .py-lg-0 {

    padding-top: 0 !important;

  }



  .pr-lg-0,

  .px-lg-0 {

    padding-right: 0 !important;

  }



  .pb-lg-0,

  .py-lg-0 {

    padding-bottom: 0 !important;

  }



  .pl-lg-0,

  .px-lg-0 {

    padding-left: 0 !important;

  }



  .p-lg-1 {

    padding: 0.25rem !important;

  }



  .pt-lg-1,

  .py-lg-1 {

    padding-top: 0.25rem !important;

  }



  .pr-lg-1,

  .px-lg-1 {

    padding-right: 0.25rem !important;

  }



  .pb-lg-1,

  .py-lg-1 {

    padding-bottom: 0.25rem !important;

  }



  .pl-lg-1,

  .px-lg-1 {

    padding-left: 0.25rem !important;

  }



  .p-lg-2 {

    padding: 0.5rem !important;

  }



  .pt-lg-2,

  .py-lg-2 {

    padding-top: 0.5rem !important;

  }



  .pr-lg-2,

  .px-lg-2 {

    padding-right: 0.5rem !important;

  }



  .pb-lg-2,

  .py-lg-2 {

    padding-bottom: 0.5rem !important;

  }



  .pl-lg-2,

  .px-lg-2 {

    padding-left: 0.5rem !important;

  }



  .p-lg-3 {

    padding: 1rem !important;

  }



  .pt-lg-3,

  .py-lg-3 {

    padding-top: 1rem !important;

  }



  .pr-lg-3,

  .px-lg-3 {

    padding-right: 1rem !important;

  }



  .pb-lg-3,

  .py-lg-3 {

    padding-bottom: 1rem !important;

  }



  .pl-lg-3,

  .px-lg-3 {

    padding-left: 1rem !important;

  }



  .p-lg-4 {

    padding: 1.5rem !important;

  }



  .pt-lg-4,

  .py-lg-4 {

    padding-top: 1.5rem !important;

  }



  .pr-lg-4,

  .px-lg-4 {

    padding-right: 1.5rem !important;

  }



  .pb-lg-4,

  .py-lg-4 {

    padding-bottom: 1.5rem !important;

  }



  .pl-lg-4,

  .px-lg-4 {

    padding-left: 1.5rem !important;

  }



  .p-lg-5 {

    padding: 3rem !important;

  }



  .pt-lg-5,

  .py-lg-5 {

    padding-top: 3rem !important;

  }



  .pr-lg-5,

  .px-lg-5 {

    padding-right: 3rem !important;

  }



  .pb-lg-5,

  .py-lg-5 {

    padding-bottom: 3rem !important;

  }



  .pl-lg-5,

  .px-lg-5 {

    padding-left: 3rem !important;

  }



  .m-lg-n1 {

    margin: -0.25rem !important;

  }



  .mt-lg-n1,

  .my-lg-n1 {

    margin-top: -0.25rem !important;

  }



  .mr-lg-n1,

  .mx-lg-n1 {

    margin-right: -0.25rem !important;

  }



  .mb-lg-n1,

  .my-lg-n1 {

    margin-bottom: -0.25rem !important;

  }



  .ml-lg-n1,

  .mx-lg-n1 {

    margin-left: -0.25rem !important;

  }



  .m-lg-n2 {

    margin: -0.5rem !important;

  }



  .mt-lg-n2,

  .my-lg-n2 {

    margin-top: -0.5rem !important;

  }



  .mr-lg-n2,

  .mx-lg-n2 {

    margin-right: -0.5rem !important;

  }



  .mb-lg-n2,

  .my-lg-n2 {

    margin-bottom: -0.5rem !important;

  }



  .ml-lg-n2,

  .mx-lg-n2 {

    margin-left: -0.5rem !important;

  }



  .m-lg-n3 {

    margin: -1rem !important;

  }



  .mt-lg-n3,

  .my-lg-n3 {

    margin-top: -1rem !important;

  }



  .mr-lg-n3,

  .mx-lg-n3 {

    margin-right: -1rem !important;

  }



  .mb-lg-n3,

  .my-lg-n3 {

    margin-bottom: -1rem !important;

  }



  .ml-lg-n3,

  .mx-lg-n3 {

    margin-left: -1rem !important;

  }



  .m-lg-n4 {

    margin: -1.5rem !important;

  }



  .mt-lg-n4,

  .my-lg-n4 {

    margin-top: -1.5rem !important;

  }



  .mr-lg-n4,

  .mx-lg-n4 {

    margin-right: -1.5rem !important;

  }



  .mb-lg-n4,

  .my-lg-n4 {

    margin-bottom: -1.5rem !important;

  }



  .ml-lg-n4,

  .mx-lg-n4 {

    margin-left: -1.5rem !important;

  }



  .m-lg-n5 {

    margin: -3rem !important;

  }



  .mt-lg-n5,

  .my-lg-n5 {

    margin-top: -3rem !important;

  }



  .mr-lg-n5,

  .mx-lg-n5 {

    margin-right: -3rem !important;

  }



  .mb-lg-n5,

  .my-lg-n5 {

    margin-bottom: -3rem !important;

  }



  .ml-lg-n5,

  .mx-lg-n5 {

    margin-left: -3rem !important;

  }



  .m-lg-auto {

    margin: auto !important;

  }



  .mt-lg-auto,

  .my-lg-auto {

    margin-top: auto !important;

  }



  .mr-lg-auto,

  .mx-lg-auto {

    margin-right: auto !important;

  }



  .mb-lg-auto,

  .my-lg-auto {

    margin-bottom: auto !important;

  }



  .ml-lg-auto,

  .mx-lg-auto {

    margin-left: auto !important;

  }

}



@media (min-width: 1200px) {

  .m-xl-0 {

    margin: 0 !important;

  }



  .mt-xl-0,

  .my-xl-0 {

    margin-top: 0 !important;

  }



  .mr-xl-0,

  .mx-xl-0 {

    margin-right: 0 !important;

  }



  .mb-xl-0,

  .my-xl-0 {

    margin-bottom: 0 !important;

  }



  .ml-xl-0,

  .mx-xl-0 {

    margin-left: 0 !important;

  }



  .m-xl-1 {

    margin: 0.25rem !important;

  }



  .mt-xl-1,

  .my-xl-1 {

    margin-top: 0.25rem !important;

  }



  .mr-xl-1,

  .mx-xl-1 {

    margin-right: 0.25rem !important;

  }



  .mb-xl-1,

  .my-xl-1 {

    margin-bottom: 0.25rem !important;

  }



  .ml-xl-1,

  .mx-xl-1 {

    margin-left: 0.25rem !important;

  }



  .m-xl-2 {

    margin: 0.5rem !important;

  }



  .mt-xl-2,

  .my-xl-2 {

    margin-top: 0.5rem !important;

  }



  .mr-xl-2,

  .mx-xl-2 {

    margin-right: 0.5rem !important;

  }



  .mb-xl-2,

  .my-xl-2 {

    margin-bottom: 0.5rem !important;

  }



  .ml-xl-2,

  .mx-xl-2 {

    margin-left: 0.5rem !important;

  }



  .m-xl-3 {

    margin: 1rem !important;

  }



  .mt-xl-3,

  .my-xl-3 {

    margin-top: 1rem !important;

  }



  .mr-xl-3,

  .mx-xl-3 {

    margin-right: 1rem !important;

  }



  .mb-xl-3,

  .my-xl-3 {

    margin-bottom: 1rem !important;

  }



  .ml-xl-3,

  .mx-xl-3 {

    margin-left: 1rem !important;

  }



  .m-xl-4 {

    margin: 1.5rem !important;

  }



  .mt-xl-4,

  .my-xl-4 {

    margin-top: 1.5rem !important;

  }



  .mr-xl-4,

  .mx-xl-4 {

    margin-right: 1.5rem !important;

  }



  .mb-xl-4,

  .my-xl-4 {

    margin-bottom: 1.5rem !important;

  }



  .ml-xl-4,

  .mx-xl-4 {

    margin-left: 1.5rem !important;

  }



  .m-xl-5 {

    margin: 3rem !important;

  }



  .mt-xl-5,

  .my-xl-5 {

    margin-top: 3rem !important;

  }



  .mr-xl-5,

  .mx-xl-5 {

    margin-right: 3rem !important;

  }



  .mb-xl-5,

  .my-xl-5 {

    margin-bottom: 3rem !important;

  }



  .ml-xl-5,

  .mx-xl-5 {

    margin-left: 3rem !important;

  }



  .p-xl-0 {

    padding: 0 !important;

  }



  .pt-xl-0,

  .py-xl-0 {

    padding-top: 0 !important;

  }



  .pr-xl-0,

  .px-xl-0 {

    padding-right: 0 !important;

  }



  .pb-xl-0,

  .py-xl-0 {

    padding-bottom: 0 !important;

  }



  .pl-xl-0,

  .px-xl-0 {

    padding-left: 0 !important;

  }



  .p-xl-1 {

    padding: 0.25rem !important;

  }



  .pt-xl-1,

  .py-xl-1 {

    padding-top: 0.25rem !important;

  }



  .pr-xl-1,

  .px-xl-1 {

    padding-right: 0.25rem !important;

  }



  .pb-xl-1,

  .py-xl-1 {

    padding-bottom: 0.25rem !important;

  }



  .pl-xl-1,

  .px-xl-1 {

    padding-left: 0.25rem !important;

  }



  .p-xl-2 {

    padding: 0.5rem !important;

  }



  .pt-xl-2,

  .py-xl-2 {

    padding-top: 0.5rem !important;

  }



  .pr-xl-2,

  .px-xl-2 {

    padding-right: 0.5rem !important;

  }



  .pb-xl-2,

  .py-xl-2 {

    padding-bottom: 0.5rem !important;

  }



  .pl-xl-2,

  .px-xl-2 {

    padding-left: 0.5rem !important;

  }



  .p-xl-3 {

    padding: 1rem !important;

  }



  .pt-xl-3,

  .py-xl-3 {

    padding-top: 1rem !important;

  }



  .pr-xl-3,

  .px-xl-3 {

    padding-right: 1rem !important;

  }



  .pb-xl-3,

  .py-xl-3 {

    padding-bottom: 1rem !important;

  }



  .pl-xl-3,

  .px-xl-3 {

    padding-left: 1rem !important;

  }



  .p-xl-4 {

    padding: 1.5rem !important;

  }



  .pt-xl-4,

  .py-xl-4 {

    padding-top: 1.5rem !important;

  }



  .pr-xl-4,

  .px-xl-4 {

    padding-right: 1.5rem !important;

  }



  .pb-xl-4,

  .py-xl-4 {

    padding-bottom: 1.5rem !important;

  }



  .pl-xl-4,

  .px-xl-4 {

    padding-left: 1.5rem !important;

  }



  .p-xl-5 {

    padding: 3rem !important;

  }



  .pt-xl-5,

  .py-xl-5 {

    padding-top: 3rem !important;

  }



  .pr-xl-5,

  .px-xl-5 {

    padding-right: 3rem !important;

  }



  .pb-xl-5,

  .py-xl-5 {

    padding-bottom: 3rem !important;

  }



  .pl-xl-5,

  .px-xl-5 {

    padding-left: 3rem !important;

  }



  .m-xl-n1 {

    margin: -0.25rem !important;

  }



  .mt-xl-n1,

  .my-xl-n1 {

    margin-top: -0.25rem !important;

  }



  .mr-xl-n1,

  .mx-xl-n1 {

    margin-right: -0.25rem !important;

  }



  .mb-xl-n1,

  .my-xl-n1 {

    margin-bottom: -0.25rem !important;

  }



  .ml-xl-n1,

  .mx-xl-n1 {

    margin-left: -0.25rem !important;

  }



  .m-xl-n2 {

    margin: -0.5rem !important;

  }



  .mt-xl-n2,

  .my-xl-n2 {

    margin-top: -0.5rem !important;

  }



  .mr-xl-n2,

  .mx-xl-n2 {

    margin-right: -0.5rem !important;

  }



  .mb-xl-n2,

  .my-xl-n2 {

    margin-bottom: -0.5rem !important;

  }



  .ml-xl-n2,

  .mx-xl-n2 {

    margin-left: -0.5rem !important;

  }



  .m-xl-n3 {

    margin: -1rem !important;

  }



  .mt-xl-n3,

  .my-xl-n3 {

    margin-top: -1rem !important;

  }



  .mr-xl-n3,

  .mx-xl-n3 {

    margin-right: -1rem !important;

  }



  .mb-xl-n3,

  .my-xl-n3 {

    margin-bottom: -1rem !important;

  }



  .ml-xl-n3,

  .mx-xl-n3 {

    margin-left: -1rem !important;

  }



  .m-xl-n4 {

    margin: -1.5rem !important;

  }



  .mt-xl-n4,

  .my-xl-n4 {

    margin-top: -1.5rem !important;

  }



  .mr-xl-n4,

  .mx-xl-n4 {

    margin-right: -1.5rem !important;

  }



  .mb-xl-n4,

  .my-xl-n4 {

    margin-bottom: -1.5rem !important;

  }



  .ml-xl-n4,

  .mx-xl-n4 {

    margin-left: -1.5rem !important;

  }



  .m-xl-n5 {

    margin: -3rem !important;

  }



  .mt-xl-n5,

  .my-xl-n5 {

    margin-top: -3rem !important;

  }



  .mr-xl-n5,

  .mx-xl-n5 {

    margin-right: -3rem !important;

  }



  .mb-xl-n5,

  .my-xl-n5 {

    margin-bottom: -3rem !important;

  }



  .ml-xl-n5,

  .mx-xl-n5 {

    margin-left: -3rem !important;

  }



  .m-xl-auto {

    margin: auto !important;

  }



  .mt-xl-auto,

  .my-xl-auto {

    margin-top: auto !important;

  }



  .mr-xl-auto,

  .mx-xl-auto {

    margin-right: auto !important;

  }



  .mb-xl-auto,

  .my-xl-auto {

    margin-bottom: auto !important;

  }



  .ml-xl-auto,

  .mx-xl-auto {

    margin-left: auto !important;

  }

}



.text-monospace {

  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;

}



.text-justify {

  text-align: justify !important;

}



.text-wrap {

  white-space: normal !important;

}



.text-nowrap {

  white-space: nowrap !important;

}



.text-truncate {

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}



.text-left {

  text-align: left !important;

}



.text-right {

  text-align: right !important;

}



.text-center {

  text-align: center !important;

}



@media (min-width: 576px) {

  .text-sm-left {

    text-align: left !important;

  }



  .text-sm-right {

    text-align: right !important;

  }



  .text-sm-center {

    text-align: center !important;

  }

}



@media (min-width: 768px) {

  .text-md-left {

    text-align: left !important;

  }



  .text-md-right {

    text-align: right !important;

  }



  .text-md-center {

    text-align: center !important;

  }

}



@media (min-width: 992px) {

  .text-lg-left {

    text-align: left !important;

  }



  .text-lg-right {

    text-align: right !important;

  }



  .text-lg-center {

    text-align: center !important;

  }

}



@media (min-width: 1200px) {

  .text-xl-left {

    text-align: left !important;

  }



  .text-xl-right {

    text-align: right !important;

  }



  .text-xl-center {

    text-align: center !important;

  }

}



.text-lowercase {

  text-transform: lowercase !important;

}



.text-uppercase {

  text-transform: uppercase !important;

}



.text-capitalize {

  text-transform: capitalize !important;

}



.font-weight-light {

  font-weight: 300 !important;

}



.font-weight-lighter {

  font-weight: lighter !important;

}



.font-weight-normal {

  font-weight: 400 !important;

}



.font-weight-bold {

  font-weight: 700 !important;

}



.font-weight-bolder {

  font-weight: bolder !important;

}



.font-italic {

  font-style: italic !important;

}



.text-white {

  color: #fff !important;

}



.text-primary {

  color: #007bff !important;

}



a.text-primary:hover,

a.text-primary:focus {

  color: #0056b3 !important;

}



.text-secondary {

  color: #6c757d !important;

}



a.text-secondary:hover,

a.text-secondary:focus {

  color: #494f54 !important;

}



.text-success {

  color: #28a745 !important;

}



a.text-success:hover,

a.text-success:focus {

  color: #19692c !important;

}



.text-info {

  color: #17a2b8 !important;

}



a.text-info:hover,

a.text-info:focus {

  color: #0f6674 !important;

}



.text-warning {

  color: #ffc107 !important;

}



a.text-warning:hover,

a.text-warning:focus {

  color: #ba8b00 !important;

}



.text-danger {

  color: #dc3545 !important;

}



a.text-danger:hover,

a.text-danger:focus {

  color: #a71d2a !important;

}



.text-light {

  color: #f8f9fa !important;

}



a.text-light:hover,

a.text-light:focus {

  color: #cbd3da !important;

}



.text-dark {

  color: #343a40 !important;

}



a.text-dark:hover,

a.text-dark:focus {

  color: #121416 !important;

}



.text-body {

  color: #212529 !important;

}



.text-muted {

  color: #6c757d !important;

}



.text-black-50 {

  color: rgba(0, 0, 0, 0.5) !important;

}



.text-white-50 {

  color: rgba(255, 255, 255, 0.5) !important;

}



.text-hide {

  font: 0/0 a;

  color: transparent;

  text-shadow: none;

  background-color: transparent;

  border: 0;

}



.text-decoration-none {

  text-decoration: none !important;

}



.text-break {

  word-break: break-word !important;

  overflow-wrap: break-word !important;

}



.text-reset {

  color: inherit !important;

}



.visible {

  visibility: visible !important;

}



.invisible {

  visibility: hidden !important;

}



@media print {



  *,

  *::before,

  *::after {

    text-shadow: none !important;

    -webkit-box-shadow: none !important;

    box-shadow: none !important;

  }



  a:not(.btn) {

    text-decoration: underline;

  }



  abbr[title]::after {

    content: " (" attr(title) ")";

  }



  pre {

    white-space: pre-wrap !important;

  }



  pre,

  blockquote {

    border: 1px solid #adb5bd;

    page-break-inside: avoid;

  }



  thead {

    display: table-header-group;

  }



  tr,

  img {

    page-break-inside: avoid;

  }



  p,

  h2,

  h3 {

    orphans: 3;

    widows: 3;

  }



  h2,

  h3 {

    page-break-after: avoid;

  }



  @page {

    size: a3;

  }



  body {

    min-width: 992px !important;

  }



  .container {

    min-width: 992px !important;

  }



  .navbar {

    display: none;

  }



  .badge {

    border: 1px solid #000;

  }



  .table {

    border-collapse: collapse !important;

  }



  .table td,

  .table th {

    background-color: #fff !important;

  }



  .table-bordered th,

  .table-bordered td {

    border: 1px solid #dee2e6 !important;

  }



  .table-dark {

    color: inherit;

  }



  .table-dark th,

  .table-dark td,

  .table-dark thead th,

  .table-dark tbody+tbody {

    border-color: #dee2e6;

  }



  .table .thead-dark th {

    color: inherit;

    border-color: #dee2e6;

  }

}



button:not(.stage) {

  height: 40px;

  padding: 0 30px;

  line-height: 1;

  border-radius: 6px;

  outline: none;

  border: none;

  font-size: 14px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  padding-top: 0;

  text-align: center;

  background-color: #FEC750;

  color: #212121;

  cursor: pointer;

  font-weight: 500;

  -webkit-box-shadow: none !important;

  box-shadow: none !important;

  -webkit-transition: all;

  transition: all;

  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  -webkit-transition-duration: 300ms;

  transition-duration: 300ms;

}



button:not(.stage).icon-left-btn {

  width: auto;

}



button:not(.stage).icon-left-btn i {

  font-size: 18px;

  line-height: 18px;

}



button:not(.stage).icon-left-btn svg {

  width: 18px;

  height: 18px;

  margin-right: 6px;

}



button:not(.stage).right-btn-icon {

  width: auto;

}



button:not(.stage).right-btn-icon i {

  font-size: 18px;

  line-height: 18px;

}



button:not(.stage).right-btn-icon svg {

  width: 18px;

  height: 18px;

  margin-left: 6px;

}



button:not(.stage).red-btn {

  background-color: #ef5350;

}



button:not(.stage).red-btn:hover {

  background-color: #ed413d;

}



button:not(.stage).red-btn:focus,

button:not(.stage).red-btn:active {

  background-color: #ec2e2b;

}



button:not(.stage).white-btn {

  background-color: white;

}



button:not(.stage).white-btn:hover {

  background-color: white;

  -webkit-box-shadow: 0 10px 24px rgba(0, 0, 0, 0.1);

  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.1);

}



button:not(.stage).white-btn:focus,

button:not(.stage).white-btn:active {

  background-color: white;

  -webkit-box-shadow: 0 10px 24px rgba(0, 0, 0, 0.1);

  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.1);

}



button:not(.stage).line-btn {

  background-color: transparent;

  border: 1px solid #FEC750;

  color: #FEC750;

}



button:not(.stage).line-btn:hover {

  color: white;

}



button:not(.stage).dark-blue-btn {

  background-color: #193B6F;

  color: white;

}



button:not(.stage).dark-blue-btn:hover {

  background-color: #15325e;

}



button:not(.stage).dark-blue-btn:focus,

button:not(.stage).dark-blue-btn:active {

  background-color: #12294e;

}



button:not(.stage).blue-btn {

  background-color: #507BB8;

}



button:not(.stage).blue-btn:hover {

  background-color: #4671ad;

}



button:not(.stage).blue-btn:focus,

button:not(.stage).blue-btn:active {

  background-color: #40679f;

}



button:not(.stage):hover {

  background-color: #fec13c;

}



button:not(.stage):focus,

button:not(.stage):active {

  background-color: #feba27;

}



button:not(.stage) i {

  line-height: 15px;

  color: white;

  margin: 0;

  font-size: 20px;

  margin-right: 4px;

}



.verticals-button {

  background-color: white;

  color: #424242;

  height: 64px !important;

  margin-top: 20px;

  -webkit-box-shadow: 0 4px 30px rgba(0, 0, 0, 0.15);

  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.15);

  padding-left: 24px;

  border-left: 4px solid #ffc107;

}



.verticals-button i {

  color: #ffa000;

  font-size: 28px;

  margin-left: 12px;

}



.verticals-button:hover {

  background-color: white;

  color: #424242;

  -webkit-box-shadow: 0 10px 60px rgba(0, 0, 0, 0.15);

  box-shadow: 0 10px 60px rgba(0, 0, 0, 0.15);

}



.circular-btn {

  height: 42px;

  width: 42px;

  padding: 0;

  border-radius: 100px;

}



.circular-btn i {

  -webkit-transform: rotateZ(90deg);

  transform: rotateZ(90deg);

  margin-left: 0;

}



a.cta-btn {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  height: 40px;

  padding: 0 30px;

  line-height: 1;

  border-radius: 6px;

  outline: none;

  border: none;

  font-size: 14px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  justify-content: center;

  align-items: center;

  padding-top: 0;

  text-align: center;

  background-color: #FEC750;

  color: white;

  color: #212121;

  cursor: pointer;

  font-weight: 500;

  -webkit-transition: all;

  transition: all;

  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  -webkit-transition-duration: 300ms;

  transition-duration: 300ms;

}



a.cta-btn:hover {

  background-color: #fec13c;

}



a.cta-btn:focus,

a.cta-btn:active {

  background-color: #feba27;

}



a.cta-btn:hover {

  text-decoration: none;

}



#green-card-section {

  padding-top: 10px;

}



.row:before,

.row:after {

  display: none;

}



html {

  font-size: 16px;

}



body {

  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;

  font-family: "Sofia Pro", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;

  background-color: #FAFAFA;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  min-height: 100vh;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  width: 100vw;

  overflow-x: hidden;

}



body.no-scroll {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  height: 100vh;

  overflow: hidden;

}



.add-custom-menu {

  width: calc(100% - 30px);

  border-radius: 3px;

  border: 1px solid #eee;

  padding: 0;

  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.02);

  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.02);

}



.add-custom-menu .custom-dropdown-item {

  width: 100%;

  height: 50px;

  padding-left: 22px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  background-color: white;

  -webkit-transition: all;

  transition: all;

  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  -webkit-transition-duration: 300ms;

  transition-duration: 300ms;

  cursor: pointer;

}



.add-custom-menu .custom-dropdown-item:not(:first-child) {

  border-top: 1px solid #eee;

}



.add-custom-menu .custom-dropdown-item span {

  font-size: 14px;

  color: #424242;

  line-height: 1;

}



.add-custom-menu .custom-dropdown-item:hover {

  background-color: #fafafa;

}



.add-custom-menu .custom-dropdown-item.add-item {

  background-color: #F2F5FD;

}



.add-custom-menu .custom-dropdown-item.add-item span {

  color: #4076DD;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  line-height: 1;

}



.add-custom-menu .custom-dropdown-item.add-item span:before {

  font-family: "Material Icons";

  font-size: 16px;

  content: '\e145';

  margin-right: 4px;

  margin-top: -2px;

}



.add-custom-menu .custom-dropdown-item.add-item:hover {

  background-color: #E8EFFB;

}



.container {

  max-width: 85%;

  padding: 0;

}



@media (max-width: 415px) {

  .container {

    max-width: 92%;

  }

}



@media (min-width: 480px) and (max-width: 767px) and (orientation: landscape) {

  .container {

    max-width: 95%;

  }

}



input,

textarea {

  -webkit-box-shadow: none !important;

  box-shadow: none !important;

}



input.invalid {

  border-bottom: 2px solid #f44336 !important;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  font-family: "Sofia Pro", serif !important;

}



header nav {

  position: absolute !important;

  padding: 0 !important;

  height: 80px;

  background-color: transparent;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  width: 100%;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  z-index: 10;

  padding-left: 4% !important;

  padding-right: 4% !important;

  background-color: rgba(255, 255, 255, 0.6);

}



header nav svg.mobile-trigger {

  display: none;

}



@media (max-width: 415px) {

  header nav svg.mobile-trigger {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

  }

}



@media (min-width: 600px) and (max-width: 1024px) and (orientation: portrait) {

  header nav svg.mobile-trigger {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

  }

}



header nav a.logo-link {

  width: 230px;

}



header nav a.logo-link img.logo {

  width: 100%;

}



@media (max-width: 415px) {

  header nav a.logo-link {

    position: absolute;

    left: 50%;

    -webkit-transform: translateX(-50%) translateY(-50%);

    transform: translateX(-50%) translateY(-50%);

    top: 50%;

  }

}



@media (max-width: 992px) {

  header nav a.logo-link {

    position: absolute;

    left: 50%;

    -webkit-transform: translateX(-50%) translateY(-50%);

    transform: translateX(-50%) translateY(-50%);

    top: 50%;

  }

  header nav svg.mobile-trigger {

    display: flex;

  }


}



header nav .nav-right {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



header nav .nav-right ul {

  list-style-type: none;

  padding: 0;

  margin: 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  height: 100%;

  margin-right: 14px;

}



header nav .nav-right ul li {

  height: 100%;

}



header nav .nav-right ul li a {

  height: 100%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  padding: 0 24px;

  line-height: 1;

  font-size: 16px;

  color: #193B6F;

}



header nav .nav-right button.nav-login {

  padding: 14px 20px;

  background-color: #507BB8;

  font-size: 15px;

  border-radius: 4px;

  color: white;

}

@media(max-width:992px) {

  header nav .nav-right {

    display: none;

  }

  #tree_svg {

    display: none;

  }

}

@media (max-width: 415px) {

  header nav .nav-right {

    display: none;

  }

  header nav a.logo-link img.logo {
    margin-left: 2rem;
    width: 80%;
  }

}



@media (max-width: 415px) {

  header nav {

    -webkit-box-pack: start !important;

    -ms-flex-pack: start !important;

    justify-content: flex-start !important;

  }

}



header nav:after,

header nav:before {

  display: none !important;

}



.mobile-menu-overlay {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  position: fixed;

  width: 100%;

  height: calc(100vh);

  background-color: white;

  top: 0;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-pack: start;

  -ms-flex-pack: start;

  justify-content: flex-start;

  z-index: 99;

  opacity: 0;

  display: none;

}



.mobile-menu-overlay .mobile-nav-header {

  height: 80px;

  width: 100%;

  border-bottom: 1px solid #eee;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  position: relative;

}



.mobile-menu-overlay .mobile-nav-header .close-button {

  width: 56px;

  height: 56px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  color: #424242;

}



.mobile-menu-overlay .mobile-nav-header img.logo {

  width: 160px;

  position: absolute;

  left: 50px;

  top: 50%;

  -webkit-transform: translateX(-50%) translateY(-56%);

  transform: translateX(0) translateY(-56%);

}



.mobile-menu-overlay .mobile-nav-header .right-buttons {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row;

  margin-right: 4vw;

}



.mobile-menu-overlay .mobile-nav-header .right-buttons a {

  padding: 10px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  font-size: 16px;

  color: #424242;

  line-height: 1;

}



.mobile-menu-overlay .mobile-nav-header .right-buttons a svg {

  width: 18px;

  height: 18px;

  margin-right: 6px;

  margin-bottom: 2px;

}



.mobile-menu-overlay .mobile-nav-header .right-buttons a i {

  font-size: 18px;

  line-height: 1;

  margin-right: 6px;

  margin-bottom: 2px;

}



.mobile-menu-overlay ul {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  list-style-type: none;

  padding: 0;

}



.mobile-menu-overlay ul.mobile-nav-level-1 {

  width: 92%;

  margin-right: auto;

  margin-left: auto;

  height: calc(100vh - 30px - 56px);

  overflow-y: scroll;

}



.mobile-menu-overlay ul.mobile-nav-level-1>li {

  width: 100%;

}



.mobile-menu-overlay ul.mobile-nav-level-1>li a {

  height: 56px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  font-size: 15px;

  color: #424242;

  -webkit-transition: all;

  transition: all;

  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  -webkit-transition-duration: 300ms;

  transition-duration: 300ms;

}



.mobile-menu-overlay ul.mobile-nav-level-1>li a:after {

  font-family: "Material Icons";

  content: '\e5cc';

  font-size: 18px;

  width: 18px;

  line-height: 18px;

  -webkit-transition: all;

  transition: all;

  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  -webkit-transition-duration: 300ms;

  transition-duration: 300ms;

}



.mobile-menu-overlay ul.mobile-nav-level-1>li a:focus,

.mobile-menu-overlay ul.mobile-nav-level-1>li a:active,

.mobile-menu-overlay ul.mobile-nav-level-1>li a:hover {

  text-decoration: none !important;

  font-weight: 500;

}



.mobile-menu-overlay ul.mobile-nav-level-1>li:not(:last-child) a {

  border-bottom: 1px solid #eee;

}



.mobile-menu-overlay ul.mobile-nav-level-2 {

  padding-left: 20px;

  border-left: 1px solid #E0E0E0;

  margin-bottom: 20px;

}



.mobile-menu-overlay ul.mobile-nav-level-3 {

  padding-left: 20px;

  border-left: 1px solid #E0E0E0;

  margin-bottom: 20px;

}



.mobile-menu-overlay ul.mobile-nav-level-3 a:after {

  display: none;

}



.mobile-menu-overlay ul.mobile-nav-level-4 {

  padding-left: 20px;

  border-left: 1px solid #E0E0E0;

  margin-bottom: 20px;

}



.mobile-menu-overlay.reveal {

  opacity: 1;

  -webkit-animation-duration: 0.5s;

  animation-duration: 0.5s;

  -webkit-animation-name: revealAnim;

  animation-name: revealAnim;

}



@-webkit-keyframes revealAnim {

  from {

    opacity: 0;

  }



  to {

    opacity: 1;

  }

}



@keyframes revealAnim {

  from {

    opacity: 0;

  }



  to {

    opacity: 1;

  }

}



.mobile-menu-overlay.hidden {

  -webkit-animation-duration: 0.5s;

  animation-duration: 0.5s;

  -webkit-animation-name: hide;

  animation-name: hide;

}



@-webkit-keyframes hide {

  from {

    opacity: 1;

  }



  to {

    opacity: 0;

  }

}



@keyframes hide {

  from {

    opacity: 1;

  }



  to {

    opacity: 0;

  }

}



.mobile-menu-overlay.backend-overlay .mobile-nav-header {

  height: 64px;

}



.mobile-menu-overlay.backend-overlay img.logo {

  width: 160px;

  position: absolute;

  left: 50px;

  top: 50%;

  -webkit-transform: translateX(-50%) translateY(-56%);

  transform: translateX(0) translateY(-56%);

}



.container-fluid.pas-rl-need.mrgn-need {

  margin-top: 120px;

}



nav#admin_nav {

  position: absolute !important;

  padding: 0 !important;

  height: 64px;

  background-color: white;

  border-radius: 6px;

  -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);

  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  width: 100%;

  top: 20px;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  z-index: 10;

  padding-left: 4% !important;

  padding-right: 4% !important;

  border: none;

}



nav#admin_nav .mobile-trigger {

  display: none;

}



@media (max-width: 992px) {

  nav#admin_nav .mobile-trigger {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

  }

}



nav#admin_nav a.logo-link {

  height: 80%;

}



nav#admin_nav a.logo-link img {

  width: auto;

  height: 100%;

}



@media (max-width: 415px) {

  nav#admin_nav a.logo-link {

    left: 50px;

    width: 160px;

    height: auto !important;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

  }



  nav#admin_nav a.logo-link img {

    width: 100%;

    height: auto;

  }

}



nav#admin_nav .nav-center {

  height: 100%;

  position: absolute;

  left: 50%;

  -webkit-transform: translateX(-50%);

  transform: translateX(-50%);

}



@media (max-width: 1024px) {

  nav#admin_nav .nav-center {

    display: none;

  }

}



nav#admin_nav .nav-center ul {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row;

  list-style-type: none;

  padding: 0;

  margin: 0;

  height: 100%;

}



nav#admin_nav .nav-center ul li {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}



nav#admin_nav .nav-center ul li.more-link-wrapper {

  position: relative;

}



nav#admin_nav .nav-center ul li>a {

  height: 100%;

  padding: 0 14px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  line-height: 1;

  font-size: 15px;

  color: #757575;

  position: relative;

  cursor: pointer;

  -webkit-transition: all;

  transition: all;

  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  -webkit-transition-duration: 300ms;

  transition-duration: 300ms;

}



nav#admin_nav .nav-center ul li>a:hover {

  text-decoration: none;

  color: #424242;

}



nav#admin_nav .nav-center ul li>a.active {

  color: #507BB8;

}



nav#admin_nav .nav-center ul li>a.active:after {

  position: absolute;

  content: '';

  bottom: 16px;

  left: 50%;

  -webkit-transform: translateX(-50%);

  transform: translateX(-50%);

  width: 4px;

  height: 4px;

  background-color: #507BB8;

  border-radius: 50%;
  top: 50px;

}



nav#admin_nav .nav-center ul li>a.more-link:after {

  display: none;

}



nav#admin_nav .nav-center ul li>a.more-link svg {

  width: 16px;

  height: 16px;

  margin-left: 4px;

  margin-top: 2px;

}



nav#admin_nav .nav-right a.critique-wrapper {

  position: relative;

  width: 64px;

  height: 64px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  background-color: white;

  -webkit-transition: all;

  transition: all;

  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  -webkit-transition-duration: 300ms;

  transition-duration: 300ms;

}



nav#admin_nav .nav-right a.critique-wrapper span.critique-text {

  width: 34px;

  height: 34px;

  background-color: #FBC02D;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  font-size: 15px;

  line-height: 1;

  color: #212121;

  font-weight: 500;

  border-radius: 50%;

  -webkit-transition: all;

  transition: all;

  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  -webkit-transition-duration: 300ms;

  transition-duration: 300ms;

}



nav#admin_nav .nav-right a.critique-wrapper span.critique-counter {

  position: absolute;

  top: 12px;

  right: 12px;

  background-color: #F44336;

  border-radius: 50%;

  width: 16px;

  height: 16px;

  color: white;

  font-size: 10px;

  line-height: 1;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



nav#admin_nav .nav-right a.critique-wrapper:hover {

  text-decoration: none;

  background-color: #fafafa;

}



nav#admin_nav .nav-right a.critique-wrapper:hover span.critique-text {

  background-color: #fbb814;

}



@media (max-width: 415px) {

  nav#admin_nav .nav-right a.critique-wrapper {

    display: none;

  }

}



nav#admin_nav .nav-right a.message-wrapper {

  width: 64px;

  height: 64px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  color: #616161;

  background-color: white;

  -webkit-transition: all;

  transition: all;

  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  -webkit-transition-duration: 300ms;

  transition-duration: 300ms;

}



nav#admin_nav .nav-right a.message-wrapper i {

  width: 22px;

  height: 22px;

}



nav#admin_nav .nav-right a.message-wrapper:hover {

  background-color: rgba(80, 123, 184, 0.1);

  text-decoration: none;

  color: #507BB8;

}



@media (max-width: 415px) {

  nav#admin_nav .nav-right a.message-wrapper {

    width: 44px;

  }

}



nav#admin_nav .nav-right a.bell-wrapper {

  width: 64px;

  height: 64px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  color: #616161;

  background-color: white;

  -webkit-transition: all;

  transition: all;

  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  -webkit-transition-duration: 300ms;

  transition-duration: 300ms;

}



nav#admin_nav .nav-right a.bell-wrapper i {

  width: 22px;

  height: 22px;

}



nav#admin_nav .nav-right a.bell-wrapper:hover {

  background-color: rgba(80, 123, 184, 0.1);

  text-decoration: none;

  color: #507BB8;

}



@media (max-width: 415px) {

  nav#admin_nav .nav-right a.bell-wrapper {

    width: 44px;

  }

}



nav#admin_nav .nav-right .profile-trigger-wrapper {

  position: relative;

}



nav#admin_nav .nav-right a.profile-trigger {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  background-color: #fff;

  height: 64px;

  padding: 0 20px;

  -webkit-transition: all;

  transition: all;

  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  -webkit-transition-duration: 300ms;

  transition-duration: 300ms;

  cursor: pointer;

}



nav#admin_nav .nav-right a.profile-trigger img {

  width: 40px;

  margin-right: 16px;

  border-radius: 20px;

}



nav#admin_nav .nav-right a.profile-trigger span.profile-name {

  color: #424242;

  line-height: 1;

  font-size: 15px;

  margin-right: 10px;

  -webkit-transition: all;

  transition: all;

  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  -webkit-transition-duration: 300ms;

  transition-duration: 300ms;

}



@media (max-width: 415px) {

  nav#admin_nav .nav-right a.profile-trigger span.profile-name {

    display: none;

  }

}



nav#admin_nav .nav-right a.profile-trigger svg {

  width: 18px;

  height: 18px;

  color: #616161;

  -webkit-transition: all;

  transition: all;

  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  -webkit-transition-duration: 300ms;

  transition-duration: 300ms;

}



@media (max-width: 415px) {

  nav#admin_nav .nav-right a.profile-trigger svg {

    display: none;

  }

}



nav#admin_nav .nav-right a.profile-trigger:hover {

  text-decoration: none;

  background-color: rgba(80, 123, 184, 0.1);

  color: #212121;

}



nav#admin_nav .nav-right a.profile-trigger:after {

  display: none;

}



@media (max-width: 415px) {

  nav#admin_nav .nav-right a.profile-trigger {

    width: 64px;

    padding: 0;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

  }



  nav#admin_nav .nav-right a.profile-trigger img {

    margin-right: 0;

  }

}



@media (max-width: 415px) {

  nav#admin_nav .nav-right {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-right: -15px;

  }

}



@media (max-width: 415px) {

  nav#admin_nav {

    width: 100vw;

    left: 0;

    top: 0;

    border-radius: 0;

    -webkit-box-pack: justify !important;

    -ms-flex-pack: justify !important;

    justify-content: space-between !important;

  }

}



.dropdown-menu {

  border-radius: 6px;

  border: 1px solid #eee;

  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);

  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);

  margin-top: 2px;

}



.dropdown-item {

  font-size: 15px !important;

}



img#banner_img {

  position: absolute;

  z-index: -1;

  pointer-events: none;

  width: 100vw;

}



@media (max-width: 415px) {

  img#banner_img {

    left: -770px;

    height: 126vh;

    width: auto;

  }

}



@media (min-width: 600px) and (max-width: 1024px) and (orientation: portrait) {

  img#banner_img {

    width: 100vw;

    -o-object-fit: cover;

    object-fit: cover;

    height: 80vh;

  }

}



#tree_svg {

  position: absolute;

  right: 0;

  pointer-events: none;

}



@media (max-width: 415px) {

  #tree_svg {

    display: none;

  }

}



#ptero_svg {

  pointer-events: none;

  width: 100%;

}



@media (max-width: 415px) {

  #ptero_svg {

    padding-left: 200px;

    padding-bottom: 70px;

  }



  #ptero_svg g {

    display: none;

  }

}



@media (min-width: 600px) and (max-width: 1024px) and (orientation: portrait) {

  #ptero_svg {

    padding-left: 200px;

    padding-bottom: 70px;

    display: none;

  }

}



#right_tree {

  position: fixed;

  right: 0;

  pointer-events: none;

}



#ptero {

  position: fixed;

  left: 0;

  pointer-events: none;

}



#banner_section {

  margin-top: 0 !important;

  padding-top: 0 !important;

  position: relative;

  width: 100vw;

}



#banner_section .component-section-title {

  position: absolute;

  top: 35%;

  left: 11%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  width: 50%;

}



#banner_section .component-section-title h1 {

  font-size: 30px;

  margin-bottom: 20px;

}



#banner_section .component-section-title p {

  font-size: 16px;

  color: #424242;

}



@media (max-width: 415px) {

  #banner_section .component-section-title {

    width: 90% !important;

    left: 5% !important;

    top: 50% !important;

  }

}



@media (max-width: 992px) {

  #banner_section .component-section-title {

    width: 62%;

    left: 7.5%;

    top: 50%;

  }

}



@media (max-width: 415px) {

  #banner_section {

    overflow: hidden;

  }

}



#the_who {

  position: relative;

  margin-top: -50px;

  width: 100vw;

  overflow: hidden;

}



#the_who img#the_who_img {

  pointer-events: none;

  width: 100vw;

}



#the_who .component-section-title {

  position: absolute;

  top: 33%;

  left: 11%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  width: 50%;

}



#the_who .component-section-title h1 {

  font-size: 30px;

  margin-bottom: 20px;

}



#the_who .component-section-title p {

  font-size: 16px;

  color: #424242;

}



@media (max-width: 415px) {

  #the_who {

    margin-top: -130px;

  }



  #the_who img#the_who_img {

    -webkit-transform: scale(0.8) translateX(-500px);

    transform: scale(0.8) translateX(-500px);

    -webkit-transform-origin: 0;

    transform-origin: 0;

    margin-top: -90px;

    width: auto;

  }



  #the_who .component-section-title {

    width: 92%;

    -webkit-transform: none;

    transform: none;

    left: 4%;

    top: 16%;

  }

}



@media (min-width: 600px) and (max-width: 1024px) and (orientation: portrait) {

  #the_who img#thw_who_img {

    -o-object-fit: cover;

    object-fit: cover;

    -o-object-position: -320px 0;

    object-position: -320px 0;

  }



  #the_who .component-section-title {

    top: 23%;

    left: 7.5%;

    /* -webkit-transform: translateY(-50%); */

    /* transform: translateY(-50%); */

    -webkit-transform: none;

    transform: none;

    width: 80%;

  }

}



#courses_section {

  margin-top: 0;

}



#courses_section img#sky_bg {

  width: 100vw;

  margin-top: -110px;

  position: absolute;

  z-index: -1;

  pointer-events: none;

  width: 100vw;

}



@media (max-width: 415px) {

  #courses_section img#sky_bg {

    margin-top: 0;

    height: calc(100% + 3790px);

    top: -100px;

    width: 100vw;

    -o-object-fit: cover;

    object-fit: cover;

  }

}



@media (min-width: 600px) and (max-width: 1024px) and (orientation: portrait) {

  #courses_section img#sky_bg {

    height: 5000px;

    -o-object-fit: cover;

    object-fit: cover;

  }

}



#courses_section .container {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



#courses_section .component-section-title {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  width: 70%;

  margin-left: auto;

  margin-right: auto;

}



#courses_section .component-section-title h1 {

  text-align: center;

  font-size: 30px;

  margin-bottom: 20px;

}



#courses_section .component-section-title p {

  color: #424242;

  text-align: center;

  width: 70%;

  font-size: 16px;

}



@media (max-width: 415px) {

  #courses_section .component-section-title {

    width: 100%;

  }

}



#courses_section button,

#courses_section a.cta-btn {

  margin-top: 60px;

  margin-bottom: 30px;

}



@media (max-width: 415px) {

  #courses_section {

    position: relative;

    margin-top: -100px;

  }



  #courses_section a.cta-btn {

    margin-bottom: 40px;

  }

}



.course-list {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row;

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

  width: 100%;

  display: -ms-grid;

  display: grid;

  /* -ms-grid-columns: (1fr)[4]; */

  grid-template-columns: repeat(4, 1fr);

  -ms-grid-rows: auto;

  grid-template-rows: auto;

  grid-gap: 30px;

  -webkit-box-align: initial;

  -ms-flex-align: initial;

  align-items: initial;

}



.course-list .course-item {

  padding-left: 20px;

  padding-right: 20px;

  width: 25%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-pack: start;

  -ms-flex-pack: start;

  justify-content: flex-start;

  position: relative;

  height: 470px;

  height: 533px;

  z-index: 1;

  margin: 0;

  background-color: transparent;

  border: 0;

  background-color: white;

  -webkit-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.1);

  box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.1);

  padding: 0;

  width: 100%;

  height: auto;

  border-top-left-radius: calc(322px / 2);

  border-top-right-radius: calc(322px / 2);

  border-bottom-left-radius: 6px;

  border-bottom-right-radius: 6px;

  padding-bottom: 0 !important;

}



.course-list .course-item img {

  width: 100%;

  z-index: 1;

  height: auto;

  border-radius: initial;

}



.course-list .course-item .course-detail {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  padding: 20px;

  border-bottom-left-radius: 6px;

  border-bottom-right-radius: 6px;

  background-color: #fff;

  -webkit-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.1);

  box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.1);

  position: absolute;

  width: calc(100% - 40px);

  top: 140px;

  background-color: transparent;

  -webkit-box-shadow: none;

  box-shadow: none;

  position: relative;

  top: 0 !important;

  width: auto;

}



.course-list .course-item .course-detail h3 {

  font-weight: 500;

  font-size: 20px;

  color: #212121;

  line-height: 1;

  margin-bottom: 14px;

  margin-top: 0;

  text-align: center;

  height: auto !important;

  padding: 0;

  text-transform: none;

  overflow: visible;

}



.course-list .course-item .course-detail p {

  font-size: 14px;

  line-height: 1.4;

  color: #616161;

  margin: 0;

  text-align: center;

  margin-bottom: 20px;

}



.course-list .course-item .course-detail a.arrow-link {

  font-size: 15px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row;

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  color: #193B6F;

  -webkit-transition: all;

  transition: all;

  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  -webkit-transition-duration: 300ms;

  transition-duration: 300ms;

}



.course-list .course-item .course-detail a.arrow-link:after {

  font-family: "Material Icons";

  content: '\e5cc';

  font-size: 18px;

  margin-left: 4px;

  line-height: 1;

  margin-top: 1px;

  -webkit-transition: all;

  transition: all;

  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  -webkit-transition-duration: 300ms;

  transition-duration: 300ms;

}



.course-list .course-item .course-detail a.arrow-link:hover {

  text-decoration: none;

}



.course-list .course-item .course-detail a.arrow-link:hover:after {

  -webkit-transform: translateX(4px);

  transform: translateX(4px);

}



@media (max-width: 415px) {

  .course-list {

    height: auto;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    /* -ms-grid-columns: (1fr)[1]; */

    grid-template-columns: repeat(1, 1fr);

  }



  .course-list .course-item {

    width: 100%;

    border-top-left-radius: calc(345px / 2);

    border-top-right-radius: calc(345px / 2);

  }



  .course-list .course-item .course-detail {

    top: 0;

  }



  .course-list .course-item .course-detail h3 {

    margin-top: 0;

  }

}



@media (min-width: 600px) and (max-width: 991px) and (orientation: portrait) {

  .course-list {

    height: auto;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

  }



  .course-list .course-item {

    width: 50%;



  }



  .course-list .course-item .course-detail h3 {

    margin: 0;

  }

  .course-list .course-item {

    width: 46%;

    margin-bottom: 1.5rem !important;

  }

}

@media(max-width:991px) {

  .course-list {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

  }



}

@media(max-width:600px) {

  .course-list .course-item {

    width: 100% !important;

    margin-bottom: 1.5rem !important;

  }

  .course-list {

    display: flex;

    justify-content: space-between;

  }

}

.component-section-title {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

  width: 70%;

  margin-bottom: 46px;

}



.component-section-title h1 {

  font-size: 26px !important;

  margin-bottom: 20px;

  font-family: "Playfair Display", serif;

  font-weight: 600;

}



.component-section-title p {

  font-size: 15px !important;

  color: #424242;

  width: 100%;

  line-height: 1.5 !important;

}



#course_features .container {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



#course_features .component-section-title {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  width: 70%;

  margin-left: auto;

  margin-right: auto;

}



#course_features .component-section-title h1 {

  text-align: center;

  font-size: 30px;

  margin-bottom: 20px;

}



#course_features .component-section-title p {

  color: #424242;

  text-align: center;

  width: 70%;

}



#course_features .course-features-wrapper {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  width: 100%;

  flex-wrap: wrap;

}



#course_features .course-features-wrapper .course-feature-item {

  padding: 0 12px;

  padding: 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  width: calc(100% / 3);

  width: 300px;

  text-align: center;

}



#course_features .course-features-wrapper .course-feature-item img {

  width: 100%;

  margin-bottom: 20px;

}



#course_features .course-features-wrapper .course-feature-item h3 {

  font-size: 20px;

  line-height: 1;

  color: #193B6F;

  margin-bottom: 20px;

}



#course_features .course-features-wrapper .course-feature-item p {

  color: #212121;

}

@media(max-width:991px) {

  #course_features .course-features-wrapper .course-feature-item {

    width: 45%;

  }

}

@media (max-width: 415px) {

  #course_features .course-features-wrapper {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

  }



  #course_features .course-features-wrapper .course-feature-item {

    width: 100%;

    margin-bottom: 40px;

  }

}



#testimonials .component-section-title {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  width: 70%;

  margin-left: auto;

  margin-right: auto;

  margin-top: 50px;

}



#testimonials .component-section-title h1 {

  text-align: center;

  font-size: 30px;

  margin-bottom: 20px;

}



#testimonials .component-section-title p {

  color: #424242;

  text-align: center;

  width: 70%;

}

/* @media(max-width:991px){

  section.water-under-sand .spotlight-section .component-section-title{

    margin-bottom: 0 !important;

  }

} */

@media (max-width: 415px) {

  #testimonials .component-section-title {

    width: 100%;

  }

}



.testimonial-item {

  position: relative;

  width: 100%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}



.testimonial-item>img {

  position: absolute;

  width: 100%;

  top: 0;

  left: 0;

}



.testimonial-item .testimonial-detail {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  width: 70%;

  text-align: center;

  margin-left: auto;

  margin-right: auto;

}



.testimonial-item .testimonial-detail img {

  width: 124px;

  -webkit-transform: translateY(-40px);

  transform: translateY(-40px);
  border-radius: 50%;

}




.testimonial-item .testimonial-detail p {

  font-size: 15px;

  color: #193B6F;

  line-height: 1.3;

  /* margin-top: -20px; */

  margin-bottom: 20px;



  width: 100%;

  -webkit-box-orient: vertical;

  display: -webkit-box;

  -webkit-line-clamp: 3;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: normal;

  line-height: 1.5rem;

}



.testimonial-item .testimonial-detail p.testimonial-person {

  font-size: 20px;

  line-height: 1;

  color: black;

  margin-bottom: 10px;

  font-weight: 500;

}



.testimonial-item .testimonial-detail p.testimonial-type {

  font-size: 16px;

  line-height: 1;

  color: black;

}

@media(min-width:1700px) {

  .testimonial-col {

    margin-bottom: 5rem;

  }

}

@media(min-width:991px) and (max-width:1024px) {

  .testimonial-col {

    max-width: 50%;

    flex: inherit;
    margin-bottom: 14rem !important;

  }



}

@media(min-width:767px) and (max-width:1024px) {

  .testimonial-col {

    margin-bottom: 8rem;

  }

  .testimonials_php .testimonial-col {

    margin-bottom: 2rem !important;

  }

}

@media(max-width:767px) {

  .testimonial-col {

    margin-bottom: 8rem;

  }

}

@media(max-width:767px) {
  .course-listing .testimonial-col {

    margin-bottom: 24rem;
  }
}

@media(max-width:457px) {
  .course-listing .testimonial-col {

    margin-bottom: 10rem
  }
}

@media (max-width: 415px) {

  .testimonial-item {

    margin-bottom: 100px;

  }



  .testimonial-item>img {

    -webkit-transform-origin: top center;

    transform-origin: top center;

    -webkit-transform: scale(1.2);

    transform: scale(1.2);

  }



  .testimonial-item .testimonial-detail {

    width: 80%;

  }



  .testimonial-item .testimonial-detail img {

    width: 100px;

    -webkit-transform: translateY(-40px);

    transform: translateY(-40px);

  }

}



.water-starts {

  position: relative;

  width: 100vw;

  margin-top: 130px !important;

}



.water-starts img.water {

  position: absolute;

  width: 100%;

  left: 0;

  top: 0;

  z-index: -1;

  pointer-events: none;

}

@media(min-width:1700px) {

  .custom-home .faq-section,
  .courses_php .faq-section {

    margin-top: 0rem !important;
  }

}

@media(min-width:767px) and (max-width:991px) {

  .water-starts .left-content {

    margin-top: -24rem;

  }

  .water-starts .contact-section {

    margin-top: 500px !important;

  }



}

@media(max-width:767px) {

  .water-starts .detailed-faq-section {

    margin-top: 60px !important;

  }

  /* .contact_php .footer1.w-fish.wandering-footer{

    margin-top: -70px  !important;

  } */



}

@media (max-width: 415px) {

  .water-starts img.water {

    height: 600px;

    -o-object-fit: cover;

    object-fit: cover;

    top: 50px;

  }

}



.water-starts img.contact-sand {

  position: absolute;

  width: 100%;

  left: 0;

  top: 50px;

  z-index: -1;

  pointer-events: none;

}



@media (max-width: 415px) {

  .water-starts img.contact-sand {

    top: 530px;

    -webkit-transform: scale(3);

    transform: scale(3);

    -webkit-transform-origin: 30px 70px;

    transform-origin: 30px 70px;

  }

}



@media (max-width: 415px) {

  .water-starts {

    overflow-x: hidden;

  }

}



.faq-section {

  margin-bottom: 300px;

  z-index: 2;



}

.custom-home .faq-section,
.courses_php .faq-section {

  margin-top: 13rem;



}





.faq-section .container {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

}



.faq-section .component-section-title {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

  width: 50%;

  margin-left: 0;

  margin-right: 0;

  float: right;

  margin-left: 50%;

  margin-bottom: 20px;

}



.faq-section .component-section-title h1 {

  text-align: left;

  font-size: 30px;

  margin-bottom: 20px;

}



.faq-section .component-section-title p {

  color: #424242;

  text-align: left;

  width: 70%;

}



.faq-section .faq-questions-wrapper {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  margin-left: 50%;

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

}



.faq-section .faq-questions-wrapper .faq-question {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: start;

  -ms-flex-pack: start;

  justify-content: flex-start;

  padding: 12px 20px;

  background-color: #193B6F;

  border: 3px solid #eee;

  border-radius: 6px;

  text-align: left;

}



.faq-section .faq-questions-wrapper .faq-question span {

  font-size: 16px;

  line-height: 1.5;

  margin: 0;

  display: block;

  color: white;

}



.faq-section .faq-questions-wrapper .faq-question:not(:last-child) {

  margin-bottom: 20px;

}

@media(max-width:1024px) {

  .custom-home .faq-section,
  .courses_php .faq-section {

    margin-top: 5rem;



  }




}

@media(max-width:767px) {
  .faq-section .component-section-title {

    margin-left: 0;

    width: 100%;
  }

  .faq-section .faq-questions-wrapper {

    margin-left: 0;

    width: 100%;

  }
}

@media (max-width: 415px) {

  .faq-section .component-section-title {

    margin-left: 0;

    width: 100%;

  }



  .faq-section .component-section-title p {

    width: 100%;

  }



  .faq-section .faq-questions-wrapper {

    margin-left: 0;

    width: 100%;

  }



  .faq-section .faq-questions-wrapper .faq-question {

    padding: 10px 15px;

  }



  .faq-section .faq-questions-wrapper .faq-question span {

    font-size: 15px;

  }

}



.contact-section .container {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}



.contact-section .container .left-content {

  width: 60%;

}



.contact-section .container .left-content .component-section-title {

  width: 100%;

}



.contact-section .container .left-content .component-section-title p {

  width: 80%;

}



.contact-section .container .right-form {

  width: 40%;

  position: relative;

  z-index: 2;

  margin-top: -50px;

}



.contact-section .container .right-form img {

  z-index: 2;

  position: absolute;

  width: 100%;

  z-index: -1;

  top: -2%;

  height: 110%;

  -o-object-fit: cover;

  object-fit: cover;

}



.contact-section .container .right-form .form-wrapper {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  width: 85%;

  margin-left: auto;

  margin-right: auto;

  margin-top: 30px;

}

@media(max-width:991px) {

  .contact-section .container {

    flex-wrap: wrap;

    flex-direction: column;

    padding-top: 2rem;

  }

  .contact-section .container .left-content {

    width: 100%;

    margin-bottom: 1.5rem;

  }

  .contact-section .container .right-form {

    width: 100%;

  }

  .courses_php .water-under-sand {

    padding-bottom: 70rem !important;

  }

}

@media(max-width:767px) {

  .courses_php .water-under-sand {

    padding-bottom: 70rem !important;

  }

}

@media (max-width: 415px) {

  .contact-section .container {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

  }



  .contact-section .container .left-content {

    width: 100%;

  }



  .contact-section .container .left-content .component-section-title p {

    width: 100%;

    color: #212121;

  }



  .contact-section .container .right-form {

    width: 100%;

    height: 630px;

  }



  .contact-section .container .right-form img {

    height: 630px;

    -o-object-fit: cover;

    object-fit: cover;

  }

}



@media (max-width: 415px) {

  .contact-section {

    margin-top: 400px;

  }

}



section.water-under-sand {

  margin-top: -190px !important;

  position: relative;

  z-index: 1;

}



section.water-under-sand>img {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  z-index: -1;

  pointer-events: none;

}



@media (max-width: 415px) {

  section.water-under-sand>img {

    -o-object-fit: cover;

    object-fit: cover;

    -o-object-position: left center;

    object-position: left center;

    margin-left: -8px;

    width: calc(100vw + 8px);

    height: 3761px;

    top: -510px;

  }

}



section.water-under-sand .spotlight-section {

  padding-top: 300px;

}



section.water-under-sand .spotlight-section .component-section-title {

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  width: 100%;

  margin-bottom: 30px;

}



section.water-under-sand .spotlight-section .component-section-title h1 {

  text-align: center;

  color: white;

}

@media(max-width:991px) {

  .spotlight-item p.spotlight-text {

    min-height: 215px;

  }

}


@media (max-width: 415px) {

  section.water-under-sand .spotlight-section .component-section-title {

    margin-bottom: 20px;

  }

}



section.water-under-sand .spotlight-section .spotlight-item-wrapper {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

}



section.water-under-sand .spotlight-section .col-md-4 {

  padding: 40px;

}



@media (max-width: 415px) {

  section.water-under-sand .spotlight-section .col-md-4 {

    padding: 20px;

    padding: 0;

  }



  section.water-under-sand .spotlight-section .col-md-4:not(:last-child) .spotlight-item {

    margin-bottom: 50px;

  }

}



.spotlight-item {

  background-color: white;

  padding: 40px 30px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  border-radius: 16px;

  -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);

  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);

}



.spotlight-item p.spotlight-title {

  font-size: 22px;

  color: #193B6F;

  line-height: 1.5;

  margin: 0;

  margin-bottom: 10px;

  font-weight: 500;

}



.spotlight-item .spotlight-type {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row;

  -webkit-box-align: end;

  -ms-flex-align: end;

  align-items: flex-end;

  margin-bottom: 26px;

}



.spotlight-item .spotlight-type svg {

  width: 16px;

  height: 16px;

  color: #507BB8;

  stroke: #507BB8;

  margin-right: 4px;

}



.spotlight-item .spotlight-type span {

  font-size: 13px;

  line-height: 1;

  text-transform: uppercase;

  letter-spacing: 0.04em;

  color: #507BB8;

}



.spotlight-item p.spotlight-text {

  font-size: 15px;

  color: #424242;

  line-height: 1.5;

  margin-top: 0;

  margin-bottom: 76px;

}



.spotlight-item .spotlight-footer {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

}



.spotlight-item .spotlight-footer .spotlight-person-wrapper {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.spotlight-item .spotlight-footer .spotlight-person-wrapper img {

  width: 50px;

  height: 50px;

  margin-right: 10px;
  border-radius: 50%;

}



.spotlight-item .spotlight-footer .spotlight-person-wrapper .spotlight-person-text {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

}



.spotlight-item .spotlight-footer .spotlight-person-wrapper .spotlight-person-text span.spotlight-person {

  font-size: 16px;

  color: #212121;

  line-height: 1;

  margin-bottom: 6px;

  margin-top: 0;

  font-weight: 500;

}



.spotlight-item .spotlight-footer .spotlight-person-wrapper .spotlight-person-text span.spotlight-person-type {

  font-size: 12px;

  color: #616161;

  line-height: 1;

  text-transform: uppercase;

}



.spotlight-item .spotlight-footer a.cta-link {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row;

  -webkit-box-align: end;

  -ms-flex-align: end;

  align-items: flex-end;

  color: #193B6F;

  text-decoration: none !important;

  -webkit-transition: all;

  transition: all;

  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  -webkit-transition-duration: 300ms;

  transition-duration: 300ms;

}



.spotlight-item .spotlight-footer a.cta-link span {

  font-size: 15px;

  line-height: 1;

  color: #193B6F;

  margin-right: 3px;

}



.spotlight-item .spotlight-footer a.cta-link svg {

  width: 18px;

  height: 18px;

  color: #193B6F;

  stroke: #193B6F;

}



.events-section {

  margin-top: 80px;

}



.events-section .component-section-title {

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  width: 100%;

}



.events-section .component-section-title h1 {

  text-align: center;

  color: white;

}



.events-section .component-section-title p {

  color: white;

  text-align: center;

}



.events-section .event-item {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  background-color: white;

  border-radius: 6px;

  -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);

  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);

  border: 1px solid #eee;

  height: 288px;

}



.events-section .event-item img {

  width: 48%;

  height: calc(100% + 2px);

  -o-object-fit: cover;

  object-fit: cover;

  margin: -1px;

  border-top-left-radius: 6px;

  border-bottom-left-radius: 6px;

  margin-right: 30px;

}



.events-section .event-item .event-right {

  height: 100%;

  width: 52%;

  padding: 30px;

  padding-left: 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

}



.events-section .event-item .event-right span.event-title {

  font-size: 18px;

  line-height: 1.5;

  width: 100%;

  color: #193B6F;

  margin-bottom: 15px;

  font-weight: 500;

}



.events-section .event-item .event-right span.event-desc {

  font-size: 15px;

  line-height: 1.5;

  width: 100%;

  color: #212121;

  margin-bottom: 15px;


}



.events-section .event-item .event-right a.cta-link {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row;

  -webkit-box-align: end;

  -ms-flex-align: end;

  align-items: flex-end;

  color: #193B6F;

  text-decoration: none !important;

  z-index: 1;

  margin-bottom: 36px;

  margin-left: 8px;

  -webkit-transition: all;

  transition: all;

  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  -webkit-transition-duration: 300ms;

  transition-duration: 300ms;

}



.events-section .event-item .event-right a.cta-link span {

  font-size: 15px;

  line-height: 1;

  color: #193B6F;

  margin-right: 3px;

}



.events-section .event-item .event-right a.cta-link svg {

  width: 18px;

  height: 18px;

  color: #193B6F;

  stroke: #193B6F;

}



.events-section .event-item .event-right a.cta-link:before {

  position: absolute;

  left: -10px;

  width: 28px;

  height: 28px;

  border-radius: 50%;

  background-color: #FEC750;

  content: '';

  z-index: -1;

  top: -5px;

}



.events-section .event-item .event-right a.cta-link:hover {

  padding-left: 6px;

}



.events-section .event-item .event-right .event-bottom .event-icon-text {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.events-section .event-item .event-right .event-bottom .event-icon-text svg {

  width: 18px;

  height: 18px;

  margin-right: 4px;

  color: #507BB8;

  -webkit-box-flex: 0;

  -ms-flex: 0 0 18px;

  flex: 0 0 18px;

}



.events-section .event-item .event-right .event-bottom .event-icon-text span {

  font-size: 14px;

  line-height: 1;

  color: #507BB8;

}



.events-section .event-item .event-right .event-bottom .event-icon-text:not(:last-child) {

  margin-bottom: 12px;

}



@media (max-width: 415px) {

  .events-section .event-item {

    height: auto;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

  }



  .events-section .event-item img {

    border-top-left-radius: 6px;

    border-bottom-left-radius: 0;

    margin-right: 0;

    border-top-right-radius: 6px;

    border-bottom-right-radius: 0;

    width: 100%;

    height: 50%;

    margin: 0;

  }



  .events-section .event-item .event-right {

    height: 50%;

    width: 100%;

    padding: 20px;

  }

}



.events-section .col-sm-12.col-md-6:not(:last-child) .event-item {

  margin-bottom: 30px;

}



a.cta-link.circle-cta {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  color: #193B6F;

  text-decoration: none !important;

  z-index: 1;

  margin-left: 8px;

  -webkit-transition: all;

  transition: all;

  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  -webkit-transition-duration: 300ms;

  transition-duration: 300ms;

}



a.cta-link.circle-cta span {

  font-size: 15px;

  line-height: 1;

  color: #193B6F;

  margin-right: 3px;

}



a.cta-link.circle-cta svg {

  width: 18px;

  height: 18px;

  color: #193B6F;

  stroke: #193B6F;

}



a.cta-link.circle-cta:before {

  position: absolute;

  left: -10px;

  width: 28px;

  height: 28px;

  border-radius: 50%;

  background-color: #FEC750;

  content: '';

  z-index: -1;

  top: -5px;

}



a.cta-link.circle-cta:hover {

  padding-left: 6px;

}



.check-courses-section {

  position: relative;

  margin-bottom: 160px;

}



.check-courses-section:after {

  position: absolute;

  right: 0;

  top: -100px;

  width: 600px;

  /* background-color: rgba(0,0,0,0.1); */

  height: 600px;

  border-radius: 50%;

  content: '';

  z-index: -1;

  pointer-events: none;

  background: -webkit-gradient(linear, left top, right top, from(rgba(250, 141, 81, 0.2)), color-stop(87.25%, rgba(250, 141, 81, 0)));

  background: linear-gradient(90deg, rgba(250, 141, 81, 0.2) 0%, rgba(250, 141, 81, 0) 87.25%);

  -webkit-transition: all;

  transition: all;

  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  -webkit-transition-duration: 300ms;

  transition-duration: 300ms;

}

@media(max-width:767px) {

  .check-courses-section:after {

    width: 100% !important;

    right: 0 !important;

  }

}

@media (max-width: 415px) {

  .check-courses-section:after {

    right: -100px;

    top: -90px;

    width: 400px;

    height: 400px;

  }

}



.check-courses-section .check-courses-section-wrapper {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



@media (max-width: 415px) {

  .check-courses-section .check-courses-section-wrapper {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

  }

}



.check-courses-section .component-section-title {

  margin-right: 60px;

}



@media (max-width: 415px) {

  .check-courses-section .component-section-title {

    width: 100%;

  }

}



section.bottom-waves-section {

  position: relative;

  margin-bottom: 100px;

}



section.bottom-waves-section img.bottom-waves {

  position: absolute;

  left: 0;

  top: -100px;

  width: 100vw;

  z-index: -1;

}



section.bottom-waves-section .container {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



section.bottom-waves-section p.bottom-waves-text {

  color: white;

  font-size: 40px;

  font-weight: 500;

  width: 50%;

  margin: 0;

  line-height: 1.5;

  margin-right: 100px;

}



section.bottom-waves-section a.link-cta {

  font-size: 26px;

  color: #193B6F;

}



section.bottom-waves-section a.link-cta:after {

  font-size: 26px;

  content: '\e5c8';

}



@media (max-width: 415px) {

  section.bottom-waves-section img.bottom-waves {

    height: 570px;

    -o-object-fit: cover;

    object-fit: cover;

  }



  section.bottom-waves-section .container {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

  }



  section.bottom-waves-section .container p.bottom-waves-text {

    width: 100%;

    font-size: 30px;

    margin: 0;

  }



  section.bottom-waves-section .container a.link-cta {

    font-size: 20px;

    padding: 0;

    margin-top: 30px;

  }

}



footer {

  background-color: transparent;

  width: 100vw;

  margin-top: 210px;

  z-index: 2;

  position: relative;

}



/* new add */



.wandering-footer {

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  padding-top: 12rem;

}



@media screen and (min-width: 1400px) {

  .wandering-footer {

    padding-top: 20rem;

  }



  .wandering-footer .container {

    margin-top: -88px;

  }



}



@media screen and (min-width: 1600px) {

  .wandering-footer {

    padding-top: 25rem;

  }



  .wandering-footer .container {

    margin-top: -125px;

  }



}



@media screen and (min-width: 1800px) {

  .wandering-footer {

    padding-top: 28rem;

  }



}



/* new add end */



footer img.fish {

  position: absolute;

  left: 0;

  width: 100vw;

  z-index: -1;

  pointer-events: none;

  top: -190px;

}



footer.footer img.fish {

  display: none !important;

}



footer.footer1 img.fish {

  display: none !important;

}



footer .footer-left {

  width: 100%;

}



footer .footer-left img.footer-logo {

  width: 100%;

}



@media (max-width: 415px) {

  footer .footer-left img.footer-logo {

    width: 260px;

    margin-bottom: 20px;

  }

}



footer .footer-left p.footer-desc {

  color: white;

  font-size: 15px;

  line-height: 1.5;

  margin-top: 4px;

  margin-bottom: 20px;

  margin-left: 10px;

}



@media (max-width: 415px) {

  footer .footer-left p.footer-desc {

    margin-top: 0;

    margin-left: 0;

  }

}



footer .footer-left .social-list {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row;

  margin-left: 10px;

}



footer .footer-left .social-list a {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

}



footer .footer-left .social-list a:not(:last-child) {

  margin-right: 40px;

}



footer .footer-left .social-list img {

  width: 28px;

  height: 28px;

  -webkit-transition: all;

  transition: all;

  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  -webkit-transition-duration: 300ms;

  transition-duration: 300ms;

}



footer .footer-left .social-list img:hover {

  -webkit-transform: translateY(-10px);

  transform: translateY(-10px);

}



footer .footer-links {

  margin: 0;

  list-style-type: none;

  padding: 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  width: calc(150px * 4);

  margin-left: 50px;

  margin-bottom: 20px;

  margin-top: 50px;

}



footer .footer-links li {

  width: 140px;

  margin-bottom: 24px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}



footer .footer-links li a {

  color: white;

  line-height: 1;

}

@media(max-width:991px) {

  footer .footer-links {

    margin-left: 0;
    width: 100%
  }

  footer button.student-login-footer {

    margin-left: 0 !important;

  }

}

@media (max-width: 415px) {

  footer .footer-links {

    margin-left: 0;

    width: 100%;

  }

}



footer button.student-login-footer {

  margin-left: 50px;

  padding: 13px 15px;

  height: auto;

  background-color: rgba(0, 0, 0, 0.2);

  border-radius: 6px;

  color: white;

  font-size: 15px;

  font-weight: 500;

  line-height: 1;

}



footer button.student-login-footer img {

  width: 40px;

  margin-right: 10px;

}



footer button.student-login-footer:hover {

  background-color: rgba(0, 0, 0, 0.3);

}



@media (max-width: 415px) {

  footer button.student-login-footer {

    width: 100%;

    margin-left: 0;

  }

}



footer.w-fish img.fish {

  display: block !important;

}



@media (max-width: 415px) {

  footer.w-fish {

    margin-top: 80px;

  }



  footer.w-fish img.fish {

    top: auto;

    bottom: -20px;

    /* width: 1140px; */

    height: 620px;

    width: auto;

    width: 100vw;

    display: block !important;

    -o-object-fit: cover;

    object-fit: cover;

  }

}



#course_listing_section {

  margin-top: 80px;

}



#course_listing_section img#course_sky_bg {

  position: absolute;

  top: 0;

  z-index: -1;

  pointer-events: none;

  width: 100vw;

}



@media (max-width: 415px) {

  #course_listing_section img#course_sky_bg {

    width: 100vw;

    -o-object-fit: cover;

    object-fit: cover;

    height: 8010px;

  }

}



#course_listing_section img#listing_vine {

  position: absolute;

  left: 50%;

  -webkit-transform: translateX(-50%);

  transform: translateX(-50%);

  z-index: -1;

  margin-top: 170px;

  pointer-events: none;

  width: 100%;

}



@media (max-width: 415px) {

  #course_listing_section img#listing_vine {

    display: none;

  }

}



#course_listing_section .container {

  margin-top: 150px;

}



#course_listing_section .course-list-wrapper {

  display: -ms-grid;

  display: block;

  /* -ms-grid-columns: (1fr)[2]; */

  grid-template-columns: repeat(2, 1fr);

  /* -ms-grid-rows: (1fr)[6]; */

  grid-template-rows: repeat(6, 1fr);

  gap: 24px;

  margin-top: 170px;

}



#course_listing_section .course-list-wrapper .course-list-item {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  padding: 30px;

  background-color: #fff;

  -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);

  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);

  border-radius: 6px;

  border: 1px solid #eee;

  position: relative;

}



#course_listing_section .course-list-wrapper .course-list-item img.course-list-item-img {

  position: absolute;

  left: 10px;

  top: 0;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  width: 170px;

  height: 170px;

}



#course_listing_section .course-list-wrapper .course-list-item .course-list-item-title-wrapper {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  margin-bottom: 8px;

  margin-top: 70px;

}



#course_listing_section .course-list-wrapper .course-list-item .course-list-item-title-wrapper h3.course-list-item-title {

  font-size: 18px;

  line-height: 1;

  font-weight: 500;

  color: #193B6F;

}



#course_listing_section .course-list-wrapper .course-list-item .course-list-item-title-wrapper .course-list-item-duration-wrapper {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  color: #507BB8;

}



#course_listing_section .course-list-wrapper .course-list-item .course-list-item-title-wrapper .course-list-item-duration-wrapper svg {

  width: 18px;

  height: 18px;

  margin-right: 6px;

}



#course_listing_section .course-list-wrapper .course-list-item .course-list-item-title-wrapper .course-list-item-duration-wrapper span {

  font-size: 13px;

  line-height: 1;

}



#course_listing_section .course-list-wrapper .course-list-item .course-list-item-modules-wrapper {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  color: #507BB8;

  margin-bottom: 16px;

}



#course_listing_section .course-list-wrapper .course-list-item .course-list-item-modules-wrapper svg {

  width: 18px;

  height: 18px;

  margin-right: 6px;

}



#course_listing_section .course-list-wrapper .course-list-item .course-list-item-modules-wrapper span {

  font-size: 13px;

  line-height: 1;

}



#course_listing_section .course-list-wrapper .course-list-item p.course-list-item-description {

  font-size: 14px;

  line-height: 1.5;

  color: #616161;

  width: 100%;

  margin-bottom: 50px;

}



#course_listing_section .course-list-wrapper .course-list-item .course-list-item-footer {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

}



#course_listing_section .course-list-wrapper .course-list-item .course-list-item-footer .course-list-item-testimonial-wrapper {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



#course_listing_section .course-list-wrapper .course-list-item .course-list-item-footer .course-list-item-testimonial-wrapper .img-wrapper {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  height: 40px;

  margin-right: 20px;

  width: 100px;

}



#course_listing_section .course-list-wrapper .course-list-item .course-list-item-footer .course-list-item-testimonial-wrapper .img-wrapper img {

  height: 100%;

  width: auto;

  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);

  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);

  border-radius: 50%;

}



#course_listing_section .course-list-wrapper .course-list-item .course-list-item-footer .course-list-item-testimonial-wrapper .img-wrapper img:nth-child(1) {

  margin: 0;

}



#course_listing_section .course-list-wrapper .course-list-item .course-list-item-footer .course-list-item-testimonial-wrapper .img-wrapper img:nth-child(2) {

  -webkit-transform: translateX(-50%);

  transform: translateX(-50%);

}



#course_listing_section .course-list-wrapper .course-list-item .course-list-item-footer .course-list-item-testimonial-wrapper .img-wrapper img:nth-child(3) {

  -webkit-transform: translateX(-100%);

  transform: translateX(-100%);

}



#course_listing_section .course-list-wrapper .course-list-item .course-list-item-footer .course-list-item-testimonial-wrapper .img-wrapper img:nth-child(4) {

  -webkit-transform: translateX(-150%);

  transform: translateX(-150%);

}



#course_listing_section .course-list-wrapper .course-list-item .course-list-item-footer .course-list-item-testimonial-wrapper span {

  font-size: 13px;

  line-height: 1;

  color: #507BB8;

}



#course_listing_section .course-list-wrapper .course-list-item:nth-child(1) {

  -ms-grid-column: 1;

  -ms-grid-column-span: 1;

  grid-column: 1 / 2;

  -ms-grid-row: 1;

  -ms-grid-row-span: 1;

  grid-row: 1 / 2;

}



#course_listing_section .course-list-wrapper .course-list-item:nth-child(2) {

  -ms-grid-column: 2;

  -ms-grid-column-span: 1;

  grid-column: 2 / 3;

  -ms-grid-row: 2;

  -ms-grid-row-span: 1;

  grid-row: 2 / 3;

}



#course_listing_section .course-list-wrapper .course-list-item:nth-child(3) {

  -ms-grid-column: 1;

  -ms-grid-column-span: 1;

  grid-column: 1 / 2;

  -ms-grid-row: 3;

  -ms-grid-row-span: 1;

  grid-row: 3 / 4;

}



#course_listing_section .course-list-wrapper .course-list-item:nth-child(4) {

  -ms-grid-column: 2;

  -ms-grid-column-span: 1;

  grid-column: 2 / 3;

  -ms-grid-row: 4;

  -ms-grid-row-span: 1;

  grid-row: 4 / 5;

}



#course_listing_section .course-list-wrapper .course-list-item:nth-child(5) {

  -ms-grid-column: 1;

  -ms-grid-column-span: 1;

  grid-column: 1 / 2;

  -ms-grid-row: 5;

  -ms-grid-row-span: 1;

  grid-row: 5 / 6;

}



#course_listing_section .course-list-wrapper .course-list-item:nth-child(6) {

  -ms-grid-column: 2;

  -ms-grid-column-span: 1;

  grid-column: 2 / 3;

  -ms-grid-row: 6;

  -ms-grid-row-span: 1;

  grid-row: 6 / 7;

}



@media (max-width: 415px) {

  #course_listing_section .course-list-wrapper {

    /* -ms-grid-columns: (1fr)[1]; */

    grid-template-columns: repeat(1, 1fr);

    gap: 140px;

    margin-top: 110px;

  }



  #course_listing_section .course-list-wrapper .course-list-item {

    -ms-grid-column: 1 !important;

    -ms-grid-column-span: 1 !important;

    grid-column: 1 / 2 !important;

  }



  #course_listing_section .course-list-wrapper .course-list-item .course-list-item-footer {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

  }



  #course_listing_section .course-list-wrapper .course-list-item .course-list-item-footer .course-list-item-testimonial-wrapper {

    margin-bottom: 40px;

  }

}



#course_detail_section {

  position: relative;

  margin-top: 80px;

}



#course_detail_section .module-section .character-module .module-name {

  -webkit-box-orient: vertical;

  display: -webkit-box;

  -webkit-line-clamp: 3;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: normal;

  line-height: 1.5rem;

}



#course_detail_bg_gradient {

  /* background: -webkit-gradient(linear, left top, left bottom, from(#FAEAC9), to(#FFFFFF)); */

  background: linear-gradient(180deg, #FAEAC9 0%, #FFFFFF 100%);

  position: absolute;

  top: -80px;

  z-index: -1;

  pointer-events: none;

  height: 115%;

  width: 100vw;

}



#course_detail_section .course-detail-content {

  margin-top: 100px;

}



#course_detail_section .course-detail-content h1.course-title {

  font-size: 26px !important;

  margin-bottom: 20px;

  font-family: "Playfair Display", serif;

  font-weight: 600;

  margin-bottom: 24px;

  text-align: left;

  height: auto !important;

  text-transform: none;

  margin-top: 0;

  overflow: auto;

  padding: 0;

}



#course_detail_section .course-detail-content .course-attribs {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  margin-bottom: 30px;

}



#course_detail_section .course-detail-content .course-attribs .course-price {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  margin-right: 34px;

  color: #193B6F;

}



#course_detail_section .course-detail-content .course-attribs .course-price span {

  font-size: 20px;

  line-height: 1;

}



#course_detail_section .course-detail-content .course-attribs .course-duration {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  color: #193B6F;

}



#course_detail_section .course-detail-content .course-attribs .course-duration span {

  font-size: 20px;

  line-height: 1;

}



#course_detail_section .course-detail-content .course-attribs .course-duration img {

  width: 20px;

  height: 20px;

  margin-right: 6px;

}



#course_detail_section .course-detail-content p {

  font-size: 14px;

  line-height: 1.5;

  color: #212121;

  margin-bottom: 46px;

}



#course_detail_section .course-detail-content .course-detail-content-footer {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



#course_detail_section .course-detail-content .course-detail-content-footer button#course_enroll_btn {

  background-color: #F4502E;

  color: white;

  border-radius: 6px;

  margin-right: 16px;

}



#course_detail_section .course-detail-content .course-detail-content-footer button#course_enroll_btn span {

  font-size: 15px;

  margin-right: 5px;

}



#course_detail_section .course-detail-content .course-detail-content-footer button#course_enroll_btn svg {

  width: 16px;

  height: 16px;

}



#course_detail_section .course-detail-content .course-detail-content-footer span#course_cta_helper {

  line-height: 1;

  font-size: 13px;

  color: rgba(0, 0, 0, 0.7);

}



#course_detail_section .course-detail-content .course-detail-content-footer span#course_cta_helper h3 {

  text-align: left;

  font-size: 14px;

  color: white;

  font-weight: 400;

  line-height: 1.5;

  background-color: #7BCBB6;

  padding: 10px;

  border-radius: 4px;

  margin: 0;

}



#course_detail_section .course-detail-content ul {

  padding-left: 18px;

  margin: 0;

  text-align: left;

  font-size: 14px;

  line-height: 1.5;

  color: #212121;

}



#course_detail_section .course-detail-content ul li {

  font-size: 14px;

  line-height: 1.5;

  color: #212121;

}



#course_detail_section .course-detail-testimonial-wrapper {

  display: -ms-grid;

  display: grid;

  /* -ms-grid-columns: (1fr)[4]; */

  grid-template-columns: repeat(4, 1fr);

  /* -ms-grid-rows: (1fr)[3]; */

  grid-template-rows: repeat(3, 1fr);

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

  margin-top: 90px;

}



#course_detail_section .course-detail-testimonial-wrapper .course-detail-testimonial-item {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  padding: 40px;

  background-color: #fff;

  border: 1px solid #eee;

  -webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.05);

  box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.05);

  border-radius: 6px;

  position: relative;

  margin-bottom: 30px;

}



#course_detail_section .course-detail-testimonial-wrapper .course-detail-testimonial-item .quote-icon-top {

  position: absolute;

  left: -16px;

  top: -15px;

}



#course_detail_section .course-detail-testimonial-wrapper .course-detail-testimonial-item .quote-icon-bottom {

  position: absolute;

  right: -16px;

  bottom: -15px;

  -webkit-transform: rotateZ(180deg);

  transform: rotateZ(180deg);

}



#course_detail_section .course-detail-testimonial-wrapper .course-detail-testimonial-item .testimonial-image {

  position: absolute;

  width: 100px;

  height: 100px;

  right: -40px;

  top: -40px;
  border-radius: 50%;

}



#course_detail_section .course-detail-testimonial-wrapper .course-detail-testimonial-item p.course-detail-testimonial-person {

  font-size: 17px;

  font-weight: 500;

  color: #193B6F;

  line-height: 1;

  margin: 0;

  margin-bottom: 11px;

}



#course_detail_section .course-detail-testimonial-wrapper .course-detail-testimonial-item p.course-detail-testimonial-description {

  font-size: 14px;

  line-height: 1.4;

  color: #212121;

  margin: 0;

}



#course_detail_section .course-detail-testimonial-wrapper .course-detail-testimonial-item:nth-child(1) {

  -ms-grid-column: 1;

  -ms-grid-column-span: 3;

  grid-column: 1 / 4;

  -ms-grid-row: 1;

  -ms-grid-row-span: 1;

  grid-row: 1 / 2;

}



#course_detail_section .course-detail-testimonial-wrapper .course-detail-testimonial-item:nth-child(2) {

  -ms-grid-column: 2;

  -ms-grid-column-span: 3;

  grid-column: 2 / 5;

  -ms-grid-row: 2;

  -ms-grid-row-span: 1;

  grid-row: 2 / 3;

}



#course_detail_section .course-detail-testimonial-wrapper .btn-wrapper {

  -ms-grid-column: 2;

  -ms-grid-column-span: 3;

  grid-column: 2 / 5;

  -ms-grid-row: 3;

  grid-row: 3;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

}



#course_detail_section .course-detail-testimonial-wrapper .btn-wrapper button {

  color: #193B6F;

  border-color: #193B6F;

}



#course_detail_section .course-detail-testimonial-wrapper .btn-wrapper button:hover {

  background-color: #193B6F;

  color: white;

}

@media(max-width:991px) {

  .courseview_php_body footer {

    margin-top: 90px;

  }

}

@media (max-width: 415px) {

  #course_detail_section .course-detail-testimonial-wrapper {

    /* -ms-grid-rows: (1fr)[2]; */

    grid-template-rows: repeat(2, 1fr);

    margin-bottom: 60px;

  }



  #course_detail_section .course-detail-testimonial-wrapper .course-detail-testimonial-item {

    -ms-grid-column: 1 !important;

    -ms-grid-column-span: 5 !important;

    grid-column: 1 / 6 !important;

    margin-bottom: 80px;

  }



  #course_detail_section .course-detail-testimonial-wrapper .course-detail-testimonial-item .testimonial-image {

    right: 20px;

  }



  #course_detail_section .course-detail-testimonial-wrapper .btn-wrapper {

    -ms-grid-column: 1;

    -ms-grid-column-span: 5;

    grid-column: 1 / 6;

    margin-top: -40px;

  }

}



#course_detail_section .module-section {

  position: relative;

  margin-top: 60px;

}



#course_detail_section .module-section .component-section-title {

  margin-bottom: 0;

}



#course_detail_section .module-section .module-row {

  display: -ms-grid;

  display: grid;

  /* -ms-grid-columns: (1fr)[4]; */

  grid-template-columns: repeat(4, 1fr);

  gap: 24px;

  -ms-grid-rows: 1fr;

  grid-template-rows: 1fr;

  margin-bottom: 24px;

}



#course_detail_section .module-section .module-row .module-item {

  padding: 20px;

  background-color: #fff;

  border: 1px solid #eee;

  -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);

  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);

  border-radius: 6px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

}



#course_detail_section .module-section .module-row .module-item span.module-category {

  font-size: 13px;

  letter-spacing: 0.04em;

  text-transform: uppercase;

  margin-bottom: 14px;

  color: #F44336;

}



#course_detail_section .module-section .module-row .module-item span.module-name {

  font-size: 16px;

  color: #424242;

  width: 100%;

  margin-bottom: 0;

}



#course_detail_section .module-section .module-row.character-module span.module-category {

  color: #F44336;

}



#course_detail_section .module-section .module-row.poetry-module span.module-category {

  color: #651FFF;

}



#course_detail_section .module-section .module-row.plot-module span.module-category {

  color: #558B2F;

}



#course_detail_section .module-section .module-row.writing-module span.module-category {

  color: #EC407A;

}



#course_detail_section .module-section .module-row.story-module span.module-category {

  color: #1E88E5;

}



#course_detail_section .module-section .module-row.writing-style-module span.module-category {

  color: #F57C00;

}



#course_detail_section .module-section .module-row.dialogue-module span.module-category {

  color: #9C27B0;

}



@media (max-width: 415px) {

  #course_detail_section .module-section .module-row {

    /* -ms-grid-columns: (1fr)[1]; */

    grid-template-columns: repeat(1, 1fr);

  }

}



#course_detail_section img.dino-surface {

  position: absolute;

  bottom: -100px;

  left: 0;

  width: 100vw;

  z-index: -1;

  left: -7.5vw;

}



@media (max-width: 415px) {

  #course_detail_section img.dino-surface {

    width: 150vw;

    left: auto;

    right: -4vw;

    bottom: -200px;

  }

}



.new-spotlight-section {

  margin-top: 200px;

}



.new-spotlight-section h1 {

  font-size: 40px;

  line-height: 1.3;

  width: 100%;

  color: #1FA7AC;

  margin-top: 40px;

}



.new-spotlight-section .container .row .col-lg-6:last-child {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.new-spotlight-section .spotlight-item {

  width: 350px;

  margin-right: 44px;

  margin-left: 40px;

  position: relative;

}



.new-spotlight-section a.link-cta:after {

  content: '\e5c8';

  margin-left: 8px;

  margin-top: -3px;

  padding: 0;

}

@media(max-width:767px) {

  .water-under-sand .spotlight-section .spotlight-item {

    margin-bottom: 2rem;

  }

}

@media (max-width: 415px) {

  .new-spotlight-section h1 {

    font-size: 30px;

    margin-bottom: 40px;

    text-align: center;

  }



  .new-spotlight-section .container .row .col-lg-6:last-child {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

  }



  .new-spotlight-section .container .row .col-lg-6:last-child .spotlight-item {

    margin: 0 auto;

    width: 94%;

    margin-bottom: 40px;

  }

}



.new-community-section {

  margin-top: 120px;

}



.new-community-section .component-section-title {

  width: 100%;

}



@media (max-width: 415px) {

  .new-community-section {

    margin-top: 80px;

  }



  .new-community-section .row {

    -webkit-box-orient: vertical;

    -webkit-box-direction: reverse;

    -ms-flex-direction: column-reverse;

    flex-direction: column-reverse;

  }

}



.community-cards-wrapper {

  display: -ms-grid;

  display: grid;

  /* -ms-grid-columns: (1fr)[5]; */

  grid-template-columns: repeat(5, 1fr);

  /* -ms-grid-rows: (1fr)[2]; */

  grid-template-rows: repeat(2, 1fr);

  gap: 24px;

}



.community-cards-wrapper .community-card-item {

  background-color: #fff;

  border: 1px solid #eee;

  border-radius: 6px;

  -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);

  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);

  padding: 30px 20px;

  position: relative;

}



.community-cards-wrapper .community-card-item .content h4.community-card-title {

  font-size: 18px;

  color: #193B6F;

  line-height: 1.5;

  font-weight: 500;

  margin-bottom: 12px;

}



.community-cards-wrapper .community-card-item .content p.community-card-description {

  font-size: 13px;

  margin-bottom: 20px;

  line-height: 1.5;

}



.community-cards-wrapper .community-card-item .content a.link-cta {

  padding: 0;

}



.community-cards-wrapper .community-card-item .circle {

  width: 120px;

  height: 120px;

  border-radius: 50%;

  float: right;

  shape-outside: circle();

  position: relative;

}



.community-cards-wrapper .community-card-item .circle img {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}



.community-cards-wrapper .community-card-item:nth-child(1) {

  -ms-grid-column: 1;

  -ms-grid-column-span: 2;

  grid-column: 1 / 3;

  -ms-grid-row: 1;

  -ms-grid-row-span: 1;

  grid-row: 1 / 2;

}



.community-cards-wrapper .community-card-item:nth-child(2) {

  -ms-grid-column: 3;

  -ms-grid-column-span: 2;

  grid-column: 3 / 5;

  -ms-grid-row: 1;

  -ms-grid-row-span: 1;

  grid-row: 1 / 2;

}



.community-cards-wrapper .community-card-item:nth-child(3) {

  -ms-grid-column: 2;

  -ms-grid-column-span: 2;

  grid-column: 2 / 4;

  -ms-grid-row: 2;

  -ms-grid-row-span: 1;

  grid-row: 2 / 3;

}



.community-cards-wrapper .community-card-item:nth-child(4) {

  -ms-grid-column: 4;

  -ms-grid-column-span: 2;

  grid-column: 4 / 6;

  -ms-grid-row: 2;

  -ms-grid-row-span: 1;

  grid-row: 2 / 3;

}



@media (max-width: 415px) {

  .community-cards-wrapper {

    /* -ms-grid-columns: (1fr)[1]; */

    grid-template-columns: repeat(1, 1fr);

    /* -ms-grid-rows: (1fr)[4]; */

    grid-template-rows: repeat(4, 1fr);

    gap: 30px;

    margin-bottom: 60px;

  }



  .community-cards-wrapper .community-card-item {

    -ms-grid-column: 1 !important;

    -ms-grid-column-span: 1 !important;

    grid-column: 1 / 2 !important;

    grid-row: auto !important;

  }

}



section.community-top-section {

  margin-top: 0 !important;

  background: -webkit-gradient(linear, left top, left bottom, from(#D7E9C5), color-stop(9.64%, #BBDEC0), color-stop(33.86%, #79C3B4), color-stop(55.85%, #45AFAA), color-stop(74.84%, #1FA0A3), color-stop(90.09%, #08969F), color-stop(99.69%, #00939D));

  background: linear-gradient(180deg, #D7E9C5 0%, #BBDEC0 9.64%, #79C3B4 33.86%, #45AFAA 55.85%, #1FA0A3 74.84%, #08969F 90.09%, #00939D 99.69%);

  background: -webkit-gradient(linear, left top, left bottom, from(#74ebd5), to(#acb6e5));

  background: linear-gradient(180deg, #74ebd5, #acb6e5);

  margin-bottom: 0px;

  padding: 10rem 0 13rem;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

}



section.community-top-section .component-section-title {

  width: auto;

  margin: 0;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



section.community-top-section .component-section-title h1 {

  color: #193B6F;

  font-size: 40px;

}



section.community-top-section .component-section-title p {

  text-align: center;

}



section.community-top-section .component-section-title button {

  border-color: #193B6F;

  color: #193B6F;

}



section.community-top-section .component-section-title button:hover {

  background-color: #193B6F;

  color: white;

}



section.community-top-section .new-community-section {

  position: absolute;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  margin: 0;

  top: 70vh;

  z-index: 2;

}



section.community-top-section .new-community-section .community-cards-wrapper {

  /* -ms-grid-columns: (1fr)[4]; */

  grid-template-columns: repeat(4, 1fr);

  -ms-grid-rows: 1fr;

  grid-template-rows: 1fr;

}

.community-banner-box .new-community-section .community-cards-wrapper {

  /* -ms-grid-columns: (1fr)[4]; */

  grid-template-columns: repeat(4, 1fr);

  -ms-grid-rows: 1fr;

  grid-template-rows: 1fr;

}



section.community-top-section .new-community-section .community-cards-wrapper .community-card-item {

  -ms-grid-row: 1;

  grid-row: 1;

  grid-column: auto;

}

.community-banner-box .new-community-section .community-cards-wrapper .community-card-item {

  -ms-grid-row: 1;

  grid-row: 1;

  grid-column: auto;

}

.community-banner-box .new-community-section {

  margin-top: 0;

}

.community-banner-box {

  margin-top: -150px !important;

}

@media(max-width:991px) {



  .community-banner-box .new-community-section .community-cards-wrapper .community-card-item {

    width: 45%;

  }

  .community-banner-box .new-community-section .community-cards-wrapper {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

  }



}

@media(max-width:767px) {

  .community-banner-box .new-community-section .community-cards-wrapper .community-card-item {

    width: 100%;

  }

}

@media (max-width: 415px) {

  section.community-top-section {

    margin-bottom: 0px;

  }



  section.community-top-section .new-community-section {

    -webkit-transform: translateY(-100px);

    transform: translateY(-100px);

  }



  section.community-top-section .new-community-section .community-cards-wrapper {

    -ms-grid-columns: 1fr;

    grid-template-columns: 1fr;

  }

}



section.community-page-section {

  /* new kreli */

  /* padding-top: 175px; */

  position: relative;

  margin-top: 160px !important;

}



section.community-page-section img.left-image {

  position: absolute;

  left: 0;

  top: -40px;

  height: 120%;

}



section.community-page-section img.forums-circle-comm {

  margin-top: -70px;

}



section.community-page-section .component-section-title {

  width: 100%;

}



section.community-page-section .component-section-title p {

  width: 100%;

  text-align: left;

}

@media(max-width:991px) {

  section.community-page-section img.forums-circle-comm {

    margin-top: 0px;

  }

}

@media (max-width: 415px) {

  section.community-page-section {

    margin-top: 30px !important;

  }



  section.community-page-section img.left-image {

    display: none;

  }



  section.community-page-section img.forums-circle-comm {

    margin-top: 0px;

    width: 100%;

  }

}



@media (max-width: 415px) {



  section.community-forum-section .row,

  section.community-contest-section .row {

    -webkit-box-orient: vertical;

    -webkit-box-direction: reverse;

    -ms-flex-direction: column-reverse;

    flex-direction: column-reverse;

  }

}



section.community-gamification-section .row,

section.community-events-section .row {

  -webkit-box-orient: horizontal;

  -webkit-box-direction: reverse;

  -ms-flex-direction: row-reverse;

  flex-direction: row-reverse;

}



@media (max-width: 415px) {



  section.community-gamification-section .row,

  section.community-events-section .row {

    -webkit-box-orient: vertical;

    -webkit-box-direction: reverse;

    -ms-flex-direction: column-reverse;

    flex-direction: column-reverse;

  }

}



body.contact-page img.water {

  top: -400px !important;

  height: 1870px;

  height: 3000px;

  -o-object-fit: cover;

  object-fit: cover;

}




body.contact-page img.contact-sand {

  top: -610px;

}



body.contact-page .contact-section {

  margin-top: 200px;

}



body.contact-page footer.w-fish {

  margin-top: 400px;

}



@media (max-width: 415px) {

  body.contact-page .container-fluid {

    overflow-x: hidden;

    width: 100vw;

  }



  body.contact-page main {

    width: 100vw;

    overflow-x: hidden;

  }



  body.contact-page section.water-starts {

    margin-top: 0 !important;

    overflow-y: visible;

  }



  body.contact-page img.contact-sand {

    top: -280px;

    height: 360px;

    -o-object-fit: cover;

    object-fit: cover;

  }



  body.contact-page .contact-section {

    margin-top: 130px;

  }



  body.contact-page img.water {

    height: 2741px;

  }



  body.contact-page footer.w-fish {

    margin-top: 100px;

  }

}



.detailed-faq-section {

  margin-top: 150px;

}



.detailed-faq-section .component-section-title {

  width: 100%;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  text-align: center;

}



.detailed-faq-section .component-section-title h1 {

  color: white;

}



.detailed-faq-section .component-section-title p {

  color: white;

}



.detailed-faq-section #faq_accordian {

  border: 2px solid #FEC750;

  border-radius: 6px;

  background-color: white;

}



.detailed-faq-section #faq_accordian .card {

  border-radius: 0;

  background-color: transparent;

  border: none;

}



.detailed-faq-section #faq_accordian .card .card-header {

  padding: 0;

  border-radius: 0;

  background-color: transparent;

}



.detailed-faq-section #faq_accordian .card .card-header button {

  color: #193B6F;

  background-color: transparent;

  border: none;

  padding: 0;

  border-radius: 0;

  height: 100%;

  padding: 24px 30px;

  font-size: 15px;

  margin: 0;

  width: 100%;

  text-align: left;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  line-height: 1.5;

  white-space: normal;

}



.detailed-faq-section #faq_accordian .card .card-header button:hover,

.detailed-faq-section #faq_accordian .card .card-header button:focus,

.detailed-faq-section #faq_accordian .card .card-header button:active {

  text-decoration: none;

}



.detailed-faq-section #faq_accordian .card .card-header button:after {

  font-family: "Material Icons";

  content: '\e5cc';

  color: #193B6F;

  font-size: 18px;

  line-height: 18px;

  -webkit-transform: rotateZ(90deg);

  transform: rotateZ(90deg);

  -webkit-transition: all;

  transition: all;

  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  -webkit-transition-duration: 300ms;

  transition-duration: 300ms;

}



.detailed-faq-section #faq_accordian .card .card-header button.btn.btn-link.collapsed:after {

  -webkit-transform: none;

  transform: none;

}



.detailed-faq-section #faq_accordian .card:not(:last-child) {

  border-bottom: 1px solid #eee;

}



.detailed-faq-section #faq_accordian .card .collapse .card-body {

  padding: 24px 30px !important;

  font-size: 14px;

  line-height: 1.5;

  color: #212121;

  border-top: 1px solid white;

}



.detailed-faq-section #faq_accordian .card .collapsing .card-body {

  padding: 24px 30px !important;

  font-size: 14px;

  line-height: 1.5;

  color: #212121;

}



.faq-page {

  background: -webkit-gradient(linear, left top, left bottom, from(#FFEADE), to(#FFFFFF)) !important;

  background: linear-gradient(180deg, #FFEADE 0%, #FFFFFF 100%) !important;

}



.faq-page .detailed-faq-section {

  margin-top: 140px;

}



.faq-page .detailed-faq-section .component-section-title h1 {

  color: #193B6F;

}



.faq-page .detailed-faq-section .component-section-title p {

  color: #212121;

}



.faq-page .detailed-faq-section #faq_accordian {

  width: 70%;

  margin-left: auto;

  margin-right: auto;

}



@media (max-width: 415px) {

  .faq-page .detailed-faq-section #faq_accordian {

    width: 100%;

  }

}



.faq-page .check-courses-section {

  margin-top: 160px;

}



.about-us-page-who {

  height: 100vh;

  width: 100vw;

}



.about-us-page-who img#banner_img {

  top: -50px;

}



.about-us-page-who .component-section-title {

  top: 45% !important;

}



@media (max-width: 415px) {

  .about-us-page-who img#banner_img {

    top: -15px;

    left: 0;

    height: 120vh;

    width: 100vw;

    -o-object-fit: cover;

    object-fit: cover;

    -o-object-position: -540px -20px;

    object-position: -540px -20px;

  }

}



nav.about-nav {

  background-color: transparent;

}



nav.about-nav i.mobile-trigger {

  color: white;

}



nav.about-nav>svg {

  color: white !important;

}



.why-how-section {

  height: 90vh;

  position: relative;

  width: 100vw;

  margin-top: 180px !important;

}



.why-how-section img {

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100vw;

}



.why-how-section img.why-how-section-mobile {

  display: none;

}



.why-how-section .bg {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: linear-gradient(357.26deg, rgba(194, 230, 237, 0.7) 23.75%, rgba(185, 228, 237, 0.7) 39.03%, rgba(115, 216, 241, 0.7) 67.75%, rgba(158, 236, 255, 0.7) 91.22%);

  z-index: -2;

}



.why-how-section .container {

  display: -ms-grid;

  display: grid;

  /* -ms-grid-columns: (1fr)[6]; */

  grid-template-columns: repeat(6, 1fr);

  /* -ms-grid-rows: (1fr)[2]; */

  grid-template-rows: repeat(2, 1fr);

  margin-top: 100px;

  -webkit-transform: translateY(100px);

  transform: translateY(100px);

}



.why-how-section .container .why-content {

  -ms-grid-column: 1;

  -ms-grid-column-span: 3;

  grid-column: 1 / 4;

  -ms-grid-row: 1;

  -ms-grid-row-span: 1;

  grid-row: 1 / 2;

  width: 100%;

}



.why-how-section .container .why-content p {

  width: 100%;

}



.why-how-section .container .how-content {

  -ms-grid-column: 2;

  -ms-grid-column-span: 4;

  grid-column: 2 / 6;

  -ms-grid-row: 2;

  -ms-grid-row-span: 2;

  grid-row: 2 / 4;

  width: 100%;

}



.why-how-section .container .how-content p {

  width: 100%;

}



.why-how-section.about-page .bg {

  height: 2000px;

}



.why-how-section.about-page .container {

  padding-top: 90px;

  -webkit-transform: none;

  transform: none;

}

@media(min-width:1700px) {

  .why-how-section .container {

    margin-top: 370px;

  }

}

@media (max-width: 415px) {

  .why-how-section {

    margin-top: 0 !important;

    margin-bottom: 260px;

  }



  .why-how-section img {

    bottom: -210px;

  }



  .why-how-section img.why-how-section-desktop {

    display: none;

  }



  .why-how-section img.why-how-section-mobile {

    display: block;

  }



  .why-how-section .bg {

    width: 100vw;

    height: 3110px;

  }



  .why-how-section .container {

    margin-top: -50px;

  }



  .why-how-section .container .why-content {

    -ms-grid-column: 1;

    -ms-grid-column-span: 6;

    grid-column: 1 / 7;

  }



  .why-how-section .container .how-content {

    -ms-grid-column: 1;

    -ms-grid-column-span: 6;

    grid-column: 1 / 7;

  }

}



body.spotlight-page .spotlight-section {

  margin-bottom: 205px !important;

}



@media (max-width: 415px) {

  body.spotlight-page section.water-under-sand>img {

    height: 6100px;

  }

}





.testimonial-page {

  /* background: linear-gradient(357.26deg, #C2E6ED 23.75%, #B9E4ED 39.03%, #73D8F1 67.75%, #9EECFF 91.22%) !important; */
  background-color: #b6e4ee;


}



.testimonial-page .testimonial-item {

  margin-bottom: 200px;

}



.events-page section.events-top-section {

  background: linear-gradient(14deg, #00D3EA 0%, #D8EEFC 100%);

}



.events-page section.events-top-section img.events-ptero {

  position: absolute;

  width: 150px;

  top: 130px;

  left: 100px;

}



@media (max-width: 415px) {

  .events-page section.events-top-section img.events-ptero {

    width: 120px;

    top: 90px !important;

    left: 20px;

  }

}



.events-page section.events-top-section .component-section-title {

  margin-bottom: 60px;

}



.events-page section.events-top-section .component-section-title h1 {

  color: #193B6F;

}



.events-page section.events-top-section .component-section-title p {

  color: #212121;

}



.events-page section.events-top-section .events-section {

  -webkit-transform: translateY(100px);

  transform: translateY(100px);

}



.events-page section.past-events-section {

  padding-top: 200px;

  padding-bottom: 261px;

  margin-top: 0;

  background: linear-gradient(152deg, #00D3EA 0%, #D8EEFC 100%);

}



.events-page section.past-events-section .component-section-title h1 {

  color: #193B6F;

}



.events-page section.past-events-section .component-section-title p {

  color: #212121;

}



/* .events-page footer:after {

  position: absolute;

  content: '';

  background: linear-gradient(368deg, #00D3EA 0%, #D8EEFC 100%);

  top: -210px;

  left: 0;

  width: 100vw;

  height: 190px;

  z-index: -2;

} */



.login-page {

  background-color: #fff;

}



.login-page .login-wrapper {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  margin: 0;

}



.login-page .login-wrapper .form-wrapper {

  width: 50%;

  padding-left: 7.5vw;

  padding-right: 7.5vw;

}



.login-page .login-wrapper .form-wrapper form.login-form {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

}



.login-page .login-wrapper .form-wrapper form.login-form>img {

  width: 224px;

  height: auto;

  -o-object-fit: contain;

  object-fit: contain;

  margin-bottom: 20px;

}



.login-page .login-wrapper .form-wrapper form.login-form p {

  font-size: 15px;

  line-height: 1.5;

  margin-bottom: 40px;

  color: #193B6F;

}



.login-page .login-wrapper .form-wrapper form.login-form .forgot-bar {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  margin-bottom: 30px;

}



.login-page .login-wrapper .form-wrapper form.login-form .forgot-bar>a {

  color: #507BB8;

  line-height: 1;

  font-size: 14px;

  text-align: right;

  position: relative;

  -webkit-transition: all;

  transition: all;

  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  -webkit-transition-duration: 300ms;

  transition-duration: 300ms;

}



.login-page .login-wrapper .form-wrapper form.login-form .forgot-bar>a:after {

  position: absolute;

  bottom: -6px;

  left: 0;

  width: 100%;

  background-color: #507BB8;

  height: 2px;

  content: '';

  opacity: 0;

  visibility: hidden;

  -webkit-transition: all;

  transition: all;

  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  -webkit-transition-duration: 300ms;

  transition-duration: 300ms;

}



.login-page .login-wrapper .form-wrapper form.login-form .forgot-bar>a:hover {

  text-decoration: none;

}



.login-page .login-wrapper .form-wrapper form.login-form .forgot-bar>a:hover:after {

  opacity: 1;

  visibility: visible;

}



.login-page .login-wrapper .form-wrapper form.login-form .forgot-bar .checkbox-group {

  margin-bottom: 0;

}



.login-page .login-wrapper .form-wrapper form.login-form .forgot-bar .checkbox-group input {

  background-color: #7BCBB6;

}



.login-page .login-wrapper .form-wrapper form.login-form button {

  width: 100%;

  height: 50px !important;

}



.login-page .login-wrapper .form-wrapper form.login-form .signup-message {

  margin-top: 20px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}



.login-page .login-wrapper .form-wrapper form.login-form .signup-message a {

  margin-left: 5px;

}



.login-page .login-wrapper>img {

  width: 50%;

  height: 100vh;

  -o-object-fit: cover;

  object-fit: cover;

}



@media (max-width: 415px) {

  .login-page .login-wrapper {

    -webkit-box-orient: vertical;

    -webkit-box-direction: reverse;

    -ms-flex-direction: column-reverse;

    flex-direction: column-reverse;

  }



  .login-page .login-wrapper .form-wrapper {

    width: 100%;

    padding-left: 4vw;

    padding-right: 4vw;

  }



  .login-page .login-wrapper>img {

    width: 100%;

    height: 100px;

    margin-bottom: 30px;

  }

}



@media (min-width: 600px) and (max-width: 1024px) and (orientation: portrait) {

  .login-page .login-wrapper {

    -webkit-box-orient: vertical;

    -webkit-box-direction: reverse;

    -ms-flex-direction: column-reverse;

    flex-direction: column-reverse;

  }



  .login-page .login-wrapper .form-wrapper {

    width: 70%;

    padding-left: 0vw;

    padding-right: 0vw;

    margin-left: auto;

    margin-right: auto;

  }



  .login-page .login-wrapper>img {

    width: 100%;

    height: 200px;

    margin-bottom: 50px;

  }

}



.course-inq-wrapper .inquiry-left {

  background-color: #FA8D51;

  width: 50%;

  height: 100vh;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

}



.course-inq-wrapper .inquiry-left .course-wrapper {

  background-color: #fff;

  border: 5px solid #FEC750;

  height: 190px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  margin-left: auto;

  margin-right: auto;

  width: 70%;

  border-top-left-radius: 95px;

  border-bottom-left-radius: 95px;

}



.course-inq-wrapper .inquiry-left .course-wrapper img {

  height: 100%;

  width: auto;

  margin-right: 30px;

}



.course-inq-wrapper .inquiry-left .course-wrapper .course-content-wrapper {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-pack: start;

  -ms-flex-pack: start;

  justify-content: flex-start;

}



.course-inq-wrapper .inquiry-left .course-wrapper .course-content-wrapper h1 {

  font-size: 26px;

  line-height: 1;

  margin-right: 10px;

  color: #FA8D51;

}



.course-inq-wrapper .inquiry-left .course-wrapper .course-content-wrapper a.change-course {

  font-size: 13px;

  color: #757575;

  position: relative;

  margin-bottom: 30px;

  -webkit-transition: all;

  transition: all;

  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  -webkit-transition-duration: 300ms;

  transition-duration: 300ms;

}



.course-inq-wrapper .inquiry-left .course-wrapper .course-content-wrapper a.change-course:after {

  position: absolute;

  bottom: -6px;

  left: 0;

  width: 100%;

  background-color: #507BB8;

  height: 2px;

  content: '';

  opacity: 0;

  visibility: hidden;

  -webkit-transition: all;

  transition: all;

  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  -webkit-transition-duration: 300ms;

  transition-duration: 300ms;

}



.course-inq-wrapper .inquiry-left .course-wrapper .course-content-wrapper a.change-course:hover {

  text-decoration: none;

}



.course-inq-wrapper .inquiry-left .course-wrapper .course-content-wrapper a.change-course:hover:after {

  opacity: 1;

  visibility: visible;

}



.course-inq-wrapper .inquiry-left .course-wrapper .course-content-wrapper .course-attribs {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  margin-bottom: 00px;

}



.course-inq-wrapper .inquiry-left .course-wrapper .course-content-wrapper .course-attribs .course-price {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  margin-right: 34px;

  color: #193B6F;

}



.course-inq-wrapper .inquiry-left .course-wrapper .course-content-wrapper .course-attribs .course-price span {

  font-size: 20px;

  line-height: 1;

}



.course-inq-wrapper .inquiry-left .course-wrapper .course-content-wrapper .course-attribs .course-duration {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  color: #193B6F;

}



.course-inq-wrapper .inquiry-left .course-wrapper .course-content-wrapper .course-attribs .course-duration span {

  font-size: 20px;

  line-height: 1;

}



.course-inq-wrapper .inquiry-left .course-wrapper .course-content-wrapper .course-attribs .course-duration img {

  width: 20px;

  height: 20px;

  margin-right: 6px;

}



.course-inq-wrapper .inquiry-left .course-detail-testimonial-wrapper {

  display: -ms-grid;

  display: grid;

  /* -ms-grid-columns: (1fr)[4]; */

  grid-template-columns: repeat(4, 1fr);

  /* -ms-grid-rows: (1fr)[2]; */

  grid-template-rows: repeat(2, 1fr);

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

  width: 85%;

  margin-left: auto;

  margin-right: auto;

  margin-top: 90px;

}



.course-inq-wrapper .inquiry-left .course-detail-testimonial-wrapper .course-detail-testimonial-item {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  padding: 40px;

  background-color: #fff;

  border: 1px solid #eee;

  -webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.05);

  box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.05);

  border-radius: 6px;

  position: relative;

  margin-bottom: 30px;

}



.course-inq-wrapper .inquiry-left .course-detail-testimonial-wrapper .course-detail-testimonial-item .quote-icon-top {

  position: absolute;

  left: -16px;

  top: -15px;

}



.course-inq-wrapper .inquiry-left .course-detail-testimonial-wrapper .course-detail-testimonial-item .quote-icon-bottom {

  position: absolute;

  right: -16px;

  bottom: -15px;

  -webkit-transform: rotateZ(180deg);

  transform: rotateZ(180deg);

}



.course-inq-wrapper .inquiry-left .course-detail-testimonial-wrapper .course-detail-testimonial-item .testimonial-image {

  position: absolute;

  width: 100px;

  height: 100px;

  right: -40px;

  top: -40px;

}



.course-inq-wrapper .inquiry-left .course-detail-testimonial-wrapper .course-detail-testimonial-item p.course-detail-testimonial-person {

  font-size: 17px;

  font-weight: 500;

  color: #193B6F;

  line-height: 1;

  margin: 0;

  margin-bottom: 11px;

}



.course-inq-wrapper .inquiry-left .course-detail-testimonial-wrapper .course-detail-testimonial-item p.course-detail-testimonial-description {

  font-size: 14px;

  line-height: 1.4;

  color: #212121;

  margin: 0;

  height: 60px;

  text-overflow: ellipsis;

  overflow: hidden;

}



.course-inq-wrapper .inquiry-left .course-detail-testimonial-wrapper .course-detail-testimonial-item:nth-child(1) {

  -ms-grid-column: 1;

  -ms-grid-column-span: 3;

  grid-column: 1 / 4;

  -ms-grid-row: 1;

  -ms-grid-row-span: 1;

  grid-row: 1 / 2;

}



.course-inq-wrapper .inquiry-left .course-detail-testimonial-wrapper .course-detail-testimonial-item:nth-child(2) {

  -ms-grid-column: 2;

  -ms-grid-column-span: 3;

  grid-column: 2 / 5;

  -ms-grid-row: 2;

  -ms-grid-row-span: 1;

  grid-row: 2 / 3;

}



.course-inq-wrapper .inquiry-left .course-detail-testimonial-wrapper .btn-wrapper {

  -ms-grid-column: 2;

  -ms-grid-column-span: 3;

  grid-column: 2 / 5;

  -ms-grid-row: 3;

  grid-row: 3;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

}



.course-inq-wrapper .inquiry-left .course-detail-testimonial-wrapper .btn-wrapper button {

  color: #193B6F;

  border-color: #193B6F;

}



.course-inq-wrapper .inquiry-left .course-detail-testimonial-wrapper .btn-wrapper button:hover {

  background-color: #193B6F;

  color: white;

}



@media (max-width: 415px) {

  .course-inq-wrapper .inquiry-left .course-detail-testimonial-wrapper {

    /* -ms-grid-rows: (1fr)[2]; */

    grid-template-rows: repeat(2, 1fr);

    margin-bottom: 60px;

  }



  .course-inq-wrapper .inquiry-left .course-detail-testimonial-wrapper .course-detail-testimonial-item {

    -ms-grid-column: 1 !important;

    -ms-grid-column-span: 5 !important;

    grid-column: 1 / 6 !important;

    margin-bottom: 80px;

  }



  .course-inq-wrapper .inquiry-left .course-detail-testimonial-wrapper .course-detail-testimonial-item .testimonial-image {

    right: 20px;

  }



  .course-inq-wrapper .inquiry-left .course-detail-testimonial-wrapper .btn-wrapper {

    -ms-grid-column: 1;

    -ms-grid-column-span: 5;

    grid-column: 1 / 6;

    margin-top: -40px;

  }

}



@media (max-width: 415px) {

  .course-inq-wrapper .inquiry-left {

    display: none;

  }



  .course-inq-wrapper .form-wrapper {

    padding-left: 6vw !important;

    padding-right: 6vw !important;

    margin-top: 50px;

  }

}



.homepage #yui3-css-stamp {

  display: none !important;

}



.homepage #page-header {

  display: none !important;

}



.homepage #user-notifications {

  display: none !important;

}



.homepage #maincontent {

  display: none !important;

}



.homepage>br {

  display: none !important;

}



#region-main>div>br {

  display: none !important;

}



main>br {

  display: none !important;

}



.description {

  font-size: 15px;

  color: #757575;

}



.link-cta {

  color: #507BB8;

  font-size: 15px;

  line-height: 1;

  padding: 0 16px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-transition: all;

  transition: all;

  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  -webkit-transition-duration: 300ms;

  transition-duration: 300ms;

}



.link-cta:after {

  font-family: "Material Icons";

  content: '\e5cc';

  font-size: 18px;

  width: 18px;

  line-height: 18px;

  margin-left: 2px;

  margin-top: 1px;

  -webkit-transition: all;

  transition: all;

  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  -webkit-transition-duration: 300ms;

  transition-duration: 300ms;

}



.link-cta:hover {

  text-decoration: none;

}



.link-cta:hover:after {

  -webkit-transform: translateX(4px);

  transform: translateX(4px);

}



main.dashboard-main {

  margin-top: calc(64px + 20px + 60px);

}



@media (max-width: 415px) {

  main.dashboard-main {

    margin-top: calc(64px + 40px);

  }

}



.section-title {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  margin-bottom: 20px;

}



.section-title span.section-title-text {

  font-size: 18px;

  color: black;

  line-height: 1;

  display: block;

  margin: 0;

  margin-right: 20px;

}



.section-title a.view-all-link {

  color: #424242;

  line-height: 1;

  font-size: 13px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  position: relative;

  -webkit-transition: all;

  transition: all;

  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  -webkit-transition-duration: 300ms;

  transition-duration: 300ms;

}



.section-title a.view-all-link:after {

  position: absolute;

  bottom: -1px;

  left: 0;

  width: 100%;

  background-color: #424242;

  height: 1px;

  content: '';

  opacity: 0;

  visibility: hidden;

  -webkit-transition: all;

  transition: all;

  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  -webkit-transition-duration: 300ms;

  transition-duration: 300ms;

}



.section-title a.view-all-link:hover {

  text-decoration: none;

}



.section-title a.view-all-link:hover:after {

  opacity: 1;

  visibility: visible;

}



.default-section {

  margin-bottom: 50px;

}



.student-course-component {

  width: 100%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  position: relative;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

  padding: 20px;

  height: calc(74px * 4);

  overflow: hidden;

  border-radius: 6px;

  -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);

  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);

  margin-bottom: 24px;

  -webkit-transition: all;

  transition: all;

  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  -webkit-transition-duration: 300ms;

  transition-duration: 300ms;

}



.student-course-component img {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  pointer-events: none;

  z-index: -1;

  -o-object-fit: cover;

  object-fit: cover;

  -webkit-transform: scale(1.5);

  transform: scale(1.5);

}



.student-course-component .bg-overlay {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  pointer-events: none;

  z-index: -1;

  -o-object-fit: cover;

  object-fit: cover;

  background-color: rgba(0, 0, 0, 0.4);

}



.student-course-component .top {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

}



.student-course-component .top span.course-name {

  font-size: 19px;

  line-height: 1;

  color: white;

  margin-bottom: 14px;

  display: block;

  font-weight: 500;

}



.student-course-component .top span.progress-tag {

  font-size: 13px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  padding: 8px 14px;

  background-color: #FEC750;

  color: #212121;

  border-radius: 100px;

  margin-left: -2px;

  line-height: 1.5;

}



.student-course-component .progress-wrapper {

  width: 100%;

  display: none;

}



.student-course-component .progress-wrapper .progress {

  height: 4px;

  background-color: #757575;

}



.student-course-component .progress-wrapper .progress .progress-bar {

  background-color: #fff;

}



.student-course-component .progress-wrapper span.progress-text {

  margin-top: 6px;

  line-height: 1;

  font-size: 12px;

  color: white;

  text-transform: uppercase;

  letter-spacing: 0.02em;

}



.student-course-component.payment-version {

  padding-bottom: 0;

}



.student-course-component .pay-link {

  padding: 0;

  color: white;

  background-color: #7BCBB6;

  background-color: #4fcaa9;

  padding: 14px 20px;

  width: calc(100% + 40px);

  margin-left: -20px;

  margin-right: -20px;

}



.student-course-component .pay-link:hover {

  background-color: #3ac09c;

}



.student-course-component:hover {

  text-decoration: none;

  -webkit-box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.18);

  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.18);

}



@media (max-width: 415px) {

  .student-course-component {

    margin-bottom: 24px;

  }

}



.course-counter-wrapper {

  display: -ms-grid;

  display: grid;

  /* -ms-grid-columns: (1fr)[3]; */

  grid-template-columns: repeat(3, 1fr);

  /* -ms-grid-rows: (1fr)[2]; */

  grid-template-rows: repeat(2, 1fr);

  gap: 20px 20px;

}



@media (max-width: 415px) {

  .course-counter-wrapper {

    /* -ms-grid-columns: (1fr)[2]; */

    grid-template-columns: repeat(2, 1fr);

    gap: 0px;

    margin-left: -4vw;

    margin-right: -4vw;

    width: calc(100vw);

    /* -ms-grid-rows: (1fr)[3]; */

    grid-template-rows: repeat(3, 1fr);

    grid-auto-flow: column;

  }

}



.course-counter-wrapper .course-counter-item {

  padding: 20px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  height: 110px;

  border-radius: 6px;

  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);

  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);

  background-color: #507BB8;

  cursor: pointer;

  -webkit-transition: all;

  transition: all;

  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  -webkit-transition-duration: 300ms;

  transition-duration: 300ms;

}



.course-counter-wrapper .course-counter-item:nth-child(2n) {

  background-color: #193B6F;

}



@media (max-width: 415px) {

  .course-counter-wrapper .course-counter-item {

    border-radius: 0;

  }

}



.course-counter-wrapper .course-counter-item span.course-name {

  font-size: 15px;

  color: white;

  line-height: 1.5;

  text-overflow: ellipsis;

  white-space: nowrap;

  width: 100%;

}



.course-counter-wrapper .course-counter-item .count-wrapper {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

}



.course-counter-wrapper .course-counter-item .count-wrapper .today-count-wrapper {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.course-counter-wrapper .course-counter-item .count-wrapper .today-count-wrapper span.today-count {

  line-height: 1;

  font-size: 23px;

  color: white;

  margin-right: 5px;

}



.course-counter-wrapper .course-counter-item .count-wrapper .today-count-wrapper span.today-text {

  line-height: 1;

  font-size: 12px;

  color: rgba(255, 255, 255, 0.6);

  text-transform: uppercase;

  letter-spacing: 0.02em;

}



.course-counter-wrapper .course-counter-item .count-wrapper .total-count-wrapper {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.course-counter-wrapper .course-counter-item .count-wrapper .total-count-wrapper span.total-count {

  line-height: 1;

  font-size: 23px;

  color: white;

  margin-right: 5px;

}



.course-counter-wrapper .course-counter-item .count-wrapper .total-count-wrapper span.total-text {

  line-height: 1;

  font-size: 12px;

  color: rgba(255, 255, 255, 0.6);

  text-transform: uppercase;

  letter-spacing: 0.02em;

}



.course-counter-wrapper .course-counter-item:hover {

  -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);

  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);

}



.course-dashboard-wrapper {

  display: -ms-grid;

  display: grid;

  /* -ms-grid-columns: (1fr)[3]; */

  grid-template-columns: repeat(3, 1fr);

  /* -ms-grid-rows: (1fr)[2]; */

  /* grid-template-rows: repeat(2, 1fr); */

  gap: 20px 20px;

}



@media (max-width: 415px) {

  .course-dashboard-wrapper {

    /* -ms-grid-columns: (1fr)[1]; */

    grid-template-columns: repeat(1, 1fr);

    gap: 24px;

  }

}



@media (min-width: 600px) and (max-width: 1024px) and (orientation: portrait) {

  .course-dashboard-wrapper {

    /* -ms-grid-columns: (1fr)[2]; */

    grid-template-columns: repeat(2, 1fr);

  }

}



@media (min-width: 600px) and (max-width: 1024px) {

  .course-dashboard-wrapper {

    /* -ms-grid-columns: (1fr)[2]; */

    grid-template-columns: repeat(2, 1fr);

  }

}



.course-dashboard-wrapper .course-dashboard-item {

  background-color: #fff;

  border: 1px solid #BDBDBD;

  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);

  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);

  border-radius: 6px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  padding: 20px;

  -webkit-transition: all;

  transition: all;

  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  -webkit-transition-duration: 300ms;

  transition-duration: 300ms;

}



.course-dashboard-wrapper .course-dashboard-item .course-dashboard-header {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  margin-bottom: 20px;

}



.course-dashboard-wrapper .course-dashboard-item .course-dashboard-header .course-dashboard-name-wrapper {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  width: 88%;

}



.course-dashboard-wrapper .course-dashboard-item .course-dashboard-header .course-dashboard-name-wrapper span.course-dashboard-name {

  font-size: 16px;

  font-weight: 500;

  color: #424242;

  line-height: 1.5;

  margin-right: 6px;

}



.course-dashboard-wrapper .course-dashboard-item .course-dashboard-header .course-dashboard-name-wrapper svg {

  width: 14px;

  height: 14px;

  color: #193B6F;

}



.course-dashboard-wrapper .course-dashboard-item .course-dashboard-header span.course-dashboard-status {

  text-align: right;

  letter-spacing: 0.04em;

  text-transform: uppercase;

  color: #757575;

  font-weight: 500;

  font-size: 11px;

  line-height: 1;

}



.course-dashboard-wrapper .course-dashboard-item .course-dashboard-attrib {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

}



.course-dashboard-wrapper .course-dashboard-item .course-dashboard-attrib.middle {

  margin-bottom: 24px;

}



.course-dashboard-wrapper .course-dashboard-item .course-dashboard-attrib span.course-dashboard-attrib-title {

  letter-spacing: 0.04em;

  text-transform: uppercase;

  color: rgba(0, 0, 0, 0.6);

  font-weight: 500;

  font-size: 11px;

  line-height: 1;

  margin-bottom: 0;

  width: 75%;

}



.course-dashboard-wrapper .course-dashboard-item .course-dashboard-attrib span.course-dashboard-attrib-data {

  color: #424242;

  font-size: 16px;

  line-height: 1;

  font-weight: 600;

}



.course-dashboard-wrapper .course-dashboard-item .course-dashboard-footer {

  background: #FBFBFB;

  padding: 12px 20px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  margin-bottom: -20px;

  margin-left: -20px;

  margin-right: -20px;

  width: calc(100% + 40px);

  border-bottom-left-radius: 6px;

  border-bottom-right-radius: 6px;

}



.course-dashboard-wrapper .course-dashboard-item .course-dashboard-footer.course-dashboard-enrollments-footer {

  margin-bottom: 0;

  border-bottom: 1px solid #eee;

}



.course-dashboard-wrapper .course-dashboard-item .course-dashboard-footer span.course-dashboard-footer-title {

  font-weight: 500;

  font-size: 13px;

  line-height: 1;

  color: #507BB8;

  width: 80px;

}



.course-dashboard-wrapper .course-dashboard-item .course-dashboard-footer .course-dashboard-attrib-wrapper {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  min-width: 140px;

}



.course-dashboard-wrapper .course-dashboard-item .course-dashboard-footer .course-dashboard-attrib-wrapper .course-dashboard-attrib:not(:last-child) {

  margin-right: 14px;

}



.course-dashboard-wrapper .course-dashboard-item .course-dashboard-footer a.explore-link {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.course-dashboard-wrapper .course-dashboard-item .course-dashboard-footer a.explore-link span {

  font-size: 12px;

  color: #507BB8;

  line-height: 1;

  margin-right: 2px;

  font-weight: 500;

}



.course-dashboard-wrapper .course-dashboard-item .course-dashboard-footer a.explore-link svg {

  width: 14px;

  height: 14px;

  color: #507BB8;

  -webkit-transition: all;

  transition: all;

  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  -webkit-transition-duration: 300ms;

  transition-duration: 300ms;

}



.course-dashboard-wrapper .course-dashboard-item .course-dashboard-footer a.explore-link:hover {

  text-decoration: none;

}



.course-dashboard-wrapper .course-dashboard-item .course-dashboard-footer a.explore-link:hover svg {

  -webkit-transform: translateX(5px);

  transform: translateX(5px);

}



.course-dashboard-wrapper .course-dashboard-item.active-course {

  border: 2px solid #018F68;

}



.course-dashboard-wrapper .course-dashboard-item.active-course span.course-dashboard-status {

  color: #018F68;

}



.course-dashboard-wrapper .course-dashboard-item:hover {

  -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);

  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);

}



.lr-wrapper {

  height: 100%;

  overflow-y: scroll;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  height: 100%;

  height: calc(74px * 4);

}



.lr-wrapper:after {

  position: absolute;

  width: calc(100% - 30px);

  height: 20px;

  content: '';

  z-index: 1;

  pointer-events: none;

  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0)));

  background: linear-gradient(0deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);

  bottom: 50px;

  border-bottom-left-radius: 6px;

  border-bottom-right-radius: 6px;

}



.lr-wrapper .left-right-component {

  background-color: #fff;

  border: 1px solid #507BB8;

  -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);

  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);

  padding: 20px;

  border-radius: 6px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  width: 100%;

}



.lr-wrapper .left-right-component:not(:last-child) {

  margin-bottom: 24px;

}



.lr-wrapper .left-right-component .left-side {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

}



.lr-wrapper .left-right-component .left-side span.lr-title {

  font-size: 14px;

  font-weight: 500;

  line-height: 1;

  color: #424242;

  margin-bottom: 7px;

}



.lr-wrapper .left-right-component .left-side span.lr-date {

  font-size: 11px;

  line-height: 1;

  color: #616161;

  text-transform: uppercase;

}



.lr-wrapper .left-right-component .right-side {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

}



.lr-wrapper .left-right-component .right-side span.lr-data {

  font-size: 16px;

  font-weight: 600;

  line-height: 1;

  color: #507BB8;

  margin-bottom: 6px;

  text-align: right;

}



.lr-wrapper .left-right-component .right-side span.lr-attrib {

  font-size: 11px;

  line-height: 1;

  color: #616161;

  text-align: right;

}



.lr-wrapper .left-right-component:nth-child(2n) {

  border: 1px solid #018F68;

}



.lr-wrapper .left-right-component:nth-child(2n) span.lr-data {

  color: #018F68;

}



.table-wrapper {

  background-color: #fff;

  border-radius: 6px;

  border-radius: 1px solid #eee;

  -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);

  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  height: calc(74px * 4);

  overflow-y: scroll;

}



.table-wrapper:after {

  position: absolute;

  width: calc(100% - 30px);

  height: 20px;

  content: '';

  z-index: 1;

  pointer-events: none;

  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0)));

  background: linear-gradient(0deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);

  bottom: 50px;

  border-bottom-left-radius: 6px;

  border-bottom-right-radius: 6px;

}



.table-wrapper .table-row {

  width: 100%;

  height: 74px;

  padding: 0 20px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-transition: all;

  transition: all;

  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  -webkit-transition-duration: 300ms;

  transition-duration: 300ms;

}



.table-wrapper .table-row:not(:last-child) {

  border-bottom: 1px solid #eee;

}



.table-wrapper .table-row:nth-child(2n) {

  background-color: #FDFDFD;

}



.table-wrapper .table-row .table-row-title-wrapper {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

}



.table-wrapper .table-row .table-row-title-wrapper span.table-row-title {

  font-size: 15px;

  line-height: 1;

  color: #193B6F;

}



.table-wrapper .table-row .table-row-title-wrapper span.table-row-type {

  text-transform: uppercase;

  line-height: 1;

  font-size: 12px;

  color: #507BB8;

  margin-top: 6px;

}



.table-wrapper .table-row .table-row-attrib-wrapper {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  height: 100%;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

}



.table-wrapper .table-row .table-row-attrib-wrapper span.table-row-attrib-type {

  font-size: 12px;

  text-transform: uppercase;

  line-height: 1;

  margin-bottom: 3px;

  color: #9e9e9e;

}



.table-wrapper .table-row .table-row-attrib-wrapper span.table-row-attrib-text {

  font-size: 14px;

  line-height: 1;

  color: #616161;

}



.table-wrapper .table-row .table-row-attrib-wrapper.freshness {

  margin-right: 20px;

}



.table-wrapper .table-row p.table-description {

  margin: 0;

  width: 33.33%;

  overflow: hidden;

  text-overflow: ellipsis;

  font-size: 13px;

  line-height: 1.5;

  color: #616161;

  height: 36px;

}



.table-wrapper .table-row a.table-action {

  color: #193B6F;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  height: 100%;

  padding: 0 20px;

  margin-right: -20px;

  border-top-right-radius: 6px;

  border-bottom-right-radius: 6px;

  -webkit-transition: all;

  transition: all;

  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  -webkit-transition-duration: 300ms;

  transition-duration: 300ms;

}



.table-wrapper .table-row a.table-action span {

  font-size: 14px;

  line-height: 1;

  margin-right: 4px;

}



.table-wrapper .table-row a.table-action svg {

  width: 16px;

  height: 16px;

  -webkit-transition: all;

  transition: all;

  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  -webkit-transition-duration: 300ms;

  transition-duration: 300ms;

}



.table-wrapper .table-row a.table-action:hover {

  text-decoration: none;

  background-color: #FEC750;

}



.table-wrapper .table-row a.table-action:hover svg {

  -webkit-transform: translateX(5px);

  transform: translateX(5px);

}



.table-wrapper .table-row:hover {

  background-color: #fafafa;

}



@media (max-width: 415px) {

  .table-wrapper .table-row {

    height: auto;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

  }



  .table-wrapper .table-row .table-row-title-wrapper {

    height: 64px;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

  }



  .table-wrapper .table-row .table-row-attrib-wrapper {

    height: 64px;

  }



  .table-wrapper .table-row a.table-action {

    width: 100%;

    margin-bottom: 10px;

    height: 30px;

    padding-left: 0;

  }



  .table-wrapper .table-row .table-description {

    display: none;

  }

}



#upcoming_assignments {

  display: none;

}



.student-contests-wrapper {

  display: -ms-grid;

  display: grid;

  /* -ms-grid-columns: (1fr)[2]; */

  grid-template-columns: repeat(2, 1fr);

  gap: 24px;

}



.student-contests-wrapper .student-contests-item {

  background-color: #fff;

  border: 1px solid #eee;

  border-radius: 6px;

  -webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.05);

  box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.05);

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  padding: 20px;

}



.student-contests-wrapper .student-contests-item p.student-contests-name {

  font-size: 17px;

  color: #193B6F;

  line-height: 1.5;

  margin-bottom: 14px;

  font-weight: 500;

}



.student-contests-wrapper .student-contests-item .student-contests-dates-wrapper {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  margin-bottom: 20px;

}



.student-contests-wrapper .student-contests-item .student-contests-dates-wrapper svg {

  width: 14px;

  height: 14px;

  margin-right: 4px;

  color: #757575;

}



.student-contests-wrapper .student-contests-item .student-contests-dates-wrapper span {

  color: #757575;

  font-size: 13px;

  line-height: 1;

}



.student-contests-wrapper .student-contests-item p.student-contests-description {

  font-size: 14px;

  color: #9E9E9E;

  line-height: 1.5;

  margin-bottom: 14px;

}



@media (max-width: 415px) {

  .student-contests-wrapper {

    /* -ms-grid-columns: (1fr)[1]; */

    grid-template-columns: repeat(1, 1fr);

  }

}



.student-forum-wrapper {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

}



.student-forum-wrapper .student-forum-item {

  background-color: #fff;

  border: 1px solid #eee;

  border-radius: 6px;

  -webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.05);

  box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.05);

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  padding: 20px;

  margin-bottom: 24px;

  padding-left: 150px;

  position: relative;

  overflow: hidden;

  min-height: 150px;

}



.student-forum-wrapper .student-forum-item img {

  position: absolute;

  left: 10px;

  top: 50%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  z-index: 1;

}



.student-forum-wrapper .student-forum-item a {

  margin-bottom: 30px;

  line-height: 1;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}



.student-forum-wrapper .student-forum-item a p.student-forum-name {

  font-size: 17px;

  color: #193B6F;

  line-height: 1.5;

  margin-bottom: 0;

  font-weight: 500;

}



.student-forum-wrapper .student-forum-item p.student-forum-description {

  font-size: 14px;

  color: #9E9E9E;

  line-height: 1.5;

  margin-bottom: 20px;

}



.student-forum-wrapper .student-forum-item .student-forum-attrib-wrapper {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.student-forum-wrapper .student-forum-item .student-forum-attrib-wrapper .student-forum-attrib {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

}



.student-forum-wrapper .student-forum-item .student-forum-attrib-wrapper .student-forum-attrib span.student-forum-attrib-title {

  font-size: 13px;

  line-height: 1;

  color: #757575;

  margin-bottom: 7px;

}



.student-forum-wrapper .student-forum-item .student-forum-attrib-wrapper .student-forum-attrib span.student-forum-attrib-data {

  font-size: 15px;

  line-height: 1;

  color: #212121;

}



.student-forum-wrapper .student-forum-item .student-forum-attrib-wrapper .student-forum-attrib:not(:last-child) {

  margin-right: 50px;

}



.student-forum-wrapper .student-forum-item:after {

  position: absolute;

  width: 180px;

  height: 180px;

  content: '';

  z-index: 0;

  pointer-events: none;

  background: linear-gradient(357.26deg, rgba(194, 230, 237, 0.7) 23.75%, rgba(185, 228, 237, 0.7) 39.03%, rgba(115, 216, 241, 0.7) 67.75%, rgba(158, 236, 255, 0.7) 91.22%);

  top: 50%;

  left: 0;

  border-radius: 50%;

  -webkit-transform: translateX(-50%) translateY(-50%);

  transform: translateX(-50%) translateY(-50%);

}



section#region-main {

  margin-top: 0 !important;

}



p {

  font-weight: 400;

  color: #616161;

}



section:not(.page-banner) {

  margin-top: 70px;

}



button:hover,

input.form-submit:hover,

input[type="button"]:hover,

input[type="submit"]:hover,

input[type="reset"]:hover,

input.form-submit:hover,

input#id_submitbutton:hover,

input#id_submitbutton2:hover,

.path-admin .buttons input[type="submit"]:hover,

td.submit input:hover,

input.form-submit:focus,

input#id_submitbutton:focus,

input#id_submitbutton2:focus,

.path-admin .buttons input[type="submit"]:focus,

td.submit input:focus,

input.form-submit:active,

input#id_submitbutton:active,

input#id_submitbutton2:active,

.path-admin .buttons input[type="submit"]:active,

td.submit input:active,

input.form-submit.active,

input#id_submitbutton.active,

input#id_submitbutton2.active,

.path-admin .buttons input.active[type="submit"],

td.submit input.active,

input.form-submit.disabled,

input#id_submitbutton.disabled,

input#id_submitbutton2.disabled,

.path-admin .buttons input.disabled[type="submit"],

td.submit input.disabled,

input.form-submit[disabled],

input#id_submitbutton[disabled],

input#id_submitbutton2[disabled],

.path-admin .buttons input[type="submit"][disabled],

td.submit input[disabled],

.btn-primary:hover {

  text-transform: none !important;

  background-image: none !important;

}



.container-fluid.pas-rl-need.mrgn-need.col-md-12 {

  display: none;

}



#page-login-index #page-content {

  min-height: initial;

  height: auto;

  border: none;

}



#page-login-index section#region-main {

  border: none;

}



#page-login-index section#region-main section.login-wrapper {

  border: none;

}



#page-login-index .back-btn {

  color: black;

}

#contact_form .form-control {

  width: 100%;

}

@media (max-width: 415px) {

  #page-login-index .back-btn {

    color: black;

  }

}



.leftmenu.search-hmd2 {

  display: none !important;

}



.mqr {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 66.66667%;

  flex: 0 0 66.66667%;

  max-width: 66.66667%;

}



.mid-bl-bg {

  background-color: transparent;

  border: none;

  border-radius: 0;

  -webkit-box-shadow: none;

  box-shadow: none;

  padding: 0;

}



.hd-blk {

  font-size: 24px;

  text-align: left !important;

  line-height: 1;

  font-weight: 500;

  color: #424242;

  margin-bottom: 40px;

}


.table-bordered {

  background-color: white;

  border: 1px solid #eee;

  border-radius: 6px !important;

  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);

  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);

  padding: 0 !important;

}



.table-bordered th {

  padding: 14px !important;

  border: none !important;

  line-height: 1.5 !important;

}



.table-bordered td {

  padding: 14px !important;

  border: none !important;

  line-height: 1.5 !important;

}



.pr-rhgt .frm-rt {

  background-color: transparent;

  border: none;

  border-radius: 0;

  -webkit-box-shadow: none;

  box-shadow: none;

  padding: 0;

  margin-top: 0;

}



.pr-rhgt .frm-rt form.fgh-mart {

  width: 100%;

  background-color: white;

  border: 1px solid #eee;

  border-radius: 6px !important;

  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);

  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);

  padding: 20px 0 !important;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}



.pr-rhgt .frm-rt form.fgh-mart .col-md-12 {

  padding-left: 20px;

  padding-right: 20px;

}



.pr-rhgt .frm-rt form.fgh-mart .col-md-12 .col-md-12 {

  padding: 0;

}



.pr-rhgt .frm-rt form.fgh-mart .col-md-12 .form-control {

  margin-bottom: 20px !important;

}



.pr-rhgt .frm-rt form.fgh-mart .sq-plc {

  margin-bottom: 0 !important;

}



.pr-rhgt .frm-rt form.fgh-mart .btn-plc button#upload_assignment {

  height: 40px;

  padding: 0 30px;

  line-height: 1;

  border-radius: 6px;

  outline: none;

  border: none;

  font-size: 14px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  padding-top: 0;

  text-align: center;

  background-color: #193B6F;

  color: white;

  cursor: pointer;

  font-weight: 500;

  -webkit-transition: all;

  transition: all;

  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  -webkit-transition-duration: 300ms;

  transition-duration: 300ms;

}



.pr-rhgt .frm-rt form.fgh-mart .btn-plc button#upload_assignment:hover {

  background-color: #15325e;

}



.pr-rhgt .frm-rt form.fgh-mart .btn-plc button#upload_assignment:focus,

.pr-rhgt .frm-rt form.fgh-mart .btn-plc button#upload_assignment:active {

  background-color: #12294e;

}



.frm-rt {

  margin-top: 30px;

  background-color: transparent;

  border: none;

  border-radius: 0;

  -webkit-box-shadow: none;

  box-shadow: none;

  padding: 0;

}



.frm-rt ul {

  margin: 0;

  padding: 0;

  background-color: #fdd79d;

  border: none;

  border-radius: 6px !important;

  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);

  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);

  padding: 0 !important;

  display: -webkit-box !important;

  display: -ms-flexbox !important;

  display: flex !important;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  padding: 20px !important;

}



.frm-rt ul li:not(:last-child) {

  margin-bottom: 15px;

}



.mid-bl-feedback {

  background-color: transparent;

  border: none;

  border-radius: 0;

  -webkit-box-shadow: none;

  box-shadow: none;

  padding: 0;

}



.mid-bl-feedback .midblone {

  background-color: white;

  border: 1px solid #eee;

  border-radius: 6px !important;

  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);

  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);

  padding: 20px !important;

}



.ml.course-list.yui3-dd-drop {

  width: 100%;

  display: table;

}



#ipix_admin .nav.nav-tabs {

  width: 100%;

}



.panel,

.panel-default {

  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);

  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);

  border: 1px solid #eee !important;

}



.tab-content {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}



.tab-content .tab-pane {

  width: calc(50% - 12px);

  padding: 12px;

}



.tab-content .tab-pane .midblone {

  background: #fff;

  padding: 20px;

  border-radius: 10px;

  margin-bottom: 25px;

  position: relative;

  border-radius: 6px;

  border: 2px solid #018F68;

  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);

  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);

}



.tab-content .tab-pane .midblone .mid-left {

  font-size: 16px;

  color: #212121;

  font-weight: 500;

  letter-spacing: 0;

  line-height: 1.5;

  text-transform: capitalize;

  float: none;

  text-align: left;

}



.tab-content .tab-pane .midblone .mid-right {

  text-align: left;

  float: none;

  font-size: 14px;

  line-height: 1.5;

  margin-top: 4px;

  color: #616161;

}



.tab-content .tab-pane .midblone .midblone01 {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

}



.tab-content .tab-pane .midblone .midblone03 {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: reverse;

  -ms-flex-direction: column-reverse;

  flex-direction: column-reverse;

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

}



.tab-content .tab-pane .midblone .midblone03 .mid-left {

  color: #018F68;

}



.tab-content .tab-pane .midblone .midblone03 .mid-right {

  margin-top: 0;

  margin-bottom: 4px;

}



#page-content .panel.with-nav-tabs {

  border-radius: 6px !important;

  border-top-left-radius: 0 !important;

  border-top-right-radius: 0 !important;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

}



#page-content .panel.with-nav-tabs .panel-heading {

  padding: 0;

  border: none;

}



#page-content .panel.with-nav-tabs .panel-heading .nav-tabs {

  border-bottom: 1px solid #eee;

  background-color: #FBFBFD;

}



#page-content .panel.with-nav-tabs .panel-heading .nav-tabs li {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}



#page-content .panel.with-nav-tabs .panel-heading .nav-tabs li a {

  height: 56px;

  line-height: 1;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  padding: 0 30px;

  border-radius: 0;

  background-color: transparent !important;

  color: #212121;

  font-size: 15px;

  margin: 0;

  border: none;

  border-right: 1px solid #eee !important;

  border-top: 3px solid #FBFBFD;

  -webkit-transition: all;

  transition: all;

  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  -webkit-transition-duration: 300ms;

  transition-duration: 300ms;

}



#page-content .panel.with-nav-tabs .panel-heading .nav-tabs li a.active {

  color: #212121 !important;

  cursor: default;

  background-color: white !important;

  border-bottom-color: transparent;

  border-top: 3px solid #507BB8 !important;

  height: 56px;

}



#page-content .panel.with-nav-tabs .panel-heading .nav-tabs li a:hover {

  background-color: #ebebeb;

}



.course_view .row-fluid {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}



.course_view #region-main {

  margin-top: 120px !important;

  padding: 0;

  width: 85%;

  margin-left: auto;

  margin-right: auto;

  background-color: transparent;

  background: transparent;

}



.course_view #region-main .course-content.courseleft {

  border: none;

  width: 100%;

  margin: 0;

  width: 75%;

  padding: 0 12px;

}



.course_view #region-main .course-content.courseleft .topics .section.main.clearfix {

  border: none;

  background-color: transparent;

  background: transparent;

}



.course_view #region-main .course-content.courseleft .topics .section.main.clearfix .content {

  margin: 0;

}



.course_view #region-main .course-content.courseleft .topics .section.main.clearfix .content h3.sectionname {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  font-size: 30px;

}



.course_view #region-main .course-content.courseleft .topics .section.main.clearfix .content h3.sectionname span {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}



.course_view #region-main .course-content.courseleft .topics .section.main.clearfix .content h3.sectionname span a {

  color: #193B6F;

  line-height: 1.5;

}



@media (max-width: 415px) {

  .course_view #region-main .course-content.courseleft .topics .section.main.clearfix .content h3.sectionname {

    margin-bottom: 20px;

  }



  .course_view #region-main .course-content.courseleft .topics .section.main.clearfix .content h3.sectionname a {

    line-height: 1.3;

    font-size: 24px;

  }

}



.course_view #region-main .course-content.courseleft .topics .section.main.clearfix .content .summary {

  margin-left: 0;

}



@media (max-width: 415px) {

  .course_view #region-main .course-content.courseleft .topics .section.main.clearfix .content .summary {

    margin-left: auto;

    margin-right: auto;

    width: 92vw;

  }



  .course_view #region-main .course-content.courseleft .topics .section.main.clearfix .content .summary iframe {

    width: 100%;

  }

}



.course_view #region-main .course-content.courseleft .topics .section.main.clearfix .content .section {

  margin: 0;

}



.course_view #region-main .course-content.courseleft .topics .section.main.clearfix .content .section .activity {

  padding: 0;

}



.course_view #region-main .course-content.courseleft .topics .section.main.clearfix .content .section .activity .contentafterlink .no-overflow p:first-child {

  font-size: 20px;

}



.course_view #region-main .course-content.courseleft .topics .section.main.clearfix .content .section .activity .contentafterlink .no-overflow p:first-child span {

  color: #193B6F !important;

}



.course_view #region-main .course-content.courseleft .topics .section.main.clearfix .content .section .activity .contentafterlink .no-overflow p:not(:first-child) {

  font-size: 15px;

  line-height: 1.5;

  color: #424242;

}



.course_view #region-main .courseright {

  max-width: 25%;

  -webkit-box-flex: 0;

  -ms-flex: 0 0 25%;

  flex: 0 0 25%;

  width: auto;

  padding: 0 12px;

}



@media (max-width: 415px) {

  .course_view #region-main .courseright {

    max-width: 100%;

    -webkit-box-flex: 0;

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    width: auto;

  }

}



.mid-bl-bg1 {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}



.critique-col .box0 {

  border-radius: 4px;

  padding: 24px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: reverse;

  -ms-flex-direction: column-reverse;

  flex-direction: column-reverse;

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

  height: auto;

  background: -webkit-gradient(linear, left bottom, left top, from(#4481eb), to(#04befe)) !important;

  background: linear-gradient(to top, #4481eb 0%, #04befe 100%) !important;

}



.critique-col .box0 .box2 {

  color: #fff;

  padding-top: 20px;

  max-width: initial;

  -webkit-box-flex: initial;

  -ms-flex: initial;

  flex: initial;

  padding: 0;

  width: auto;

  text-align: left;

  font-weight: 400;

  font-size: 18px;

}



.critique-col .box0 .box3 {

  padding-top: 35px;

  font-family: inherit;

  padding: 0;

  text-align: left;

  font-size: 40px;

  letter-spacing: 0;

  line-height: 1;

  width: auto;

  font-weight: 500;

  margin-bottom: 5px;

  color: white;

}



.critique-col:nth-child(2) .box0 {

  background: linear-gradient(290deg, #f093fb 0%, #f5576c 100%) !important;

}



.critique-col:nth-child(3) .box0 {

  background: -webkit-gradient(linear, left top, right top, from(#00b09b), to(#96c93d)) !important;

  background: linear-gradient(to right, #00b09b, #96c93d) !important;

}



.sc-crs {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 100%;

  flex: 0 0 100%;

  max-width: 100%;

}



.sc-crs .mid-bl-bg {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  width: 100%;

}



.sc-crs .mid-bl-bg .col-lg-4 {

  max-width: 25%;

  -webkit-box-flex: 0;

  -ms-flex: 0 0 25%;

  flex: 0 0 25%;

}



.sc-crs .mid-bl-bg .course-item {

  background-color: #ffffff !important;

  /* border: 1px solid #eee; */

  border-top-left-radius: 183px;

  border-top-right-radius: 183px;

  -webkit-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.1);

  box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.1);

  border-bottom-left-radius: 6px;

  border-bottom-right-radius: 6px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  padding-bottom: 20px !important;

}



.sc-crs .mid-bl-bg .course-item .course-thumbnail {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  width: 100%;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

}



.sc-crs .mid-bl-bg .course-item .course-thumbnail a {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  width: 100%;

}



.sc-crs .mid-bl-bg .course-item .course-thumbnail a img {

  height: auto;

  width: 100%;

}



.sc-crs .mid-bl-bg .course-item .course-title {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  width: auto;

  height: auto !important;

  padding: 0;

  margin: 0;

  line-height: 1;

  text-transform: capitalize;

  letter-spacing: 0;

  font-size: 20px;

  font-weight: 500;

  text-align: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  margin-top: 20px;

  margin-bottom: 20px;

}



.sc-crs .mid-bl-bg .course-item .price {

  padding: 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  margin-bottom: 30px !important;

}



.sc-crs .mid-bl-bg .course-item .price .rate {

  padding: 0;

  line-height: 1;

  font-size: 16px;

}



.sc-crs .mid-bl-bg .course-item .price .rate:first-child {

  color: #507BB8;

  margin-bottom: 10px;

}



.mqwe {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 100%;

  flex: 0 0 100%;

  max-width: 100%;

}



.critique-notification {

  font-size: 15px;

  line-height: 1;

  margin-left: 15px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: start;

  -ms-flex-pack: start;

  justify-content: flex-start;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  padding: 16px;

  background-color: white;

  border: 1px solid #018F68;

  border-radius: 4px;

  color: #018F68;

  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);

  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);

  margin-bottom: 40px;

  text-align: left;

  width: 100%;

}



.submit-assignment-block {

  background-color: transparent;

  border: none;

  border-radius: 0;

  -webkit-box-shadow: none;

  box-shadow: none;

  padding: 0;

  margin-top: 0;

}



.submit-assignment-block form {

  width: 100%;

  background-color: white;

  border: 1px solid #eee;

  border-radius: 6px !important;

  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);

  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);

  padding: 20px 0 !important;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}



.submit-assignment-block form .col-md-12 {

  padding-left: 20px;

  padding-right: 20px;

}



.submit-assignment-block form .col-md-12 .col-md-12 {

  padding: 0;

}



.submit-assignment-block form .col-md-12 .form-control {

  margin-bottom: 20px !important;

}



.submit-assignment-block form .sq-plc {

  margin-bottom: 0 !important;

}



.submit-assignment-block form .btn-plc button#upload_assignment {

  height: 40px;

  padding: 0 30px;

  line-height: 1;

  border-radius: 6px;

  outline: none;

  border: none;

  font-size: 14px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  padding-top: 0;

  text-align: center;

  background-color: #193B6F;

  color: white;

  cursor: pointer;

  font-weight: 500;

  -webkit-transition: all;

  transition: all;

  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  -webkit-transition-duration: 300ms;

  transition-duration: 300ms;

}



.submit-assignment-block form .btn-plc button#upload_assignment:hover {

  background-color: #15325e;

}



.submit-assignment-block form .btn-plc button#upload_assignment:focus,

.submit-assignment-block form .btn-plc button#upload_assignment:active {

  background-color: #12294e;

}



.extra_block {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  margin-top: 40px;

}



.login-page #statusmessage {

  padding-left: 15px;

  color: red;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin-bottom: 20px;

  margin-top: -20px;

  line-height: 1;

  font-size: 14px;

}



@media (max-width: 415px) {

  .login-page .back-btn {

    color: black;

    top: 20px;

  }

}



.back-btn {

  position: absolute;

  left: 30px;

  top: 30px;

  color: white;

  z-index: 99;

  opacity: 1;

  width: 24px;

  height: 24px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

}



.tab-sq h5 {

  font-size: 16px;

}



.courseright .panel.with-nav-tabs .panel-body {

  padding: 0;

}



.courseright .panel.with-nav-tabs .panel-body .tab-pane {

  padding: 0 10px !important;

  display: -webkit-box !important;

  display: -ms-flexbox !important;

  display: flex !important;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

}



.courseright .panel.with-nav-tabs .panel-body .tab-pane .tab-sq {

  background-color: #fff !important;

  margin: 10px 0;

  border: 1px solid #507BB8;

  border-radius: 3px;

  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);

  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);

  padding: 14px;

}



.courseright .panel.with-nav-tabs .panel-body .tab-pane .tab-sq h5 {

  font-size: 15px;

  font-weight: 400;

  margin: 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  line-height: 1.5;

}



.courseright .panel.with-nav-tabs .panel-body .tab-pane .tab-sq h5 span {

  margin-left: 8px !important;

}



.courseright .panel.with-nav-tabs .panel-body .tab-pane .tab-sq.completed {

  border: 2px solid #018F68;

  background-color: #fff !important;

  color: #018F68;

  -webkit-box-shadow: none;

  box-shadow: none;

}



.courseright .panel.with-nav-tabs .panel-body .tab-pane .tab-sq.current {

  border: 2px solid #507BB8;

  background-color: #fff !important;

  margin-bottom: 0;

}



.courseright .panel.with-nav-tabs .panel-body .tab-pane .markcomplete {

  display: -webkit-box !important;

  display: -ms-flexbox !important;

  display: flex !important;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  right: auto !important;

  width: auto !important;

  border-radius: 0;

  background-color: #018F68 !important;

  color: white;

  border-bottom-left-radius: 3px;

  border-bottom-right-radius: 3px;

  margin-left: 3px;

  font-size: 13px;

  line-height: 1;

  padding: 10px 10px;

  z-index: 0;

  margin-bottom: 10px;

}



.courseright .panel.with-nav-tabs .panel-body .tab-pane .markcomplete:before {

  font-family: "Material Icons";

  content: '\e5ca';

  line-height: 1;

  font-size: 14px;

  margin-right: 4px;

}



.courseright .panel.with-nav-tabs .panel-body .tab-pane .markcomplete .fa {

  display: none;

}



.pagelayout-admin #page,

.pagelayout-standard #page,

.bodyClass #page {

  margin-top: 120px;

}



.tooltip-span {

  font-size: 14px !important;

  line-height: 1.5;

  width: 100%;

}



#course_enroll_button a {

  line-height: 1;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  padding-bottom: 2px;

}



#sub_button {

  background: url(https://mydemosite.biz/demo/moodle/thewanderingraven/enrol/payumoney/pix/paynow.png) no-repeat scroll 0 0 transparent !important;

}



#sub_button:hover {

  background: url(https://mydemosite.biz/demo/moodle/thewanderingraven/enrol/payumoney/pix/paynow.png) no-repeat scroll 0 0 transparent !important;

}



.events-page #page-content {

  margin-bottom: 0;

}



#page-navbar {

  border-top: 1px solid #eee;

  border-bottom: 1px solid #eee;

  background-color: transparent;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  padding-left: 7.5vw;

  padding-right: 7.5vw;

}



#page-navbar:before,

#page-navbar:after {

  display: none;

}



#page-navbar nav.breadcrumb-nav ul.breadcrumb {

  padding-left: 0;

  background-color: transparent;

}



#page-navbar nav.breadcrumb-nav ul.breadcrumb>li+li:before {

  display: none;

}



#page-navbar nav.breadcrumb-nav ul.breadcrumb li .divider {

  padding: 0 10px;

}



.pagelayout-admin #region-main.ipix_admin {

  margin-top: 0 !important;

  width: 85% !important;

  margin-left: auto !important;

  margin-right: auto !important;

  float: none !important;

  font-family: inherit !important;

  line-height: initial !important;

}



.pagelayout-admin #region-main.ipix_admin>div>h2 {

  font-size: 26px;

  line-height: 1;

}



.pagelayout-admin #region-main.ipix_admin>div form.mform {

  width: 100% !important;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

}



.pagelayout-admin #region-main.ipix_admin>div form.mform fieldset {

  width: 100%;

  background-color: white;

  border: 1px solid #eee;

  border-radius: 6px;

  float: none !important;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  padding: 20px;

  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);

  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);

  margin-bottom: 30px;

}



.pagelayout-admin #region-main.ipix_admin>div form.mform fieldset legend.ftoggler {

  padding: 14px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin: 0;

  border: 1px solid #eee;

  border-radius: 6px;

  line-height: 1;

  font-size: 18px;

  background-color: white;

  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);

  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);

}



.pagelayout-admin #region-main.ipix_admin>div form.mform fieldset legend.ftoggler a.fheader {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  padding: 0;

  background: none;

  width: 100%;

  margin: 0;

}



.pagelayout-admin #region-main.ipix_admin>div form.mform fieldset legend.ftoggler a.fheader:after {

  font-family: "Material Icons";

  content: '\e5cc';

  color: #193B6F;

  font-size: 18px;

  line-height: 18px;

  -webkit-transform: rotateZ(90deg);

  transform: rotateZ(90deg);

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.path-admin .buttons {

  padding: 0;

  border: none;

  margin: 0;

}



.notloggedin:not(#page-login-index) #page {

  margin-top: 120px;

}



.notloggedin:not(#page-login-index) footer {

  display: none;

}



.modal-footer .buttons {

  padding: 0;

  border: none;

  margin: 0;

}



.modal-footer .buttons .singlebutton input[type="submit"] {

  height: 40px;

  padding: 0 30px;

  line-height: 1;

  border-radius: 6px;

  outline: none;

  border: none;

  font-size: 14px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  padding-top: 0;

  text-align: center;

  background-color: #FEC750;

  color: #212121;

  cursor: pointer;

  font-weight: 500;

  -webkit-box-shadow: none !important;

  box-shadow: none !important;

  -webkit-transition: all;

  transition: all;

  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  -webkit-transition-duration: 300ms;

  transition-duration: 300ms;

}



.modal-footer .buttons .singlebutton input[type="submit"]:hover {

  background-color: #fec13c;

}



.modal-footer .buttons .singlebutton input[type="submit"]:focus,

.modal-footer .buttons .singlebutton input[type="submit"]:active {

  background-color: #feba27;

}



.modal-footer .buttons .singlebutton:last-child input[type="submit"] {

  background-color: transparent;

  border: 1px solid #616161;

}



.modal-footer .buttons .singlebutton:last-child input[type="submit"]:hover {

  background-color: #616161;

  color: white;

}



body.course-listing footer {

  margin-top: 470px;

}



@media (max-width: 415px) {

  body.course-listing section.water-under-sand img {

    height: 4181px;

    height: 3851px;

  }

}



.copyright-area {

  display: none;

}



.tnc-section {

  margin-top: 130px !important;

}



.tnc-section p {

  font-size: 15px;

  color: #424242;

  line-height: 1.5;

}



.tnc-section ol li {

  font-size: 15px;

  color: #424242;

  line-height: 1.5;

  margin-bottom: 10px;

}



.bold-in-para {

  font-weight: 600;

}



.tnc-li-p-bold {

  font-weight: 600;

}



.tnc-li-p-bold-underline {

  font-weight: 600;

  text-decoration: underline;

}



.tnc-li-p-underline {

  text-decoration: underline;

}



.tnc-ul-level1-list {

  list-style-type: disc;

}



.tnc-level2-list {

  list-style-type: lower-roman;

}



.tnc-level3-list {

  list-style-type: lower-alpha;

}



#page-login-forgot_password .box.generalbox.boxwidthnormal.boxaligncenter {

  text-align: left;

  width: 85%;

  margin-left: auto;

  margin-right: auto;

  padding: 12px;

  background-color: white;

  border-radius: 6px;

  border: 1px solid #FEC750;

  margin-bottom: 30px;

  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);

  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);

}



#page-login-forgot_password form#mform1 {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  width: 85% !important;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}



#page-login-forgot_password form#mform1 fieldset {

  width: 50% !important;

  padding: 0 12px;

}



#page-login-forgot_password form#mform1 fieldset legend.ftoggler {

  font-size: 20px;

  padding: 0;

  margin-bottom: 16px;

  line-height: 1;

}



#page-login-forgot_password form#mform1 fieldset .fcontainer {

  background-color: white;

  border-radius: 6px;

  border: 1px solid #eee;

  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);

  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);

  padding: 20px !important;

}



#page-login-forgot_password form#mform1 fieldset .fcontainer #id_submitbuttonusername,

#page-login-forgot_password form#mform1 fieldset .fcontainer #id_submitbuttonemail {

  height: 40px;

  padding: 0 30px;

  line-height: 1;

  border-radius: 6px;

  outline: none;

  border: none;

  font-size: 14px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  padding-top: 0;

  text-align: center;

  text-transform: none !important;

  background-color: #FEC750;

  color: #212121;

  cursor: pointer;

  font-weight: 500;

  -webkit-box-shadow: none !important;

  box-shadow: none !important;

  margin: 0;

  -webkit-transition: all;

  transition: all;

  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  -webkit-transition-duration: 300ms;

  transition-duration: 300ms;

}



#page-login-forgot_password form#mform1 fieldset .fcontainer #id_submitbuttonusername:hover,

#page-login-forgot_password form#mform1 fieldset .fcontainer #id_submitbuttonemail:hover {

  background-color: #fec13c;

}



#page-login-forgot_password form#mform1 fieldset .fcontainer #id_submitbuttonusername:focus,

#page-login-forgot_password form#mform1 fieldset .fcontainer #id_submitbuttonusername:active,

#page-login-forgot_password form#mform1 fieldset .fcontainer #id_submitbuttonemail:focus,

#page-login-forgot_password form#mform1 fieldset .fcontainer #id_submitbuttonemail:active {

  background-color: #feba27;

}



#page-login-forgot_password form#mform1 fieldset .fcontainer #id_submitbuttonusername:hover,

#page-login-forgot_password form#mform1 fieldset .fcontainer #id_submitbuttonemail:hover {

  text-transform: none !important;

}



@media (max-width: 415px) {

  #page-login-forgot_password form#mform1 fieldset {

    width: 100% !important;

    margin-bottom: 30px;

  }

}



.login-page:not(#page-login-index) .page-content {

  margin-bottom: 0 !important;

}



.login-page:not(#page-login-index) .forgot-bar {

  padding-left: 15px;

}



.login-page:not(#page-login-index) .checkbox-group span {

  padding-top: 0;

  padding-bottom: 10px;

}



.login-page:not(#page-login-index) .checkbox-group span a {

  margin-left: 5px;

}



@media (max-width: 415px) {

  .login-page:not(#page-login-index) .checkbox-group span {

    display: block;

  }

}



#page-login-index .checkbox-group input[type="checkbox"] {

  pointer-events: initial !important;

}



.midblone {

  background-color: white;

  border-radius: 6px;

  border: 1px solid #eee;

  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);

  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);

  padding: 20px !important;

}



.midblone .midblone01 {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}



.midblone .midblone01 span.mid-left {

  color: #193B6F;

  line-height: 1.5;

  font-size: 17px;

  font-weight: 500;

}



.midblone .midblone02 .col-md-12 {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  padding: 0;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}



.midblone .midblone02 .col-md-12 .col-md-6 {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  max-width: 50%;

  -webkit-box-flex: 0;

  -ms-flex: 0 0 50%;

  flex: 0 0 50%;

}



@media (max-width: 415px) {

  .midblone .midblone02 .col-md-12 .col-md-6 {

    max-width: 100%;

    -webkit-box-flex: 0;

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

  }

}



.midblone .midblone03 {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

}



.cms_block {

  background-color: white;

  border-radius: 6px;

  border: 1px solid #eee;

  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);

  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);

  padding: 20px !important;

}



.cms_block .event_title {

  text-align: left;

}



.cms_block .img_block {

  width: 100%;

  margin-left: 0;

  background-color: transparent;

}



.cms_block .img_block img {

  width: 100%;

  height: 250px;

  -o-object-fit: cover;

  object-fit: cover;

  -o-object-position: center center;

  object-position: center center;

}



.cms_block .date_block-main {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}



.cms_block .date_block-main .date_block {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  display: flex;

  flex-direction: column;

  height: auto;

  background-color: transparent;

  color: #193B6F;

  line-height: 1;

  padding: 12px;

}



.cms_block .date_block-main .date_block span:first-child {

  border-top: 1px solid #507BB8;

  padding-top: 10px;

  margin-bottom: 10px;

  text-transform: uppercase;

  color: #616161;

}



.cms_block .date_block-main .date_block span:last-child {

  font-size: 16px;

  font-weight: 600;

  color: #193B6F;

}



.cms_block .date_block-main .date_block a {

  color: white;

  text-decoration: underline;

}



.cms_block .date_block-main:last-child .date_block:first-child {

  display: none;

}



.cms_block .date_block-main:last-child .date_block:last-child {

  width: 100%;

  margin: 0;

  background-color: #507BB8;

  color: white;

  border-radius: 6px;

  line-height: 1.5;

  font-size: 15px;

  padding: 10px 15px;

}



.cms_block .date_block-main:last-child .date_block:last-child p {

  color: white;

  margin: 0;

}



.cms_block .event-description {

  float: none;

}



.cms_block .event-description p,

.cms_block .event-description ol,

.cms_block .event-description li {

  font-size: 15px;

  line-height: 1.5;

  color: #424242;

}



#page-user-edit #fitem_id_maildisplay {

  width: 50%;

}



@media (max-width: 415px) {

  #page-user-edit #fitem_id_maildisplay {

    width: 100%;

  }

}



@media (max-width: 992px) {

  #page-user-edit #fitem_id_maildisplay {

    width: 100%;

  }

}



#page-user-preferences #page-navbar {

  display: none;

}



#page-user-preferences .profile-success {

  background-color: #018F68;

  padding: 30px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  color: white;

  border-radius: 6px;

  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);

  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);

}



#page-user-preferences .profile-success p {

  color: white;

  line-height: 1;

  font-size: 17px;

  margin: 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



#page-user-preferences .profile-success p:before {

  font-family: "Material Icons";

  content: '\e86c';

  font-size: 24px;

  line-height: 1;

  margin-right: 6px;

}



.mform label .req>.icon,

.mform label .adv>.icon {

  width: 14px;

}



.loginerrors {

  margin-bottom: 20px;

}



.loginerrors .error {

  color: #f44336;

  line-height: 1;

  padding: 11px 14px;

  background-color: #ffcdd2;

  border: 1px solid #f44336;

  border-radius: 6px;

  width: 100%;

}



.loginerrors .error img {

  margin-right: 5px;

}



.login-page #statusmessage {

  color: #4caf50;

  background-color: #f5f5f5;

  display: block;

  padding: 14px;

  line-height: 1.5;

  font-size: 15px;

  border: 1px solid #9e9e9e;

  border-radius: 6px;

}



.login-page #statusmessage a {

  font-weight: 600;

  text-decoration: underline;

}



.container-fluid.mrgn-need.pas-rl-need {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}



.container-fluid.mrgn-need.pas-rl-need .forum-header-div {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  width: 66.66%;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  padding: 0 15px;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  margin-bottom: 30px;

}



.container-fluid.mrgn-need.pas-rl-need .forum-header-div h1.hd-main.err {

  padding-left: 0;

  margin: 0 !important;

}



.container-fluid.mrgn-need.pas-rl-need .forum-header-div button {

  white-space: nowrap;

  margin: 0;

}



.container-fluid.mrgn-need.pas-rl-need .forum_box {

  padding-top: 0;

  background-color: transparent;

  border: none;

  border-radius: 6px;

  -webkit-box-shadow: none;

  box-shadow: none;

}



.container-fluid.mrgn-need.pas-rl-need .forum_box .table-bordered thead:first-child tr:first-child>th:first-child,

.container-fluid.mrgn-need.pas-rl-need .forum_box .table-bordered tbody:first-child tr:first-child>td:first-child,

.container-fluid.mrgn-need.pas-rl-need .forum_box .table-bordered tbody:first-child tr:first-child>th:first-child {

  border-top-left-radius: 6px;

}



.container-fluid.mrgn-need.pas-rl-need .forum_box .table-bordered thead:first-child tr:first-child>th:last-child,

.container-fluid.mrgn-need.pas-rl-need .forum_box .table-bordered tbody:first-child tr:first-child>td:last-child,

.container-fluid.mrgn-need.pas-rl-need .forum_box .table-bordered tbody:first-child tr:first-child>th:last-child {

  border-top-right-radius: 6px;

}



.container-fluid.mrgn-need.pas-rl-need .forum_box .table-bordered thead tr th {

  border-top: none !important;

  border-bottom: 1px solid #eee !important;

}



.container-fluid.mrgn-need.pas-rl-need .forum_box .table-bordered thead tr th:first-child {

  border-left: none !important;

}



.container-fluid.mrgn-need.pas-rl-need .forum_box .table-bordered thead tr th:last-child {

  border-right: none !important;

}



.container-fluid.mrgn-need.pas-rl-need .forum_box .table-bordered tbody .bodyleft {

  border-radius: 0;

}



.container-fluid.mrgn-need.pas-rl-need .forum_box .table-bordered tbody .forumbody {

  background-color: transparent;

  height: auto;

}



.container-fluid.mrgn-need.pas-rl-need .forum_box .table-bordered tbody tr td {

  border-top: none !important;

}



.container-fluid.mrgn-need.pas-rl-need .forum_box .table-bordered tbody tr td:first-child {

  border-left: none !important;

}



.container-fluid.mrgn-need.pas-rl-need .forum_box .table-bordered tbody tr td:last-child {

  border-right: none !important;

}



.container-fluid.mrgn-need.pas-rl-need>.col-md-4 {

  -webkit-transform: translateY(-56px);

  transform: translateY(-56px);

}



.container-fluid.mrgn-need.pas-rl-need>.col-md-4 .headspan {

  padding: 0;

  font-size: 24px;

  line-height: 1;

  margin-bottom: 20px;

}



.container-fluid.mrgn-need.pas-rl-need>.col-md-4 .latest_threads {

  margin-bottom: 30px;

  background-color: transparent;

  padding: 0;

}



.container-fluid.mrgn-need.pas-rl-need>.col-md-4 .latest_threads .thread {

  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);

  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);

  background-color: white;

  border-radius: 6px;

  border: 1px solid #507BB8;

  padding: 20px;

  margin: 0;

  margin-bottom: 20px;

  font-size: 15px;

  color: #616161;

  font-weight: 400;

}



.container-fluid.mrgn-need.pas-rl-need>.col-md-4 .latest_threads .thread h5.thread_title {

  font-size: 17px;

  font-weight: 600;

  color: #424242;

  margin-bottom: 10px;

}



.container-fluid.mrgn-need.pas-rl-need>.col-md-4 .forum_statistics {

  margin-bottom: 30px;

  background-color: transparent;

  margin: 0;

  padding: 0;

}



.container-fluid.mrgn-need.pas-rl-need>.col-md-4 .forum_statistics .stat {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  width: 100%;

  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);

  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);

  background-color: white;

  border-radius: 6px;

  border: 1px solid #507BB8;

  padding: 20px;

  margin-bottom: 20px;

}



.container-fluid.mrgn-need.pas-rl-need>.col-md-4 .forum_statistics .stat div {

  background: transparent;

  padding: 0;

  border-radius: 0;

  margin-top: 0;

  margin-bottom: 0px;

}



.container-fluid.mrgn-need.pas-rl-need>.col-md-4 .forum_statistics .stat .col-md-11 {

  margin: 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  font-size: 17px;

  line-height: 1;

}



.container-fluid.mrgn-need.pas-rl-need>.col-md-4 .forum_statistics .stat .col-md-1 {

  margin: 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  font-size: 17px;

  line-height: 1;

}



@media (max-width: 415px) {

  .container-fluid.mrgn-need.pas-rl-need>.col-md-4 {

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

}



.event-empty-state {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  background-color: white;

  width: 100%;

  text-align: center;

  padding: 30px;

  border-radius: 6px;

  font-size: 15px;

  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);

  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);

  border: 1px solid #eee;

  height: 288px;

}



.event-empty-state {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  background-color: white;

  width: 100%;

  text-align: center;

  padding: 30px;

  border-radius: 6px;

  font-size: 15px;

  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);

  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);

  border: 1px solid #eee;

  height: 288px;

}



.forumforumview_php .container-fluid.mrgn-need.pas-rl-need {

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

}



.forumforumview_php .container-fluid.mrgn-need.pas-rl-need .forum-header-div {

  position: relative;

  padding-left: 0;

}



.forumforumview_php .container-fluid.mrgn-need.pas-rl-need .forum-header-div h1 {

  padding-left: 0;

  margin: 0 !important;

}



.forumforumview_php .container-fluid.mrgn-need.pas-rl-need .forum-header-div button {

  right: 0;

}



.forumforumview_php .forum_box {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  background-color: white !important;

  border: 1px solid #eee !important;

  border-radius: 6px !important;

  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;

  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;

  padding: 0 !important;

}



.forumforumview_php .forum_box .dtl-header {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  width: 100%;

}



.forumforumview_php .forum_box .dtl-header .forumhead {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  padding: 14px !important;

  border-bottom: 1px solid #eee;

}



.forumforumview_php .forum_box .dtl-header .forumhead:not(:last-child) {

  border-right: 1px solid #eee;

}



.forumforumview_php .forum_box .dtl-body {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  width: 100%;

}



.forumforumview_php .forum_box .dtl-body .forumbody {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: start;

  -ms-flex-pack: start;

  justify-content: flex-start;

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

  height: auto;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  background-color: transparent;

  margin: 0;

  padding: 14px !important;

  border-bottom: 1px solid #eee;

}



.forumforumview_php .forum_box .dtl-body .forumbody:not(:last-child) {

  border-right: 1px solid #eee;

}



.forumforumview_php .forum_box .dtl-body .forumbody:nth-child(2) {

  font-size: 13px;

  color: #757575;

}



.forumforumview_php .forum_box .dtl-body .forumbody:nth-child(2) a {

  font-size: 14px;



  margin-bottom: 10px;

  line-height: 1.5;

}



.forumforumview_php .forum_box .dtl-body .forumbody br {

  display: none;

}



.forumthreadview_php .forumbody {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  background-color: white;

  border: 1px solid #eee;

  padding: 30px 18px;

  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);

  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);

  border-radius: 6px;

}



.forumthreadview_php .forumbody>.col-md-2:first-child {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  text-align: center;

  font-size: 11px;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row;

  line-height: 1.5;

}



.forumthreadview_php .forumbody>.col-md-2:first-child img {

  margin: 0;

  width: 48px;

}



.forumthreadview_php .forumbody>.col-md-2:first-child br {

  display: none;

}



.forumthreadview_php .forumbody .thread_desc_box {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  border: none;

  padding: 0;

  min-height: auto;

  border-left: 1px solid #eee;

  padding-left: 15px;

  padding-top: 8px;

  padding-bottom: 10px;

}



.forumthreadview_php .forumbody .thread_desc_box span.forum-topic-title {

  line-height: 1.5;

  font-size: 20px;

  font-weight: 600;

}



.forumthreadview_php .forumbody .thread_desc_box span.forum-topic-date {

  font-size: 12px;

  color: #9e9e9e;

  line-height: 1;

  margin-top: 6px;

  font-weight: 400;

}



.forumthreadview_php .forumbody .thread_desc_box span.forum-topic-desc {

  line-height: 1.5;

  font-size: 14px;

  margin-top: 10px;

  color: #616161;

}



.forumthreadview_php .forumbody form#mform1 {

  width: auto;

}



.forumthreadview_php .forumbody .col-md-12 hr {

  border-top: 1px solid #eee;

}



.forumthreadview_php .forumbody .col-md-10 h5 {

  font-size: 12px;

  text-transform: uppercase;

  color: #757575;

  line-height: 1;

  margin-bottom: 20px;

}



.forumthreadview_php .forumbody .col-md-10 .comments {

  margin: 0;

  padding: 20px;

  border: 1px solid #eee;

  background-color: #fcfcfc;

  border-radius: 6px;

  margin-bottom: 20px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;
  position: relative;

}

.forumthreadview_php .forumbody .col-md-10 .comments .action-div {
  position: absolute;
  right: 10px;
  top: 10px;
}



.forumthreadview_php .forumbody .col-md-10 .comments .comments-header-wrapper {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

}



.forumthreadview_php .forumbody .col-md-10 .comments .comments-header-wrapper img.image2 {

  height: 50px;

  margin: 0;

  padding: 0;

}



.forumthreadview_php .forumbody .col-md-10 .comments .comments-header-wrapper .comments-header-detail {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  margin-left: 20px;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  margin-top: 10px;

}



.forumthreadview_php .forumbody .col-md-10 .comments .comments-header-wrapper .comments-header-detail>div:nth-child(1) {

  line-height: 1;

  font-size: 13px;

  color: #424242;

  text-transform: uppercase;

  letter-spacing: 0.04em;

  margin-bottom: 6px;

}



.forumthreadview_php .forumbody .col-md-10 .comments .comments-header-wrapper .comments-header-detail>div:nth-child(2) {

  font-size: 12px;

  color: #616161;

  line-height: 1;

}



.forumthreadview_php .forumbody .col-md-10 .comments .comments-header-wrapper .comments_text {

  line-height: 1.5;

  font-size: 14px;

  color: #212121;

  opacity: 1;

  margin-top: 20px;

  width: 100%;

}



.forumthreadview_php .forumbody .col-md-10 #fitem_id_save input[type="submit"] {

  text-transform: capitalize !important;

  margin: 0;

}



main body div {

  background-color: red;

}



main body div p {

  font-size: 18px;

}



@media (max-width: 415px) {

  .container-fluid.pas-rl-need.mrgn-need {

    width: 92%;

    margin-left: auto;

    margin-right: auto;

  }

}



@media (max-width: 415px) {

  .menu-bars {

    display: none;

  }

}



@media (max-width: 415px) {

  .admin_graderfeedback_php .container-fluid.pas-rl-need.mrgn-need {

    width: 92%;

    margin-left: auto;

    margin-right: auto;

  }

}



.admin_graderfeedback_php .container-fluid.pas-rl-need.mrgn-need h1.hd-main {

  display: none;

}



.admin_graderfeedback_php .container-fluid.pas-rl-need.mrgn-need .col-md-10.pd-left.padding-mb {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 100%;

  flex: 0 0 100%;

  max-width: 100%;

  padding-left: 0 !important;

}



@media (max-width: 415px) {

  .admin_graderfeedback_php .container-fluid.pas-rl-need.mrgn-need .col-md-10.pd-left.padding-mb {

    padding: 0 !important;

  }

}



.admin_graderfeedback_php .container-fluid.pas-rl-need.mrgn-need .midblone .midblone01 {

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

}



.admin_graderfeedback_php .container-fluid.pas-rl-need.mrgn-need .midblone .midblone01>div {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  line-height: 1.5;

  float: none !important;

  margin-bottom: 16px;

}



.admin_graderfeedback_php .container-fluid.pas-rl-need.mrgn-need .midblone .midblone01>div b {

  max-width: 200px;

  white-space: initial;

  width: 200px;

}



.admin_graderfeedback_php .container-fluid.pas-rl-need.mrgn-need .midblone .midblone01>div:first-child {

  margin-top: -20px;

  margin-left: -20px;

  /* height: 56px; */

  padding: 15px;

  background-color: #193B6F;

  color: white;

  width: calc(100% + 40px) !important;

  border-radius: 6px 6px 0 0;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

  font-weight: 500;

}



.admin_graderfeedback_php .container-fluid.pas-rl-need.mrgn-need .midblone .midblone01>div:first-child b {

  font-size: 12px;

  font-weight: 400;

  text-transform: uppercase;

  opacity: 0.9;

  letter-spacing: 0.02em;

  margin-left: 7px;

  margin-bottom: 2px;

}



.admin_graderfeedback_php .container-fluid.pas-rl-need.mrgn-need .midblone .midblone01>div:first-child:before {

  position: absolute;

  background-color: #193B6F;

  width: 20px;

  height: 20px;

  left: 2px;

  top: 39px;

  content: '';

}



.admin_graderfeedback_php .container-fluid.pas-rl-need.mrgn-need .midblone .midblone02 {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  width: auto;

  padding: 0;

  border: none;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

}



.admin_graderfeedback_php .container-fluid.pas-rl-need.mrgn-need .midblone .midblone02 p.grader-feedback {

  font-size: 12px;

  text-transform: uppercase;

  letter-spacing: 0.04em;

  color: #757575;

  font-weight: 600;

  margin-bottom: 5px;

}



.admin_graderfeedback_php .container-fluid.pas-rl-need.mrgn-need .midblone .midblone02>p {

  margin: 0;

  line-height: 1.5;

  font-size: 15px;

  color: #424242;

}



.admin_graderfeedback_php .container-fluid.pas-rl-need.mrgn-need .midblone .midblone03 {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



#page-admin-search #fgroup_id_group_1 fieldset {

  background-color: transparent;

  padding: 0;

  border: none;

  -webkit-box-shadow: none;

  box-shadow: none;

  margin: 0;

}



#page-admin-search #fgroup_id_group_1 fieldset input {

  margin: 0;

}



.forumall_forum_php .forum_box .tab-pane.fade.in.active.show {

  display: -webkit-box !important;

  display: -ms-flexbox !important;

  display: flex !important;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  width: 100%;

  padding: 24px;

}



.forumall_forum_php .forum_box .tab-pane.fade.in.active.show .forumhead {

  text-align: left;

}



.felement.fdate_time_selector {

  display: block !important;

}



.felement.fdate_time_selector select {

  min-width: 130px;

  margin-right: 10px;

  height: 44px !important;

}



button,

input.form-submit,

input[type="button"],

input[type="submit"],

input[type="reset"],

input.form-submit,

input#id_submitbutton,

input#id_submitbutton2,

.path-admin .buttons input[type="submit"],

td.submit input,

.btn-primary {

  text-transform: none !important;

  height: 40px;

  padding: 0 30px;

  line-height: 1;

  border-radius: 6px;

  outline: none;

  border: none;

  font-size: 14px;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  padding-top: 0;

  text-align: center;

  background-color: #FEC750;

  color: white;

  color: #212121;

  cursor: pointer;

  font-weight: 500;

}



button:hover,

input.form-submit:hover,

input[type="button"]:hover,

input[type="submit"]:hover,

input[type="reset"]:hover,

input.form-submit:hover,

input#id_submitbutton:hover,

input#id_submitbutton2:hover,

.path-admin .buttons input[type="submit"]:hover,

td.submit input:hover,

.btn-primary:hover {

  background-color: #fec13c;

}



button:focus,

button:active,

input.form-submit:focus,

input.form-submit:active,

input[type="button"]:focus,

input[type="button"]:active,

input[type="submit"]:focus,

input[type="submit"]:active,

input[type="reset"]:focus,

input[type="reset"]:active,

input.form-submit:focus,

input.form-submit:active,

input#id_submitbutton:focus,

input#id_submitbutton:active,

input#id_submitbutton2:focus,

input#id_submitbutton2:active,

.path-admin .buttons input[type="submit"]:focus,

.path-admin .buttons input[type="submit"]:active,

td.submit input:focus,

td.submit input:active,

.btn-primary:focus,

.btn-primary:active {

  background-color: #feba27;

}



button:hover,

input.form-submit:hover,

input[type="button"]:hover,

input[type="submit"]:hover,

input[type="reset"]:hover,

input.form-submit:hover,

input#id_submitbutton:hover,

input#id_submitbutton2:hover,

.path-admin .buttons input[type="submit"]:hover,

td.submit input:hover,

.btn-primary:hover {

  color: #212121;

}



.admin_course_enrol_php h2.hd-blk+.col-md-12.no-pad {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

  margin-bottom: 30px;

}



.admin_course_enrol_php h2.hd-blk+.col-md-12.no-pad select {

  margin-top: 4px;

}



.admin_student_submissions_php #assign_window_nd {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  margin-bottom: 30px;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

}



.admin_student_submissions_php #assign_window_nd select {

  min-width: 250px;

}



@media (max-width: 415px) {

  .admin_student_submissions_php #assign_window_nd select {

    width: 100%;

    margin-bottom: 20px !important;

  }

}



.admin_student_submissions_php #assign_window_nd button {

  position: relative;

  right: auto;

  top: auto;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}



@media (max-width: 415px) {

  .admin_student_submissions_php #assign_window_nd {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    width: 100%;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

  }

}



.admin_student_submissions_php .midblone-n {

  border-radius: 4px;

  border: 1px solid #eee;

  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.03);

  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.03);

  padding: 30px;

  padding-left: 70px;

}



.admin_student_submissions_php .midblone-n input[type="checkbox"] {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 20px;

  flex: 0 0 20px;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  opacity: 1;

  width: 20px !important;

  height: 20px !important;

  border-radius: 2px !important;

  padding: 0 !important;

  border: 1px solid #9e9e9e !important;

  background-color: transparent !important;

  cursor: pointer;

  margin-right: 10px !important;

  outline: none;

  -webkit-transition: all;

  transition: all;

  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  -webkit-transition-duration: 300ms;

  transition-duration: 300ms;

  -webkit-transform: translateY(-50%) translateX(15px);

  transform: translateY(-50%) translateX(15px);

  top: 50%;

  left: 0;

  -webkit-box-ordinal-group: initial;

  -ms-flex-order: initial;

  order: initial;

}



.admin_student_submissions_php .midblone-n input[type="checkbox"]:checked {

  background-color: #507BB8 !important;

  border: 1px solid #507BB8 !important;

}



.admin_student_submissions_php .midblone-n input[type="checkbox"]:checked:after {

  content: '\e5ca';

  font-size: 15px;

  position: absolute;

  left: 2px;

  top: 2px;

  font-family: "Material Icons";

  color: white;

  z-index: 1;

  line-height: 1;

}



.admin_student_submissions_php .midblone-n .midblone01 {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  line-height: 1;

  margin-bottom: 10px;

}



.admin_student_submissions_php .midblone-n .midblone01 .mid-left {

  font-size: 16px;

  color: #193B6F;

  font-weight: 500;

  line-height: 1.3;

}



@media (max-width: 415px) {

  .admin_student_submissions_php .midblone-n .midblone01 .mid-left {

    font-size: 15px;

    margin-bottom: 10px;

  }

}



.admin_student_submissions_php .midblone-n .midblone01 .mid-right {

  font-size: 14px;

  color: #212121;

}



@media (max-width: 415px) {

  .admin_student_submissions_php .midblone-n .midblone01 {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    margin-bottom: 20px;

  }

}



.admin_student_submissions_php .midblone-n .midblone02 {

  line-height: 1;

  color: #616161;

  font-size: 14px;

}



.admin_assigned_php h1.hd-main.hd-main-left {

  display: none;

}



.admin_assigned_php .midblone-n {

  border-radius: 4px;

  border: 1px solid #eee;

  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.03);

  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.03);

  padding: 30px;

}



.admin_assigned_php .midblone-n input[type="checkbox"] {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 20px;

  flex: 0 0 20px;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  opacity: 1;

  width: 20px !important;

  height: 20px !important;

  border-radius: 2px !important;

  padding: 0 !important;

  border: 1px solid #9e9e9e !important;

  background-color: transparent !important;

  cursor: pointer;

  margin-right: 10px !important;

  outline: none;

  -webkit-transition: all;

  transition: all;

  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  -webkit-transition-duration: 300ms;

  transition-duration: 300ms;

  -webkit-transform: translateY(-50%) translateX(15px);

  transform: translateY(-50%) translateX(15px);

  top: 50%;

  left: 0;

  -webkit-box-ordinal-group: initial;

  -ms-flex-order: initial;

  order: initial;

}



.admin_assigned_php .midblone-n input[type="checkbox"]:checked {

  background-color: #507BB8 !important;

  border: 1px solid #507BB8 !important;

}



.admin_assigned_php .midblone-n input[type="checkbox"]:checked:after {

  content: '\e5ca';

  font-size: 15px;

  position: absolute;

  left: 2px;

  top: 2px;

  font-family: "Material Icons";

  color: white;

  z-index: 1;

  line-height: 1;

}



.admin_assigned_php .midblone-n .midblone01 {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  line-height: 1;

  margin-bottom: 10px;

}



.admin_assigned_php .midblone-n .midblone01 .mid-left {

  font-size: 16px;

  color: #193B6F;

  font-weight: 500;

  line-height: 1.3;

}



@media (max-width: 415px) {

  .admin_assigned_php .midblone-n .midblone01 .mid-left {

    font-size: 15px;

    margin-bottom: 10px;

  }

}



.admin_assigned_php .midblone-n .midblone01 .mid-right {

  font-size: 14px;

  color: #212121;

}



@media (max-width: 415px) {

  .admin_assigned_php .midblone-n .midblone01 {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    margin-bottom: 20px;

  }

}



.admin_assigned_php .midblone-n .midblone02 {

  line-height: 1;

  color: #616161;

  font-size: 14px;

}



.admin_contest_events_php h1.hd-main.hd-main-left,

.admin_events_php h1.hd-main.hd-main-left {

  display: none;

}



.admin_contest_events_php .mid-bl-bg,

.admin_events_php .mid-bl-bg {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}



.admin_contest_events_php .mid-bl-bg h2.hd-blk,

.admin_events_php .mid-bl-bg h2.hd-blk {

  width: 100%;

}



.admin_contest_events_php .mid-bl-bg .tab-width>img,

.admin_events_php .mid-bl-bg .tab-width>img {

  display: none;

}



.admin_contest_events_php .mid-bl-bg .tab-width .midblone-n,

.admin_events_php .mid-bl-bg .tab-width .midblone-n {

  margin: 0;

  height: 100% !important;

}



.admin_contest_events_php .mid-bl-bg .tab-width>a,

.admin_events_php .mid-bl-bg .tab-width>a {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  width: 100%;

  height: 100%;

  position: absolute;

  z-index: 1;

  left: 0;

  top: 0;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

}



.admin_contest_events_php .mid-bl-bg .tab-width>a i,

.admin_events_php .mid-bl-bg .tab-width>a i {

  position: relative;

  top: 0;

  left: 0;

  background: none !important;

  font-size: 54px !important;

  line-height: 54px;

  width: 54px;

  height: 54px;

  color: #9e9e9e;

}



.admin_contest_events_php .mid-bl-bg .tab-width>a i:before,

.admin_events_php .mid-bl-bg .tab-width>a i:before {

  font-family: "Material Icons";

  content: '\e145';

}



.admin_contest_events_php .mid-bl-bg .tab-width>a:hover,

.admin_events_php .mid-bl-bg .tab-width>a:hover {

  text-decoration: none;

}



.admin_contest_events_php .mid-bl-bg .tab-width>a:hover i,

.admin_events_php .mid-bl-bg .tab-width>a:hover i {

  color: #193B6F;

}

/* admin_events_php */
.admin_events_php .course-dashboard-wrapper .course-dashboard-item .course-dashboard-footer {
  padding: 7px 20px;
}



.grader_dashboard_php .blu-ass-left {

  background-color: white;

  border: 1px solid #eee;

  border-radius: 6px !important;

  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);

  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);

}



.grader_dashboard_php .blu-ass-left .blu-ass-sqr {

  background-color: transparent;

  border-radius: 0;

  border-top: 1px solid #eee;

}



.grader_dashboard_php .blu-ass-left .blu-ass-sqr .ass-01 .mid-left {

  color: #212121;

  font-size: 16px;

  font-weight: 500;

}



.grader_dashboard_php .blu-ass-left .blu-ass-sqr .ass-02 button {

  height: 40px;

  padding: 0 30px;

  line-height: 1;

  border-radius: 6px !important;

  outline: none;

  border: none;

  font-size: 14px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  padding-top: 0;

  text-align: center;

  white-space: nowrap;

  background-color: #FEC750 !important;

  color: #212121 !important;

  cursor: pointer;

  font-weight: 500;

  -webkit-box-shadow: none !important;

  box-shadow: none !important;

  text-shadow: none !important;

  -webkit-transition: all;

  transition: all;

  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  -webkit-transition-duration: 300ms;

  transition-duration: 300ms;

}



.grader_dashboard_php .blu-ass-left .blu-ass-sqr .ass-02 button a {

  color: #212121 !important;

  white-space: nowrap;

}



.grader_dashboard_php .blu-ass-left .blu-ass-sqr .ass-02 button.btn.btn-default.blue-mid {

  margin-right: 20px !important;

  background-color: #193B6F !important;

  color: white !important;

}



.grader_dashboard_php .blu-ass-left .blu-ass-sqr .ass-02 button.btn.btn-default.green-mid {

  margin-right: 20px !important;

  background-color: #4CAF50 !important;

}



@media (max-width: 415px) {

  .grader_dashboard_php .blu-ass-left .blu-ass-sqr .ass-02 button {

    float: none !important;

    margin-bottom: 20px;

  }

}



.grader_dashboard_php button.load_previous {

  border-radius: 0 !important;

  height: auto;

  background-color: transparent !important;

  color: #212121 !important;

  padding: 0 !important;

  margin-top: 30px;

}



.grader_dashboard_php button.load_previous:before {

  font-family: "Material Icons";

  font-size: 16px;

  content: '\e5cb';

}



.grader_dashboard_php .blu-ass-right {

  background-color: white;

  border: 1px solid #eee;

  border-radius: 6px !important;

  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);

  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);

}



.careers_php body {

  background: linear-gradient(14deg, #00D3EA 0%, #D8EEFC 100%) !important;

}



.careers_php .container-fluid.pas-rl-need.mrgn-need {

  max-width: 85% !important;

  padding: 0 !important;

}



.careers_php .container-fluid.pas-rl-need.mrgn-need h1.hd-main.hd-main-left {

  padding: 0;

  font-size: 26px !important;

  font-weight: 600;

  margin-bottom: 20px !important;

  margin-top: 0;

  line-height: 1;

  color: #fff !important;

  text-align: left;

}



.careers_php .container-fluid.pas-rl-need.mrgn-need h3.hd-main.hd-main-left {

  padding: 0;

  font-size: 26px !important;

  font-weight: 600;

  margin-bottom: 20px !important;

  margin-top: 0;

  line-height: 1;

  color: #fff !important;

  text-align: left;

  margin-top: 50px;

  margin-bottom: 30px !important;

}



.careers_php .container-fluid.pas-rl-need.mrgn-need .col-md-10.abpp {

  padding: 0 !important;

}



.careers_php .container-fluid.pas-rl-need.mrgn-need .col-md-10.abpp .col-md-12:first-child {

  padding: 0 !important;

}



.careers_php .container-fluid.pas-rl-need.mrgn-need .col-md-10.abpp .col-md-12:first-child p {

  margin-bottom: 10px;

  font-size: 15px;

  color: #fff;

  line-height: 1.5;

  text-align: left;

}

.career_detail .container-fluid .hd-main.hd-main-left.title {
  color: #fff !important;
}

.career_detail p {
  color: #fff;
}



.careers_php .container-fluid.pas-rl-need.mrgn-need .col-md-10.abpp .col-md-12:first-child p strong {

  font-size: 18px;

}



.careers_php .container-fluid.pas-rl-need.mrgn-need .col-md-10.abpp .career_block {

  padding: 20px !important;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  background-color: #193B6F;

  border-radius: 6px;

  border: none;

}



.careers_php .container-fluid.pas-rl-need.mrgn-need .col-md-10.abpp .career_block .career_head.col-md-12 {

  line-height: 1.5;

  margin-bottom: 20px;

  font-size: 20px;

  color: white;

  text-align: left;

}



.careers_php .container-fluid.pas-rl-need.mrgn-need .col-md-10.abpp .career_block>.col-md-12 {

  padding: 0;

}



.careers_php .container-fluid.pas-rl-need.mrgn-need .col-md-10.abpp .career_block>.col-md-12 .career_detail.col-sm-9.col-md-10 {

  padding: 0 !important;

}



.careers_php .container-fluid.pas-rl-need.mrgn-need .col-md-10.abpp .career_block>.col-md-12 .career_detail.col-sm-9.col-md-10 p {

  color: white;

  opacity: 0.8;

  text-align: left;

}



.careers_php .container-fluid.pas-rl-need.mrgn-need .col-md-10.abpp .career_block>.col-md-12 .col-sm-3.col-md-2 {

  padding: 0;

  -webkit-box-flex: 1;

  -ms-flex: auto;

  flex: auto;

  max-width: initial;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.custom-home .water-under-sand {

  padding-bottom: 40rem !important;

}

/* @media(min-width:1500px){

  .custom-home .water-under-sand{

    padding-bottom: 80rem !important;

  }

} */

@media(max-width:991px) {

  .custom-home .water-under-sand {

    padding-bottom: 60rem !important;

  }

}

@media (min-width: 1600px) {

  .custom-home .events-section {

    margin-bottom: 300px;

  }

}





.coursecourse_view_php .activityinstance {

  display: inline-block !important;

}



.spotlight_detail_php section.water-under-sand>img {

  height: calc(100% + 260px + 210px);

  -o-object-fit: cover;

  object-fit: cover;

}

@media(max-width:767px) {

  #testimonials {

    overflow: hidden;

  }

}

@media (max-width: 415px) {

  .spotlight_detail_php section.water-under-sand>img {

    height: calc(100% + 1000px);

  }

}



/*DTL

Error MSG CSS */



.error_msg {

  width: 100%;

}



.error_msg .alert.alert-danger {

  background-color: red;

}



.error_msg .alert ul li {

  color: #fff;

}



.btn-plc {

  width: 20%;

}



.myform input[type="checkbox"] {

  height: auto;

  width: auto !important;

}



/* Add button Back Button */



.add-btn {

  display: flex;

  justify-content: end;

}



.add-btn a,

.back_list_btn a {

  padding: 10px 20px;

  background-color: #507BB8;

  font-size: 15px;

  border-radius: 4px;

  color: white !important;

  text-decoration: none;

}



.add-btn a:hover,

.back_list_btn a:hover {

  background-color: #FEC750 !important;

}







.submit-btn:hover {

  background-color: #FEC750 !important;

}



.submit-btn {

  padding: 10px 50px;

  background-color: #507BB8 !important;

  font-size: 15px !important;

  border-radius: 4px !important;

  color: white !important;

  width: auto !important;

}



.myform input {

  height: 36px;

  border-radius: 0px;

  border: 0px;

  margin-bottom: 25px;

  width: 100%;

}



.myform div {

  padding: 0;

}



.cke_chrome {

  visibility: inherit;

  width: 100% !important;

  margin-bottom: 25px !important;

}



.grader_image {

  position: absolute;

  z-index: 1;

  left: -9px;

  width: 60px;

  top: 55px;

  border-radius: 30px;



}



#mform1 .hidden {

  display: block !important;

}



.faq .course-dashboard-wrapper .course-dashboard-item .course-dashboard-header .course-dashboard-name-wrapper span.course-dashboard-name {

  -webkit-box-orient: vertical;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: normal;

}



.student_assignment .course-dashboard-wrapper .course-dashboard-item .course-dashboard-footer span.course-dashboard-footer-title {

  width: 53% !important;

}



.faq .course-dashboard-wrapper .course-dashboard-item .course-dashboard-attrib {

  margin-bottom: 10px;

}







.events .course-dashboard-wrapper .course-dashboard-item .course-dashboard-attrib {

  flex-direction: initial;

  align-items: center;

}



.testimonials .course-dashboard-attrib-data.comment {

  -webkit-box-orient: vertical;

  display: -webkit-box;

  -webkit-line-clamp: 3;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: normal;

  line-height: 1.5rem;

}



.testimonials .course-dashboard-wrapper .course-dashboard-item .course-dashboard-attrib span.course-dashboard-attrib-title {

  margin-bottom: 10px;

}



.spotlight .course-dashboard-attrib-data.spotlight_description,

.faq .course-dashboard-attrib-data.answer {

  -webkit-box-orient: vertical;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: normal;

  line-height: 1.5rem;

}





.career .course-dashboard-wrapper .course-dashboard-item .course-dashboard-attrib {

  flex-direction: initial;

  align-items: center;

}



.career .course-dashboard-wrapper .course-dashboard-item .course-dashboard-attrib p {

  margin-bottom: 0;

}



.coursesmodules .course-dashboard-wrapper .course-dashboard-item .course-dashboard-attrib {

  margin-bottom: 5px;

}



.coursesmodules .course-dashboard-attrib-data.content {

  -webkit-box-orient: vertical;

  display: -webkit-box;

  -webkit-line-clamp: 1;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: normal;

  line-height: 1.5rem;

}



label.error {

  color: red !important;

}



.request-btn {

  color: #fff !important;

}



.request-btn:hover {

  background-color: #507BB8 !important;

}



.complete-request-btn {

  color: #fff !important;

  background-color: #507BB8 !important;

}



.complete-request-btn:hover {

  background-color: #FEC750 !important;

}



.grader-review {

  text-align: left;

  font-size: 18px;

  color: white;

  font-weight: 400;

  line-height: 1.5;

  background-color: #7BCBB6;

  padding: 10px;

  border-radius: 4px;

  margin: 0;

}



.course-list-row {

  display: flex;

  justify-content: start;

}



.course-list-row.right {

  display: flex;

  justify-content: end;

}



.course-list-row .course-list-item {

  width: 49%;

}

@media(max-width:767px) {

  .course-list-row .course-list-item {

    width: 100%;

    margin-bottom: 7rem;

  }

}

/* Home Page */



.custom-home {

  position: relative;

}



.custom-home footer {

  background-image: none !important;

  position: absolute;

  bottom: 0;

  width: 100%;

  z-index: 9;

}

/* .custom-home #banner_section #ptero_svg{

width: 100% !important;

} */



/* SearchBar */



.filter {

  display: flex;

  align-items: center;

  margin-bottom: 10px;

}



.filter form {

  display: flex;

  align-items: center;

}



.filter select {

  width: 65%;

}



.filter .search-title {

  font-size: 16px;

  line-height: 20px;

  font-weight: bold;

  margin-right: 10px;

}



.search-btn {

  margin: 0;

  margin-left: 15px;

  color: white !important;

}



.search-btn:hover {

  background-color: #507BB8 !important;

}



/* User List Page*/



.users .course-dashboard-wrapper .course-dashboard-item .course-dashboard-footer span.course-dashboard-footer-title,

.batchlist .course-dashboard-wrapper .course-dashboard-item .course-dashboard-footer span.course-dashboard-footer-title,

.coursesmodules .course-dashboard-wrapper .course-dashboard-item .course-dashboard-footer span.course-dashboard-footer-title {

  width: 50%;

}





/* Greader List */



.grader .course-dashboard-attrib-data {

  display: flex;

  justify-content: flex-end;

  width: 100%;

}



.grader .course-dashboard-attrib {

  text-align: left;

}







/* contact-form */



.contact-page .right-form .form-control {

  width: 100% !important;

}



/* end */



/* contact-page */



.contact_php .footer1.w-fish.wandering-footer {

  margin-top: 250px;

}

.contact_php .mobile-menu-overlay {
  z-index: 1000;
}



/* end */



/* community-page */



.community_php .new-community-section.community-card {

  bottom: 150px;

}







.community_php .community-page-section.top-post {

  padding-top: 50px;

}



.community_php .footer1.w-fish.wandering-footer {

  margin-top: -113px;

}

.community_php .mobile-menu-overlay {
  z-index: 1000;
}

/* end */



.testimonials_php.testimonial-page nav {

  background-color: transparent;

}



/* testimonials */

.testimonials_php.testimonial-page footer.footer1 {

  margin-top: 100px !important;

}

.section .container .component-section-title {

  padding-top: 51px;

}

@media(max-width:991px) {

  .testimonials_php.testimonial-page footer.footer1 {

    margin-top: 0 !important;

  }

  .testimonial-page .testimonial-item {

    margin-bottom: 100px;

  }

}

@media(max-width:767px) {

  .testimonials_php.testimonial-page footer.footer1 {

    margin-top: 60px !important;

  }

}

/* end */



/* spot light */

.spotlight_php.spotlight-page .water-under-sand {

  padding-bottom: 250px !important;

}

.spotlight_php.spotlight-page footer.footer1 {

  margin-top: -20rem !important;

}



/* about page*/



.about_php .footer1.w-fish.wandering-footer {

  margin-top: -58px;

}

@media(max-width:991px) {

  section.bottom-waves-section p.bottom-waves-text {

    font-size: 30px;

    line-height: 1.3;

  }

  .about-us-page-who {

    height: 55vh;

  }

}

/* end */





/* event page*/





.events_php.events-page .events-section {

  padding-bottom: 0px;

}





.events_php.events-page .footer1.w-fish.wandering-footer {

  margin-top: -227px;

}



/* end */



/* Course Page */



/* .courses_php.course-listing .water-starts {

  background-color: #c2e6ed;

  z-index: 0;

} */



.courses_php.course-listing {

  position: relative;

}



.courses_php.course-listing footer {

  background-image: none !important;

  position: absolute;

  bottom: 0;

  width: 100%;

  z-index: 9;

}



@media (min-width: 1700px) {

  .courses_php.course-listing .water-under-sand {

    padding-bottom: 55rem !important;

  }

}

@media (min-width: 1800px) {

  .courses_php.course-listing .water-under-sand {

    padding-bottom: 62rem !important
  }

}



/* assignments Page  (pop up ) */



.modal-content .modal-body .userList .advance_option {

  text-align: right;

}

.modal-content .modal-body .reassign-checkbox {

  display: flex;

  align-items: center;

  justify-content: flex-end;

  text-align: end;

}

.modal-content .modal-body .userList {

  padding-top: 15px;

}

.modal-content .modal-body .form-control {

  width: 100%;

}

.modal-content .modal-body .form-control:focus {

  box-shadow: none;

}



/* Faq page (box content) */



.faq .course-dashboard-footer.course-dashboard-enrollments-footer .course-dashboard-attrib-data.answer {

  width: 100%;

}

.faq .course-dashboard-footer.course-dashboard-enrollments-footer .course-dashboard-attrib-title {

  width: 25%;

}

.faq .course-dashboard-wrapper .course-dashboard-item .course-dashboard-footer {
  padding: 6px 20px;
}


/* career page (box content) */
.career_detail {
  position: relative;
}

.career_detail footer {

  background-image: none !important;

  position: absolute;

  bottom: 0;

  width: 100%;

  z-index: 9;

}

.career-page {
  position: relative;
}

.career-page footer {

  background-image: none !important;

  position: absolute;

  bottom: 0;

  width: 100%;

  z-index: 9;

}

.career .course-dashboard-footer.course-dashboard-enrollments-footer .course-dashboard-attrib-title {

  width: 38%;

}



.career .course-dashboard-footer.course-dashboard-enrollments-footer .course-dashboard-attrib-data {

  width: 100%;

  -webkit-box-orient: vertical;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: normal;

  line-height: 1.5rem;

}

.career .course-dashboard-wrapper .course-dashboard-item .course-dashboard-footer {
  padding: 7px 20px;
}


/* testimonials page (box content) */



.testimonials .course-dashboard-footer.course-dashboard-enrollments-footer .course-dashboard-attrib-data.comment {

  width: 100%;

}



.testimonials .course-dashboard-footer.course-dashboard-enrollments-footer .course-dashboard-attrib-title {

  width: 32%;

}



/* spotlight page (box content) */



.spotlight .course-dashboard-footer.course-dashboard-enrollments-footer .course-dashboard-attrib-data.spotlight_description {

  width: 75%;

}



.spotlight .course-dashboard-footer.course-dashboard-enrollments-footer .course-dashboard-attrib-title {

  width: 50%;

}

.spotlight .course-dashboard-wrapper .course-dashboard-item .course-dashboard-footer {
  padding: 7px 20px;
}

/* grader_dashborad page (box)*/

.grader_dashborad .course-dashboard-item .fa-download-size {

  font-size: 18px;

  padding-left: 10px;

}



.grader_dashborad .course-dashboard-item.upload-file-center {

  justify-content: center !important;

}



.grader_dashborad .course-dashboard-item .upload-file-center button {

  width: 100%;

  margin: 10px 0px;

}



.grader_dashborad .course-dashboard-item .course-dashboard-footer-title-h {

  text-align: right;

  width: 50%;

}



.grader_dashborad .course-dashboard-item .course-dashboard-footer {

  padding: 2px 20px;

}

@media only screen and (max-width: 991px) {

  .grader_dashborad .course-dashboard-item .course-dashboard-footer span.course-dashboard-footer-title {

    width: 53%;

  }

}

/* course_inquiry page  */



.course_inquiry .form-control {

  width: 100% !important;

}



/* Pagination */

.active-page .page-item.active .page-link {

  background-color: #507BB8 !important;

}



.active-page .page-link {

  color: #507BB8;

}



.active-page {

  justify-content: center;

}



.active-page .page-item {

  outline: none;

}



.active-page .page-link:focus {

  box-shadow: none;

}



.active-page .page-item.active .page-link {

  color: white;

}

/* admin course-page */
@media only screen and (max-width: 767px) {
  .admin-courses-section .add-btn a {
    margin-right: 15px;
  }
}

/* admin- coursesmodules page */
.coursesmodules .filter select {
  width: 60%;
}

.coursesmodules .col-md-6.filter {
  padding-right: 0px;
}

@media only screen and (max-width: 767px) {
  .coursesmodules .filter {
    padding: 0;
    justify-content: space-between;

  }

  .coursesmodules .col-md-6 {
    padding: 0;
  }
}

/* payment-page */
/* #page-content {
  margin-top: 80px;
}

.courseimage {
  width: 200px !important
} */

/* .teachers {
  display: none;
} */
/* .water-under-sand
{
  background-position: bottom;
} */

/* admin -courseEnrollment page  */
.admin_courseEnrollment .mid-bl-bg {
  overflow-x: auto;
  flex-wrap: nowrap;
}

.admin_courseEnrollment .filter {
  padding: 0;
}

.admin_courseEnrollment .add-btn-user {
  display: inline-flex;
  justify-content: flex-end;
  padding-right: 32px;
}

.admin_courseEnrollment .col-md-6.filter-search .search-btn {
  padding: 0 25px;
}

@media only screen and (max-width: 991px) {
  .admin_courseEnrollment .container-fluid.pas-rl-need.mrgn-need .row {
    flex-direction: column;
  }

  .admin_courseEnrollment .row.search_filter {
    flex-direction: column;
  }

  .admin_courseEnrollment .col-md-6.filter-search .search-title {
    width: 70px;
  }
}

@media only screen and (max-width: 767px) {
  .admin_courseEnrollment .col-md-6.filter-search .search-title {
    width: auto;
  }

  .admin_courseEnrollment .col-md-6.filter-search {
    flex-direction: column;
    align-items: flex-start;
  }

  .admin_courseEnrollment .col-md-6.filter-search form {
    width: 100%;
    justify-content: space-between;
  }

  .admin_courseEnrollment .col-md-6.filter-search input[type="text"] {
    padding-left: 0px !important;
  }

  .admin_courseEnrollment .col-md-6.filter-search .search-btn {
    padding: 0 10px;
  }

  .admin_courseEnrollment .add-btn-user {
    padding-right: 0px;
  }

  .admin_courseEnrollment .btn-form-reset {
    width: 100%;
    margin-top: 10px;
  }

  .admin_courseEnrollment .btn-form-reset .search-btn {
    width: 100%;
    margin-left: 0px !important;
  }

  .admin_courseEnrollment .filter {
    justify-content: space-between;
  }
}


.water-under-sand {
  background-position: bottom;
}


/* admin credit  */
.container-fluid .frm-rt-org .btn-extra {
  width: 100%;
  background: #fef3e1;
}

.critique-col {
  display: flex;
}

.critique-col .box0 {
  justify-content: flex-end;
}

@media screen and (max-width: 767px) {
  .container-fluid.mrgn-need.pas-rl-need button {
    right: 0%;
  }

  .container-fluid.mrgn-need.pas-rl-need .critique-col {
    padding-bottom: 20px;
  }
}

/* admin  forum-topic- page */
.forum-admin-topic .forum-header-div button {
  color: white;
}

.forum-admin-topic .forum-header-div button:hover {
  background-color: #507BB8;
}

.forum-admin-topic .container-fluid.mrgn-need.pas-rl-need .forum_box.forum-topic-table {
  border: 1px solid #507BB8 !important;
  border-bottom: none !important;
}

.forum-topic-table .dtl-header .forumhead {
  border-bottom: 1px solid #507BB8 !important;
}

.forum-topic-table .dtl-body .forumbody {
  border-bottom: 1px solid #507BB8 !important;
}

.forum-topic-table .dtl-body .forumbody:not(:last-child) {
  border-right: 1px solid #507BB8 !important;
}

.forum-topic-table .dtl-header .forumhead:not(:last-child) {
  border-right: 1px solid #507BB8 !important;
}

.forum-admin-topic .forum-topic-table .forumhead {
  font-size: 20px;
}

.forum-admin-topic .forum-topic-table .forumbody {
  font-size: 15px !important;
}

.forum-admin-topic #add_forum {
  border: none;
}

.forum-admin-topic .fourm-topic-btn {
  display: flex;
  justify-content: center;

}

.forum-admin-topic .fourm-topic-btn button {
  margin-left: 10px;
  margin-right: 10px;
  color: white;
}

.forum-admin-topic .fourm-topic-btn button:hover {
  background-color: #507BB8;
}

.forum-admin-topic .fourm-topic-btn .submit_approve {
  margin-left: 0%;
}

@media screen and (max-width: 767px) {
  .forum-admin-topic .container-fluid.mrgn-need.pas-rl-need .forum-header-div button {
    margin-top: 20px;
  }

  .forum-admin-topic .forum-header-div {
    width: 100% !important;
    flex-direction: column;
  }

  .forum-admin-topic .container-fluid.mrgn-need.pas-rl-need .forum_box.forum-topic-table {
    margin-bottom: 40px !important;
    margin: 0px 15px;
  }
}

@media screen and (max-width: 991px) {
  .forum-admin-topic .forum-topic-table .forumhead {
    font-size: 15px !important;
  }
}

/* student-assignment page  */
.std-assignment .course-dashboard-wrapper .course-dashboard-item .course-dashboard-footer {
  padding: 7px 20px;
}

.std-assignment .course-dashboard-wrapper .course-dashboard-item .course-dashboard-footer .course-dashboard-footer-title-h {
  width: 50%;
  text-align: end;
}

.std-assignment .course-dashboard-wrapper .course-dashboard-item .course-dashboard-footer .download-i {
  padding-left: 10px;
}

.std-assignment .course-dashboard-wrapper .course-dashboard-item .request-btn {
  margin-top: 10px;
}

@media screen and (max-width: 767px) {
  .student_assignment .course-dashboard-wrapper .course-dashboard-item .course-dashboard-footer span.course-dashboard-footer-title {
    width: 39% !important;
  }

  .std-assignment .row {
    width: 100%;
  }
}

/* footer-php */
.wandering-footer .container {
  padding-bottom: 2rem;
}

/* fourm-list-admin */
.fourm-list-admin .status-btn {
  font-size: 12px;
  padding: 5px;
  color: white;
}

@media only screen and (max-width: 767px) {
  .fourm-list-admin .mid-bl-bg.row {
    overflow-x: scroll;
    flex-wrap: nowrap;
  }
}

/* student order */
@media (max-width: 480px) {
  .student_orders_php.bodyClass .panel-body .tab-pane.fade {
    width: 100% !important;
  }
}

@media (max-width: 1024px) {
  .student_orders_php.bodyClass .panel-body .tab-pane.fade {
    width: 95% !important;
  }

  .container-fluid.student_orders_php.bodyClass .menu-bars {
    display: none;
  }
}

/* //popo */
.forum-admin-topic .myform #add_forum .forum-pop {
  position: fixed;
  z-index: 9999;
  margin: auto;
  background: #06060669;
  width: 100% !important;
  height: 100% !important;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.forum-admin-topic .myform #add_forum .forum-pop .forum-pop-list {
  width: 35%;
  height: auto;
  background: #fff;
  border-radius: 10px;
}

.forum-admin-topic .myform #add_forum {
  top: 35%;
  left: 35%;
  position: inherit;
}

.forum-admin-topic .myform #add_forum .forum-pop .forum-pop-list .div1 {
  margin-left: 50px;
}

.forum-admin-topic .myform #add_forum .forum-pop .forum-pop-list .div2 {
  margin-left: 50px;
}

.forum-admin-topic .myform #add_forum .forum-pop .forum-pop-list .submit-btn {
  margin-top: 15px;
  padding: 0px 30px;
  font-size: 14px !important;
  height: 40px;
  margin-left: 10px;
  margin-right: 10px;
  display: flex;
  align-items: center;
}

@media (max-width: 480px) {
  .forum-admin-topic .myform #add_forum .forum-pop .forum-pop-list {

    width: 70%;
  }
}

/* creditManager page  */
.creditManager .padding-mb {
  padding-left: 0px;
  padding-right: 0px;
}

.creditManager .hd-blk {
  text-align: center !important;
  font-weight: bold;
}

.creditManager .credi-update-title {
  padding-bottom: 10px !important;
}

.creditManager .credi-update-title input[type="text"] {
  padding-top: 0px;
}

.creditManager .container-fluid.pas-rl-need.mrgn-need {
  justify-content: center;
}

@media screen and (max-width: 767px) {
  .creditManager .right_form {
    padding-left: 0px;
    padding-right: 0px;
  }
}

/* community-page-section */
.community_php .community-page-section .community-img-center {
  justify-content: end;
}

.community_php .wandering-footer {
  background-position: top center;

}

@media screen and (max-width: 991px) {
  .community_php .community-page-section .community-img-center {
    display: flex;
    justify-content: center;
  }
}

/* @media screen and (min-width: 1800px)
{
  .community_php .wandering-footer
  {
    padding-top: 38rem !important;
  }
} */
/* contact-page */
.contact-page .water-starts .water {
  height: 2320px !important;
}

@media screen and (max-width: 991px) {
  .contact-page .water-starts .water {
    height: 2520px !important;
  }
}


@media(min-width:991px) and (max-width:1160px) {
  .contact-page .contact-section .container {
    flex-direction: column;
  }

  .contact-page .contact-section .container .left-content {
    width: 100%;
  }

  .contact-page .contact-section .container .right-form {
    width: 100%;
    margin-top: -14px;
  }

  .contact-page .water-starts .contact-sand {
    top: -470px;
  }
}

/* about-page */
.about_php .about-us-page-who .component-section-title {
  padding-top: 0px !important;
  top: 0% !important;
  transform: inherit !important;
  margin-top: 214px;
}

@media (max-width: 415px) {
  .about_php #banner_section .component-section-title {
    top: 1% !important;
    margin-top: 117px;
  }

  /* .about_php .about-us-page-who
  {
    height: 100vh !important;
  } */
}

@media (max-width: 767px) {
  .about_php .about-us-page-who {
    height: 52vh;
  }

}

/* @media screen and (max-width: 991px)
{
.about_php .footer1.w-fish.wandering-footer
{
  margin-top: -127px;
}
} */
@media(min-width:1025px) and (max-width:1011px) {
  .community_php .footer1.w-fish.wandering-footer {
    margin-top: -114px !important;
  }
}

@media(min-width:991px) and (max-width:1011px) {
  .community_php .footer1.w-fish.wandering-footer {
    margin-top: -178px !important;
  }

}

@media(min-width:991px) and (max-width:1024px) {
  .faq-section {
    margin-bottom: 100px;
  }
}

@media screen and (max-width: 1024px) {
  .about_php .footer1.w-fish.wandering-footer {
    margin-top: -127px;
  }

  /* .community_php .footer1.w-fish.wandering-footer
{
  margin-top: -127px;
} */
  .contact_php .footer1.w-fish.wandering-footer {
    margin-top: 114px;
  }
}


/* ##### */
#page-content {
  margin-bottom: 0;
}

.course-listing .course-list-wrapper {
  background-position: right top;
  background-size: contain;
  background-repeat: no-repeat;

}

.course-listing #course_listing_section {
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 8rem !important;
  padding-top: 1rem;

}

#course_features,
#testimonials {
  background-color: #b6e4ee;
  margin-top: 0 !important;

}

.course-listing #testimonials {
  padding-bottom: 290px;
}

.testimonials_php.testimonial-page #testimonials .component-section-title {
  margin-top: 50px !important;
}

.faq-section {
  margin-top: 0 !important;
  background-color: #b6e4ee;
  padding-top: 2rem;
}

#page-content .water-starts {
  margin-top: 0 !important;
}

.water-starts img.contact-sand {
  z-index: 1 !important;
}

.faq-questions-wrapper,
.contact-section .left-content {
  z-index: 999 !important;
}

.water-starts img.water {
  z-index: 0 !important;
}

.component-section-title {
  z-index: 999;
}

.course-listing section#region-main {

  margin-top: -150px !important;
}

.spotlight_detail_php .spotlight-section {
  padding-top: 350px !important;
}

.about-us-page-who {
  height: 100% !important;
}

.why-how-section {
  padding: 35rem 0 18rem 0;
  height: 100%;
}

.about-us-page-who {
  padding: 10rem 0;
}

@media(max-width:1180px) {
  .course-listing .course-list-wrapper {
    background-image: none !important;
  }
}

@media (min-width: 767px) and (max-width: 991px) {
  .courses_php .water-starts .contact-section {
    margin-top: 376px !important;
  }

}

@media(max-width:992px) {
  .water-starts {
    background-color: #b6e4ee;
  }

  .contact-page .water-starts {
    background-color: transparent;
  }

  .courses_php .water-under-sand {
    padding-bottom: 62rem !important;
  }

  .about_php .why-how-section .container {
    margin-top: 275px;

  }

}

@media(max-width:1024px) {

  .career-page .water-under-sand {
    padding-bottom: 110rem !important;
  }

  .career_detail .water-under-sand {
    padding-bottom: 150rem !important;
  }

  #ptero_svg {
    height: 100%;
  }

  #testimonials {
    margin-top: 0 !important;
  }

  .course-listing #course_features,
  .course-listing #testimonials {
    padding-bottom: 60px;
  }

  .why-how-section {
    padding: 12rem 0 12rem 0;
    height: 100%;
  }

  .about_php .water-starts {
    background: #5ec9c8;
  }
}

@media(max-width:767px) {
  .custom-home .water-starts {
    margin-top: 0 !important;
  }

  .custom-home .faq-section {
    margin-top: 0 !important;
    background-color: #b6e4ee;
  }

  .course-listing .water-starts {
    padding-top: 0rem;
    background-color: #b6e4ee;
  }

  .course-listing .faq-section {
    margin-bottom: 100px;
  }

  .course-listing #course_listing_section {
    padding-bottom: 0 !important;
  }

  .spotlight-page section.water-under-sand .spotlight-section {
    padding-top: 380px !important;
  }

  .faq-page .check-courses-section .check-courses-section-wrapper {
    flex-direction: column !important;
  }

  .faq-page .new-spotlight-section h1 {
    margin-bottom: 1.5rem !important;
  }

  .faq-page .detailed-faq-section {
    padding-top: 30px;
  }

  .faq-page .check-courses-section-wrapper .right-btn-icon {
    margin: 0 auto;
  }

  .course-listing .faq-section {
    margin-bottom: 265px;
  }

  .water-starts img.contact-sand {
    top: 480px;
  }
}

@media (max-width: 420px) {
  .course-listing .water-starts {
    padding-top: 0rem;
    background-color: #b6e4ee;
  }

  .water-starts img.contact-sand {
    top: 530px;
  }

  .course-listing .faq-section {
    margin-bottom: 290px;
  }
}

/* spotlight page */

@media(max-width:992px) {
  .spotlight_php.spotlight-page .spotlight-section .spotlight-item {
    height: 630px;
  }

  .spotlight_php.spotlight-page .spotlight-section .spotlight-item .spotlight-text {
    min-height: 342px;
  }
}

/* testimonial-page */
@media(max-width:325px) {
  .testimonial-page .testimonial-item {
    margin-bottom: 32px;
  }
}

@media (min-width: 680px) and (max-width: 767px) {
  .testimonial-page .testimonial-col {
    max-width: 50%;
  }

  .testimonial-page .testimonial-item {
    margin-bottom: 0px;
  }
}

@media (min-width: 620px) and (max-width: 679px) {
  .testimonial-page .testimonial-item {
    margin-bottom: 241px;
  }
}

/* home page  */
.custom-home .mobile-menu-overlay {
  z-index: 1000;
}

.custom-home #page-content .water-starts {
  margin-top: 153px !important;
}

.custom-home #course_features {
  background-color: transparent !important;
}

.custom-home #testimonials {
  background-color: transparent !important;
}

@media (min-width: 1024px) {

  .custom-home #page-content .water-starts {
    margin-top: 0px !important;
  }

}


@media (min-width: 1092px) {
  .custom-home #testimonials {
    background-color: transparent !important;
  }
}

@media (max-width: 991px) {
  .custom-home .course-list .course-item img {
    margin-top: -14px !important;
  }

  .custom-home #page-content .water-starts {
    margin-top: 0px !important;
  }

  .custom-home #the_who {
    z-index: 1;

  }

  .custom-home #the_who .component-section-title {
    top: 40%;
    width: 59%;
  }

  .custom-home #banner_section {
    margin-top: -75px !important;
  }

  .custom-home #banner_section img#banner_img {
    z-index: 1;
    height: 82vh;
    width: 100vw;
  }

  .custom-home #banner_section .component-section-title {
    margin-top: 262px;
  }

  .custom-home #the_who img#the_who_img {
    height: 85vh;
    width: 122vw;
    margin-top: 298px;
  }

  .custom-home #courses_section {
    margin-top: -253px;
    padding-top: 83px;
  }


}

@media (min-width: 1025px) {
  .custom-home #the_who {
    margin-top: -243px;
  }

  .custom-home #testimonials .testimonial-item {
    margin-bottom: 69px;
  }

}

@media (min-width: 1400px) {
  .custom-home #the_who {
    margin-top: -54px;
  }
}

@media (max-width: 415px) {
  .custom-home #the_who .component-section-title {
    top: 18% !important;
    width: 90%;
  }
}

@media (min-width: 1265px) {
  .custom-home #courses_section .course-list .course-item img {
    margin-top: -36px;
  }

  .bg-color-cource {
    margin-top: -130px !important;
  }

  .custom-home #testimonials .testimonial-item {
    padding-bottom: 149px;
  }
}

@media (min-width: 1524px) {
  .custom-home #courses_section {
    margin-top: -30px;
  }

  .bg-color-cource {
    margin-top: -158px !important;
  }
}

@media (max-width: 767px) {
  .custom-home #page-content .water-starts {
    margin-top: 0px !important;
  }

  .custom-home .course-list .course-item img {
    margin-top: -13px;
  }

  .custom-home #courses_section {
    margin-top: -228px;
  }

  .custom-home #banner_section .component-section-title {
    margin-top: 37px;
  }

  .custom-home #banner_section {
    height: 471px;
  }

  .custom-home #banner_section img#banner_img {
    height: 129vh;
    width: auto;
  }

  .custom-home #the_who img#the_who_img {
    height: 133vh;
    width: auto;
    margin-top: 0px
  }
}

/* admin courses add list page */
.myform .form-date {
  position: relative;
}

.myform .form-date .input-group-addon {
  position: absolute;
  z-index: 1;
  margin-left: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 44px;
}

.myform .form-date input.form-control {
  padding-left: 35px !important;
}


/* home page background-color */
.bg-color-cource {
  background-image: url("./../res/sky_bg.svg") !important;
  margin-top: -110px;
  background-size: cover;
}


/* contest pop */
.contest-model {
  max-width: 50% !important;
  margin: auto;
}

.contest-model .contest-row-modal {
  display: flex;
  padding: 0px 32px;
}

.contest-model .contest-row-modal .modal-body h3 {
  text-align: left;
  font-size: 21px;
}

.contest-model .contest-row-modal .checkbox-user-error {
  height: 224px;
  overflow-x: auto;
}

.contest-model .modal-content {
  background-color: #f1f1f1;
}

@media (max-width: 767px) {
  .contest-model {
    max-width: 80% !important;
    margin: auto;
  }

  .contest-model .contest-row-modal {
    flex-direction: column;
  }

  .contest-model .contest-row-modal .checkbox-user-error {
    height: auto;
  }

  .contest-model .contest-row-modal .modal-body h3 {
    text-align: center;
  }
}

/* credit-PayUMoney-pop- */
@media (max-width: 767px) {
  .PayUMoney-pop-img {
    width: 100%;
  }
}


.cms_banner_img .date_block-main:last-child .date_block:last-child span {
  color: white !important;
}

/* Student Details Page */


.users_details table,
.users_details th,
.users_details td {
  border: 1px solid black;
  padding: 10px;
  text-align: center;
}

.users_details .enroll-btn {
  color: #fff;
}

.users_details .enroll-btn:hover {
  background-color: #507BB8 !important;
}

.users_details .badge-success {
  padding: 10px;
  font-size: 12px;
}

.users_details .tab-content .tab-pane {

  width: 100%;
  padding: 20px;
}

/* spotlight single */


.spotlight_detail_php section.water-under-sand>img {
  height: calc(100% + 454px + 210px);
}

@media (min-width:1701px) and (max-width:1950px) {
  .spotlight_detail_php section.water-under-sand>img {
    height: calc(100% + 230px + 210px);
  }
}


@media (min-width:1500px) and (max-width:1700px) {
  .spotlight_detail_php section.water-under-sand>img {
    height: calc(100% + 342px + 210px);
  }
}