@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap");
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after {
  content: '';
  content: none; }

q:before, q:after {
  content: '';
  content: none; }

input, textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: 0;
  background: #fff; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

*:focus {
  outline: 0; }

/* Main definitions */
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  -webkit-text-size-adjust: 100%;
  overflow-y: scroll; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none; }

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

img {
  max-width: 100%; }

input {
  -webkit-appearance: none; }

body {
  margin: 0;
  position: relative;
  color: #fff;
  -webkit-text-size-adjust: 100%;
  background: url(../images/bg-main.png) #071535;
  font-family: "Poppins", sans-serif;
  display: flex;
  flex-direction: column;
  font-weight: 400;
  min-height: 100%; }
  body.light-mode {
    background: url(../images/bg-main-light.png) #fff;
    color: #484848; }

b, strong {
  font-weight: bold; }

i, em {
  font-style: italic; }

a {
  transition: all .25s ease;
  text-decoration: none;
  color: #fff; }
  a:hover {
    text-decoration: none;
    transition: all .3s ease; }

.clear {
  clear: both; }

.cf:before {
  content: " ";
  display: table; }

.cf:after {
  content: " ";
  display: table;
  clear: both; }

.wrapper {
  width: 100%;
  max-width: 1440px;
  padding: 0 15px;
  margin: 0 auto;
  z-index: 1; }

.page-content {
  flex: 1 0 auto; }

.scroll-disabled {
  margin: 0;
  height: 100%;
  overflow: hidden; }

.link-arrow {
  color: #8ac6ff;
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
  padding-right: 20px;
  position: relative; }
  .link-arrow:after {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    content: '';
    display: inline-block;
    width: 10px;
    height: 15px;
    background: url(../images/icon-arrow-link.svg) no-repeat center center; }
  .link-arrow:hover {
    color: #cee7ff; }

.list-normal {
  margin-bottom: 30px; }
  .list-normal li {
    position: relative;
    font-size: 14px;
    color: #eaeaea;
    font-weight: 500;
    line-height: 18px;
    margin-bottom: 15px;
    padding-left: 20px; }
    .list-normal li:before {
      position: absolute;
      display: inline-block;
      content: '';
      width: 9px;
      height: 9px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      background: #0a64bc;
      left: 0;
      top: 5px;
      margin-right: 10px; }
  .list-normal.list-icons li {
    display: flex;
    align-items: center; }
    .list-normal.list-icons li:before {
      display: none; }
    .list-normal.list-icons li span:first-child {
      width: 14px;
      height: 14px;
      border-radius: 2px;
      margin-right: 10px;
      background: #0a64bc;
      display: flex;
      justify-content: center;
      align-items: center; }

@media (max-width: 767px) {
  .hidden-mobile {
    display: none !important; } }

@media (min-width: 768px) {
  .hidden-desktop {
    display: none !important; } }

.stretch-xs {
  justify-content: stretch; }
  .stretch-xs > div {
    display: flex; }
    .stretch-xs > div > div {
      flex: 1; }

@media only screen and (max-width: 480px) {
  .no-mobile-margin {
    margin: 0 !important; } }

.mrt-30 {
  margin-top: 30px; }

.mrt-20 {
  margin-top: 20px; }

.bigger-padding {
  margin-left: -15px !important;
  margin-right: -15px !important; }
  .bigger-padding > div {
    padding: 0 15px; }

/* LIGHT MODE */
.light-mode .link-arrow {
  color: #00729c; }
  .light-mode .link-arrow:after {
    transition: all .3s ease;
    background: url(../images/icon-arrow-link-dark.svg) no-repeat center center; }
  .light-mode .link-arrow:before {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    content: '';
    display: inline-block;
    width: 10px;
    height: 15px;
    background: url(../images/icon-arrow-link-light.svg) no-repeat center center; }
  .light-mode .link-arrow:hover {
    color: #3dbbe4; }
    .light-mode .link-arrow:hover:after {
      opacity: 0; }

/*! formstone v1.4.16-1 [checkbox.css] 2019-08-06 | GPL-3.0 License | formstone.it */
.fs-checkbox {
  display: inline-block;
  vertical-align: middle; }

.fs-checkbox,
.fs-checkbox *,
.fs-checkbox:after,
.fs-checkbox:before,
.fs-checkbox:after,
.fs-checkbox:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: none;
  transition: none;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important; }

.fs-checkbox-element_placeholder {
  display: none;
  visibility: hidden; }

.fs-checkbox-element {
  width: 110%;
  height: 110%;
  position: absolute;
  top: -5%;
  right: -5%;
  bottom: -5%;
  left: -5%;
  z-index: -1;
  background: 0 0;
  border: 0;
  margin: 0;
  padding: 0;
  pointer-events: none;
  -webkit-transition: none;
  transition: none;
  opacity: 0;
  -webkit-appearance: none; }

.fs-checkbox-label {
  cursor: pointer;
  display: inline-block;
  line-height: 20px;
  overflow: hidden;
  margin-left: 10px;
  color: #8ac6ff;
  font-size: 14px;
  font-weight: 500;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.fs-checkbox-marker {
  position: relative;
  width: 20px;
  height: 20px;
  border: 1px solid #1e89ee;
  cursor: pointer;
  background: #1b3671;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: inline-block; }

.fs-checkbox-checked .fs-checkbox-marker {
  background: #1e89ee; }

.fs-checkbox-flag {
  width: 100%;
  height: 100%;
  margin: 0; }

.fs-checkbox-flag:before {
  width: 7px;
  height: 11px;
  border: 3px solid;
  border-top: 0;
  border-left: 0;
  content: '';
  display: block;
  margin: 2px 0 0 6px;
  -webkit-transition: -webkit-transform .15s ease;
  transition: -webkit-transform .15s ease;
  transition: transform .15s ease;
  transition: transform .15s ease, -webkit-transform .15s ease;
  -webkit-transform: rotate(45deg) scale(0);
  transform: rotate(45deg) scale(0); }

.fs-checkbox-checked .fs-checkbox-flag:before {
  -webkit-transform: rotate(45deg) scale(1);
  transform: rotate(45deg) scale(1); }

.fs-checkbox-radio .fs-checkbox-marker {
  position: relative;
  border-radius: 100%; }

.fs-checkbox-radio.fs-checkbox-checked .fs-checkbox-marker {
  background: #1e89ee; }

.fs-checkbox-radio .fs-checkbox-flag {
  width: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  border-radius: 100%;
  margin: auto;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform .15s ease;
  transition: -webkit-transform .15s ease;
  transition: transform .15s ease;
  transition: transform .15s ease, -webkit-transform .15s ease; }

.fs-checkbox-radio .fs-checkbox-flag:before {
  display: none; }

.fs-checkbox-radio.fs-checkbox-checked .fs-checkbox-flag {
  -webkit-transform: scale(1);
  transform: scale(1); }

.fs-checkbox-radio.fs-checkbox-checked .fs-checkbox-flag:before {
  display: none; }

.fs-checkbox-disabled {
  cursor: default;
  opacity: .5; }

.fs-checkbox-label.fs-checkbox-disabled {
  cursor: default; }

.fs-checkbox-disabled .fs-checkbox-marker {
  cursor: default; }

.fs-checkbox-toggle {
  position: relative; }

.fs-checkbox-label.fs-checkbox-toggle {
  line-height: 40px; }

.fs-checkbox-toggle .fs-checkbox-marker {
  width: 100px;
  height: 40px;
  position: relative; }

.fs-checkbox-toggle .fs-checkbox-marker:after {
  clear: both;
  content: '';
  display: table; }

.fs-checkbox-toggle .fs-checkbox-flag {
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #666;
  display: block;
  -webkit-transition: left .15s ease;
  transition: left .15s ease; }

.no-touch .fs-checkbox-toggle:hover .fs-checkbox-flag:after {
  opacity: 1; }

.fs-checkbox-toggle.fs-checkbox-checked .fs-checkbox-flag {
  left: 50%; }

.fs-checkbox-toggle.fs-checkbox-checked .fs-checkbox-flag:before {
  display: none; }

.fs-checkbox-toggle.fs-checkbox-disabled .fs-checkbox-flag:after {
  display: none; }

.fs-checkbox-toggle .fs-checkbox-state {
  width: 50%;
  display: block;
  line-height: 40px;
  margin: 0;
  text-align: center; }

.fs-checkbox-toggle .fs-checkbox-state_on {
  float: left; }

.fs-checkbox-toggle .fs-checkbox-state_off {
  float: right; }

/* LIGHT MODE */
.light-mode .fs-checkbox-marker {
  background: #fff;
  border: 1px solid #dedede;
  color: #1bb0e0; }

.light-mode .fs-checkbox-label {
  color: #484848;
  margin-top: -4px; }

.light-mode .fs-checkbox-checked .fs-checkbox-marker {
  background: #fff; }

.light-mode .fs-checkbox-radio.fs-checkbox-checked .fs-checkbox-marker {
  background: #fff; }

.light-mode .fs-checkbox-radio .fs-checkbox-flag {
  background: #1bb0e0; }

/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none; }

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none; }

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse; }

.ui-helper-clearfix:after {
  clear: both; }

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
  /* support: IE8 */ }

.ui-front {
  z-index: 100; }

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
  pointer-events: none; }

/* Icons
----------------------------------*/
.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat; }

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block; }

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: .5em .5em .5em .7em;
  font-size: 100%; }

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto; }

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default; }

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: 0; }

.ui-menu .ui-menu {
  position: absolute; }

.ui-menu .ui-menu-item {
  margin: 0;
  cursor: pointer;
  /* support: IE10, see #8844 */
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); }

.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px .4em; }

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0; }

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px; }

/* icon support */
.ui-menu-icons {
  position: relative; }

.ui-menu-icons .ui-menu-item-wrapper {
  padding-left: 2em; }

/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .2em;
  margin: auto 0; }

/* right-aligned */
.ui-menu .ui-menu-icon {
  left: auto;
  right: 0; }

.ui-button {
  padding: .4em 1em;
  display: inline-block;
  position: relative;
  line-height: normal;
  margin-right: .1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Support: IE <= 11 */
  overflow: visible; }

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none; }

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
  width: 2em;
  box-sizing: border-box;
  text-indent: -9999px;
  white-space: nowrap; }

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
  text-indent: 0; }

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px; }

.ui-button.ui-icon-notext .ui-icon {
  padding: 0;
  width: 2.1em;
  height: 2.1em;
  text-indent: -9999px;
  white-space: nowrap; }

input.ui-button.ui-icon-notext .ui-icon {
  width: auto;
  height: auto;
  text-indent: 0;
  white-space: normal;
  padding: .4em 1em; }

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0; }

.ui-controlgroup {
  vertical-align: middle;
  display: inline-block; }

.ui-controlgroup > .ui-controlgroup-item {
  float: left;
  margin-left: 0;
  margin-right: 0; }

.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
  z-index: 9999; }

.ui-controlgroup-vertical > .ui-controlgroup-item {
  display: block;
  float: none;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left; }

.ui-controlgroup-vertical .ui-controlgroup-item {
  box-sizing: border-box; }

.ui-controlgroup .ui-controlgroup-label {
  padding: .4em 1em; }

.ui-controlgroup .ui-controlgroup-label span {
  font-size: 80%; }

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
  border-left: none; }

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
  border-top: none; }

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
  border-right: none; }

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
  border-bottom: none; }

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {
  /* Support: IE8 only, Android < 4.4 only */
  width: 75%;
  width: calc( 100% - 2.4em); }

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
  border-top-style: solid; }

.ui-checkboxradio-label .ui-icon-background {
  box-shadow: inset 1px 1px 1px #ccc;
  border-radius: .12em;
  border: none; }

.ui-checkboxradio-radio-label .ui-icon-background {
  width: 16px;
  height: 16px;
  border-radius: 1em;
  overflow: visible;
  border: none; }

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
  background-image: none;
  width: 8px;
  height: 8px;
  border-width: 4px;
  border-style: solid; }

.ui-checkboxradio-disabled {
  pointer-events: none; }

.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none;
  font-size: 14px; }

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0; }

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em; }

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px; }

.ui-datepicker .ui-datepicker-prev {
  left: 2px; }

.ui-datepicker .ui-datepicker-next {
  right: 2px; }

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px; }

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px; }

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px; }

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center; }

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0; }

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%; }

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em; }

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0; }

.ui-datepicker td {
  border: 0;
  padding: 1px; }

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none; }

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0; }

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible; }

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto; }

.ui-datepicker-multi .ui-datepicker-group {
  float: left; }

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em; }

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%; }

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%; }

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%; }

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left; }

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0; }

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl; }

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right; }

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px; }

/* Icons */
.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: .5em;
  top: .3em; }

.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: .2em;
  outline: 0; }

.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative; }

.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis; }

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px; }

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto; }

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: .5em;
  padding: .3em 1em .5em .4em; }

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right; }

.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer; }

.ui-dialog .ui-resizable-n {
  height: 2px;
  top: 0; }

.ui-dialog .ui-resizable-e {
  width: 2px;
  right: 0; }

.ui-dialog .ui-resizable-s {
  height: 2px;
  bottom: 0; }

.ui-dialog .ui-resizable-w {
  width: 2px;
  left: 0; }

.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
  width: 7px;
  height: 7px; }

.ui-dialog .ui-resizable-se {
  right: 0;
  bottom: 0; }

.ui-dialog .ui-resizable-sw {
  left: 0;
  bottom: 0; }

.ui-dialog .ui-resizable-ne {
  right: 0;
  top: 0; }

.ui-dialog .ui-resizable-nw {
  left: 0;
  top: 0; }

.ui-draggable .ui-dialog-titlebar {
  cursor: move; }

.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none; }

.ui-resizable {
  position: relative; }

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none; }

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none; }

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0; }

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0; }

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px; }

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px; }

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px; }

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px; }

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden; }

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%; }

.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  filter: alpha(opacity=25);
  /* support: IE8 */
  opacity: 0.25; }

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none; }

.ui-selectable {
  -ms-touch-action: none;
  touch-action: none; }

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black; }

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none; }

.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px; }

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0; }

.ui-selectmenu-open {
  display: block; }

.ui-selectmenu-text {
  display: block;
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis; }

.ui-selectmenu-button.ui-button {
  text-align: left;
  white-space: nowrap;
  width: 14em; }

.ui-selectmenu-icon.ui-icon {
  float: right;
  margin-top: 0; }

.ui-slider {
  position: relative;
  text-align: left;
  width: 100%; }

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none; }

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0; }

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit; }

.ui-slider-horizontal {
  height: .8em; }

.ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em; }

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%; }

.ui-slider-horizontal .ui-slider-range-min {
  left: 0; }

.ui-slider-horizontal .ui-slider-range-max {
  right: 0; }

.ui-slider-vertical {
  width: .8em;
  height: 100px; }

.ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em; }

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%; }

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0; }

.ui-slider-vertical .ui-slider-range-max {
  top: 0; }

.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none; }

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle; }

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: .222em 0;
  margin: .2em 0;
  vertical-align: middle;
  margin-left: .4em;
  margin-right: 2em; }

.ui-spinner-button {
  width: 1.6em;
  height: 50%;
  font-size: .5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0; }

/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: none; }

.ui-spinner-up {
  top: 0; }

.ui-spinner-down {
  bottom: 0; }

.ui-tabs {
  position: relative;
  /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: .2em; }

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0; }

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap; }

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: .5em 1em;
  text-decoration: none; }

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px; }

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text; }

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer; }

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none; }

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px; }

body .ui-tooltip {
  border-width: 2px; }

/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1em; }

.ui-widget .ui-widget {
  font-size: 1em; }

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1em; }

.ui-widget.ui-widget-content {
  font-size: 14px;
  border: 1px solid #c5c5c5; }

.ui-widget-content {
  border: 1px solid #dddddd;
  background: #ffffff;
  color: #333333; }

.ui-widget-content a {
  color: #333333; }

.ui-widget-header {
  border: 1px solid #dddddd;
  background: #e9e9e9;
  color: #333333;
  font-weight: bold; }

.ui-widget-header a {
  color: #333333; }

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: normal;
  color: #454545; }

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
  color: #454545;
  text-decoration: none; }

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  border: 1px solid #cccccc;
  background: #ededed;
  font-weight: normal;
  color: #2b2b2b; }

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
  color: #2b2b2b;
  text-decoration: none; }

.ui-visual-focus {
  box-shadow: 0 0 3px 1px #5e9ed6; }

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #003eff;
  background: #007fff;
  font-weight: normal;
  color: #ffffff; }

.ui-icon-background,
.ui-state-active .ui-icon-background {
  border: #003eff;
  background-color: #ffffff; }

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #ffffff;
  text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620; }

.ui-state-checked {
  border: 1px solid #dad55e;
  background: #fffa90; }

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #777620; }

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f; }

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #5f3f3f; }

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #5f3f3f; }

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold; }

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  /* support: IE8 */
  font-weight: normal; }

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  /* support: IE8 */
  background-image: none; }

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
  /* support: IE8 - See #6059 */ }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px; }

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url("../images/ui-icons_444444_256x240.png"); }

.ui-widget-header .ui-icon {
  background-image: url("../images/ui-icons_444444_256x240.png"); }

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
  background-image: url("../images/ui-icons_555555_256x240.png"); }

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
  background-image: url("../images/ui-icons_ffffff_256x240.png"); }

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
  background-image: url("../images/ui-icons_777620_256x240.png"); }

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url("../images/ui-icons_cc0000_256x240.png"); }

.ui-button .ui-icon {
  background-image: url("../images/ui-icons_777777_256x240.png"); }

/* positioning */
.ui-icon-blank {
  background-position: 16px 16px; }

.ui-icon-caret-1-n {
  background-position: 0 0; }

.ui-icon-caret-1-ne {
  background-position: -16px 0; }

.ui-icon-caret-1-e {
  background-position: -32px 0; }

.ui-icon-caret-1-se {
  background-position: -48px 0; }

.ui-icon-caret-1-s {
  background-position: -65px 0; }

.ui-icon-caret-1-sw {
  background-position: -80px 0; }

.ui-icon-caret-1-w {
  background-position: -96px 0; }

.ui-icon-caret-1-nw {
  background-position: -112px 0; }

.ui-icon-caret-2-n-s {
  background-position: -128px 0; }

.ui-icon-caret-2-e-w {
  background-position: -144px 0; }

.ui-icon-triangle-1-n {
  background-position: 0 -16px; }

.ui-icon-triangle-1-ne {
  background-position: -16px -16px; }

.ui-icon-triangle-1-e {
  background-position: -32px -16px; }

.ui-icon-triangle-1-se {
  background-position: -48px -16px; }

.ui-icon-triangle-1-s {
  background-position: -65px -16px; }

.ui-icon-triangle-1-sw {
  background-position: -80px -16px; }

.ui-icon-triangle-1-w {
  background-position: -96px -16px; }

.ui-icon-triangle-1-nw {
  background-position: -112px -16px; }

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px; }

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px; }

.ui-icon-arrow-1-n {
  background-position: 0 -32px; }

.ui-icon-arrow-1-ne {
  background-position: -16px -32px; }

.ui-icon-arrow-1-e {
  background-position: -32px -32px; }

.ui-icon-arrow-1-se {
  background-position: -48px -32px; }

.ui-icon-arrow-1-s {
  background-position: -65px -32px; }

.ui-icon-arrow-1-sw {
  background-position: -80px -32px; }

.ui-icon-arrow-1-w {
  background-position: -96px -32px; }

.ui-icon-arrow-1-nw {
  background-position: -112px -32px; }

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px; }

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px; }

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px; }

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px; }

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px; }

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px; }

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px; }

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px; }

.ui-icon-arrowthick-1-n {
  background-position: 1px -48px; }

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px; }

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px; }

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px; }

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px; }

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px; }

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px; }

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px; }

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px; }

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px; }

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px; }

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px; }

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px; }

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px; }

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px; }

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px; }

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px; }

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px; }

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px; }

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px; }

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px; }

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px; }

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px; }

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px; }

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px; }

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px; }

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px; }

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px; }

.ui-icon-arrow-4 {
  background-position: 0 -80px; }

.ui-icon-arrow-4-diag {
  background-position: -16px -80px; }

.ui-icon-extlink {
  background-position: -32px -80px; }

.ui-icon-newwin {
  background-position: -48px -80px; }

.ui-icon-refresh {
  background-position: -64px -80px; }

.ui-icon-shuffle {
  background-position: -80px -80px; }

.ui-icon-transfer-e-w {
  background-position: -96px -80px; }

.ui-icon-transferthick-e-w {
  background-position: -112px -80px; }

.ui-icon-folder-collapsed {
  background-position: 0 -96px; }

.ui-icon-folder-open {
  background-position: -16px -96px; }

.ui-icon-document {
  background-position: -32px -96px; }

.ui-icon-document-b {
  background-position: -48px -96px; }

.ui-icon-note {
  background-position: -64px -96px; }

.ui-icon-mail-closed {
  background-position: -80px -96px; }

.ui-icon-mail-open {
  background-position: -96px -96px; }

.ui-icon-suitcase {
  background-position: -112px -96px; }

.ui-icon-comment {
  background-position: -128px -96px; }

.ui-icon-person {
  background-position: -144px -96px; }

.ui-icon-print {
  background-position: -160px -96px; }

.ui-icon-trash {
  background-position: -176px -96px; }

.ui-icon-locked {
  background-position: -192px -96px; }

.ui-icon-unlocked {
  background-position: -208px -96px; }

.ui-icon-bookmark {
  background-position: -224px -96px; }

.ui-icon-tag {
  background-position: -240px -96px; }

.ui-icon-home {
  background-position: 0 -112px; }

.ui-icon-flag {
  background-position: -16px -112px; }

.ui-icon-calendar {
  background-position: -32px -112px; }

.ui-icon-cart {
  background-position: -48px -112px; }

.ui-icon-pencil {
  background-position: -64px -112px; }

.ui-icon-clock {
  background-position: -80px -112px; }

.ui-icon-disk {
  background-position: -96px -112px; }

.ui-icon-calculator {
  background-position: -112px -112px; }

.ui-icon-zoomin {
  background-position: -128px -112px; }

.ui-icon-zoomout {
  background-position: -144px -112px; }

.ui-icon-search {
  background-position: -160px -112px; }

.ui-icon-wrench {
  background-position: -176px -112px; }

.ui-icon-gear {
  background-position: -192px -112px; }

.ui-icon-heart {
  background-position: -208px -112px; }

.ui-icon-star {
  background-position: -224px -112px; }

.ui-icon-link {
  background-position: -240px -112px; }

.ui-icon-cancel {
  background-position: 0 -128px; }

.ui-icon-plus {
  background-position: -16px -128px; }

.ui-icon-plusthick {
  background-position: -32px -128px; }

.ui-icon-minus {
  background-position: -48px -128px; }

.ui-icon-minusthick {
  background-position: -64px -128px; }

.ui-icon-close {
  background-position: -80px -128px; }

.ui-icon-closethick {
  background-position: -96px -128px; }

.ui-icon-key {
  background-position: -112px -128px; }

.ui-icon-lightbulb {
  background-position: -128px -128px; }

.ui-icon-scissors {
  background-position: -144px -128px; }

.ui-icon-clipboard {
  background-position: -160px -128px; }

.ui-icon-copy {
  background-position: -176px -128px; }

.ui-icon-contact {
  background-position: -192px -128px; }

.ui-icon-image {
  background-position: -208px -128px; }

.ui-icon-video {
  background-position: -224px -128px; }

.ui-icon-script {
  background-position: -240px -128px; }

.ui-icon-alert {
  background-position: 0 -144px; }

.ui-icon-info {
  background-position: -16px -144px; }

.ui-icon-notice {
  background-position: -32px -144px; }

.ui-icon-help {
  background-position: -48px -144px; }

.ui-icon-check {
  background-position: -64px -144px; }

.ui-icon-bullet {
  background-position: -80px -144px; }

.ui-icon-radio-on {
  background-position: -96px -144px; }

.ui-icon-radio-off {
  background-position: -112px -144px; }

.ui-icon-pin-w {
  background-position: -128px -144px; }

.ui-icon-pin-s {
  background-position: -144px -144px; }

.ui-icon-play {
  background-position: 0 -160px; }

.ui-icon-pause {
  background-position: -16px -160px; }

.ui-icon-seek-next {
  background-position: -32px -160px; }

.ui-icon-seek-prev {
  background-position: -48px -160px; }

.ui-icon-seek-end {
  background-position: -64px -160px; }

.ui-icon-seek-start {
  background-position: -80px -160px; }

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px; }

.ui-icon-stop {
  background-position: -96px -160px; }

.ui-icon-eject {
  background-position: -112px -160px; }

.ui-icon-volume-off {
  background-position: -128px -160px; }

.ui-icon-volume-on {
  background-position: -144px -160px; }

.ui-icon-power {
  background-position: 0 -176px; }

.ui-icon-signal-diag {
  background-position: -16px -176px; }

.ui-icon-signal {
  background-position: -32px -176px; }

.ui-icon-battery-0 {
  background-position: -48px -176px; }

.ui-icon-battery-1 {
  background-position: -64px -176px; }

.ui-icon-battery-2 {
  background-position: -80px -176px; }

.ui-icon-battery-3 {
  background-position: -96px -176px; }

.ui-icon-circle-plus {
  background-position: 0 -192px; }

.ui-icon-circle-minus {
  background-position: -16px -192px; }

.ui-icon-circle-close {
  background-position: -32px -192px; }

.ui-icon-circle-triangle-e {
  background-position: -48px -192px; }

.ui-icon-circle-triangle-s {
  background-position: -64px -192px; }

.ui-icon-circle-triangle-w {
  background-position: -80px -192px; }

.ui-icon-circle-triangle-n {
  background-position: -96px -192px; }

.ui-icon-circle-arrow-e {
  background-position: -112px -192px; }

.ui-icon-circle-arrow-s {
  background-position: -128px -192px; }

.ui-icon-circle-arrow-w {
  background-position: -144px -192px; }

.ui-icon-circle-arrow-n {
  background-position: -160px -192px; }

.ui-icon-circle-zoomin {
  background-position: -176px -192px; }

.ui-icon-circle-zoomout {
  background-position: -192px -192px; }

.ui-icon-circle-check {
  background-position: -208px -192px; }

.ui-icon-circlesmall-plus {
  background-position: 0 -208px; }

.ui-icon-circlesmall-minus {
  background-position: -16px -208px; }

.ui-icon-circlesmall-close {
  background-position: -32px -208px; }

.ui-icon-squaresmall-plus {
  background-position: -48px -208px; }

.ui-icon-squaresmall-minus {
  background-position: -64px -208px; }

.ui-icon-squaresmall-close {
  background-position: -80px -208px; }

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px; }

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px; }

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px; }

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px; }

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px; }

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px; }

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 3px; }

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 3px; }

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 3px; }

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 3px; }

/* Overlays */
.ui-widget-overlay {
  background: #aaaaaa;
  opacity: .3;
  filter: Alpha(Opacity=30);
  /* support: IE8 */ }

.ui-widget-shadow {
  -webkit-box-shadow: 0px 0px 5px #666666;
  box-shadow: 0px 0px 5px #666666; }

.ui-widget {
  font-family: "Poppins", sans-serif;
  border: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  box-shadow: 0 1px 3px #12273c; }

.ui-datepicker {
  background: #0b2668;
  padding: 0; }

.ui-datepicker-header {
  border: none;
  border-bottom: 1px solid #1e89ee;
  background: transparent;
  font-weight: normal;
  font-size: 11px;
  text-transform: uppercase; }

.ui-datepicker-header .ui-state-hover {
  background: transparent;
  border-color: transparent;
  cursor: pointer;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0; }

.ui-datepicker .ui-datepicker-title {
  margin-top: 1.5em;
  margin-bottom: 1em;
  color: #fff; }

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
  top: 1.7em;
  border: none; }

.ui-datepicker .ui-datepicker-prev-hover {
  left: 2px; }

.ui-datepicker .ui-datepicker-next-hover {
  right: 2px; }

.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span {
  background-image: url(../images/ui-icons_ffffff_256x240.png);
  background-position: -32px -32px;
  margin-top: 0;
  top: 0;
  font-weight: normal; }

.ui-datepicker .ui-datepicker-prev span {
  background-position: -96px -32px; }

.ui-datepicker .ui-datepicker-prev-hover span {
  background-position: -96px -48px; }

.ui-datepicker .ui-datepicker-next-hover span {
  background-position: -32px -48px; }

.ui-datepicker table {
  margin: 0; }

.ui-datepicker th {
  padding: 2em 0;
  color: #83c3ff;
  font-size: 8px;
  font-weight: normal;
  text-transform: uppercase;
  border: none;
  border-top: 1px solid #12273c; }

.ui-datepicker td {
  border: none;
  padding: 0; }

.ui-datepicker td .ui-state-default {
  background: transparent;
  border: none;
  text-align: center;
  padding: 10px;
  margin: 0;
  font-weight: normal;
  color: #efefef;
  font-size: 12px;
  display: inherit;
  transition: none; }

.ui-datepicker td .ui-state-active,
.ui-datepicker td .ui-state-hover {
  background: #1e89ee;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px; }

.ui-widget.ui-widget-content {
  border: 0; }

.light-mode .ui-datepicker {
  background: #00729c;
  z-index: 2 !important; }
  .light-mode .ui-datepicker .ui-state-default:hover {
    background: rgba(255, 255, 255, 0.2); }
  .light-mode .ui-datepicker .ui-datepicker-header {
    border-bottom: 0; }
  .light-mode .ui-datepicker th {
    border-top: 1px solid rgba(255, 255, 255, 0.2); }

.ui-slider.ui-widget.ui-widget-content {
  background: #1b3671;
  box-shadow: none;
  height: 5px;
  border-radius: 5px;
  margin-top: 3px; }

.ui-slider-horizontal .ui-slider-range {
  background: #1e89ee; }

.ui-state-default, .ui-widget-content .ui-state-default {
  border: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer;
  width: 18px;
  height: 18px;
  background: #fff; }

.range-under {
  display: inline-block;
  width: 100%;
  position: relative;
  margin-top: 20px; }
  .range-under .min-range-price {
    float: left;
    font-size: 14px;
    color: #cee7ff;
    font-weight: 500;
    height: 30px;
    line-height: 24px; }
    .range-under .min-range-price i {
      display: inline-block;
      padding: 0 10px;
      background: #0b2668;
      color: #fff;
      font-style: normal;
      font-weight: 700;
      font-size: 16px;
      margin-left: 5px;
      min-width: 45px;
      text-align: center; }
  .range-under .max-range-price {
    float: right;
    font-size: 14px;
    color: #cee7ff;
    font-weight: 500;
    height: 30px;
    line-height: 24px; }
    .range-under .max-range-price i {
      display: inline-block;
      padding: 0 10px;
      background: #0b2668;
      color: #fff;
      font-style: normal;
      font-weight: 700;
      font-size: 16px;
      margin-left: 5px;
      min-width: 45px;
      text-align: center; }

.selected-range {
  display: inline-block;
  width: 100%;
  text-align: center;
  font-size: 12px;
  color: #cee7ff;
  font-weight: 500;
  margin-top: 20px; }

.ui-slider-horizontal .ui-slider-handle {
  top: -0.4em; }

/* LIGHT MODE */
.light-mode .ui-slider.ui-widget.ui-widget-content {
  background: #ebebeb;
  border: 1px solid #dedede; }

.light-mode .ui-state-default,
.light-mode .ui-widget-content .ui-state-default {
  background: #00729c;
  top: -8px; }

.light-mode .ui-slider-horizontal .ui-slider-range {
  background: #1bb0e0;
  border: 1px solid #1bb0e0;
  height: 5px;
  top: -1px; }

.light-mode .range-under .min-range-price {
  color: #484848; }

.light-mode .range-under .max-range-price {
  color: #484848; }

.light-mode .range-under .max-range-price i {
  background: #00729c;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.light-mode .range-under .min-range-price i {
  background: #00729c;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.light-mode .range-under .max-range-price icon {
  background: #00729c;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

/*! formstone v1.4.16-1 [scrollbar.css] 2019-08-06 | GPL-3.0 License | formstone.it */
.fs-scrollbar {
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  position: relative; }

.fs-scrollbar,
.fs-scrollbar * {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important; }

.fs-scrollbar,
.fs-scrollbar-bar,
.fs-scrollbar-content,
.fs-scrollbar-handle,
.fs-scrollbar-track {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.fs-scrollbar > .fs-scrollbar-content {
  position: relative;
  z-index: 1;
  height: 100%;
  overflow: auto;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }

.fs-scrollbar > .fs-scrollbar-content::-webkit-resizer,
.fs-scrollbar > .fs-scrollbar-content::-webkit-scrollbar,
.fs-scrollbar > .fs-scrollbar-content::-webkit-scrollbar-button,
.fs-scrollbar > .fs-scrollbar-content::-webkit-scrollbar-corner,
.fs-scrollbar > .fs-scrollbar-content::-webkit-scrollbar-thumb,
.fs-scrollbar > .fs-scrollbar-content::-webkit-scrollbar-track,
.fs-scrollbar > .fs-scrollbar-content::-webkit-scrollbar-track-piece {
  background: 0 0;
  opacity: 0; }

.fs-scrollbar > .fs-scrollbar-bar {
  width: 20px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  background: #fff;
  border: 1px solid;
  border-width: 0 0 0 1px;
  display: none; }

.fs-scrollbar > .fs-scrollbar-bar .fs-scrollbar-track {
  width: 100%;
  height: 100%;
  position: relative;
  background: #fff;
  overflow: hidden; }

.fs-scrollbar > .fs-scrollbar-bar .fs-scrollbar-handle {
  width: 20px;
  height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  background: #999;
  border: none;
  cursor: pointer;
  margin: 0;
  padding: 0; }

.fs-scrollbar-horizontal > .fs-scrollbar-content {
  overflow: auto;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0 0 20px 0; }

.fs-scrollbar-horizontal > .fs-scrollbar-bar {
  width: 100%;
  height: 20px;
  top: auto;
  bottom: 0;
  border-width: 1px 0 0 0; }

.fs-scrollbar-horizontal > .fs-scrollbar-bar .fs-scrollbar-handle {
  width: 40px;
  height: 20px;
  top: auto;
  right: auto;
  bottom: 0; }

.fs-scrollbar-active > .fs-scrollbar-content,
.fs-scrollbar-setup > .fs-scrollbar-content {
  padding: 20px; }

.fs-scrollbar-active > .fs-scrollbar-bar,
.fs-scrollbar-setup > .fs-scrollbar-bar {
  display: block; }

/*! formstone v1.4.16-1 [scrollbar.css] 2019-08-06 | GPL-3.0 License | formstone.it */
.fs-scrollbar.fs-light {
  background: #0b2668;
  border: 0;
  border-radius: inherit; }

.fs-scrollbar.fs-light > .fs-scrollbar-bar {
  width: 20px;
  background: #0b2668;
  border: 0;
  border-radius: inherit; }

.fs-scrollbar.fs-light > .fs-scrollbar-bar .fs-scrollbar-track {
  background: #0b2668; }

.fs-scrollbar.fs-light > .fs-scrollbar-bar .fs-scrollbar-handle {
  width: 12px;
  height: 24px;
  right: 4px;
  background: #1e89ee;
  border-radius: 10px; }

.fs-light.fs-scrollbar-horizontal > .fs-scrollbar-content {
  padding: 0 0 20px 0; }

.fs-light.fs-scrollbar-horizontal > .fs-scrollbar-bar {
  width: 100%;
  height: 20px;
  border-width: 1px 0 0 0; }

.fs-light.fs-scrollbar-horizontal > .fs-scrollbar-bar .fs-scrollbar-handle {
  width: 24px;
  height: 12px;
  bottom: 4px; }

.fs-light.fs-scrollbar-active > .fs-scrollbar-bar .fs-scrollbar-content,
.fs-light.fs-scrollbar-setup > .fs-scrollbar-bar .fs-scrollbar-content {
  padding: 20px; }

.light-mode .fs-scrollbar.fs-light > .fs-scrollbar-bar {
  background: #fff; }

.light-mode .fs-scrollbar.fs-light {
  background: #fff;
  border: 1px solid #dedede;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; }

.light-mode .fs-scrollbar.fs-light > .fs-scrollbar-bar .fs-scrollbar-track {
  background: #fff; }

.light-mode .fs-scrollbar.fs-light > .fs-scrollbar-bar .fs-scrollbar-handle {
  background: #00729c; }

.light-mode .fs-scrollbar-track:before {
  display: inline-block;
  width: 6px;
  top: 10px;
  right: 7px;
  bottom: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  content: '';
  position: absolute;
  background: #1bb0e0; }

.light-mode .fs-scrollbar-content .list-normal li {
  color: #00729c; }
  .light-mode .fs-scrollbar-content .list-normal li:before {
    background: #00729c; }

/*! formstone v1.4.16-1 [dropdown.css] 2019-08-06 | GPL-3.0 License | formstone.it */
.fs-dropdown {
  position: relative;
  z-index: 1;
  display: block;
  max-width: 100%; }

.fs-dropdown,
.fs-dropdown *,
.fs-dropdown:after,
.fs-dropdown:before,
.fs-dropdown:after,
.fs-dropdown:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: none;
  transition: none;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important; }

.fs-dropdown-element {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  z-index: -1;
  opacity: 0;
  outline: 0;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent; }

.fs-dropdown-mobile .fs-dropdown-element,
.fs-dropdown-native .fs-dropdown-element {
  z-index: 7; }

.fs-dropdown-mobile.fs-dropdown-multiple .fs-dropdown-element,
.fs-dropdown-native.fs-dropdown-multiple .fs-dropdown-element {
  z-index: -1; }

.fs-dropdown-selected {
  border: none;
  padding: 0;
  width: 100%;
  position: relative;
  z-index: 2;
  background: #fff;
  color: #000;
  cursor: pointer;
  display: block;
  overflow: hidden;
  text-align: left;
  text-overflow: clip; }

.fs-dropdown-options {
  width: 100%;
  max-height: 260px;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  background: #fff;
  border: 1px solid;
  display: none;
  overflow: auto;
  overflow-x: hidden; }

.fs-dropdown-options.fs-scrollbar {
  position: absolute; }

.fs-dropdown-group {
  display: block;
  font-size: 75%; }

.fs-dropdown-item {
  border: none;
  padding: 0;
  width: 100%;
  background: #fff;
  border-radius: 0;
  color: #000;
  cursor: pointer;
  display: block;
  overflow: hidden;
  text-align: left;
  text-decoration: none;
  text-overflow: ellipsis; }

.fs-dropdown-item_placeholder {
  display: none; }

.fs-dropdown-item_selected {
  background: #ddd; }

.fs-dropdown-item_disabled {
  cursor: default;
  opacity: .5; }

.fs-dropdown-open {
  z-index: 3; }

.fs-dropdown-open .fs-dropdown-options {
  display: block; }

.fs-dropdown-open .fs-dropdown-selected {
  z-index: 6; }

.fs-dropdown-cover.fs-dropdown-open .fs-dropdown-selected {
  z-index: 4; }

.fs-dropdown-cover .fs-dropdown-options {
  top: 0; }

.fs-dropdown-bottom .fs-dropdown-options {
  top: auto;
  bottom: 100%; }

.fs-dropdown-bottom.fs-dropdown-cover .fs-dropdown-options {
  top: auto;
  bottom: 0; }

.fs-dropdown-multiple .fs-dropdown-options {
  width: 100%;
  position: static;
  display: block; }

.fs-dropdown-disabled {
  opacity: .5; }

.fs-dropdown-disabled .fs-dropdown-selected {
  cursor: default; }

.fs-dropdown-disabled .fs-dropdown-group,
.fs-dropdown-disabled .fs-dropdown-item {
  cursor: default; }

.fs-dropdown-options.fs-scrollbar {
  overflow: hidden; }

.fs-dropdown-options.fs-scrollbar .fs-scrollbar-bar {
  border: 1px solid;
  border-width: 0 0 0 1px; }

.fs-dropdown-options.fs-scrollbar .fs-scrollbar-content {
  max-height: 260px;
  height: auto; }

.fs-dropdown-options.fs-scrollbar.fs-scrollbar-active .fs-scrollbar-content {
  padding: 0; }

.fs-dropdown.fs-light .fs-dropdown-selected {
  height: 40px;
  background: #0b2668;
  border-bottom: 2px solid #bceeff;
  color: #aabbe3;
  font-size: 14px;
  line-height: 40px;
  margin: 0;
  padding: 0 40px 0 15px; }

.fs-dropdown.fs-light .fs-dropdown-selected:after {
  height: 14px;
  width: 22px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  bottom: 0;
  content: '';
  display: block;
  background: url(../images/icon-arrow-dropdown.svg) no-repeat; }

.fs-dropdown.fs-light.fs-dropdown-open .fs-dropdown-selected:after {
  transform: translateY(-50%) rotate(180deg); }

.fs-dropdown.fs-light.fs-dropdown-focus .fs-dropdown-selected,
.no-touchevents .fs-dropdown.fs-light .fs-dropdown-selected:hover {
  background: #0b2668;
  border-bottom: 2px solid #bceeff; }

.fs-dropdown.fs-light.fs-dropdown-focus .fs-dropdown-selected:after,
.no-touchevents .fs-dropdown.fs-light .fs-dropdown-selected:hover:after {
  border-top-color: #263238; }

.fs-dropdown.fs-light .fs-dropdown-options {
  max-height: 260px;
  border: 0;
  border-width: 0 1px 1px;
  border-radius: 0;
  background-color: #0b2668;
  margin: 0;
  padding: 0; }

.fs-dropdown.fs-light .fs-dropdown-group {
  border-bottom: 0;
  color: #fff;
  font-size: 11px;
  padding: 10px 15px;
  text-transform: uppercase; }

.fs-dropdown.fs-light .fs-dropdown-item {
  background: #0b2668;
  color: #aabbe3;
  font-size: 14px;
  line-height: 1.5;
  padding: 10px 15px;
  border-bottom: 1px solid #24438f;
  text-align: left; }

.no-touchevents .fs-dropdown.fs-light .fs-dropdown-item:hover {
  color: #aabbe3;
  background-color: #021a55; }

.fs-dropdown.fs-light .fs-dropdown-item_selected,
.no-touchevents .fs-dropdown.fs-light .fs-dropdown-item_selected:hover {
  background: #021a55; }

.fs-dropdown.fs-light .fs-dropdown-item_disabled,
.no-touchevents .fs-dropdown.fs-light .fs-dropdown-item_disabled:hover {
  color: #263238;
  background-color: #fff;
  border-color: #546e7a;
  opacity: .5; }

.fs-light.fs-dropdown-open .fs-dropdown-options {
  border-radius: 0; }

.fs-light.fs-dropdown-open .fs-dropdown-selected {
  border-radius: 0; }

.fs-light.fs-dropdown-open .fs-dropdown-selected {
  background-color: #fff; }

.fs-light.fs-dropdown-cover .fs-dropdown-options {
  border-radius: 0;
  border-width: 1px; }

.fs-light.fs-dropdown-cover .fs-dropdown-item:first-child {
  border-radius: 0; }

.fs-light.fs-dropdown-bottom .fs-dropdown-options {
  border-width: 1px 1px 0; }

.fs-light.fs-dropdown-bottom .fs-dropdown-item:last-child {
  border: none; }

.fs-light.fs-dropdown-bottom.fs-dropdown-open .fs-dropdown-selected {
  border-radius: 0; }

.fs-light.fs-dropdown-bottom.fs-dropdown-open .fs-dropdown-options {
  border-radius: 0; }

.fs-light.fs-dropdown-bottom.fs-dropdown-cover.fs-dropdown-open .fs-dropdown-selected {
  border-radius: 0; }

.fs-light.fs-dropdown-bottom.fs-dropdown-cover.fs-dropdown-open .fs-dropdown-options {
  border-radius: 0;
  border-width: 1px; }

.fs-light.fs-dropdown-multiple {
  border: 1px solid #546e7a;
  border-radius: 0; }

.fs-light.fs-dropdown-multiple .fs-dropdown-options {
  border: none;
  border-radius: 0; }

.fs-light.fs-dropdown-disabled {
  opacity: .5; }

.fs-light.fs-dropdown-disabled .fs-dropdown-selected,
.no-touchevents .fs-light.fs-dropdown-disabled .fs-dropdown-selected:hover {
  background: #fff;
  border-color: #546e7a;
  color: #263238;
  cursor: default; }

.fs-light.fs-dropdown-disabled .fs-dropdown-selected:after,
.no-touchevents .fs-light.fs-dropdown-disabled .fs-dropdown-selected:hover:after {
  border-top-color: #546e7a; }

.fs-light.fs-dropdown-disabled .fs-dropdown-options {
  background: #fff;
  border-color: #546e7a; }

.fs-light.fs-dropdown-disabled .fs-dropdown-group,
.fs-light.fs-dropdown-disabled .fs-dropdown-item {
  border-color: #546e7a;
  color: #263238; }

.fs-light.fs-dropdown-disabled .fs-dropdown-item,
.no-touchevents .fs-light.fs-dropdown-disabled .fs-dropdown-item:hover {
  color: #263238;
  background-color: #fff; }

.fs-light.fs-dropdown-disabled .fs-dropdown-item_selected,
.no-touchevents .fs-light.fs-dropdown-disabled .fs-dropdown-item_selected:hover {
  background: #fff; }

.fs-light.fs-dropdown-options.fs-scrollbar {
  overflow: hidden; }

.fs-light.fs-dropdown-options.fs-scrollbar .fs-scrollbar-bar {
  border: 1px solid #24438f;
  border-width: 0 0 0 1px; }

.fs-light.fs-dropdown-options.fs-scrollbar .fs-scrollbar-content {
  border: none;
  max-height: 260px;
  height: auto; }

.fs-light.fs-dropdown-options.fs-scrollbar.fs-scrollbar-active .fs-scrollbar-content {
  padding: 0; }

.fs-light.fs-dropdown-options.fs-scrollbar .fs-scrollbar-bar,
.fs-light.fs-dropdown-options.fs-scrollbar .fs-scrollbar-track {
  border-radius: 0; }

.light-mode .forum-header .fs-dropdown.fs-light .fs-dropdown-selected {
  position: relative;
  border: 0; }
  .light-mode .forum-header .fs-dropdown.fs-light .fs-dropdown-selected:hover {
    background: #fff;
    border: 0;
    color: #6b6b6b; }
  .light-mode .forum-header .fs-dropdown.fs-light .fs-dropdown-selected:after {
    background-image: url(../images/icon-arrow-dropdown-blue-2.svg);
    height: 9px;
    width: 14px; }

.light-mode .fs-dropdown.fs-light .fs-dropdown-selected {
  background: #fff;
  border: 1px solid #dedede;
  border-bottom: 2px solid #dedede;
  color: #6b6b6b;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }
  .light-mode .fs-dropdown.fs-light .fs-dropdown-selected:hover {
    background: #fff;
    border: 1px solid #dedede;
    border-bottom: 2px solid #dedede;
    color: #6b6b6b; }
  .light-mode .fs-dropdown.fs-light .fs-dropdown-selected:after {
    background-image: url(../images/icon-arrow-dropdown-blue.svg); }

.light-mode .fs-light.fs-dropdown-options.fs-scrollbar .fs-scrollbar-content {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #dedede;
  overflow: hidden; }

.light-mode .fs-dropdown.fs-light .fs-dropdown-item {
  color: #6b6b6b;
  background: #fff;
  border-bottom: 1px solid #d6d6d6; }
  .light-mode .fs-dropdown.fs-light .fs-dropdown-item:last-child {
    border: 0; }
  .light-mode .fs-dropdown.fs-light .fs-dropdown-item:hover {
    background: #f3f3f3;
    color: #6b6b6b; }

.light-mode .fs-dropdown.fs-light .fs-dropdown-options {
  background: #fff; }

.light-mode .fs-dropdown.fs-light .fs-dropdown-item_selected,
.light-mode .no-touchevents .fs-dropdown.fs-light .fs-dropdown-item_selected:hover {
  background: #f3f3f3; }

.container-fluid,
.container {
  margin-right: auto;
  margin-left: auto; }

.container-fluid {
  padding-right: 2rem;
  padding-left: 2rem; }

.row {
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -0.5rem;
  margin-left: -0.5rem; }
  .row div.ft-padding {
    padding-left: 40px; }

.row.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse; }

.col.reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse; }

.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-offset-0,
.col-xs-offset-1,
.col-xs-offset-2,
.col-xs-offset-3,
.col-xs-offset-4,
.col-xs-offset-5,
.col-xs-offset-6,
.col-xs-offset-7,
.col-xs-offset-8,
.col-xs-offset-9,
.col-xs-offset-10,
.col-xs-offset-11,
.col-xs-offset-12 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding-right: 0.5rem;
  padding-left: 0.5rem; }

.col-xs {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  max-width: 100%; }

.col-xs-1 {
  -ms-flex-preferred-size: 8.33333333%;
  flex-basis: 8.33333333%;
  max-width: 8.33333333%; }

.col-xs-2 {
  -ms-flex-preferred-size: 16.66666667%;
  flex-basis: 16.66666667%;
  max-width: 16.66666667%; }

.col-xs-3 {
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%; }

.col-xs-4 {
  -ms-flex-preferred-size: 33.33333333%;
  flex-basis: 33.33333333%;
  max-width: 33.33333333%; }

.col-xs-5 {
  -ms-flex-preferred-size: 41.66666667%;
  flex-basis: 41.66666667%;
  max-width: 41.66666667%; }

.col-xs-6 {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%; }

.col-xs-7 {
  -ms-flex-preferred-size: 58.33333333%;
  flex-basis: 58.33333333%;
  max-width: 58.33333333%; }

.col-xs-8 {
  -ms-flex-preferred-size: 66.66666667%;
  flex-basis: 66.66666667%;
  max-width: 66.66666667%; }

.col-xs-9 {
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
  max-width: 75%; }

.col-xs-10 {
  -ms-flex-preferred-size: 83.33333333%;
  flex-basis: 83.33333333%;
  max-width: 83.33333333%; }

.col-xs-11 {
  -ms-flex-preferred-size: 91.66666667%;
  flex-basis: 91.66666667%;
  max-width: 91.66666667%; }

.col-xs-12 {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%; }

.col-xs-offset-0 {
  margin-left: 0; }

.col-xs-offset-1 {
  margin-left: 8.33333333%; }

.col-xs-offset-2 {
  margin-left: 16.66666667%; }

.col-xs-offset-3 {
  margin-left: 25%; }

.col-xs-offset-4 {
  margin-left: 33.33333333%; }

.col-xs-offset-5 {
  margin-left: 41.66666667%; }

.col-xs-offset-6 {
  margin-left: 50%; }

.col-xs-offset-7 {
  margin-left: 58.33333333%; }

.col-xs-offset-8 {
  margin-left: 66.66666667%; }

.col-xs-offset-9 {
  margin-left: 75%; }

.col-xs-offset-10 {
  margin-left: 83.33333333%; }

.col-xs-offset-11 {
  margin-left: 91.66666667%; }

.start-xs {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  text-align: start; }

.center-xs {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center; }

.end-xs {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  text-align: end; }

.top-xs {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start; }

.middle-xs {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.bottom-xs {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end; }

.around-xs {
  -ms-flex-pack: distribute;
  justify-content: space-around; }

.between-xs {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.first-xs {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1; }

.last-xs {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1; }

@media only screen and (min-width: 48em) {
  .container {
    width: 49rem; }
  .col-sm,
  .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-offset-0,
  .col-sm-offset-1,
  .col-sm-offset-2,
  .col-sm-offset-3,
  .col-sm-offset-4,
  .col-sm-offset-5,
  .col-sm-offset-6,
  .col-sm-offset-7,
  .col-sm-offset-8,
  .col-sm-offset-9,
  .col-sm-offset-10,
  .col-sm-offset-11,
  .col-sm-offset-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem; }
  .col-sm {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%; }
  .col-sm-1 {
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%; }
  .col-sm-2 {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%; }
  .col-sm-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%; }
  .col-sm-4 {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%; }
  .col-sm-5 {
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%; }
  .col-sm-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%; }
  .col-sm-7 {
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%; }
  .col-sm-8 {
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%; }
  .col-sm-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%; }
  .col-sm-10 {
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%; }
  .col-sm-11 {
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%; }
  .col-sm-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%; }
  .col-sm-offset-0 {
    margin-left: 0; }
  .col-sm-offset-1 {
    margin-left: 8.33333333%; }
  .col-sm-offset-2 {
    margin-left: 16.66666667%; }
  .col-sm-offset-3 {
    margin-left: 25%; }
  .col-sm-offset-4 {
    margin-left: 33.33333333%; }
  .col-sm-offset-5 {
    margin-left: 41.66666667%; }
  .col-sm-offset-6 {
    margin-left: 50%; }
  .col-sm-offset-7 {
    margin-left: 58.33333333%; }
  .col-sm-offset-8 {
    margin-left: 66.66666667%; }
  .col-sm-offset-9 {
    margin-left: 75%; }
  .col-sm-offset-10 {
    margin-left: 83.33333333%; }
  .col-sm-offset-11 {
    margin-left: 91.66666667%; }
  .start-sm {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start; }
  .center-sm {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center; }
  .end-sm {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end; }
  .top-sm {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
  .middle-sm {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .bottom-sm {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; }
  .around-sm {
    -ms-flex-pack: distribute;
    justify-content: space-around; }
  .between-sm {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .first-sm {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1; }
  .last-sm {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; } }

@media only screen and (min-width: 64em) {
  .container {
    width: 65rem; }
  .col-md,
  .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-offset-0,
  .col-md-offset-1,
  .col-md-offset-2,
  .col-md-offset-3,
  .col-md-offset-4,
  .col-md-offset-5,
  .col-md-offset-6,
  .col-md-offset-7,
  .col-md-offset-8,
  .col-md-offset-9,
  .col-md-offset-10,
  .col-md-offset-11,
  .col-md-offset-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem; }
  .col-md {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%; }
  .col-md-1 {
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%; }
  .col-md-2 {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%; }
  .col-md-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%; }
  .col-md-4 {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%; }
  .col-md-5 {
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%; }
  .col-md-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%; }
  .col-md-7 {
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%; }
  .col-md-8 {
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%; }
  .col-md-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%; }
  .col-md-10 {
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%; }
  .col-md-11 {
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%; }
  .col-md-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%; }
  .col-md-offset-0 {
    margin-left: 0; }
  .col-md-offset-1 {
    margin-left: 8.33333333%; }
  .col-md-offset-2 {
    margin-left: 16.66666667%; }
  .col-md-offset-3 {
    margin-left: 25%; }
  .col-md-offset-4 {
    margin-left: 33.33333333%; }
  .col-md-offset-5 {
    margin-left: 41.66666667%; }
  .col-md-offset-6 {
    margin-left: 50%; }
  .col-md-offset-7 {
    margin-left: 58.33333333%; }
  .col-md-offset-8 {
    margin-left: 66.66666667%; }
  .col-md-offset-9 {
    margin-left: 75%; }
  .col-md-offset-10 {
    margin-left: 83.33333333%; }
  .col-md-offset-11 {
    margin-left: 91.66666667%; }
  .start-md {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start; }
  .center-md {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center; }
  .end-md {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end; }
  .top-md {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
  .middle-md {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .bottom-md {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; }
  .around-md {
    -ms-flex-pack: distribute;
    justify-content: space-around; }
  .between-md {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .first-md {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1; }
  .last-md {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; } }

@media only screen and (min-width: 75em) {
  .container {
    width: 76rem; }
  .col-lg,
  .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-offset-0,
  .col-lg-offset-1,
  .col-lg-offset-2,
  .col-lg-offset-3,
  .col-lg-offset-4,
  .col-lg-offset-5,
  .col-lg-offset-6,
  .col-lg-offset-7,
  .col-lg-offset-8,
  .col-lg-offset-9,
  .col-lg-offset-10,
  .col-lg-offset-11,
  .col-lg-offset-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem; }
  .col-lg {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%; }
  .col-lg-1 {
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%; }
  .col-lg-2 {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%; }
  .col-lg-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%; }
  .col-lg-4 {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%; }
  .col-lg-5 {
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%; }
  .col-lg-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%; }
  .col-lg-7 {
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%; }
  .col-lg-8 {
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%; }
  .col-lg-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%; }
  .col-lg-10 {
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%; }
  .col-lg-11 {
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%; }
  .col-lg-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%; }
  .col-lg-offset-0 {
    margin-left: 0; }
  .col-lg-offset-1 {
    margin-left: 8.33333333%; }
  .col-lg-offset-2 {
    margin-left: 16.66666667%; }
  .col-lg-offset-3 {
    margin-left: 25%; }
  .col-lg-offset-4 {
    margin-left: 33.33333333%; }
  .col-lg-offset-5 {
    margin-left: 41.66666667%; }
  .col-lg-offset-6 {
    margin-left: 50%; }
  .col-lg-offset-7 {
    margin-left: 58.33333333%; }
  .col-lg-offset-8 {
    margin-left: 66.66666667%; }
  .col-lg-offset-9 {
    margin-left: 75%; }
  .col-lg-offset-10 {
    margin-left: 83.33333333%; }
  .col-lg-offset-11 {
    margin-left: 91.66666667%; }
  .start-lg {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start; }
  .center-lg {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center; }
  .end-lg {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end; }
  .top-lg {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
  .middle-lg {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .bottom-lg {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; }
  .around-lg {
    -ms-flex-pack: distribute;
    justify-content: space-around; }
  .between-lg {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .first-lg {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1; }
  .last-lg {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; } }

/*! formstone v1.4.16-1 [carousel.css] 2019-08-06 | GPL-3.0 License | formstone.it */
.fs-carousel.fs-carousel-enabled {
  width: 100%;
  position: relative; }

.fs-carousel.fs-carousel-enabled:after {
  clear: both;
  content: '';
  display: table; }

.fs-carousel, .fs-carousel *, .fs-carousel :after, .fs-carousel :before, .fs-carousel:after, .fs-carousel:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: none;
  transition: none;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important; }

.fs-carousel-enabled.fs-carousel-contained, .fs-carousel-enabled.fs-carousel-contained .fs-carousel-container, .fs-carousel-enabled.fs-carousel-contained .fs-carousel-viewport, .fs-carousel-enabled.fs-carousel-contained .fs-carousel-wrapper {
  overflow: hidden; }

.fs-carousel-enabled .fs-carousel-viewport {
  position: relative; }

.fs-carousel-enabled .fs-carousel-viewport:after {
  clear: both;
  content: '';
  display: table; }

.fs-carousel-enabled .fs-carousel-wrapper {
  position: relative; }

.fs-carousel-enabled .fs-carousel-wrapper:after {
  clear: both;
  content: '';
  display: table; }

.fs-carousel-enabled .fs-carousel-container {
  position: relative; }

.fs-carousel-enabled .fs-carousel-canister {
  position: relative;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  overflow: hidden;
  -webkit-transition: -webkit-transform .5s ease;
  transition: -webkit-transform .5s ease;
  transition: transform .5s ease;
  transition: transform .5s ease,-webkit-transform .5s ease;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.fs-carousel-enabled.fs-carousel-auto_height .fs-carousel-canister {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition: height .5s ease,-webkit-transform .5s ease;
  transition: height .5s ease,-webkit-transform .5s ease;
  transition: height .5s ease,transform .5s ease;
  transition: height .5s ease,transform .5s ease,-webkit-transform .5s ease; }

.fs-carousel-enabled .fs-carousel-item {
  min-height: 1px;
  display: block; }

.fs-carousel-enabled .fs-carousel-item img {
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.fs-carousel-single .fs-carousel-item {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1; }

.fs-carousel-single .fs-carousel-item.fs-carousel-visible {
  position: relative;
  z-index: 2; }

.fs-carousel-controls {
  display: none; }

.fs-carousel-enabled .fs-carousel-controls {
  width: 100%;
  margin: 0;
  padding: 0; }

.fs-carousel-controls_custom.fs-carousel-visible, .fs-carousel-enabled .fs-carousel-controls.fs-carousel-visible {
  display: block; }

.fs-carousel-enabled .fs-carousel-control {
  border: none;
  cursor: pointer;
  padding: 0; }

.fs-carousel-pagination {
  display: none; }

.fs-carousel-enabled .fs-carousel-pagination {
  width: 100%; }

.fs-carousel-enabled .fs-carousel-pagination.fs-carousel-visible {
  display: block; }

.fs-carousel-enabled .fs-carousel-page {
  border: none;
  cursor: pointer;
  display: inline-block;
  padding: 0; }

.fs-carousel-enabled.fs-carousel-rtl {
  direction: rtl; }

.hidden-overflow .fs-carousel-enabled.fs-carousel-contained,
.hidden-overflow .fs-carousel-enabled.fs-carousel-contained .fs-carousel-container,
.hidden-overflow .fs-carousel-enabled.fs-carousel-contained .fs-carousel-viewport,
.hidden-overflow .fs-carousel-enabled.fs-carousel-contained .fs-carousel-wrapper,
.hidden-overflow .fs-carousel-enabled .fs-carousel-canister {
  overflow: visible; }

.icon {
  display: inline-block; }
  .icon.icon-tag.icon-gamming {
    width: 26px;
    height: 17px;
    background: url(../images/icon-gaming.svg) no-repeat;
    background-position: center center;
    background-size: cover; }
  .icon.icon-tag.icon-tennis {
    width: 20px;
    height: 21px;
    background: url(../images/icon-tennis.svg) no-repeat;
    background-position: center center;
    background-size: cover; }
  .icon.icon-tag.icon-football {
    width: 20px;
    height: 21px;
    background: url(../images/icon-football.svg) no-repeat;
    background-position: center center;
    background-size: cover; }
  .icon.icon-tag.icon-running {
    width: 26px;
    height: 19px;
    background: url(../images/icon-running.svg) no-repeat;
    background-position: center center;
    background-size: cover; }
  .icon.icon-lg.icon-tennis {
    width: 56px;
    height: 57px;
    background: url(../images/icon-tennis.svg) no-repeat;
    background-position: center center;
    background-size: cover; }
  .icon.icon-lg.icon-football {
    width: 55px;
    height: 57px;
    background: url(../images/icon-football.svg) no-repeat;
    background-position: center center;
    background-size: cover; }
  .icon.icon-lg.icon-running {
    width: 71px;
    height: 52px;
    background: url(../images/icon-running.svg) no-repeat;
    background-position: center center;
    background-size: cover; }
  .icon.icon-fast-access.icon-profile {
    width: 21px;
    height: 21px;
    background: url(../images/icon-my-profile-blue.svg) no-repeat;
    background-position: center center;
    background-size: cover; }
    .icon.icon-fast-access.icon-profile.active {
      background-image: url(../images/icon-join.svg); }
  .icon.icon-fast-access.icon-achievements {
    width: 24px;
    height: 21px;
    background: url(../images/icon-achievements-blue.svg) no-repeat;
    background-position: center center;
    background-size: cover; }
    .icon.icon-fast-access.icon-achievements.active {
      background-image: url(../images/icon-achievements.svg); }
  .icon.icon-fast-access.icon-favorites {
    width: 23px;
    height: 20px;
    background: url(../images/icon-heart-blue.svg) no-repeat;
    background-position: center center;
    background-size: cover; }
    .icon.icon-fast-access.icon-favorites.active {
      background-image: url(../images/icon-heart-white.svg); }
  .icon.icon-fast-access.icon-play {
    width: 21px;
    height: 21px;
    background: url(../images/icon-play-blue.svg) no-repeat;
    background-position: center center;
    background-size: cover; }
    .icon.icon-fast-access.icon-play.active {
      background-image: url(../images/icon-play.svg); }
  .icon.icon-fast-access.icon-join {
    width: 27px;
    height: 21px;
    background: url(../images/icon-register-blue.svg) no-repeat;
    background-position: center center;
    background-size: cover; }
    .icon.icon-fast-access.icon-join.active {
      background-image: url(../images/icon-register.svg); }
  .icon.icon-fast-access.icon-video {
    width: 24px;
    height: 16px;
    background: url(../images/icon-video-blue.svg) no-repeat;
    background-position: center center;
    background-size: cover;
    margin-top: 2px;
    margin-bottom: 3px; }
    .icon.icon-fast-access.icon-video.active {
      background-image: url(../images/icon-video.svg); }
  .icon.icon-fast-access.icon-gear {
    width: 26px;
    height: 21px;
    background: url(../images/icon-gear-blue-2.svg) no-repeat;
    background-position: center center;
    background-size: cover; }
    .icon.icon-fast-access.icon-gear.active {
      background-image: url(../images/icon-gear.svg); }
  .icon.icon-fast-access.icon-back {
    width: 23px;
    height: 22px;
    background: url(../images/icon-back-blue.svg) no-repeat;
    background-position: center center;
    background-size: cover;
    margin-top: 2px;
    margin-bottom: 3px; }
  .icon.icon-fast-access.icon-search {
    width: 21px;
    height: 21px;
    background: url(../images/icon-search-blue.svg) no-repeat;
    background-position: center center;
    background-size: cover; }
    .icon.icon-fast-access.icon-search.active {
      background-image: url(../images/icon-search-blue.svg); }
  .icon.icon-fast-access.icon-certyficate {
    width: 26px;
    height: 26px;
    background: url(../images/icon-certificates-blue.svg) no-repeat;
    background-position: center center;
    background-size: cover; }
  .icon.icon-fast-access.icon-cap {
    width: 34px;
    height: 21px;
    background: url(../images/icon-cap.svg) no-repeat;
    background-position: center center;
    background-size: cover; }
  .icon.icon-fast-access.icon-courses {
    width: 25px;
    height: 22px;
    background: url(../images/icon-lessons-white.png) no-repeat;
    background-position: center center;
    background-size: cover; }
  .icon.icon-list.icon-favorites {
    width: 8px;
    height: 7px;
    background: url(../images/icon-heart-white.svg) no-repeat;
    background-position: center center;
    background-size: cover; }
  .icon.icon-list.icon-arrow {
    width: 8px;
    height: 8px;
    background: url(../images/icon-arrow.svg) no-repeat;
    background-position: center center;
    background-size: cover; }
  .icon.icon-list.icon-star {
    width: 8px;
    height: 7px;
    background: url(../images/icon-star.svg) no-repeat;
    background-position: center center;
    background-size: cover; }
  .icon.icon-btn-sm.icon-play {
    width: 17px;
    height: 17px;
    background: url(../images/icon-play.svg) no-repeat;
    background-position: center center;
    background-size: cover; }
  .icon.icon-btn-md.icon-play {
    width: 26px;
    height: 26px;
    background: url(../images/icon-play.svg) no-repeat;
    background-position: center center;
    background-size: cover; }
  .icon.icon-btn-lg.icon-play {
    width: 36px;
    height: 36px;
    background: url(../images/icon-play.svg) no-repeat;
    background-position: center center;
    background-size: cover; }
  .icon.tab-icon.icon-join {
    width: 27px;
    height: 21px;
    background: url(../images/icon-register.svg) no-repeat;
    background-position: center center;
    background-size: cover; }
    .icon.tab-icon.icon-join.active {
      background-image: url(../images/icon-register.svg); }
  .icon.tab-icon.icon-profile {
    width: 21px;
    height: 21px;
    background: url(../images/icon-join.svg) no-repeat;
    background-position: center center;
    background-size: cover; }
    .icon.tab-icon.icon-profile.active {
      background-image: url(../images/icon-join.svg); }
  .icon.tab-icon.icon-join-blue {
    width: 27px;
    height: 21px;
    background: url(../images/icon-register.svg) no-repeat;
    background-position: center center;
    background-size: cover; }
  .icon.tab-icon.icon-profile-blue {
    width: 21px;
    height: 21px;
    background: url(../images/icon-join.svg) no-repeat;
    background-position: center center;
    background-size: cover; }
  .icon.icon-stats-list {
    width: 19px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: center center; }
    .icon.icon-stats-list.videos {
      background-image: url(../images/icon-video.svg);
      background-size: 19px 13px; }
    .icon.icon-stats-list.quiz {
      background-image: url(../images/icon-quiz.svg);
      background-size: 16px 16px; }
    .icon.icon-stats-list.achievements {
      background-image: url(../images/icon-badge.svg);
      background-size: 13px 17px; }
    .icon.icon-stats-list.total {
      background-image: url(../images/icon-points.svg);
      background-size: 17px 18px; }
    .icon.icon-stats-list.table {
      background-image: url(../images/icon-list.svg);
      background-size: 18px 15px; }
  .icon.icon-stats-list-white {
    width: 19px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: center center; }
    .icon.icon-stats-list-white.videos {
      background-image: url(../images/icon-video-blue.svg);
      background-size: 19px 13px; }
    .icon.icon-stats-list-white.quiz {
      background-image: url(../images/icon-quiz-blue.svg);
      background-size: 16px 16px; }
    .icon.icon-stats-list-white.usertime {
      background-image: url(../images/icon-usertine-blue.svg);
      background-size: 13px 17px; }
    .icon.icon-stats-list-white.login {
      background-image: url(../images/icon-login-blue.svg);
      background-size: 17px 18px; }
    .icon.icon-stats-list-white.trober {
      background-image: url(../images/icon-trober-blue.svg);
      background-size: 18px 15px; }
  .icon.icon-emot {
    width: 27px;
    height: 27px;
    background-repeat: no-repeat;
    background-position: center center; }
    .icon.icon-emot.like {
      background-image: url(../images/icon-emot-like.svg); }
    .icon.icon-emot.smile {
      background-image: url(../images/icon-emot-smile.svg); }
    .icon.icon-emot.crying-laughter {
      background-image: url(../images/icon-emot-crying-laughter.svg); }
    .icon.icon-emot.icon-emot-shock {
      background-image: url(../images/icon-emot-shock.svg); }
    .icon.icon-emot.icon-emot-glasses {
      background-image: url(../images/icon-emot-glasses.svg); }
  .icon.icon-profile-menu {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover; }
    .icon.icon-profile-menu.cockpit {
      width: 24px;
      height: 22px;
      background-image: url(../images/icon-flag-blue.svg); }
    .icon.icon-profile-menu.achievements {
      width: 24px;
      height: 22px;
      background-image: url(../images/icon-achievements-2-blue.svg); }
    .icon.icon-profile-menu.videos {
      width: 24px;
      height: 16px;
      background-image: url(../images/icon-video-blue.svg); }
    .icon.icon-profile-menu.activities {
      width: 22px;
      height: 16px;
      background-image: url(../images/icon-chart-blue.svg); }
    .icon.icon-profile-menu.settings {
      width: 26px;
      height: 22px;
      background-image: url(../images/icon-gear-blue.svg); }
    .icon.icon-profile-menu.cockpit-blue {
      width: 24px;
      height: 22px;
      background-image: url(../images/icon-flag-blue-2.svg); }
    .icon.icon-profile-menu.certificates {
      width: 36px;
      height: 22px;
      background-image: url(../images/icon-certificates-blue.svg); }
    .icon.icon-profile-menu.transactions {
      width: 24px;
      height: 21px;
      background-image: url(../images/icon-transactions-blue.svg); }
    .icon.icon-profile-menu.logout {
      width: 22px;
      height: 22px;
      background-image: url(../images/icon-logout.svg); }
    .icon.icon-profile-menu.videos-blue {
      width: 24px;
      height: 16px;
      background-image: url(../images/icon-video-blue-2.svg); }
    .icon.icon-profile-menu.settings-blue {
      width: 28px;
      height: 22px;
      background-image: url(../images/icon-gear-blue-2.svg); }
    .icon.icon-profile-menu.cap {
      width: 34px;
      height: 21px;
      background: url(../images/icon-cap.svg) no-repeat;
      background-position: center center;
      background-size: cover; }
  .icon.icon-favorite {
    position: relative;
    width: 21px;
    height: 19px;
    background-image: url(../images/icon-heart.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 21px 19px; }
    .icon.icon-favorite.active {
      background-image: url(../images/icon-heart-blue.svg); }
    .icon.icon-favorite:after {
      width: 21px;
      height: 19px;
      background-image: url(../images/icon-heart-hover.svg);
      background-repeat: no-repeat;
      background-size: 21px 20px;
      background-position: center 0;
      display: inline-block;
      transition: all .3s ease;
      opacity: 0;
      content: ''; }
    .icon.icon-favorite:hover:after {
      opacity: 1; }
  .icon.icon-group {
    width: 23px;
    height: 16px;
    background: url(../images/icon-group.svg) no-repeat;
    background-position: center center;
    background-size: cover; }
  .icon.icon-video {
    width: 23px;
    height: 15px;
    background: url(../images/icon-video.svg) no-repeat;
    background-position: center center;
    background-size: cover; }
  .icon.icon-like {
    width: 16px;
    height: 16px;
    background: url(../images/icon-like.svg) no-repeat;
    background-position: center center;
    background-size: cover; }
  .icon.icon-achievements {
    width: 24px;
    height: 21px;
    background: url(../images/icon-achievements.svg) no-repeat;
    background-position: center center;
    background-size: cover; }
  .icon.icon-expand {
    width: 20px;
    height: 13px;
    background: url(../images/icon-expand.svg) no-repeat;
    background-position: center center;
    background-size: cover; }
  .icon.icon-expand-blue {
    width: 20px;
    height: 13px;
    background: url(../images/icon-expand-blue.svg) no-repeat;
    background-position: center center;
    background-size: cover; }
  .icon.icon-header {
    display: flex;
    width: 55px;
    height: 55px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #1bb0e0;
    background-repeat: no-repeat;
    background-position: center center; }
    @media (max-width: 640px) {
      .icon.icon-header {
        width: 36px;
        height: 36px; } }
    .icon.icon-header.icon-mental {
      background-image: url(../images/icon-mind.svg); }
      @media (max-width: 640px) {
        .icon.icon-header.icon-mental {
          background-size: 22px 21px; } }
    .icon.icon-header.icon-tag {
      background-image: url(../images/icon-tag.svg); }
      @media (max-width: 640px) {
        .icon.icon-header.icon-tag {
          background-size: 22px 21px; } }
  .icon.icon-header-info {
    display: flex;
    width: 32px;
    height: 32px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #1bb0e0;
    background-repeat: no-repeat;
    background-position: center center; }
    .icon.icon-header-info.icon-video {
      background-image: url(../images/icon-video.svg);
      background-size: 19px 13px; }
  .icon.icon-download {
    width: 16px;
    height: 16px;
    background: url(../images/icon-download.svg) no-repeat;
    background-position: center center;
    background-size: cover; }
  .icon.icon-chat {
    width: 37px;
    height: 33px;
    background: url(../images/icon-chat-blue.svg) no-repeat;
    background-position: center center;
    background-size: cover; }
  .icon.icon-post {
    width: 11px;
    height: 14px;
    background: url(../images/icon-post.svg) no-repeat;
    background-position: center center;
    background-size: cover; }
  .icon.icon-like-topic {
    width: 25px;
    height: 25px;
    background: url(../images/icon-like-topic.svg) no-repeat;
    background-position: center center;
    background-size: cover; }
  .icon.icon-like-gray {
    width: 25px;
    height: 25px;
    background: url(../images/icon-like-gray.svg) no-repeat;
    background-position: center center;
    background-size: cover; }
    .icon.icon-like-gray.active {
      background: url(../images/icon-like-topic.svg) no-repeat; }
  .icon.icon-lessons {
    width: 31px;
    height: 27px;
    background: url(../images/icon-lessons.png) no-repeat;
    background-position: center center;
    background-size: cover; }
  .icon.icon-interactive {
    width: 27px;
    height: 27px;
    background: url(../images/icon-interactive.svg) no-repeat;
    background-position: center center;
    background-size: cover; }
  .icon.icon-materials {
    width: 21px;
    height: 26px;
    background: url(../images/icon-materials.svg) no-repeat;
    background-position: center center;
    background-size: cover; }
  .icon.icon-certyficate {
    width: 26px;
    height: 26px;
    background: url(../images/icon-certificates-blue.svg) no-repeat;
    background-position: center center;
    background-size: cover; }
  .icon.icon-cap {
    width: 34px;
    height: 21px;
    background: url(../images/icon-cap.svg) no-repeat;
    background-position: center center;
    background-size: cover; }
  .icon.icon-components.lessons {
    width: 31px;
    height: 27px;
    background: url(../images/icon-components-lessons.png) no-repeat;
    background-position: center center;
    background-size: cover; }
  .icon.icon-components.ball {
    width: 31px;
    height: 31px;
    background: url(../images/icon-components-ball.svg) no-repeat;
    background-position: center center;
    background-size: cover; }
  .icon.icon-components.materials {
    width: 21px;
    height: 26px;
    background: url(../images/icon-materials.svg) no-repeat;
    background-position: center center;
    background-size: cover; }
  .icon.icon-components.quiz {
    width: 27px;
    height: 27px;
    background: url(../images/icon-components-quiz.svg) no-repeat;
    background-position: center center;
    background-size: cover; }
  .icon.icon-components.cartiricate {
    width: 26px;
    height: 26px;
    background: url(../images/icon-components-cartiricate.svg) no-repeat;
    background-position: center center;
    background-size: cover; }
  .icon.icon-schedule.lessons {
    width: 31px;
    height: 27px;
    background: url(../images/icon-schedule-lessons.png) no-repeat;
    background-position: center center;
    background-size: cover; }
  .icon.icon-schedule.ball {
    width: 31px;
    height: 31px;
    background: url(../images/icon-schedule-ball.svg) no-repeat;
    background-position: center center;
    background-size: cover; }

.active .icon.icon-profile-menu.cockpit {
  background-image: url(../images/icon-flag.svg); }

.active .icon.icon-profile-menu.achievements {
  background-image: url(../images/icon-achievements-2.svg); }

.active .icon.icon-profile-menu.videos {
  background-image: url(../images/icon-video.svg); }

.active .icon.icon-profile-menu.activities {
  background-image: url(../images/icon-chart.svg); }

.active .icon.icon-profile-menu.settings {
  background-image: url(../images/icon-gear.svg); }

.active .icon.icon-profile-menu.cap {
  background-image: url(../images/icon-certificates-white.svg); }

.tabs-nav .active .icon.tab-icon.icon-join-blue {
  background-image: url(../images/icon-signup-blue.svg); }

.tabs-nav .active .icon.tab-icon.icon-profile-blue {
  background-image: url(../images/icon-profile-blue.svg); }

.signup-login-popup {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(../images/bg-popup-fullscreen.jpg) no-repeat center center #02376d;
  background-size: cover;
  visibility: hidden;
  opacity: 0;
  transition: all .6s ease;
  z-index: -1; }
  @media (max-width: 1020px) {
    .signup-login-popup {
      background: url(../images/bg-popup-fullscreen-mobile.png) no-repeat center center #02376d;
      background-size: cover;
      overflow-y: scroll; } }
  .signup-login-popup.active {
    visibility: visible;
    opacity: 1;
    z-index: 100; }
  .signup-login-popup .wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100%; }
    @media (max-width: 1020px) {
      .signup-login-popup .wrapper {
        padding-bottom: 100px;
        justify-content: flex-start; } }
  .signup-login-popup .top {
    flex-direction: column;
    align-items: center;
    display: flex;
    margin-bottom: 80px;
    text-shadow: 2px 2px rgba(0, 0, 0, 0.25);
    line-height: 60px;
    font-size: 50px;
    text-align: center; }
    @media (max-width: 1020px) {
      .signup-login-popup .top {
        font-size: 28px;
        line-height: 30px;
        max-width: 220px;
        margin-bottom: 20px;
        margin-top: 30px; } }
    .signup-login-popup .top .subtitle {
      color: #c5e2ff;
      font-weight: 500; }
      @media (max-width: 1020px) {
        .signup-login-popup .top .subtitle {
          color: #fff; } }
    .signup-login-popup .top .title {
      color: #fff;
      text-transform: uppercase;
      font-weight: 700; }
  .signup-login-popup .bottom {
    width: 100%;
    justify-content: space-between;
    display: flex; }
    @media (max-width: 1020px) {
      .signup-login-popup .bottom {
        flex-direction: column; } }
    .signup-login-popup .bottom .left {
      flex: 1;
      display: flex;
      justify-content: center;
      padding: 0 50px; }
      @media (max-width: 1020px) {
        .signup-login-popup .bottom .left {
          min-height: 360px; } }
      @media (max-width: 1020px) {
        .signup-login-popup .bottom .left .logo {
          max-width: 140px; } }
    .signup-login-popup .bottom .right {
      flex: 1;
      background: #061840;
      min-height: 570px;
      -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.5);
      box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.5); }
      @media (max-width: 1020px) {
        .signup-login-popup .bottom .right {
          background: transparent;
          -webkit-box-shadow: none;
          -moz-box-shadow: none;
          box-shadow: none;
          min-height: 0; } }
  .signup-login-popup .close {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 62px;
    height: 54px;
    background: url(../images/icon-close-light.svg) no-repeat;
    cursor: pointer; }
    @media (max-width: 1020px) {
      .signup-login-popup .close {
        width: 41px;
        height: 36px;
        background-size: cover;
        top: 8px;
        right: 8px; } }
    .signup-login-popup .close:hover:before {
      opacity: 1;
      visibility: visible; }
    .signup-login-popup .close:before {
      display: inline-block;
      content: '';
      transition: all .2s ease;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      background: url(../images/icon-close-light.svg) no-repeat;
      background-size: cover;
      opacity: 0;
      visibility: hidden; }
  @media (max-width: 1020px) {
    .signup-login-popup .tabs-nav {
      display: none; } }
  .signup-login-popup .tabs-nav ul {
    display: flex; }
    .signup-login-popup .tabs-nav ul li {
      position: relative;
      cursor: pointer;
      flex: 1;
      height: 60px;
      display: flex;
      background: #00081a;
      justify-content: center;
      align-items: center;
      border-bottom: 1px solid #18326f;
      border-right: 1px solid #18326f;
      text-transform: uppercase;
      font-weight: 600;
      transition: all .3s ease;
      font-size: 12px;
      padding: 0 15px; }
      .signup-login-popup .tabs-nav ul li:before {
        content: '';
        display: inline-block;
        position: absolute;
        bottom: 0;
        left: 0;
        right: -1px;
        background: #1e89ee;
        height: 0;
        transition: all .3s ease; }
      .signup-login-popup .tabs-nav ul li.active {
        background: #081b47;
        color: #c5e2ff; }
        .signup-login-popup .tabs-nav ul li.active:before {
          height: 4px; }
      .signup-login-popup .tabs-nav ul li:last-child {
        border-right: none; }
        .signup-login-popup .tabs-nav ul li:last-child:before {
          right: 0;
          left: -1px; }
      .signup-login-popup .tabs-nav ul li i {
        margin-right: 10px;
        flex-shrink: 0; }
  .signup-login-popup .tabs > div {
    display: flex;
    justify-content: center;
    visibility: hidden;
    display: none; }
    .signup-login-popup .tabs > div.active {
      display: flex;
      visibility: visible;
      opacity: 1; }
  .signup-login-popup .tabs .title {
    font-size: 28px;
    line-height: 30px;
    font-weight: 500;
    margin: 40px 10px;
    text-align: center; }
    @media (max-width: 1020px) {
      .signup-login-popup .tabs .title {
        margin: 30px 0;
        font-size: 24px; } }
  .signup-login-popup .tabs .info {
    font-size: 16px;
    color: #606060;
    font-weight: 400;
    margin-bottom: 30px;
    margin-top: -10px;
    line-height: 22px;
    text-align: center; }
    @media (max-width: 1020px) {
      .signup-login-popup .tabs .info {
        position: absolute;
        top: 285px;
        left: 80px;
        color: #fff;
        right: 80px; } }
    @media (max-width: 480px) {
      .signup-login-popup .tabs .info {
        position: absolute;
        top: 289px;
        left: 20px;
        color: #fff;
        right: 20px; } }
  .signup-login-popup .tabs .form-group {
    flex: 1;
    margin: 0 15px; }
    @media (max-width: 1020px) {
      .signup-login-popup .tabs .form-group {
        margin: 0; } }
    .signup-login-popup .tabs .form-group.sm {
      max-width: 483px; }
    .signup-login-popup .tabs .form-group input {
      margin-bottom: 20px;
      height: 50px;
      line-height: 50px; }
    .signup-login-popup .tabs .form-group .link-arrow {
      margin-top: 20px; }
    .signup-login-popup .tabs .form-group .btn {
      width: 100%;
      max-width: 480px;
      margin-top: 30px; }
    .signup-login-popup .tabs .form-group label {
      margin-top: 20px;
      font-size: 14px;
      color: #eaeaea; }
      .signup-login-popup .tabs .form-group label.mrt-0 {
        margin-top: 0; }

.popup-info {
  opacity: 0;
  visibility: hidden;
  transition: all .5s ease;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 200;
  background: rgba(0, 8, 26, 0.8); }
  .popup-info.active {
    opacity: 1;
    visibility: visible; }
  .popup-info .inner {
    position: relative;
    padding: 20px;
    background: #dff7ff;
    width: 100%;
    color: #0a64bc;
    max-width: 890px;
    min-height: 315px;
    display: flex;
    align-items: center;
    padding-top: 60px;
    padding-bottom: 60px;
    margin-left: 15px;
    margin-right: 15px; }
    @media (min-width: 993px) {
      .popup-info .inner {
        padding-left: 320px; } }
    .popup-info .inner .close {
      position: absolute;
      right: 5px;
      top: 5px;
      display: block;
      width: 40px;
      height: 35px;
      cursor: pointer;
      transition: all .2s ease;
      background: url(../images/icon-close-blue.svg) no-repeat center center; }
      .popup-info .inner .close:hover {
        opacity: 0.8; }
    @media (min-width: 993px) {
      .popup-info .inner:before {
        content: '';
        display: inline-block;
        position: absolute;
        left: 45px;
        top: 50%;
        width: 200px;
        height: 200px;
        transform: translateY(-50%);
        background: url(../images/icon-info.svg) no-repeat center center;
        background-size: cover; }
      .popup-info .inner:after {
        content: '';
        display: inline-block;
        position: absolute;
        left: 280px;
        top: 20px;
        bottom: 20px;
        width: 1px;
        background: #4cd4ff;
        background-size: cover; } }
    .popup-info .inner .body {
      display: flex;
      justify-content: center;
      flex-direction: column;
      height: 100%; }
    .popup-info .inner .title {
      font-size: 26px;
      line-height: 30px;
      font-weight: 800; }
    .popup-info .inner .description {
      font-size: 18px;
      font-weight: 500;
      text-align: justify;
      line-height: 22px;
      margin-top: 25px; }

.notifications-popup {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  transition: all .4s ease;
  right: calc((100vw - 1440px) / 2 + 51px);
  top: calc(100% + 5px);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden;
  z-index: 5;
  width: 480px;
  background: #161e42;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75); }
  @media (max-width: 1488px) {
    .notifications-popup {
      right: 72px; } }
  .notifications-popup.visible {
    opacity: 1;
    visibility: visible; }
  .notifications-popup .top ul {
    display: flex;
    flex-direction: column; }
    .notifications-popup .top ul li {
      position: relative;
      padding: 20px 80px 20px 35px;
      background: url(../images/icon-envelope.svg) no-repeat right 25px center;
      background-size: 21px 15px;
      border-bottom: 1px solid #063b6f; }
      .notifications-popup .top ul li:before {
        position: absolute;
        content: '';
        display: inline-block;
        width: 10px;
        height: 100%;
        top: 0;
        left: 0;
        background: #1e89ee; }
      .notifications-popup .top ul li:nth-child(odd) {
        background: url(../images/icon-envelope-blue.svg) no-repeat right 25px center #121830;
        background-size: 21px 15px; }
        .notifications-popup .top ul li:nth-child(odd):before {
          background: #0a63bc; }
      .notifications-popup .top ul li .title {
        color: #9fe8ff;
        font-size: 18px;
        line-height: 22px;
        transition: all .3s ease;
        font-weight: 500; }
        .notifications-popup .top ul li .title:hover {
          color: #fff; }
      .notifications-popup .top ul li .desc {
        font-weight: 500;
        font-size: 14px;
        line-height: 18px;
        margin-top: 5px; }
  .notifications-popup .bottom {
    display: flex;
    height: 36px;
    justify-content: space-around;
    align-items: center;
    background: #161e42; }
    .notifications-popup .bottom a {
      color: #9fe8ff;
      font-size: 14px;
      transition: all .3s ease;
      font-weight: 800; }
      .notifications-popup .bottom a:hover {
        color: #fff; }

/* LIGHT MODE */
.light-mode .notifications-popup {
  background: #fff;
  right: calc((100vw - 1541px) / 2 + 51px);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); }
  @media (max-width: 1488px) {
    .light-mode .notifications-popup {
      right: 29px; } }
  .light-mode .notifications-popup .top ul li {
    background: url(../images/icon-envelope-gray.svg) no-repeat right 25px center #f0f0f0;
    border-bottom: 1px solid #bebebe; }
    .light-mode .notifications-popup .top ul li:before {
      background: #00729c; }
    .light-mode .notifications-popup .top ul li:nth-child(odd) {
      background: url(../images/icon-envelope-blue.svg) no-repeat right 25px center; }
      .light-mode .notifications-popup .top ul li:nth-child(odd):before {
        background: #1bb0e0; }
    .light-mode .notifications-popup .top ul li .title {
      color: #00729c; }
      .light-mode .notifications-popup .top ul li .title:hover {
        color: #1bb0e0; }
    .light-mode .notifications-popup .top ul li .desc {
      color: #686868; }
  .light-mode .notifications-popup .bottom {
    background: #e6f9ff; }
    .light-mode .notifications-popup .bottom a {
      color: #00729c; }
      .light-mode .notifications-popup .bottom a:hover {
        color: #1bb0e0; }

.light-mode .signup-login-popup {
  background: url(../images/bg-popup-fullscreen-light.jpg) no-repeat center center #034d68;
  background-size: cover; }
  @media (max-width: 1020px) {
    .light-mode .signup-login-popup {
      background: url(../images/bg-main-light.png); } }
  .light-mode .signup-login-popup .close {
    transition: all .3s ease;
    background: url(../images/icon-close-light.svg) no-repeat;
    background-size: cover; }
    .light-mode .signup-login-popup .close:before {
      display: none; }
    .light-mode .signup-login-popup .close:hover {
      opacity: 0.7; }
  @media (min-width: 1021px) {
    .light-mode .signup-login-popup .tabs .form-group .row.mrt-30 {
      margin-top: 0; } }
  .light-mode .signup-login-popup .tabs .form-group .title {
    color: #00729c;
    width: 100%; }
    @media (max-width: 1020px) {
      .light-mode .signup-login-popup .tabs .form-group .title {
        position: absolute;
        color: #fff;
        left: 50%;
        top: 205px;
        transform: translateX(-50%); } }
  .light-mode .signup-login-popup .tabs .form-group label {
    color: #00729c; }
  .light-mode .signup-login-popup .tabs-nav ul li {
    border-bottom: 1px solid #fff;
    background: #016f9a;
    background: -moz-linear-gradient(top, #016f9a 0%, #016f9a 40%, #085184 100%);
    background: -webkit-linear-gradient(top, #016f9a 0%, #016f9a 40%, #085184 100%);
    background: linear-gradient(to bottom, #016f9a 0%, #016f9a 40%, #085184 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#016f9a', endColorstr='#085184',GradientType=0 );
    color: #fff;
    border-color: #fff; }
    .light-mode .signup-login-popup .tabs-nav ul li:before {
      background: #1bb0e0; }
    .light-mode .signup-login-popup .tabs-nav ul li.active {
      background: #fff;
      color: #00729c; }
  .light-mode .signup-login-popup .top .subtitle {
    color: #0099d2;
    text-shadow: none; }
  .light-mode .signup-login-popup .top .title {
    color: #00729c;
    text-shadow: none; }
  .light-mode .signup-login-popup .bottom .right {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    background: url(../images/bg-main-light.png); }
    @media (max-width: 1020px) {
      .light-mode .signup-login-popup .bottom .right {
        background: transparent; } }
  .light-mode .signup-login-popup .bottom .left {
    display: flex;
    align-items: center; }
    @media (max-width: 1020px) {
      .light-mode .signup-login-popup .bottom .left {
        margin-left: -15px;
        margin-right: -15px;
        background: url(../images/bg-popup-fullscreen-light.jpg);
        background-size: cover;
        background-position: center center; } }
    .light-mode .signup-login-popup .bottom .left .logo {
      width: 90%;
      max-width: 620px; }
      .light-mode .signup-login-popup .bottom .left .logo img {
        width: 100%; }
      @media (max-width: 1020px) {
        .light-mode .signup-login-popup .bottom .left .logo {
          max-width: 277px; } }
  .light-mode .signup-login-popup.buy .bottom .left .logo {
    margin-top: -100px; }
  .light-mode .signup-login-popup.buy .tabs .form-group .title {
    top: 155px; }
  .light-mode .signup-login-popup.buy .tabs .info {
    top: 252px; }

.btn {
  display: inline-block;
  text-align: left; }
  .btn.full-width {
    width: 100%; }
  .btn.btn-lg {
    position: relative;
    background-color: #1e89ee;
    height: 70px;
    display: inline-flex;
    align-items: center;
    line-height: 18px;
    padding-left: 90px;
    text-transform: uppercase;
    padding-right: 20px;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 700;
    z-index: 1; }
    @media only screen and (max-width: 480px) {
      .btn.btn-lg {
        /*            height: 50px;
            line-height: 18px;
            padding-left: 63px;
            padding-right: 46px;*/ } }
    .btn.btn-lg:hover:before {
      background: #0a64bc;
      border-left: 1px solid #0b5eb3; }
    .btn.btn-lg:before {
      transition: all .25s ease;
      position: absolute;
      display: inline-block;
      content: '';
      background: #1e89ee;
      width: calc(100% - 70px);
      height: 100%;
      top: 0;
      bottom: 0;
      left: 70px;
      z-index: -1;
      border-left: 1px solid #1978d6;
      /*            @media only screen and (max-width : 480px) {
                left: 50px;
            }*/ }
    .btn.btn-lg:after {
      position: absolute;
      content: '';
      right: 0;
      bottom: 0;
      display: inline-block;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 0 35px 35px;
      border-color: transparent transparent #0a63bc transparent; }
    .btn.btn-lg.play {
      background-repeat: no-repeat;
      background-position: left 18px center;
      background-image: url(../images/icon-play.svg);
      /*            @media only screen and (max-width : 480px) {
                background-size: 28px 28px;
                background-position: left 11px center;
            }*/ }
    .btn.btn-lg.dropdown {
      background-repeat: no-repeat;
      background-position: left 18px center;
      background-image: url(../images/icon-arrow-dropdown-white.svg);
      /*            @media only screen and (max-width : 480px) {
                background-size: 28px 28px;
                background-position: left 11px center;
            }*/ }
      .btn.btn-lg.dropdown.opened {
        background-image: url(../images/icon-arrow-dropdown-white-top.svg); }
    .btn.btn-lg.achievements {
      background-repeat: no-repeat;
      background-position: left 20px center;
      background-image: url(../images/icon-achievements.svg);
      /*            @media only screen and (max-width : 480px) {
                background-size: 26px 23px;
                background-position: left 13px center;
            }*/ }
    .btn.btn-lg.videos {
      background-repeat: no-repeat;
      background-position: left 16px center;
      background-size: 40px 25px;
      background-image: url(../images/icon-videos.svg);
      /*            @media only screen and (max-width : 480px) {
                background-size: 26px 23px;
                background-position: left 13px center;
            }*/ }
    .btn.btn-lg.plate {
      background-repeat: no-repeat;
      background-position: left 20px center;
      background-image: url(../images/icon-plate.svg);
      /*            @media only screen and (max-width : 480px) {
                background-size: 26px 23px;
                background-position: left 11px center;
            }*/ }
    .btn.btn-lg.chat {
      background-repeat: no-repeat;
      background-position: left 20px center;
      background-image: url(../images/icon-chat.svg);
      /*            @media only screen and (max-width : 480px) {
                background-size: 26px 23px;
                background-position: left 11px center;
            }*/ }
    .btn.btn-lg.lessons {
      background-repeat: no-repeat;
      background-position: left 18px center;
      background-image: url(../images/icon-lessons-white.png); }
  .btn.btn-lg-2 {
    position: relative;
    background-color: #1e89ee;
    color: #fff;
    height: 70px;
    display: inline-flex;
    align-items: center;
    line-height: 18px;
    padding-left: 90px;
    text-transform: uppercase;
    padding-right: 20px;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 700;
    cursor: pointer;
    font-family: "Poppins", sans-serif;
    border: 0;
    z-index: 1;
    transition: all .25s ease; }
    .btn.btn-lg-2:hover {
      background-color: #0a64bc; }
      .btn.btn-lg-2:hover:before {
        border-left: 1px solid #0c58aa; }
    .btn.btn-lg-2:before {
      position: absolute;
      display: inline-block;
      transition: all .25s ease;
      content: '';
      width: calc(100% - 70px);
      height: 100%;
      top: 0;
      bottom: 0;
      left: 70px;
      z-index: -1;
      border-left: 1px solid #1978d6; }
    .btn.btn-lg-2.play {
      background-repeat: no-repeat;
      background-position: left 18px center;
      background-image: url(../images/icon-play.svg); }
    .btn.btn-lg-2.white.play {
      background-repeat: no-repeat;
      background-position: left 18px center;
      background-image: url(../images/icon-play-blue-2.svg); }
    .btn.btn-lg-2.white.course {
      background-repeat: no-repeat;
      background-position: left 18px center;
      background-image: url(../images/icon-course.png); }
    .btn.btn-lg-2.white.group {
      background-repeat: no-repeat;
      background-position: left 18px center;
      background-image: url(../images/icon-group-blue.svg); }
    .btn.btn-lg-2.white.refresh {
      background-repeat: no-repeat;
      background-position: left 18px center;
      background-image: url(../images/icon-refresh.svg); }
    .btn.btn-lg-2.white.certyficate {
      background-repeat: no-repeat;
      background-position: left 18px center;
      background-image: url(../images/icon-certyficate.svg); }
  .btn.btn-lg-3 {
    position: relative;
    background-color: #1e89ee;
    height: 70px;
    display: inline-flex;
    align-items: center;
    line-height: 18px;
    padding-left: 20px;
    text-transform: uppercase;
    padding-right: 60px;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 700;
    z-index: 1; }
    .btn.btn-lg-3:hover:before {
      background: #0a64bc;
      border-left: 1px solid #0b5eb3; }
    .btn.btn-lg-3:before {
      transition: all .25s ease;
      position: absolute;
      display: inline-block;
      content: '';
      background: #1e89ee;
      width: 100%;
      height: 100%;
      top: 0;
      bottom: 0;
      left: 0;
      z-index: -1;
      border-left: 1px solid #1978d6; }
    .btn.btn-lg-3:after {
      position: absolute;
      content: '';
      right: 0;
      bottom: 0;
      display: inline-block;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 0 35px 35px;
      border-color: transparent transparent #0a63bc transparent; }
  .btn.btn-lg-4 {
    position: relative;
    background-color: #1e89ee;
    height: 70px;
    display: inline-flex;
    align-items: center;
    line-height: 18px;
    padding-left: 20px;
    text-transform: uppercase;
    padding-right: 60px;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 700;
    z-index: 1; }
    .btn.btn-lg-4:hover:before {
      background: #0a64bc;
      border-left: 1px solid #0b5eb3; }
    .btn.btn-lg-4:before {
      transition: all .25s ease;
      position: absolute;
      display: inline-block;
      content: '';
      background: #1e89ee;
      width: 100%;
      height: 100%;
      top: 0;
      bottom: 0;
      left: 0;
      z-index: -1;
      border-left: 1px solid #1978d6; }
  .btn.btn-md {
    position: relative;
    background-color: #1e89ee;
    height: 45px;
    display: inline-flex;
    align-items: center;
    line-height: 18px;
    padding-left: 60px;
    text-transform: uppercase;
    padding-right: 58px;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 700;
    z-index: 1; }
    .btn.btn-md:hover:before {
      background: #0a64bc;
      border-left: 1px solid #0b5eb3; }
    .btn.btn-md:before {
      transition: all .25s ease;
      position: absolute;
      display: inline-block;
      content: '';
      background: #1e89ee;
      width: calc(100% - 45px);
      height: 100%;
      top: 0;
      bottom: 0;
      left: 45px;
      z-index: -1;
      border-left: 1px solid #1978d6; }
    .btn.btn-md:after {
      position: absolute;
      content: '';
      right: 0;
      bottom: 0;
      display: inline-block;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 0 23px 23px;
      border-color: transparent transparent #0a63bc transparent; }
    .btn.btn-md.play {
      background-repeat: no-repeat;
      background-position: left 10px center;
      background-image: url(../images/icon-play.svg);
      background-size: 26px 26px; }
    .btn.btn-md.profile {
      background-repeat: no-repeat;
      background-position: left 10px center;
      background-image: url(../images/icon-join.svg);
      background-size: 26px 26px; }
    .btn.btn-md.settings {
      background-repeat: no-repeat;
      background-position: left 10px center;
      background-image: url(../images/icon-gear.svg);
      background-size: 22px 22px; }
    .btn.btn-md.certificates {
      background-repeat: no-repeat;
      background-position: left 10px center;
      background-image: url(../images/icon-certificates-white.svg);
      background-size: 27px 23px; }
  .btn.btn-md-2 {
    position: relative;
    background-color: #1e89ee;
    color: #fff;
    height: 45px;
    display: inline-flex;
    align-items: center;
    line-height: 18px;
    padding-left: 60px;
    text-transform: uppercase;
    padding-right: 58px;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 700;
    cursor: pointer;
    font-family: "Poppins", sans-serif;
    border: 0;
    z-index: 1;
    transition: all .25s ease; }
    .btn.btn-md-2:hover {
      background-color: #0a64bc; }
      .btn.btn-md-2:hover:before {
        border-left: 1px solid #0c58aa; }
    .btn.btn-md-2:before {
      position: absolute;
      display: inline-block;
      transition: all .25s ease;
      content: '';
      width: calc(100% - 45px);
      height: 100%;
      top: 0;
      bottom: 0;
      left: 45px;
      z-index: -1;
      border-left: 1px solid #1978d6; }
    .btn.btn-md-2.play {
      background-repeat: no-repeat;
      background-position: left 10px center;
      background-image: url(../images/icon-play.svg);
      background-size: 26px 26px; }
    .btn.btn-md-2.print {
      background-repeat: no-repeat;
      background-position: left 10px center;
      background-image: url(../images/icon-print.svg);
      background-size: 22px 22px; }
    .btn.btn-md-2.download {
      background-repeat: no-repeat;
      background-position: left 10px center;
      background-image: url(../images/icon-download.svg);
      background-size: 22px 22px; }
    .btn.btn-md-2.list {
      background-repeat: no-repeat;
      background-position: left 10px center;
      background-image: url(../images/icon-check-list.svg);
      background-size: 27px 23px; }
    .btn.btn-md-2.arrow {
      background-repeat: no-repeat;
      background-image: url(../images/icon-arrow.svg);
      background-size: 16px 14px;
      background-position: left 11px center; }
  .btn.btn-md-3 {
    position: relative;
    background-color: #1e89ee;
    height: 45px;
    display: inline-flex;
    align-items: center;
    line-height: 18px;
    padding-left: 20px;
    text-transform: uppercase;
    padding-right: 60px;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 700;
    z-index: 1; }
    .btn.btn-md-3:hover:before {
      background: #0a64bc;
      border-left: 1px solid #0b5eb3; }
    .btn.btn-md-3:before {
      transition: all .25s ease;
      position: absolute;
      display: inline-block;
      content: '';
      background: #1e89ee;
      width: 100%;
      height: 100%;
      top: 0;
      bottom: 0;
      left: 0;
      z-index: -1;
      border-left: 1px solid #1978d6; }
    .btn.btn-md-3:after {
      position: absolute;
      content: '';
      right: 0;
      bottom: 0;
      display: inline-block;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 0 35px 35px;
      border-color: transparent transparent #0a63bc transparent; }
  .btn.btn-md-4 {
    position: relative;
    background-color: #1e89ee;
    height: 45px;
    display: inline-flex;
    align-items: center;
    line-height: 18px;
    padding-left: 20px;
    text-transform: uppercase;
    padding-right: 60px;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 700;
    z-index: 1; }
    .btn.btn-md-4:hover:before {
      background: #0a64bc;
      border-left: 1px solid #0b5eb3; }
    .btn.btn-md-4:before {
      transition: all .25s ease;
      position: absolute;
      display: inline-block;
      content: '';
      background: #1e89ee;
      width: 100%;
      height: 100%;
      top: 0;
      bottom: 0;
      left: 0;
      z-index: -1;
      border-left: 1px solid #1978d6; }
  .btn.btn-sm {
    position: relative;
    background-color: #1e89ee;
    height: 30px;
    display: inline-flex;
    align-items: center;
    line-height: 18px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    font-family: "Poppins", sans-serif;
    border: 0;
    transition: all .25s ease; }
    .btn.btn-sm:hover {
      background-color: #0a64bc; }
    .btn.btn-sm.btn-premim {
      padding-left: 35px;
      background-repeat: no-repeat;
      background-position: left 10px center;
      background-image: url(../images/icon-premium.svg); }
    .btn.btn-sm.btn-videos {
      padding-left: 40px;
      background-repeat: no-repeat;
      background-position: left 10px center;
      background-image: url(../images/icon-videos.svg); }
  .btn.btn-sm-2 {
    position: relative;
    background-color: #1e89ee;
    color: #fff;
    height: 35px;
    display: inline-flex;
    align-items: center;
    line-height: 18px;
    padding-left: 58px;
    text-transform: uppercase;
    padding-right: 20px;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 700;
    cursor: pointer;
    font-family: "Poppins", sans-serif;
    border: 0;
    transition: all .25s ease;
    color: #fff; }
    .btn.btn-sm-2:hover {
      background-color: #0a64bc; }
      .btn.btn-sm-2:hover:before {
        border-left: 1px solid #0c58aa; }
    .btn.btn-sm-2:before {
      position: absolute;
      display: inline-block;
      transition: all .25s ease;
      content: '';
      width: calc(100% - 35px);
      height: 100%;
      top: 0;
      bottom: 0;
      left: 35px;
      z-index: 0;
      border-left: 1px solid #1978d6; }
    .btn.btn-sm-2.play {
      background-image: url(../images/icon-play.svg);
      background-repeat: no-repeat;
      background-size: 17px 17px;
      background-position: left 10px center; }
    .btn.btn-sm-2.arrow {
      background-repeat: no-repeat;
      background-image: url(../images/icon-arrow.svg);
      background-size: 16px 14px;
      background-position: left 11px center; }
  .btn.btn-sm-3 {
    position: relative;
    background-color: #1e89ee;
    height: 35px;
    display: inline-flex;
    align-items: center;
    line-height: 18px;
    padding-left: 43px;
    text-transform: uppercase;
    padding-right: 75px;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 700;
    z-index: 1; }
    .btn.btn-sm-3:hover:before {
      background: #0a64bc;
      border-left: 1px solid #0b5eb3; }
    .btn.btn-sm-3:before {
      transition: all .25s ease;
      position: absolute;
      display: inline-block;
      content: '';
      background: #1e89ee;
      width: calc(100% - 35px);
      height: 100%;
      top: 0;
      bottom: 0;
      left: 35px;
      z-index: -1;
      border-left: 1px solid #1978d6; }
    .btn.btn-sm-3:after {
      position: absolute;
      content: '';
      right: 0;
      bottom: 0;
      display: inline-block;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 0 19px 19px;
      border-color: transparent transparent #0a63bc transparent; }
    .btn.btn-sm-3.play {
      background-image: url(../images/icon-play.svg);
      background-repeat: no-repeat;
      background-size: 17px 17px;
      background-position: left 10px center; }
  .btn.btn-sm-4 {
    position: relative;
    background-color: #1e89ee;
    height: 35px;
    display: inline-flex;
    align-items: center;
    line-height: 18px;
    padding-left: 20px;
    text-transform: uppercase;
    padding-right: 60px;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 700;
    z-index: 1; }
    .btn.btn-sm-4:hover:before {
      background: #0a64bc;
      border-left: 1px solid #0b5eb3; }
    .btn.btn-sm-4:before {
      transition: all .25s ease;
      position: absolute;
      display: inline-block;
      content: '';
      background: #1e89ee;
      width: 100%;
      height: 100%;
      top: 0;
      bottom: 0;
      left: 0;
      z-index: -1;
      border-left: 1px solid #1978d6; }
    .btn.btn-sm-4:after {
      position: absolute;
      content: '';
      right: 0;
      bottom: 0;
      display: inline-block;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 0 19px 19px;
      border-color: transparent transparent #0a63bc transparent; }
  .btn.btn-sm-5 {
    position: relative;
    background-color: #1e89ee;
    height: 35px;
    line-height: 35px;
    padding-left: 20px;
    text-transform: uppercase;
    padding-right: 20px;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 700;
    z-index: 1;
    cursor: pointer;
    font-family: "Poppins", sans-serif;
    border: 0;
    transition: all .25s ease;
    color: #fff; }
    .btn.btn-sm-5:hover:before {
      background: #0a64bc;
      border-left: 1px solid #0b5eb3; }
    .btn.btn-sm-5:before {
      transition: all .25s ease;
      position: absolute;
      display: inline-block;
      content: '';
      background: #1e89ee;
      width: 100%;
      height: 100%;
      top: 0;
      bottom: 0;
      left: 0;
      z-index: -1;
      border-left: 1px solid #1978d6; }
  .btn.btn-icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: all .3s ease;
    background: #1e89ee;
    margin-right: 30px; }
    .btn.btn-icon:hover {
      background: #0a64bc; }
    .btn.btn-icon.sm {
      width: 35px;
      height: 35px; }
    .btn.btn-icon.md {
      width: 46px;
      height: 46px; }
    .btn.btn-icon.lg {
      width: 70px;
      height: 70px; }
  .btn.btn-circle {
    width: 70px;
    height: 70px;
    border: 5px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%; }
    @media (max-width: 767px) {
      .btn.btn-circle {
        width: 47px;
        height: 47px;
        border: 4px solid #fff; } }
    .btn.btn-circle.like {
      transition: all .2s ease;
      background: url(../images/icon-like.svg) no-repeat center 17px;
      background-size: 26px 26px; }
      .btn.btn-circle.like:hover {
        background-size: 30px 30px;
        background-position: center 15px; }
      @media (max-width: 767px) {
        .btn.btn-circle.like {
          background-size: 19px 19px;
          background-position: center 8px; }
          .btn.btn-circle.like:hover {
            background-size: 19px 19px;
            background-position: center 8px; } }
    .btn.btn-circle.heart {
      transition: all .2s ease;
      background: url(../images/icon-heart.svg) no-repeat center 17px;
      background-size: 26px 26px; }
      .btn.btn-circle.heart:hover {
        background-size: 30px 30px;
        background-position: center 15px; }
      @media (max-width: 767px) {
        .btn.btn-circle.heart {
          background-size: 20px 20px;
          background-position: center 10px; }
          .btn.btn-circle.heart:hover {
            background-size: 20px 20px;
            background-position: center 10px; } }
    .btn.btn-circle.like-blue {
      transition: all .2s ease;
      background: url(../images/icon-like-blue-2.svg) no-repeat center 17px;
      background-size: 26px 26px;
      border: 4px solid #1bb0e0; }
      .btn.btn-circle.like-blue:hover {
        background-size: 30px 30px;
        background-position: center 15px; }
      @media (max-width: 767px) {
        .btn.btn-circle.like-blue {
          background-size: 19px 19px;
          background-position: center 10px;
          border: 3px solid #1bb0e0; }
          .btn.btn-circle.like-blue:hover {
            background-size: 19px 19px;
            background-position: center 10px; } }
    .btn.btn-circle.heart-blue {
      transition: all .2s ease;
      background: url(../images/icon-heart-blue-2.svg) no-repeat center 17px #75ceeb;
      background-size: 26px 26px;
      border: 4px solid #75ceeb; }
      .btn.btn-circle.heart-blue:hover {
        background-size: 30px 30px;
        background-position: center 15px; }
      @media (max-width: 767px) {
        .btn.btn-circle.heart-blue {
          background-size: 20px 20px;
          background-position: center 11px;
          border: 3px solid #73cce9; }
          .btn.btn-circle.heart-blue:hover {
            background-size: 20px 20px;
            background-position: center 11px; } }

.ui-buttons .btn {
  margin-right: 30px;
  margin-bottom: 50px; }

/* LIGHT MODE */
.light-mode .carousel-videos-info .btn.btn-lg {
  border-bottom: 3px solid #e5e5e5; }

.light-mode .btn {
  -webkit-box-shadow: 0px 3px 0px 0px rgba(1, 1, 16, 0.1);
  -moz-box-shadow: 0px 3px 0px 0px rgba(1, 1, 16, 0.1);
  box-shadow: 0px 3px 0px 0px rgba(1, 1, 16, 0.1); }
  .light-mode .btn.btn-lg {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #1bb0e0;
    overflow: hidden; }
    .light-mode .btn.btn-lg:hover:before {
      background-color: #00729c; }
    .light-mode .btn.btn-lg:before {
      background-color: #1bb0e0;
      border-left: 1px solid #139dcb; }
    .light-mode .btn.btn-lg:after {
      border-color: transparent transparent #00729c transparent; }
  .light-mode .btn.btn-lg-2 {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #1bb0e0;
    overflow: hidden; }
    .light-mode .btn.btn-lg-2.white {
      background-color: #fff;
      color: #1bb0e0; }
      .light-mode .btn.btn-lg-2.white:hover {
        background-color: #fff;
        color: #00729c; }
        .light-mode .btn.btn-lg-2.white:hover:before {
          border-left: 1px solid #b2d4e1;
          background-color: #fff; }
      .light-mode .btn.btn-lg-2.white:before {
        position: absolute;
        display: inline-block;
        transition: all .25s ease;
        content: '';
        width: calc(100% - 70px);
        height: 100%;
        top: 0;
        bottom: 0;
        left: 70px;
        z-index: -1;
        border-left: 1px solid #b2d4e1;
        background-color: #fff; }
    .light-mode .btn.btn-lg-2:hover {
      background-color: #00729c; }
      .light-mode .btn.btn-lg-2:hover:before {
        background-color: #00729c;
        border-left: 1px solid #00729c; }
    .light-mode .btn.btn-lg-2:before {
      background-color: #1bb0e0;
      border-left: 1px solid #139dcb; }
  .light-mode .btn.btn-lg-3 {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #1bb0e0;
    overflow: hidden; }
    .light-mode .btn.btn-lg-3:hover {
      background-color: #00729c; }
      .light-mode .btn.btn-lg-3:hover:before {
        background-color: #00729c;
        border-left: 1px solid #00729c; }
    .light-mode .btn.btn-lg-3:before {
      background-color: #1bb0e0;
      border-left: 1px solid #139dcb; }
    .light-mode .btn.btn-lg-3:after {
      border-color: transparent transparent #00729c transparent; }
  .light-mode .btn.btn-lg-4 {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #1bb0e0;
    overflow: hidden; }
    .light-mode .btn.btn-lg-4:hover {
      background-color: #00729c; }
      .light-mode .btn.btn-lg-4:hover:before {
        background-color: #00729c;
        border-left: 1px solid #00729c; }
    .light-mode .btn.btn-lg-4:before {
      background-color: #1bb0e0;
      border-left: 1px solid #139dcb; }
  .light-mode .btn.btn-md {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #1bb0e0;
    overflow: hidden; }
    .light-mode .btn.btn-md:hover:before {
      background-color: #00729c; }
    .light-mode .btn.btn-md:before {
      background-color: #1bb0e0;
      border-left: 1px solid #139dcb; }
    .light-mode .btn.btn-md:after {
      border-color: transparent transparent #00729c transparent; }
  .light-mode .btn.btn-md-2 {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #1bb0e0;
    overflow: hidden; }
    .light-mode .btn.btn-md-2:hover {
      background-color: #00729c; }
      .light-mode .btn.btn-md-2:hover:before {
        background-color: #00729c;
        border-left: 1px solid #00729c; }
    .light-mode .btn.btn-md-2:before {
      background-color: #1bb0e0;
      border-left: 1px solid #139dcb; }
  .light-mode .btn.btn-md-3 {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #1bb0e0;
    overflow: hidden; }
    .light-mode .btn.btn-md-3:hover:before {
      background-color: #00729c; }
    .light-mode .btn.btn-md-3:before {
      background-color: #1bb0e0;
      border-left: 1px solid #139dcb; }
    .light-mode .btn.btn-md-3:after {
      border-color: transparent transparent #00729c transparent; }
  .light-mode .btn.btn-md-4 {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #1bb0e0;
    overflow: hidden; }
    .light-mode .btn.btn-md-4:hover:before {
      background-color: #00729c; }
    .light-mode .btn.btn-md-4:before {
      background-color: #1bb0e0;
      border-left: 1px solid #139dcb; }
  .light-mode .btn.btn-sm.btn-videos {
    background-color: #1bb0e0;
    min-width: none; }
  .light-mode .btn.btn-sm-2 {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #1bb0e0; }
    .light-mode .btn.btn-sm-2:before {
      border-left: 1px solid #1097c5; }
    .light-mode .btn.btn-sm-2:hover {
      background-color: #00729c; }
      .light-mode .btn.btn-sm-2:hover:before {
        border-left: 1px solid #00729c; }
  .light-mode .btn.btn-sm-3 {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #1bb0e0;
    overflow: hidden; }
    .light-mode .btn.btn-sm-3:hover:before {
      background-color: #00729c; }
    .light-mode .btn.btn-sm-3:before {
      background-color: #1bb0e0;
      border-left: 1px solid #139dcb; }
    .light-mode .btn.btn-sm-3:after {
      border-color: transparent transparent #00729c transparent; }
  .light-mode .btn.btn-sm-4 {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #1bb0e0;
    overflow: hidden; }
    .light-mode .btn.btn-sm-4:hover:before {
      background-color: #00729c; }
    .light-mode .btn.btn-sm-4:before {
      background-color: #1bb0e0;
      border-left: 1px solid #139dcb; }
    .light-mode .btn.btn-sm-4:after {
      border-color: transparent transparent #00729c transparent; }
  .light-mode .btn.btn-sm-5 {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #1bb0e0;
    overflow: hidden; }
    .light-mode .btn.btn-sm-5:hover:before {
      background-color: #00729c; }
    .light-mode .btn.btn-sm-5:before {
      background-color: #1bb0e0;
      border-left: 1px solid #139dcb; }
  .light-mode .btn.btn-icon {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; }
    .light-mode .btn.btn-icon.sm {
      background-color: #1bb0e0; }
      .light-mode .btn.btn-icon.sm:hover {
        background-color: #00729c; }
    .light-mode .btn.btn-icon.md {
      background-color: #1bb0e0; }
      .light-mode .btn.btn-icon.md:hover {
        background-color: #00729c; }
    .light-mode .btn.btn-icon.lg {
      background-color: #1bb0e0; }
      .light-mode .btn.btn-icon.lg:hover {
        background-color: #00729c; }

.light-mode .form-group .title-sm {
  color: #484848; }

.light-mode .btn-forum-report {
  display: inline-flex;
  height: 32px;
  align-items: center;
  background: url(../images/icon-report.svg) no-repeat right 10px center #a0a0a0;
  padding: 0 45px 0 13px;
  box-shadow: none;
  font-size: 13px;
  font-weight: 700;
  border-radius: 5px; }

.light-mode .btn-forum-quote {
  display: inline-flex;
  height: 32px;
  align-items: center;
  background: url(../images/icon-quote.svg) no-repeat right 10px center #1bb0e0;
  padding: 0 45px 0 13px;
  box-shadow: none;
  font-size: 13px;
  font-weight: 700;
  border-radius: 5px; }

.light-mode .btn-forum-add-reply {
  background: #00729c;
  color: #fff;
  display: inline-flex;
  font-weight: 700;
  font-size: 16px;
  align-items: center;
  box-shadow: none;
  padding: 0 50px;
  margin-top: 7px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  height: 48px; }
  .light-mode .btn-forum-add-reply:hover {
    background: #1bb0e0; }

.page-header {
  display: flex;
  position: relative;
  overflow: hidden;
  min-height: 750px;
  border-bottom: 1px solid #378aaf; }
  @media only screen and (max-width: 480px) {
    .page-header {
      min-height: 480px; } }
  .page-header.sm {
    min-height: 270px; }
  .page-header.profile {
    min-height: 500px;
    border-bottom: 0; }
    @media (max-width: 767px) {
      .page-header.profile {
        border-bottom: 1px solid #378aaf;
        min-height: 350px;
        overflow: visible;
        margin-bottom: 100px; } }
  .page-header.md {
    min-height: 587px; }
    @media (max-width: 480px) {
      .page-header.md {
        min-height: 312px; }
        .page-header.md .block-info {
          margin-bottom: 7px; } }
  @media (max-width: 1190px) {
    .page-header.lg .category-block {
      margin-top: 70px; }
    .page-header.lg .block-info .description .inner {
      flex-basis: auto; }
    .page-header.lg .block-info .stats {
      max-width: none; } }
  @media (max-width: 767px) {
    .page-header.lg {
      min-height: 410px; }
      .page-header.lg .block-info {
        margin-bottom: 0; } }
  @media (max-width: 480px) {
    .page-header.lg .block-info {
      margin-bottom: 30px; } }
  .page-header .section-bg {
    overflow: hidden; }
    @media (max-width: 480px) {
      .page-header .section-bg {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px; } }
    @media (max-width: 480px) {
      .page-header .section-bg.gradient:after {
        position: absolute;
        display: inline-block;
        width: 100%;
        height: 100%;
        content: '';
        left: 0;
        top: 0;
        right: 0;
        background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 31%, #0a769b 100%);
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 31%, #0a769b 100%);
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 31%, #0a769b 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#0a769b',GradientType=0 ); } }
  .page-header .wrapper {
    display: flex;
    justify-content: space-between;
    flex-direction: column; }
  .page-header .block-info {
    margin-bottom: 90px; }
    @media only screen and (max-width: 480px) {
      .page-header .block-info {
        margin-bottom: 30px; } }
    .page-header .block-info .description {
      font-weight: 500; }

.page-navigation {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center; }
  @media (max-width: 1020px) {
    .page-navigation {
      display: none; } }
  .page-navigation .inner {
    display: flex; }
  .page-navigation .menu {
    display: flex;
    height: 95px;
    align-items: center;
    margin-right: 20px; }
    @media (max-width: 1150px) {
      .page-navigation .menu {
        padding-left: 35px; } }
    .page-navigation .menu li {
      width: 143px;
      padding-left: 15px;
      border-left: 1px solid #3fc5f7;
      min-height: 40px;
      display: flex;
      align-items: center; }
      @media (max-width: 1250px) {
        .page-navigation .menu li {
          flex: 0 0 115px; }
          .page-navigation .menu li a {
            font-size: 14px; } }
      @media (max-width: 1086px) {
        .page-navigation .menu li {
          flex: 0 0 105px; } }
      .page-navigation .menu li a {
        font-size: 16px;
        line-height: 19px;
        width: auto;
        font-weight: 500; }
        @media (max-width: 1250px) {
          .page-navigation .menu li a {
            font-size: 14px; } }
        .page-navigation .menu li a:hover {
          color: #9fe8ff; }
  .page-navigation > .col {
    display: flex; }
  .page-navigation .buttons {
    position: relative;
    display: flex;
    justify-content: flex-end; }
    @media (max-width: 1443px) {
      .page-navigation .buttons {
        margin-right: -15px; } }
    .page-navigation .buttons > a {
      position: relative;
      display: flex;
      max-width: 225px;
      align-items: center;
      height: 54px;
      background: #1e89ee;
      text-transform: uppercase;
      font-size: 14px;
      font-weight: 600;
      margin-top: 18px;
      margin-left: 18px;
      padding-left: 15px; }
      .page-navigation .buttons > a:hover.btn-join {
        background: url(../images/icon-join.svg) no-repeat right 15px center #0a64bc; }
        .page-navigation .buttons > a:hover.btn-join:before {
          background: #0a64bc; }
      .page-navigation .buttons > a.btn-join {
        background: url(../images/icon-join.svg) no-repeat right 15px center #1e89ee;
        padding-left: 0;
        max-width: none;
        padding-right: 52px;
        padding-left: 20px; }
      .page-navigation .buttons > a.btn-notifications {
        position: relative;
        margin-left: 0;
        height: 80px;
        padding: 0 37px 0 30px;
        background: url(../images/icon-envelope.svg) no-repeat center center #1e89ee; }
        .page-navigation .buttons > a.btn-notifications:before {
          position: absolute;
          display: inline-block;
          width: 1px;
          top: 20px;
          bottom: 20px;
          content: '';
          background: rgba(255, 255, 255, 0.4);
          left: -1px; }
        .page-navigation .buttons > a.btn-notifications:hover {
          background: url(../images/icon-envelope.svg) no-repeat center center #0a63bc; }
          .page-navigation .buttons > a.btn-notifications:hover i {
            border: 2px solid #0a63bc; }
        .page-navigation .buttons > a.btn-notifications i {
          background: #fff;
          transition: all .3 ease;
          color: #1e89ee;
          padding: 0 3px;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          border-radius: 5px;
          height: 18px;
          font-style: normal;
          display: flex;
          justify-content: center;
          align-items: center;
          position: absolute;
          top: 50%;
          font-size: 12px;
          font-weight: 800;
          border: 2px solid #1e89ee;
          right: calc(50% - 22px);
          transform: translateY(-50%); }
      .page-navigation .buttons > a.btn-profile {
        background: #1e89ee;
        padding-left: 0;
        height: 80px;
        margin-left: 38px;
        transition: all .25s ease; }
        .page-navigation .buttons > a.btn-profile:before {
          position: absolute;
          z-index: -1;
          left: -43px;
          display: inline-block;
          content: '';
          width: 86px;
          height: 80px;
          background: #1e89ee;
          -moz-transform: skew(40deg, 0deg);
          -webkit-transform: skew(40deg, 0deg);
          -o-transform: skew(40deg, 0deg);
          -ms-transform: skew(40deg, 0deg);
          transform: skew(40deg, 0deg);
          transition: all .25s ease; }
        .page-navigation .buttons > a.btn-profile b {
          font-size: 18px;
          font-weight: 600;
          margin-right: 20px; }
        .page-navigation .buttons > a.btn-profile span {
          width: 60px;
          height: 60px;
          position: relative;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          border-radius: 50%;
          border: 3px solid #fff;
          overflow: hidden;
          margin-right: 20px; }
          .page-navigation .buttons > a.btn-profile span img {
            position: absolute;
            transition: all .25s ease;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%) scale(1.1); }
        .page-navigation .buttons > a.btn-profile:hover {
          background: #0a63bc; }
          .page-navigation .buttons > a.btn-profile:hover:before {
            background: #0a63bc; }
  @media (max-width: 1086px) {
    .page-navigation .logo {
      max-width: 200px; } }

.page-navigation-mobile {
  display: none; }
  @media (max-width: 1020px) {
    .page-navigation-mobile {
      display: block; } }
  .page-navigation-mobile .top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #031131;
    margin-left: -15px;
    margin-right: -15px; }
    .page-navigation-mobile .top .logo {
      flex-basis: 220px;
      display: flex;
      align-items: center;
      height: 85px;
      margin-left: 15px; }
      @media (max-width: 480px) {
        .page-navigation-mobile .top .logo {
          max-width: 125px; } }
    .page-navigation-mobile .top .menu-opener {
      flex-basis: 85px;
      height: 85px;
      background: url(../images/icon-hamburger.svg) no-repeat center center #0054a8; }
      .page-navigation-mobile .top .menu-opener.opened {
        background: url(../images/icon-hamburger-close.png) no-repeat center center #0054a8; }
  .page-navigation-mobile .bottom {
    display: flex;
    position: fixed;
    flex-direction: column;
    top: 85px;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: #0054a8;
    z-index: 10;
    visibility: hidden;
    transition: all .3s ease;
    opacity: 0; }
    .page-navigation-mobile .bottom.opened {
      visibility: visible;
      opacity: 1; }
    .page-navigation-mobile .bottom .user-block {
      display: flex;
      flex-direction: column;
      padding: 20px 15px;
      justify-content: center;
      align-items: center; }
      .page-navigation-mobile .bottom .user-block .username {
        font-size: 22px;
        font-weight: 500;
        margin-top: 15px;
        flex: 1; }
    .page-navigation-mobile .bottom .tabs-nav ul {
      display: flex;
      align-items: center;
      background: #fff;
      height: 60px; }
      .page-navigation-mobile .bottom .tabs-nav ul li {
        position: relative;
        display: flex;
        background: #ecf6ff;
        flex-grow: 1;
        justify-content: center;
        align-items: center;
        min-height: 100%;
        cursor: pointer;
        font-size: 18px;
        font-weight: 500;
        color: #0054a8;
        text-transform: uppercase;
        padding-top: 4px;
        border-bottom: 2px solid rgba(0, 0, 0, 0); }
        .page-navigation-mobile .bottom .tabs-nav ul li:before {
          position: absolute;
          top: 0;
          bottom: 0;
          display: inline-block;
          content: '';
          height: 18px;
          width: 100%;
          background: -moz-linear-gradient(top, rgba(0, 84, 168, 0.25) 0%, rgba(0, 0, 0, 0) 100%);
          background: -webkit-linear-gradient(top, rgba(0, 84, 168, 0.25) 0%, rgba(0, 0, 0, 0) 100%);
          background: linear-gradient(to bottom, rgba(0, 84, 168, 0.25) 0%, rgba(0, 0, 0, 0) 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#400054a8', endColorstr='#00000000',GradientType=0 ); }
        .page-navigation-mobile .bottom .tabs-nav ul li.active {
          background: #fff;
          border-bottom: 2px solid #9fe8ff; }
          .page-navigation-mobile .bottom .tabs-nav ul li.active:after {
            display: inline-block;
            content: '';
            position: absolute;
            bottom: -10px;
            left: 19px;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 8px 7.5px 0 7.5px;
            border-color: #9fe9ff transparent transparent transparent; }
    .page-navigation-mobile .bottom .mobile-menu-tabs {
      overflow: scroll;
      height: 100vh; }
      .page-navigation-mobile .bottom .mobile-menu-tabs > div {
        display: none; }
        .page-navigation-mobile .bottom .mobile-menu-tabs > div.active {
          display: flex; }
      .page-navigation-mobile .bottom .mobile-menu-tabs ul {
        flex-direction: column;
        justify-content: flex-start;
        display: flex;
        border-top: 1px solid #3175b9;
        flex: 1; }
        .page-navigation-mobile .bottom .mobile-menu-tabs ul > li {
          border-bottom: 1px solid #3175b9; }
          .page-navigation-mobile .bottom .mobile-menu-tabs ul > li.extend > a {
            background: url(../images/arrow-mobile-menu.svg) no-repeat right 30px center; }
          .page-navigation-mobile .bottom .mobile-menu-tabs ul > li.opened > ul {
            display: flex; }
          .page-navigation-mobile .bottom .mobile-menu-tabs ul > li.opened > a {
            background: url(../images/arrow-mobile-menu-opened.svg) no-repeat right 30px center; }
          .page-navigation-mobile .bottom .mobile-menu-tabs ul > li > a {
            display: flex;
            padding: 19px;
            font-size: 22px;
            font-weight: 400; }
          .page-navigation-mobile .bottom .mobile-menu-tabs ul > li > ul {
            flex-direction: column;
            justify-content: flex-start;
            display: none; }
            .page-navigation-mobile .bottom .mobile-menu-tabs ul > li > ul > li {
              border: 0;
              background: #004589; }
              .page-navigation-mobile .bottom .mobile-menu-tabs ul > li > ul > li > a {
                position: relative;
                padding-left: 50px; }
                .page-navigation-mobile .bottom .mobile-menu-tabs ul > li > ul > li > a:before {
                  position: absolute;
                  left: 32px;
                  top: 50%;
                  transform: translateY(-50%);
                  display: inline-block;
                  content: '';
                  width: 8px;
                  height: 8px;
                  -webkit-border-radius: 50%;
                  -moz-border-radius: 50%;
                  border-radius: 50%;
                  background: #fff; }

.header-avatar {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 85px;
  z-index: -1; }
  @media (max-width: 767px) {
    .header-avatar {
      flex-direction: column;
      margin-bottom: -85px;
      justify-content: flex-end; } }
  .header-avatar .username {
    display: flex;
    flex: 0 1 230px;
    flex-wrap: wrap;
    font-size: 36px;
    line-height: 44px;
    font-weight: 800;
    padding-left: 20px; }
    .header-avatar .username.auto-width {
      flex: 1 1 230px; }
    @media (max-width: 767px) {
      .header-avatar .username {
        margin-top: 10px;
        padding-left: 0;
        flex-basis: auto;
        font-size: 28px; }
        .header-avatar .username.auto-width {
          flex-basis: auto; } }
    .header-avatar .username b {
      display: inline-block;
      width: 100%; }
    .header-avatar .username span {
      font-size: 24px;
      color: #58d7fd;
      font-weight: bold;
      display: inline-block;
      width: 100%; }
      @media (max-width: 767px) {
        .header-avatar .username span {
          display: none; } }
  .header-avatar .category-wrapper {
    display: inline-block;
    margin-top: 80px; }
    .header-avatar .category-wrapper .category {
      display: flex;
      min-height: 40px;
      align-items: center;
      font-size: 21px;
      color: #fff;
      font-weight: 800;
      background: #1bb0e0;
      padding: 5px 15px;
      text-shadow: none;
      margin-bottom: 10px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px; }
  .header-avatar .username-wrapp {
    display: flex;
    flex-direction: column;
    justify-content: center; }
    .header-avatar .username-wrapp .username {
      flex-basis: auto;
      max-width: 230px; }
    .header-avatar .username-wrapp .btn {
      margin-left: 20px;
      margin-top: 25px; }
  .header-avatar .avatar {
    position: relative;
    flex: 0 1 230px;
    display: flex;
    align-items: center;
    justify-content: center; }
    @media only screen and (max-width: 860px) {
      .header-avatar .avatar {
        padding: 0 10px; } }
    .header-avatar .avatar .inner {
      width: 230px;
      height: 230px;
      background: #5c6271;
      background: -moz-linear-gradient(top, #5c6271 0%, #4b515e 100%);
      background: -webkit-linear-gradient(top, #5c6271 0%, #4b515e 100%);
      background: linear-gradient(to bottom, #5c6271 0%, #4b515e 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c6271', endColorstr='#4b515e',GradientType=0 );
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      -webkit-box-shadow: 0px 10px 20px 0px #15181b;
      -moz-box-shadow: 0px 10px 20px 0px #15181b;
      box-shadow: 0px 10px 20px 0px #15181b;
      padding: 20px; }
      .header-avatar .avatar .inner .image {
        position: relative;
        width: 100%;
        height: 100%;
        overflow: hidden;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%; }
        .header-avatar .avatar .inner .image img {
          position: absolute;
          left: 50%;
          top: 50%;
          min-width: 100%;
          min-height: 100%;
          max-width: none;
          transform: translate(-50%, -50%); }

.header-subpage {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 85px;
  z-index: -1; }
  @media (max-width: 767px) {
    .header-subpage {
      flex-direction: column;
      margin-bottom: -85px;
      justify-content: flex-end; } }
  .header-subpage .username {
    display: flex;
    flex: 0 1 230px;
    flex-wrap: wrap;
    font-size: 36px;
    line-height: 44px;
    font-weight: 800;
    padding-left: 20px; }
    .header-subpage .username.auto-width {
      flex: 1 1 230px; }
    @media (max-width: 767px) {
      .header-subpage .username {
        margin-top: 10px;
        padding-left: 0;
        flex-basis: auto;
        font-size: 28px; }
        .header-subpage .username.auto-width {
          flex-basis: auto; } }
    .header-subpage .username b {
      display: inline-block;
      width: 100%; }
    .header-subpage .username span {
      font-size: 24px;
      color: #58d7fd;
      font-weight: bold;
      display: inline-block;
      width: 100%; }
      @media (max-width: 767px) {
        .header-subpage .username span {
          display: none; } }
  .header-subpage .category-wrapper {
    display: inline-block;
    margin-top: 0; }
    .header-subpage .category-wrapper .category {
      display: flex;
      min-height: 40px;
      align-items: center;
      font-size: 21px;
      color: #fff;
      font-weight: 800;
      background: #1bb0e0;
      padding: 5px 15px;
      text-shadow: none;
      margin-bottom: 10px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px; }
  .header-subpage .description {
    font-size: 16px;
    font-weight: 700; }

.forum-header {
  display: flex;
  align-items: center;
  height: 100%; }
  .forum-header .left {
    flex: 840;
    flex-wrap: wrap;
    display: flex;
    line-height: 30px; }
    @media (max-width: 480px) {
      .forum-header .left {
        line-height: 25px;
        padding: 20px 0; } }
    .forum-header .left .title {
      font-size: 20px;
      font-weight: 700;
      color: #fff;
      margin-right: 5px; }
      @media (max-width: 480px) {
        .forum-header .left .title {
          font-size: 16px; } }
    .forum-header .left a {
      font-size: 20px;
      font-weight: 700;
      color: #fff;
      margin-right: 5px; }
      .forum-header .left a:hover {
        color: #1bb0e0; }
      @media (max-width: 480px) {
        .forum-header .left a {
          font-size: 16px; } }
    .forum-header .left span {
      font-size: 20px;
      font-weight: 700;
      color: #fff;
      margin-right: 5px; }
      @media (max-width: 480px) {
        .forum-header .left span {
          font-size: 16px; } }
  .forum-header .right {
    flex: 585; }
    @media (max-width: 1020px) {
      .forum-header .right {
        position: fixed;
        bottom: 70px;
        left: 0;
        right: 0;
        flex: auto;
        max-width: 100%;
        height: 210px;
        background: #00729c;
        display: flex;
        align-items: center;
        visibility: hidden;
        opacity: 0;
        transition: all .3s ease;
        padding: 0 15px; }
        .forum-header .right.visible {
          display: flex;
          visibility: visible;
          opacity: 1; } }
    .forum-header .right .forum-search {
      flex-direction: column;
      display: flex; }
      @media (max-width: 1020px) {
        .forum-header .right .forum-search {
          width: 100%; }
          .forum-header .right .forum-search .fs-dropdown {
            display: none; } }
      .forum-header .right .forum-search .label {
        font-weight: 500;
        font-size: 16px;
        color: #fff; }
        @media (max-width: 1020px) {
          .forum-header .right .forum-search .label {
            margin-bottom: 10px; } }
      .forum-header .right .forum-search form {
        margin-top: 10px;
        background: #fff;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        display: flex; }
        @media (max-width: 1020px) {
          .forum-header .right .forum-search form {
            display: flex;
            flex-direction: column;
            align-items: center;
            background: transparent; } }
        .forum-header .right .forum-search form input[type="text"] {
          border: 0;
          border-radius: 0;
          width: calc(100% - 130px);
          border-left: 1px solid #dedede; }
          @media (max-width: 1020px) {
            .forum-header .right .forum-search form input[type="text"] {
              width: 100%;
              -webkit-border-radius: 10px;
              -moz-border-radius: 10px;
              border-radius: 10px; } }
        .forum-header .right .forum-search form input[type="submit"],
        .forum-header .right .forum-search form > button {
          border: 0;
          -webkit-border-radius: 10px;
          -moz-border-radius: 10px;
          border-radius: 10px;
          height: 40px;
          width: 40px;
          cursor: pointer;
          opacity: 1;
          transition: all .3s ease;
          background: url(../images/icon-search.svg) center center no-repeat; }
          .forum-header .right .forum-search form input[type="submit"]:hover,
          .forum-header .right .forum-search form > button:hover {
            opacity: 0.7; }
          .forum-header .right .forum-search form input[type="submit"].mobile-button,
          .forum-header .right .forum-search form > button.mobile-button {
            position: relative;
            font-size: 14px;
            font-weight: 700;
            text-transform: uppercase;
            color: #1bb0e0;
            padding-left: 45px;
            background-color: #fff;
            margin-top: 20px;
            width: 172px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            font-family: "Poppins", sans-serif;
            background-position: 15px center; }
            .forum-header .right .forum-search form input[type="submit"].mobile-button:before,
            .forum-header .right .forum-search form > button.mobile-button:before {
              content: '';
              top: 0;
              bottom: 0;
              left: 43px;
              width: 1px;
              position: absolute;
              display: inline-block;
              background: #99c7d7; }

/* LIGHT MODE */
@media (max-width: 767px) {
  .light-mode .wrapper.white-mobile-bg {
    background: #fff;
    border-top: 1px solid #dddddd; } }

.light-mode .page-header {
  border: 0; }
  @media (max-width: 1200px) {
    .light-mode .page-header {
      min-height: 0; } }
  .light-mode .page-header.subpage {
    min-height: 0;
    border-bottom: 3px solid #e1e1e1; }
    @media (max-width: 480px) {
      .light-mode .page-header.subpage {
        border: 0; } }
    .light-mode .page-header.subpage.forum {
      min-height: 240px;
      overflow: visible;
      background: transparent; }
      @media (max-width: 480px) {
        .light-mode .page-header.subpage.forum {
          min-height: 0; } }
      .light-mode .page-header.subpage.forum .section-bg {
        height: auto; }
      .light-mode .page-header.subpage.forum .page-navigation > .col:last-child {
        max-width: 330px;
        overflow: hidden;
        flex: 1;
        position: relative; }
        @media (max-width: 1480px) {
          .light-mode .page-header.subpage.forum .page-navigation > .col:last-child .inner {
            right: 0; } }
      .light-mode .page-header.subpage.forum .page-navigation > .col .zones {
        padding-right: 0; }
      .light-mode .page-header.subpage.forum .page-navigation > .col .buttons {
        padding-right: 0; }
    .light-mode .page-header.subpage .header-video .row {
      min-height: 0; }
    .light-mode .page-header.subpage .section-bg {
      top: 92px;
      height: calc(100% - 92px);
      background: #00729c; }
      @media (max-width: 1020px) {
        .light-mode .page-header.subpage .section-bg {
          top: 85px;
          height: calc(100% - 85px); } }
      @media (max-width: 480px) {
        .light-mode .page-header.subpage .section-bg img {
          max-height: 100%; } }
      .light-mode .page-header.subpage .section-bg.no-image:after {
        display: none; }
    @media (max-width: 767px) {
      .light-mode .page-header.subpage.trainer-profile {
        overflow: visible;
        min-height: 370px;
        max-height: 370px; }
        .light-mode .page-header.subpage.trainer-profile .section-bg {
          height: auto; } }
    @media (max-width: 1021px) {
      .light-mode .page-header.subpage.trainer-profile {
        z-index: 1;
        border: 0; } }
  .light-mode .page-header .header-avatar {
    margin-top: 100px;
    align-items: flex-start;
    justify-content: center;
    min-height: 383px;
    margin: 0;
    flex-direction: column;
    /*            @media(max-width: 767px){
                flex-direction: column;
                margin-bottom: -85px;
                margin-top: 50px;
                justify-content: flex-end;
            }*/ }
    @media (max-width: 767px) {
      .light-mode .page-header .header-avatar {
        min-height: 280px; } }
    .light-mode .page-header .header-avatar .avatar .inner {
      padding: 8px;
      background: #fff;
      -webkit-box-shadow: 0px 10px 20px 0px rgba(21, 24, 27, 0.5);
      -moz-box-shadow: 0px 10px 20px 0px rgba(21, 24, 27, 0.5);
      box-shadow: 0px 10px 20px 0px rgba(21, 24, 27, 0.5); }
    .light-mode .page-header .header-avatar .username {
      flex: 0 1 auto;
      max-width: 650px;
      color: #fff;
      padding: 0; }
      .light-mode .page-header .header-avatar .username.hidden-desktop {
        font-size: 26px;
        line-height: 32px;
        text-align: center;
        color: #00729c;
        margin-top: 25px;
        word-spacing: inherit; }
  .light-mode .page-header .header-subpage {
    margin-top: 100px;
    align-items: flex-start;
    justify-content: center;
    min-height: 213px;
    margin: 0;
    flex-direction: column; }
    @media (max-width: 767px) {
      .light-mode .page-header .header-subpage {
        min-height: 280px; } }
    .light-mode .page-header .header-subpage .username {
      flex: 0 1 auto;
      max-width: 650px;
      font-size: 46px;
      margin-top: 10px;
      color: #fff;
      padding: 0; }
      .light-mode .page-header .header-subpage .username.hidden-desktop {
        font-size: 26px;
        line-height: 32px;
        text-align: center;
        color: #00729c;
        margin-top: 25px;
        word-spacing: inherit; }
      @media (max-width: 767px) {
        .light-mode .page-header .header-subpage .username {
          font-size: 32px; } }
    .light-mode .page-header .header-subpage .description {
      color: #fff;
      font-weight: 700;
      margin-top: 20px;
      line-height: 22px; }
  .light-mode .page-header.sm {
    min-height: 350px; }
  .light-mode .page-header.author {
    height: 312px; }
  .light-mode .page-header .header-info {
    color: #fff;
    margin: 140px 15px;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.5); }
    @media (max-width: 640px) {
      .light-mode .page-header .header-info {
        margin-top: 140px;
        margin-bottom: 20px; } }
    .light-mode .page-header .header-info .title {
      font-size: 46px;
      display: flex;
      align-items: center;
      font-weight: 800; }
      @media (max-width: 640px) {
        .light-mode .page-header .header-info .title {
          font-size: 26px;
          line-height: 32px; } }
      .light-mode .page-header .header-info .title span {
        margin-left: 20px; }
    .light-mode .page-header .header-info .desc {
      margin-top: 30px;
      line-height: 28px;
      font-weight: 400;
      font-size: 17px; }
      @media (max-width: 640px) {
        .light-mode .page-header .header-info .desc {
          font-size: 16px;
          line-height: 28px; } }
    .light-mode .page-header .header-info .details {
      display: flex;
      align-items: center;
      margin-top: 30px;
      line-height: 28px;
      font-weight: 400;
      font-size: 17px; }
      .light-mode .page-header .header-info .details span {
        margin-left: 10px; }

.light-mode .page-navigation .logo {
  display: flex;
  align-items: center; }

.light-mode .page-navigation .zones {
  background: transparent;
  padding: 2px 0;
  padding-right: calc((100vw - 1510px) / 2); }
  .light-mode .page-navigation .zones a {
    color: #00729c;
    text-transform: none; }
    .light-mode .page-navigation .zones a:hover {
      color: #1bb0e0; }
  .light-mode .page-navigation .zones ul {
    justify-content: flex-end;
    margin-right: 0; }
    .light-mode .page-navigation .zones ul li {
      position: relative;
      padding: 0 12px 0 10px; }
      .light-mode .page-navigation .zones ul li:before {
        content: '';
        display: inline-block;
        width: 2px;
        height: 15px;
        background: #00729c;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%); }
      .light-mode .page-navigation .zones ul li:after {
        display: none; }
      .light-mode .page-navigation .zones ul li:last-child {
        border-right: 0;
        padding-right: 0; }
        .light-mode .page-navigation .zones ul li:last-child:before {
          display: none; }

.light-mode .page-navigation .menu {
  height: 92px; }
  @media (max-width: 1400px) {
    .light-mode .page-navigation .menu {
      padding-left: 80px; } }
  @media (max-width: 1160px) {
    .light-mode .page-navigation .menu {
      padding-left: 50px; }
      .light-mode .page-navigation .menu li {
        flex: 0 0 120px; } }
  .light-mode .page-navigation .menu li a {
    color: #00729c;
    font-size: 16px; }
    .light-mode .page-navigation .menu li a:hover {
      color: #1bb0e0; }
  @media (max-width: 1250px) {
    .light-mode .page-navigation .menu li {
      flex: 0 0 115px; }
      .light-mode .page-navigation .menu li a {
        font-size: 14px; } }
  @media (max-width: 1086px) {
    .light-mode .page-navigation .menu li {
      flex: 0 0 105px; } }
  .light-mode .page-navigation .menu li a {
    font-size: 18px;
    font-weight: 500; }
    @media (max-width: 1250px) {
      .light-mode .page-navigation .menu li a {
        font-size: 14px; } }

.light-mode .page-navigation .buttons a.btn-join {
  padding-right: 52px;
  max-width: 225px;
  background-color: #00729c;
  height: 92px;
  margin: 0; }
  .light-mode .page-navigation .buttons a.btn-join:before {
    background-color: #00729c; }
  .light-mode .page-navigation .buttons a.btn-join:hover {
    background-color: #1bb0e0; }
    .light-mode .page-navigation .buttons a.btn-join:hover:before {
      background-color: #1bb0e0; }

.light-mode .page-navigation .buttons a.btn-notifications {
  margin-top: 0;
  height: 54px;
  background: url(../images/icon-envelope.svg) no-repeat center center #00729c; }
  .light-mode .page-navigation .buttons a.btn-notifications:hover {
    background: url(../images/icon-envelope.svg) no-repeat center center #1bb0e0; }
    .light-mode .page-navigation .buttons a.btn-notifications:hover i {
      color: #1bb0e0;
      border: 2px solid #1bb0e0; }
  .light-mode .page-navigation .buttons a.btn-notifications:before {
    top: 10px;
    bottom: 10px; }
  @media (max-width: 1339px) {
    .light-mode .page-navigation .buttons a.btn-notifications {
      margin-right: 0; } }
  .light-mode .page-navigation .buttons a.btn-notifications i {
    color: #00729c;
    transition: all .3s ease;
    border: 2px solid #00729c; }

.light-mode .header-title {
  display: flex;
  min-height: 220px;
  justify-content: center;
  align-items: center;
  padding: 30px 20px; }
  @media (max-width: 640px) {
    .light-mode .header-title {
      min-height: 170px; } }
  .light-mode .header-title .title {
    color: #fff;
    font-size: 46px;
    line-height: 56px;
    font-weight: 800; }
    @media (max-width: 640px) {
      .light-mode .header-title .title {
        font-size: 26px; } }

.light-mode .header-title-2 {
  display: flex;
  min-height: 160px;
  justify-content: flex-start;
  align-items: center;
  padding: 30px 20px; }
  @media (max-width: 840px) {
    .light-mode .header-title-2 {
      justify-content: center; } }
  .light-mode .header-title-2 .title {
    color: #fff;
    font-size: 46px;
    line-height: 56px;
    font-weight: 800;
    margin-left: -15px; }
    @media (max-width: 840px) {
      .light-mode .header-title-2 .title {
        font-size: 26px;
        line-height: 32px; } }

.light-mode .header-video {
  /*position: relative;*/
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden;
  z-index: -1;
  margin-left: -15px;
  margin-right: -15px; }
  .light-mode .header-video.series {
    border-radius: 0; }
    .light-mode .header-video.series:before {
      display: inline-block;
      height: 100%;
      background: rgba(0, 114, 156, 0.8);
      content: '';
      position: absolute;
      left: 0;
      right: calc(50% + 713px); }
    .light-mode .header-video.series.course-offer:before {
      background: rgba(0, 114, 156, 0.5);
      right: 0; }
    .light-mode .header-video.series.course-offer .row .block-info {
      flex-basis: 100%;
      background: transparent; }
      .light-mode .header-video.series.course-offer .row .block-info .description {
        max-width: calc(100% - 480px);
        text-align: justify; }
        @media (max-width: 1020px) {
          .light-mode .header-video.series.course-offer .row .block-info .description {
            max-width: 100%;
            text-align: left; } }
    .light-mode .header-video.series .row {
      padding: 0 15px; }
      @media (max-width: 1440px) {
        .light-mode .header-video.series .row {
          padding: 0; } }
      @media (max-width: 768px) {
        .light-mode .header-video.series .row {
          padding: 0 20px; } }
      .light-mode .header-video.series .row .block-info {
        margin: 0;
        border-radius: 0;
        padding: 98px 55px 60px 15px; }
        @media (max-width: 1440px) {
          .light-mode .header-video.series .row .block-info {
            padding: 98px 50px 60px 20px; } }
        @media (max-width: 768px) {
          .light-mode .header-video.series .row .block-info {
            margin-left: -15px;
            margin-right: -15px;
            padding: 98px 15px 20px 15px; } }
        .light-mode .header-video.series .row .block-info .title {
          color: #fff; }
          @media (max-width: 480px) {
            .light-mode .header-video.series .row .block-info .title {
              line-height: 40px; } }
        .light-mode .header-video.series .row .block-info .buttons {
          margin-top: 25px;
          margin-bottom: 35px; }
          @media (max-width: 480px) {
            .light-mode .header-video.series .row .block-info .buttons {
              margin-top: 0;
              margin-bottom: 10px; } }
        .light-mode .header-video.series .row .block-info .info {
          flex-direction: column; }
          @media (max-width: 480px) {
            .light-mode .header-video.series .row .block-info .info {
              display: none; } }
          .light-mode .header-video.series .row .block-info .info span {
            margin-bottom: 15px; }
  .light-mode .header-video .row {
    position: relative;
    min-height: 633px;
    justify-content: flex-start;
    align-items: flex-end;
    display: flex; }
    @media only screen and (max-width: 768px) {
      .light-mode .header-video .row {
        min-height: 280px; } }
    .light-mode .header-video .row .block-info {
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      background: rgba(0, 114, 156, 0.8);
      margin: 15px 20px;
      flex: 0 1 600px;
      padding: 20px 40px; }
      @media only screen and (max-width: 768px) {
        .light-mode .header-video .row .block-info {
          padding: 15px; } }
      @media (max-width: 480px) {
        .light-mode .header-video .row .block-info {
          background: rgba(0, 0, 0, 0);
          padding-top: 200px;
          margin: 0; } }
      .light-mode .header-video .row .block-info .category-block {
        margin-bottom: 5px; }
        @media only screen and (max-width: 768px) {
          .light-mode .header-video .row .block-info .category-block {
            display: none; } }
      .light-mode .header-video .row .block-info .description {
        color: #fff;
        font-weight: 400;
        margin-bottom: 0; }
      .light-mode .header-video .row .block-info .title-wrapper {
        position: relative;
        justify-content: flex-start;
        display: flex;
        flex-direction: column;
        padding-bottom: 20px;
        margin-bottom: 20px; }
        @media (max-width: 480px) {
          .light-mode .header-video .row .block-info .title-wrapper {
            margin-bottom: 0;
            padding-bottom: 0; } }
        .light-mode .header-video .row .block-info .title-wrapper:before {
          position: absolute;
          display: inline-block;
          content: '';
          width: 70px;
          height: 5px;
          background: #fff;
          left: 0;
          bottom: 0; }
          @media (max-width: 480px) {
            .light-mode .header-video .row .block-info .title-wrapper:before {
              display: none; } }
      .light-mode .header-video .row .block-info .title {
        font-size: 46px;
        line-height: 52px;
        color: #00729c;
        margin: 0;
        padding: 0;
        margin-bottom: 10px; }
        @media only screen and (max-width: 768px) {
          .light-mode .header-video .row .block-info .title {
            font-size: 32px;
            line-height: 35px; } }
        @media (max-width: 480px) {
          .light-mode .header-video .row .block-info .title {
            color: #fff; } }
        .light-mode .header-video .row .block-info .title:after, .light-mode .header-video .row .block-info .title:before {
          display: none; }
      .light-mode .header-video .row .block-info .info {
        display: flex;
        font-size: 16px;
        color: #fff;
        font-weight: 600;
        margin-bottom: 5px; }
        @media (max-width: 480px) {
          .light-mode .header-video .row .block-info .info {
            color: #fff;
            font-size: 14px; } }
        .light-mode .header-video .row .block-info .info a {
          font-weight: 900;
          color: #1bb0e0;
          margin: 0 5px; }
          @media (max-width: 480px) {
            .light-mode .header-video .row .block-info .info a {
              color: #fff; } }
          .light-mode .header-video .row .block-info .info a:hover {
            color: #00729c; }
        .light-mode .header-video .row .block-info .info b {
          font-weight: 900;
          color: #1bb0e0;
          margin: 0 5px; }
          @media (max-width: 480px) {
            .light-mode .header-video .row .block-info .info b {
              color: #fff; } }
      .light-mode .header-video .row .block-info .category {
        align-self: flex-start;
        display: flex;
        width: auto;
        min-height: 40px;
        align-items: center;
        font-size: 21px;
        color: #fff;
        font-weight: 800;
        background: #1bb0e0;
        padding: 5px 15px;
        text-shadow: none;
        margin-bottom: 20px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px; }
        @media (max-width: 480px) {
          .light-mode .header-video .row .block-info .category {
            font-size: 18px;
            min-height: 35px;
            margin-top: 0;
            padding: 10px 15px; } }
      .light-mode .header-video .row .block-info .recomended {
        display: none;
        align-self: flex-start;
        width: auto;
        min-height: 30px;
        align-items: center;
        font-size: 14px;
        color: #fff;
        font-weight: 500;
        background: #00729c;
        padding: 0 15px;
        text-transform: uppercase;
        text-shadow: none;
        margin-bottom: -5px;
        z-index: 1;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px; }
        @media (max-width: 480px) {
          .light-mode .header-video .row .block-info .recomended {
            display: flex;
            min-height: 30px;
            margin-top: 30px; } }
    .light-mode .header-video .row .friends-have-watched {
      display: flex;
      flex-direction: column;
      justify-content: center;
      flex: 0 0 333px;
      background: rgba(0, 0, 0, 0.6);
      align-items: center; }
      @media only screen and (max-width: 992px) {
        .light-mode .header-video .row .friends-have-watched {
          display: none; } }
      .light-mode .header-video .row .friends-have-watched .top {
        position: relative;
        display: flex;
        justify-content: center;
        margin-bottom: 30px;
        padding-bottom: 30px; }
        .light-mode .header-video .row .friends-have-watched .top:before {
          display: inline-block;
          content: '';
          position: absolute;
          width: 90px;
          height: 2px;
          background: #fff;
          bottom: 0;
          left: 50%;
          transform: translateX(-50%); }
        .light-mode .header-video .row .friends-have-watched .top .col {
          flex: 0 0 135px;
          font-size: 20px;
          font-weight: 700;
          line-height: 25px; }

.light-mode .page-navigation-mobile .login-register {
  font-size: 22px;
  font-weight: 400;
  margin-top: 10px;
  margin-bottom: 10px; }

.light-mode .page-navigation-mobile .top {
  background: #fff; }
  .light-mode .page-navigation-mobile .top .menu-opener {
    background: url(../images/icon-hamburger-light.svg) no-repeat center center #fff; }

.light-mode .page-navigation-mobile .bottom {
  background: #00729c; }
  .light-mode .page-navigation-mobile .bottom .user-block .username {
    color: #fff; }
  .light-mode .page-navigation-mobile .bottom .mobile-menu-tabs ul > li {
    border-bottom: 1px solide #0987b6; }
    .light-mode .page-navigation-mobile .bottom .mobile-menu-tabs ul > li ul li {
      background: #005e80; }

.section-bg {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: -1; }
  .section-bg img {
    position: absolute;
    left: 50%;
    top: 50%;
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    transform: translate(-50%, -50%); }

.promotion-bar {
  padding: 15px 0;
  color: #fff;
  text-align: center;
  line-height: 1.35em; }
  @media (max-width: 700px) {
    .promotion-bar {
      font-size: 0.85em; } }

.section.courses {
  /*margin-bottom: 30px;*/ }
  .section.courses .videos-items {
    padding-bottom: 0; }
    .section.courses .videos-items .item {
      margin-top: 30px;
      margin-bottom: 0; }
      @media (max-width: 480px) {
        .section.courses .videos-items .item {
          margin-top: 20px; } }

.section.blue-top {
  position: relative;
  z-index: 1; }
  .section.blue-top:before {
    display: inline-block;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 50%;
    background: #0056c7;
    z-index: -1; }
    @media only screen and (max-width: 1500px) {
      .section.blue-top:before {
        height: 100%; } }

.section.pb-50 {
  padding-bottom: 50px; }

.section.blue-bottom-bg {
  position: relative; }
  .section.blue-bottom-bg:before {
    display: inline-block;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #0056c7;
    width: 100%;
    height: 100px;
    z-index: -1; }

.section.carousel-lg-section {
  overflow: hidden; }
  .section.carousel-lg-section .wrapper {
    position: relative; }

@media only screen and (max-width: 768px) {
  .section.dark-mobile-bg {
    background: #121830; } }

.section.dark-bg {
  background: #121830; }
  @media only screen and (max-width: 768px) {
    .section.dark-bg {
      background: #00081a;
      border-top: 1px solid #1a81e7; } }

.section.dark-bg-desktop {
  background: #121830; }
  @media only screen and (max-width: 768px) {
    .section.dark-bg-desktop {
      background: transparent; } }

.section .section-title {
  font-size: 34px;
  font-weight: 700; }
  @media only screen and (max-width: 992px) {
    .section .section-title {
      font-size: 28px; } }
  @media only screen and (max-width: 768px) {
    .section .section-title {
      font-size: 24px; } }
  @media only screen and (max-width: 480px) {
    .section .section-title {
      font-size: 22px;
      line-height: 26px;
      padding: 10px 0; } }

.section .carousel-nav {
  display: flex; }
  @media (max-width: 768px) {
    .section .carousel-nav.hidden-mobile {
      display: none; } }
  .section .carousel-nav i {
    width: 40px;
    height: 40px;
    cursor: pointer;
    transition: all .25s ease;
    border: 1px solid #1e89ee; }
    .section .carousel-nav i:first-child {
      border-right: none; }
    .section .carousel-nav i.prev {
      background: url(../images/arrow-left.svg) no-repeat center center #0a2054; }
      .section .carousel-nav i.prev:hover {
        background: url(../images/arrow-left.svg) no-repeat center center #1e89ee; }
    .section .carousel-nav i.next {
      background: url(../images/arrow-right.svg) no-repeat center center #0a2054; }
      .section .carousel-nav i.next:hover {
        background: url(../images/arrow-right.svg) no-repeat center center #1e89ee; }

.section .carousel-nav-inline {
  display: flex; }
  .section .carousel-nav-inline i {
    position: absolute;
    z-index: 10;
    width: 67px;
    height: 67px;
    cursor: pointer;
    overflow: hidden;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: all .25s ease;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.33);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.33);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.33); }
    @media (max-width: 480px) {
      .section .carousel-nav-inline i {
        transform: rotate(45deg) scale(0.7); } }
    .section .carousel-nav-inline i:hover {
      -webkit-box-shadow: 0px 0px 15px 0px #3bbbf9;
      -moz-box-shadow: 0px 0px 15px 0px #3bbbf9;
      box-shadow: 0px 0px 15px 0px #3bbbf9; }
    .section .carousel-nav-inline i:before {
      display: inline-block;
      content: '';
      -moz-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
      position: absolute;
      top: -9px;
      left: -29px;
      width: 172%;
      height: 149%;
      background: #40cbfd;
      background: -moz-linear-gradient(top, #40cbfd 0%, #40cbfd 22%, #0c69ea 100%);
      background: -webkit-linear-gradient(top, #40cbfd 0%, #40cbfd 22%, #0c69ea 100%);
      background: linear-gradient(to bottom, #40cbfd 0%, #40cbfd 22%, #0c69ea 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40cbfd', endColorstr='#0c69ea',GradientType=0 ); }
    .section .carousel-nav-inline i:after {
      display: inline-block;
      content: '';
      width: 17px;
      height: 31px;
      position: absolute;
      -moz-transform: translate(-50%, -50%) rotate(-45deg);
      -webkit-transform: translate(-50%, -50%) rotate(-45deg);
      -o-transform: translate(-50%, -50%) rotate(-45deg);
      -ms-transform: translate(-50%, -50%) rotate(-45deg);
      transform: translate(-50%, -50%) rotate(-45deg); }
    .section .carousel-nav-inline i.prev {
      left: 0;
      top: calc(50% - 6px); }
      @media only screen and (max-width: 1500px) {
        .section .carousel-nav-inline i.prev {
          left: 30px; } }
      @media (max-width: 480px) {
        .section .carousel-nav-inline i.prev {
          left: 10px; } }
      .section .carousel-nav-inline i.prev:after {
        background: url(../images/arrow-left.svg) no-repeat center center;
        background-size: cover;
        left: 47%;
        top: 52%; }
    .section .carousel-nav-inline i.next {
      right: 0;
      top: calc(50% - 6px); }
      @media only screen and (max-width: 1500px) {
        .section .carousel-nav-inline i.next {
          right: 30px; } }
      @media (max-width: 480px) {
        .section .carousel-nav-inline i.next {
          right: 10px; } }
      .section .carousel-nav-inline i.next:after {
        background: url(../images/arrow-right.svg) no-repeat center center;
        background-size: cover;
        left: 53%;
        top: 47%; }

.section .header {
  display: flex;
  justify-content: space-between;
  min-height: 90px;
  align-items: center; }
  .section .header.sm {
    min-height: 72px; }
    .section .header.sm .section-title {
      font-size: 24px; }
  .section .header.ft-filter .section-title {
    font-size: 24px;
    justify-content: space-between;
    display: flex; }
  .section .header.ft-filter .filter {
    flex: 1;
    max-width: 430px; }
  @media (max-width: 768px) {
    .section .header.ft-filter {
      flex-direction: column;
      align-items: flex-start;
      padding: 20px 0; }
      .section .header.ft-filter .filter {
        margin-top: 20px;
        max-width: 430px;
        width: 100%; } }
  @media only screen and (max-width: 768px) {
    .section .header {
      min-height: 65px; } }
  .section .header.centered {
    justify-content: center; }

.section .featured-video {
  position: relative; }
  @media only screen and (max-width: 768px) {
    .section .featured-video {
      margin-left: -15px;
      margin-right: -15px; } }
  .section .featured-video .row {
    position: relative;
    display: flex;
    justify-content: space-between;
    min-height: 600px; }
    @media only screen and (max-width: 768px) {
      .section .featured-video .row {
        min-height: 280px; } }
    .section .featured-video .row:before {
      position: absolute;
      display: inline-block;
      left: 0;
      bottom: 0;
      right: 0;
      content: '';
      width: 100%;
      height: 300px;
      z-index: -1;
      background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 19%, rgba(0, 0, 0, 0.65) 100%);
      background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 19%, rgba(0, 0, 0, 0.65) 100%);
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 19%, rgba(0, 0, 0, 0.65) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); }
    .section .featured-video .row .block-info {
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      padding: 30px 105px; }
      @media only screen and (max-width: 768px) {
        .section .featured-video .row .block-info {
          padding: 15px; } }
      .section .featured-video .row .block-info .category-block {
        margin-bottom: 5px; }
        @media only screen and (max-width: 768px) {
          .section .featured-video .row .block-info .category-block {
            display: none; } }
      .section .featured-video .row .block-info .title {
        padding-bottom: 0;
        margin-bottom: 10px; }
        @media only screen and (max-width: 768px) {
          .section .featured-video .row .block-info .title {
            font-size: 26px; } }
        .section .featured-video .row .block-info .title:before {
          display: none; }
        .section .featured-video .row .block-info .title:after {
          display: none; }
    .section .featured-video .row .friends-have-watched {
      display: flex;
      flex-direction: column;
      justify-content: center;
      flex: 0 0 333px;
      background: rgba(0, 0, 0, 0.6);
      align-items: center; }
      @media only screen and (max-width: 992px) {
        .section .featured-video .row .friends-have-watched {
          display: none; } }
      .section .featured-video .row .friends-have-watched .top {
        position: relative;
        display: flex;
        justify-content: center;
        margin-bottom: 30px;
        padding-bottom: 30px; }
        .section .featured-video .row .friends-have-watched .top:before {
          display: inline-block;
          content: '';
          position: absolute;
          width: 90px;
          height: 2px;
          background: #fff;
          bottom: 0;
          left: 50%;
          transform: translateX(-50%); }
        .section .featured-video .row .friends-have-watched .top .col {
          flex: 0 0 135px;
          font-size: 20px;
          font-weight: 700;
          line-height: 25px; }

.users-list {
  display: flex;
  flex-direction: column; }
  .users-list .user-block {
    margin-bottom: 10px; }

.user-block {
  display: flex;
  align-items: center; }
  .user-block:hover .user-avatar img {
    transform: translate(-50%, -50%) scale(1.15); }
  .user-block:hover .username a {
    color: #9fe8ff; }
  .user-block .user-avatar {
    width: 80px;
    height: 80px;
    position: relative;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 3px solid #fff;
    overflow: hidden; }
    .user-block .user-avatar img {
      position: absolute;
      transition: all .25s ease;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%) scale(1); }
  .user-block .username {
    margin-left: 15px;
    flex: 0 0 116px;
    line-height: 20px;
    font-size: 16px;
    font-weight: 400; }

.block-info {
  position: relative;
  display: flex;
  flex-direction: column; }
  .block-info .availability {
    display: flex;
    align-items: center;
    font-size: 15px;
    font-weight: 400;
    margin-top: 20px; }
    .block-info .availability img {
      margin: 0 0 0 10px; }
    .block-info .availability b {
      color: #58d7fd;
      font-weight: 700;
      margin-left: 15px; }
    .block-info .availability .btn {
      margin-left: 10px; }
  .block-info .subtitle {
    font-size: 18px;
    font-weight: 800; }
  .block-info .title {
    font-size: 46px;
    font-weight: 700;
    margin-bottom: 25px;
    padding-bottom: 30px;
    line-height: 62px;
    position: relative; }
    @media only screen and (max-width: 768px) {
      .block-info .title {
        font-size: 36px;
        line-height: 46px; } }
    @media only screen and (max-width: 480px) {
      .block-info .title {
        font-size: 26px;
        line-height: 34px;
        margin-bottom: 10px;
        padding-bottom: 0; } }
    .block-info .title:before {
      position: absolute;
      display: inline-block;
      content: '';
      width: 175px;
      height: 5px;
      background: #9fe8ff;
      left: 0;
      bottom: 0; }
      @media only screen and (max-width: 480px) {
        .block-info .title:before {
          display: none; } }
    .block-info .title:after {
      position: absolute;
      display: inline-block;
      content: '';
      width: 30px;
      height: 5px;
      left: 175px;
      bottom: 0;
      background: repeating-linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 5px, #9fe8ff 5px, #9fe8ff 10px); }
      @media only screen and (max-width: 480px) {
        .block-info .title:after {
          display: none; } }
    .block-info .title.md {
      display: flex;
      flex-direction: column;
      font-size: 36px;
      line-height: 40px;
      padding-bottom: 30px; }
      .block-info .title.md span {
        width: 100%;
        font-size: 15px;
        line-height: 18px;
        font-weight: 400; }
    .block-info .title.no-borders {
      margin-bottom: 0; }
      .block-info .title.no-borders:before {
        display: none; }
      .block-info .title.no-borders:after {
        display: none; }
  .block-info .timeline {
    margin-bottom: 30px; }
    .block-info .timeline .progress {
      width: 100%;
      max-width: 360px;
      background: #000;
      height: 4px; }
      .block-info .timeline .progress .inner {
        background: #9fe8ff;
        height: 4px; }
    .block-info .timeline .status {
      font-size: 15px;
      font-weight: 500;
      margin-top: 10px; }
  .block-info .description {
    display: flex;
    flex-direction: column;
    line-height: 28px;
    font-size: 17px;
    font-weight: 400;
    margin-bottom: 15px; }
    @media only screen and (max-width: 480px) {
      .block-info .description {
        display: none; } }
    .block-info .description .inner {
      flex-basis: 670px; }
    .block-info .description p {
      margin-top: 20px; }
  .block-info .buttons ul {
    justify-content: flex-start;
    display: flex;
    flex-wrap: wrap; }
    .block-info .buttons ul li {
      margin-right: 20px;
      margin-top: 15px; }
  .block-info .stats {
    position: absolute;
    right: 0;
    bottom: -90px;
    width: 100%;
    max-width: 450px; }
    @media (max-width: 1190px) {
      .block-info .stats {
        position: relative;
        right: auto;
        bottom: auto;
        margin-top: 35px; } }
    .block-info .stats .top {
      background: #1e89ee;
      display: flex;
      flex-direction: column;
      line-height: 30px;
      padding: 20px 30px; }
      .block-info .stats .top span {
        font-size: 16px;
        line-height: 20px;
        color: #9fe8ff;
        font-weight: 600; }
      .block-info .stats .top b {
        font-size: 26px;
        line-height: 30px;
        font-weight: 600;
        margin-top: 5px; }
    .block-info .stats .bottom {
      padding: 20px;
      background: rgba(0, 0, 0, 0.4); }

.category-block {
  display: flex;
  align-items: center;
  margin-bottom: 20px; }
  @media only screen and (max-width: 480px) {
    .category-block {
      margin-bottom: 10px; } }
  .category-block .col:first-child {
    width: 94px;
    text-align: center; }
    @media only screen and (max-width: 992px) {
      .category-block .col:first-child {
        width: 50px; } }
    .category-block .col:first-child img {
      max-width: 100%; }
  .category-block .col .name {
    font-size: 26px;
    line-height: 28px;
    font-weight: 700;
    text-transform: uppercase;
    margin-left: 15px;
    max-width: 180px; }
    .category-block .col .name.nowrap-sm {
      max-width: none;
      font-size: 20px; }
    @media only screen and (max-width: 480px) {
      .category-block .col .name {
        font-size: 17px;
        line-height: 20px;
        max-width: 100px; } }
    .category-block .col .name.sm {
      font-size: 20px;
      max-width: none;
      text-transform: none; }
  .category-block .col .views {
    margin-left: 15px;
    font-size: 12px;
    padding-left: 22px;
    margin-top: 2px;
    background: url(../images/icon-eye.svg) no-repeat left center;
    font-weight: 500; }
    .category-block .col .views b {
      font-weight: 500;
      color: #9fe8ff; }
  .category-block .col .buttons {
    margin-left: 15px;
    margin-top: 10px; }
  .category-block.xs {
    min-height: 62px; }
    .category-block.xs .col:first-child {
      width: 60px; }
    .category-block.xs .subtitle {
      font-weight: 800;
      margin-left: 15px;
      font-size: 14px; }
    .category-block.xs .name {
      font-size: 24px;
      color: #9fe8ff;
      text-transform: none;
      margin-top: 5px;
      max-width: none; }
  .category-block.sm .col:first-child {
    width: 60px; }
  .category-block.sm .subtitle {
    font-weight: 700;
    margin-left: 15px;
    font-size: 12px; }
  .category-block.lg .col:last-child {
    flex: 1; }
  .category-block.lg .col:first-child {
    flex-basis: 240px;
    width: 240px; }
    @media (max-width: 480px) {
      .category-block.lg .col:first-child {
        flex-basis: 115px;
        width: 115px; } }
  .category-block.lg .name {
    font-size: 46px;
    line-height: 50px;
    font-weight: 700;
    text-transform: none;
    max-width: none;
    margin-top: 8px; }
    @media (max-width: 480px) {
      .category-block.lg .name {
        font-size: 26px;
        line-height: 30px; } }
  .category-block.lg .subtitle-blue {
    font-weight: 700;
    margin-left: 15px;
    color: #9fe8ff;
    font-size: 26px; }
    @media (max-width: 480px) {
      .category-block.lg .subtitle-blue {
        font-size: 14px;
        line-height: 18px; } }

.hidden-overflow {
  position: relative;
  overflow: hidden; }
  @media (min-width: 1501px) {
    .hidden-overflow.is-overlay {
      padding-bottom: 90px;
      margin-bottom: -90px;
      z-index: 2; } }

.carousel-videos-info {
  position: relative;
  overflow: hidden;
  height: 0;
  border-bottom: 5px solid transparent; }
  @media (min-width: 1501px) {
    .carousel-videos-info {
      transition: all 1s ease; } }
  @media (max-width: 864px) {
    .carousel-videos-info {
      background: #000; }
      .carousel-videos-info .section-bg {
        height: auto;
        min-height: 350px;
        bottom: auto; }
        .carousel-videos-info .section-bg:after {
          position: absolute;
          left: 0;
          bottom: 0;
          right: 0;
          display: inline-block;
          width: 100%;
          height: 100px;
          content: '';
          background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, black 100%);
          background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, black 100%);
          background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, black 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 ); }
        .carousel-videos-info .section-bg img {
          position: absolute;
          right: 50%;
          left: 0;
          top: 0;
          min-width: 100%;
          min-height: 500px;
          max-width: none;
          transform: translateX(-50%);
          max-width: 100%;
          width: auto;
          max-width: none; } }
  @media (max-width: 1450px) {
    .carousel-videos-info {
      position: fixed;
      overflow: scroll;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      width: 100%;
      height: 100%;
      opacity: 0;
      visibility: hidden;
      transition: all .3s ease;
      z-index: 15; } }
  .carousel-videos-info.visible {
    height: 616px;
    border-bottom: 5px solid #1bb0e0; }
    @media (max-width: 1450px) {
      .carousel-videos-info.visible {
        border-bottom: 0;
        display: flex;
        height: 100%;
        opacity: 1;
        visibility: visible; } }
    .carousel-videos-info.visible .development-card {
      visibility: visible;
      opacity: 1; }
    .carousel-videos-info.visible .row {
      visibility: visible;
      opacity: 1; }
    @media (max-width: 1450px) {
      .carousel-videos-info.visible .close {
        display: block; } }
  .carousel-videos-info .row {
    display: flex;
    justify-content: space-between;
    padding: 55px 15px; }
    @media (min-width: 1501px) {
      .carousel-videos-info .row {
        visibility: hidden;
        opacity: 0;
        transition: all 1s ease; } }
    @media (max-width: 864px) {
      .carousel-videos-info .row {
        flex-direction: column;
        padding-top: 250px; } }
  .carousel-videos-info .block-info {
    flex-basis: 560px; }
    @media (max-width: 864px) {
      .carousel-videos-info .block-info {
        flex-basis: auto;
        padding-bottom: 30px; }
        .carousel-videos-info .block-info .description {
          display: flex; } }
    .carousel-videos-info .block-info .title {
      font-size: 34px; }
      @media (max-width: 864px) {
        .carousel-videos-info .block-info .title {
          font-size: 26px; } }
      @media (max-width: 480px) {
        .carousel-videos-info .block-info .title {
          margin-bottom: 29px; }
          .carousel-videos-info .block-info .title:before, .carousel-videos-info .block-info .title:after {
            display: block; } }
    .carousel-videos-info .block-info .buttons {
      margin-bottom: 15px; }
  .carousel-videos-info .development-card {
    flex: 0 0 240px; }
    @media (min-width: 1501px) {
      .carousel-videos-info .development-card {
        visibility: hidden;
        opacity: 0;
        transition: all 1s ease; } }
    @media (max-width: 1590px) {
      .carousel-videos-info .development-card {
        padding-top: 45px; } }
    @media (max-width: 864px) {
      .carousel-videos-info .development-card {
        padding-top: 0; } }
  .carousel-videos-info .close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 62px;
    height: 54px;
    background: url(../images/icon-close.svg) no-repeat;
    cursor: pointer; }
    @media (max-width: 1450px) {
      .carousel-videos-info .close {
        z-index: 16;
        display: none; } }
    .carousel-videos-info .close:hover:before {
      opacity: 1;
      visibility: visible; }
    .carousel-videos-info .close:before {
      display: inline-block;
      content: '';
      transition: all .2s ease;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      background: url(../images/icon-close.svg) no-repeat;
      opacity: 0;
      visibility: hidden; }

.development-card {
  justify-content: center;
  align-items: flex-start;
  display: flex; }
  .development-card .inner {
    flex: 0 0 211px;
    background: #fff; }
    @media (max-width: 864px) {
      .development-card .inner {
        flex-basis: 100%; } }
  .development-card .top {
    display: flex;
    background: #1e89ee;
    justify-content: center;
    align-items: center;
    min-height: 30px;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700; }
  .development-card .category-info {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 140px; }
    @media (max-width: 864px) {
      .development-card .category-info {
        display: none; } }
    .development-card .category-info a img {
      max-width: 91px; }
  .development-card .levels {
    display: flex;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(129, 184, 205, 0) 81%, rgba(159, 227, 253, 0.4) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(129, 184, 205, 0) 81%, rgba(159, 227, 253, 0.4) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(129, 184, 205, 0) 81%, rgba(159, 227, 253, 0.4) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#669fe3fd',GradientType=0 ); }
    .development-card .levels .col {
      text-align: center;
      color: #00436d;
      text-transform: uppercase;
      font-size: 0;
      padding: 15px 0;
      flex: 1; }
      .development-card .levels .col:first-child {
        border-right: 1px solid #c8e7f3; }
      .development-card .levels .col b {
        display: inline-block;
        width: 100%;
        font-size: 15px;
        font-weight: 700;
        line-height: 16px;
        margin-bottom: 6px; }
      .development-card .levels .col img {
        display: inline-block;
        margin-bottom: 6px; }
      .development-card .levels .col span {
        display: inline-block;
        width: 100%;
        font-size: 12px;
        line-height: 13px;
        font-weight: 600; }
  .development-card .bottom {
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: stretch;
    background: url(../images/bg-waves.png) no-repeat center center;
    background-size: cover;
    min-height: 64px; }
    @media (max-width: 864px) {
      .development-card .bottom {
        background: #1e89ee; } }
    .development-card .bottom a {
      text-align: center;
      display: flex;
      align-items: center; }
      .development-card .bottom a:hover {
        color: #9fe8ff; }

.mobile-fast-access-bar {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 70px;
  z-index: 11;
  background: #fafeff; }
  @media (max-width: 1020px) {
    .mobile-fast-access-bar {
      display: flex; } }
  .mobile-fast-access-bar a {
    display: flex;
    flex-direction: column;
    flex: 1;
    border-right: 1px solid #c8e7f3;
    align-items: center;
    justify-content: center;
    color: #00436d;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase; }
    .mobile-fast-access-bar a:last-child {
      border-right: none; }
    .mobile-fast-access-bar a.active {
      background: #1e89ee;
      color: #fff; }
    .mobile-fast-access-bar a span {
      margin-top: 10px; }

.career-path {
  position: relative;
  border-top: 3px solid #1a81e7;
  border-bottom: 4px solid #1a81e7;
  background: repeating-linear-gradient(to right, #1d2025, #1d2025 140px, #000 1px, #1d2025 141px); }
  .career-path .wrapper > .inner {
    display: flex; }
    @media only screen and (max-width: 1023px) {
      .career-path .wrapper > .inner {
        flex-direction: column;
        margin-left: 0;
        margin-right: 0; } }
  .career-path .section-left {
    flex: 1; }
    @media only screen and (max-width: 1023px) {
      .career-path .section-left {
        width: 100%;
        margin-left: 0; } }
    .career-path .section-left:first-child {
      display: flex;
      flex-direction: column; }
  .career-path .section-right {
    position: relative;
    background: #24282d;
    margin-left: 5px;
    -webkit-box-shadow: inset 2px 0px 4px 0px rgba(255, 255, 255, 0.06);
    -moz-box-shadow: inset 2px 0px 4px 0px rgba(255, 255, 255, 0.06);
    box-shadow: inset 2px 0px 4px 0px rgba(255, 255, 255, 0.06);
    padding: 15px 0 15px 45px;
    transition: all 1s ease; }
    @media only screen and (max-width: 1460px) {
      .career-path .section-right {
        padding-right: 15px; } }
    @media only screen and (max-width: 1023px) {
      .career-path .section-right {
        overflow: hidden;
        padding-left: 15px;
        padding-right: 15px;
        width: calc(100% + 30px);
        margin-left: -15px; }
        .career-path .section-right.closed {
          height: 205px; }
          .career-path .section-right.closed:after {
            visibility: visible;
            opacity: 1; } }
    .career-path .section-right:after {
      visibility: hidden;
      opacity: 0;
      display: inline-block;
      content: '';
      position: absolute;
      transition: all 1s ease;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, black 100%);
      background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, black 100%);
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, black 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 ); }
    .career-path .section-right:before {
      position: absolute;
      top: 0;
      right: -100vw;
      content: '';
      display: inline-block;
      width: 100vw;
      height: 100%;
      background: #24282e; }
  .career-path .title-lg {
    position: relative;
    margin-top: -3px;
    font-size: 24px;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-self: center;
    align-items: center;
    background: #1a81e7;
    width: 100%;
    max-width: 490px;
    min-height: 50px; }
    @media only screen and (max-width: 640px) {
      .career-path .title-lg {
        max-width: none;
        width: calc(100% + 60px);
        margin-left: -30px;
        margin-right: -30px; } }
    .career-path .title-lg i {
      margin-right: 10px; }
    .career-path .title-lg:before {
      display: inline-block;
      content: '';
      position: absolute;
      left: -50px;
      top: 0;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 50px 50px 0;
      border-color: transparent #1a81e7 transparent transparent; }
      @media only screen and (max-width: 640px) {
        .career-path .title-lg:before {
          display: none; } }
    .career-path .title-lg:after {
      display: inline-block;
      content: '';
      position: absolute;
      right: -50px;
      top: 0;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 50px 50px 0 0;
      border-color: #1a81e7 transparent transparent transparent; }
      @media only screen and (max-width: 640px) {
        .career-path .title-lg:after {
          display: none; } }
  .career-path .levels {
    position: relative;
    margin-top: 50px;
    background: #2d3137;
    background: -moz-linear-gradient(top, #2d3137 0%, #1f2428 100%);
    background: -webkit-linear-gradient(top, #2d3137 0%, #1f2428 100%);
    background: linear-gradient(to bottom, #2d3137 0%, #1f2428 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d3137', endColorstr='#1f2428',GradientType=0 );
    min-height: 146px;
    align-items: center;
    -webkit-box-shadow: 10px 10px 20px 0px #15181b;
    -moz-box-shadow: 10px 10px 20px 0px #15181b;
    box-shadow: 10px 10px 20px 0px #15181b;
    display: flex; }
    @media only screen and (max-width: 860px) {
      .career-path .levels {
        padding: 10px 0;
        align-items: stretch; } }
    @media only screen and (max-width: 640px) {
      .career-path .levels {
        margin-top: 20px; } }
    .career-path .levels:before {
      position: absolute;
      top: 0;
      left: 0;
      display: inline-block;
      width: 100%;
      height: 100%;
      content: '';
      -webkit-box-shadow: inset 2px 2px 4px 0px rgba(255, 255, 255, 0.06);
      -moz-box-shadow: inset 2px 2px 4px 0px rgba(255, 255, 255, 0.06);
      box-shadow: inset 2px 2px 4px 0px rgba(255, 255, 255, 0.06); }
    .career-path .levels .avatar {
      position: relative;
      flex: 2;
      display: flex;
      align-items: center;
      justify-content: center; }
      @media only screen and (max-width: 860px) {
        .career-path .levels .avatar {
          padding: 0 10px; } }
      .career-path .levels .avatar .inner {
        width: 130px;
        height: 130px;
        background: #5c6271;
        background: -moz-linear-gradient(top, #5c6271 0%, #4b515e 100%);
        background: -webkit-linear-gradient(top, #5c6271 0%, #4b515e 100%);
        background: linear-gradient(to bottom, #5c6271 0%, #4b515e 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c6271', endColorstr='#4b515e',GradientType=0 );
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        -webkit-box-shadow: 0px 10px 20px 0px #15181b;
        -moz-box-shadow: 0px 10px 20px 0px #15181b;
        box-shadow: 0px 10px 20px 0px #15181b;
        padding: 10px; }
        @media only screen and (max-width: 1023px) {
          .career-path .levels .avatar .inner {
            width: 90px;
            height: 90px; } }
        .career-path .levels .avatar .inner .image {
          position: relative;
          width: 100%;
          height: 100%;
          overflow: hidden;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          border-radius: 50%; }
          .career-path .levels .avatar .inner .image img {
            position: absolute;
            left: 50%;
            top: 50%;
            min-width: 100%;
            min-height: 100%;
            transform: translate(-50%, -50%); }
    .career-path .levels .level {
      position: relative;
      flex: 3;
      min-height: 115px;
      margin-right: 15px;
      background: #1d2025;
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 15px;
      line-height: 17px;
      text-transform: uppercase;
      font-weight: 700;
      border: 1px solid #4b4f58; }
      @media only screen and (max-width: 860px) {
        .career-path .levels .level {
          justify-content: center;
          flex-direction: column; } }
      .career-path .levels .level .col {
        display: flex;
        padding: 20px;
        flex: 1; }
        @media only screen and (max-width: 860px) {
          .career-path .levels .level .col {
            flex: 1 1 auto;
            text-align: center; } }
        .career-path .levels .level .col img {
          position: relative;
          width: 48px; }
        .career-path .levels .level .col:first-child {
          padding-right: 0;
          flex: 1 1 170px; }
          @media only screen and (max-width: 860px) {
            .career-path .levels .level .col:first-child {
              flex: 1 1 auto;
              padding-left: 10px;
              padding-right: 10px;
              padding-bottom: 5px;
              padding-top: 5px; } }
        .career-path .levels .level .col:nth-child(2) {
          position: relative;
          flex: 1 1 77px;
          padding: 20px 15px;
          justify-content: center;
          align-items: center; }
          @media only screen and (max-width: 860px) {
            .career-path .levels .level .col:nth-child(2) {
              flex: 1 1 auto;
              padding: 5px 10px; } }
          .career-path .levels .level .col:nth-child(2):before {
            display: inline-block;
            content: '';
            position: absolute;
            width: 154px;
            background: url(../images/badge-shadow.png) no-repeat center center;
            height: 153px;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%); }
        .career-path .levels .level .col:last-child {
          padding-left: 0;
          font-weight: 500; }
          @media only screen and (max-width: 860px) {
            .career-path .levels .level .col:last-child {
              padding-left: 10px;
              padding-right: 10px;
              padding-top: 5px;
              padding-bottom: 5px; } }
  .career-path .title-sm {
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 24px;
    line-height: 27px;
    font-weight: 700; }
  .career-path .title-sm-2 {
    margin-top: 5px; }
    .career-path .title-sm-2 span {
      display: inline-block;
      width: 100%;
      color: #9fe8ff;
      font-size: 16px;
      line-height: 20px;
      font-weight: 600;
      margin-bottom: 5px; }
    .career-path .title-sm-2 b {
      display: inline-block;
      width: 100%;
      color: #fff;
      font-size: 26px;
      line-height: 30px;
      font-weight: 600; }
  .career-path .next-tasks {
    margin-bottom: 20px; }
  .career-path .points-list {
    margin-bottom: 25px; }
  .career-path .stats-list {
    margin-top: 25px; }
  .career-path .badges-list {
    margin-top: 8px;
    margin-bottom: 10px; }

.stats-list {
  display: flex;
  flex-direction: column; }
  .stats-list li {
    display: flex;
    justify-content: space-between;
    min-height: 25px;
    margin-bottom: 10px;
    border-bottom: 1px solid #1a81e7;
    font-size: 15px; }
    .stats-list li:last-child {
      margin-bottom: 0; }
    .stats-list li b {
      position: relative;
      display: flex;
      align-items: center;
      padding: 0 10px;
      background: #1a81e7;
      font-weight: 600; }
      @media (max-width: 1249px) {
        .stats-list li b {
          padding: 2px 10px; } }
      .stats-list li b i {
        margin-right: 8px; }
      .stats-list li b:after {
        position: absolute;
        content: '';
        display: inline-block;
        right: -25px;
        top: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 25px 0 0 25px;
        border-color: transparent transparent transparent #1a81e7; }
        @media (max-width: 1249px) {
          .stats-list li b:after {
            display: none; } }
    .stats-list li i {
      display: flex;
      padding-left: 25px;
      text-align: right;
      align-items: center;
      font-style: normal; }
  .stats-list.white li {
    border-bottom: 1px solid #fff; }
    .stats-list.white li b {
      background: #fff;
      color: #1a81e7; }
      .stats-list.white li b:after {
        border-color: transparent transparent transparent #fff; }
  .stats-list.mrt-30 {
    margin-top: 30px; }

.points-list {
  display: flex;
  flex-direction: column; }
  .points-list li {
    display: flex;
    justify-content: space-between;
    min-height: 30px;
    border-bottom: 1px solid #31353a;
    font-size: 15px;
    transition: all .15s ease;
    line-height: 18px; }
    .points-list li span {
      flex: 1;
      font-size: 13px;
      font-weight: 600;
      color: #d9d9d9;
      align-items: center;
      justify-content: center;
      display: flex;
      flex: 3;
      padding: 5px 0 5px 12px; }
      .points-list li span:first-child {
        flex: 4;
        justify-content: flex-start; }
    .points-list li:nth-child(odd) {
      background: #1d2024; }
    .points-list li.head {
      background: #15171a; }
      .points-list li.head span {
        text-transform: uppercase; }
    .points-list li:hover {
      background: #1a81e7; }
      .points-list li:hover.head {
        background: #15171a; }
  .points-list.blue-style li {
    border-bottom: 1px solid #203e83; }
    .points-list.blue-style li:nth-child(odd) {
      background: #1e273f; }
    .points-list.blue-style li.head {
      background: #03205e; }
    .points-list.blue-style li:hover {
      background: #1a81e7; }
      .points-list.blue-style li:hover.head {
        background: #03205e; }

.badges-list {
  flex-wrap: wrap;
  display: flex; }
  .badges-list .badge {
    flex: 0 1 20%;
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-bottom: 10px; }
    @media only screen and (max-width: 1200px) {
      .badges-list .badge {
        flex: 0 1 33.3333%; } }
    @media only screen and (max-width: 1023px) {
      .badges-list .badge {
        flex: 0 1 20%; } }
    .badges-list .badge img {
      max-width: 52px; }
    .badges-list .badge span {
      margin-top: 8px;
      text-align: center;
      text-transform: uppercase;
      font-size: 12px;
      line-height: 13px; }

.expand-mobile {
  display: none;
  justify-content: center;
  align-items: center;
  min-height: 45px;
  margin-left: -15px;
  margin-right: -15px;
  background: #2382db; }
  @media (max-width: 1023px) {
    .expand-mobile {
      display: flex; } }
  @media (max-width: 1023px) {
    .expand-mobile.sm {
      display: none; } }
  @media (max-width: 768px) {
    .expand-mobile.sm {
      display: flex; } }
  .expand-mobile .expand-trigger {
    font-size: 18px;
    cursor: pointer;
    width: 100%;
    height: 100%;
    padding: 10px;
    text-align: center;
    font-weight: 800; }
    .expand-mobile .expand-trigger i {
      margin-left: 10px; }
    .expand-mobile .expand-trigger.opened i {
      transform: rotate(180deg); }

.video-page {
  display: flex; }
  @media only screen and (max-width: 768px) {
    .video-page .form-textarea .user-block {
      display: none; } }
  .video-page .form-textarea .text textarea {
    min-height: 155px; }
  @media only screen and (max-width: 768px) {
    .video-page .form-textarea .text > div {
      width: 100%;
      display: flex; }
      .video-page .form-textarea .text > div .btn-sm-5 {
        flex: 1;
        text-align: center; }
        .video-page .form-textarea .text > div .btn-sm-5:first-child {
          margin-right: 5px; }
        .video-page .form-textarea .text > div .btn-sm-5:last-child {
          margin-left: 5px; } }
  .video-page .section-left {
    flex: 8; }
    @media only screen and (max-width: 1023px) {
      .video-page .section-left {
        padding: 0 10px; } }
    .video-page .section-left .btn-sm-5 {
      margin-left: 3px; }
  .video-page .section-right {
    position: relative;
    padding-left: 20px;
    flex: 4;
    border-left: 1px solid #0b2668;
    background: #06112a;
    margin-left: 30px; }
    @media only screen and (max-width: 1023px) {
      .video-page .section-right {
        display: none; } }
    .video-page .section-right:before {
      position: absolute;
      top: 0;
      right: -100vw;
      content: '';
      display: inline-block;
      width: 100vw;
      height: 100%;
      background: #06112a; }
    .video-page .section-right .availability {
      display: flex;
      align-items: center;
      font-size: 15px;
      font-weight: 400;
      margin-bottom: 30px;
      margin-top: 20px; }
      .video-page .section-right .availability img {
        margin: 0 0 0 10px; }
      .video-page .section-right .availability b {
        color: #58d7fd;
        font-weight: 700;
        margin-left: 15px; }
      .video-page .section-right .availability .btn {
        margin-left: 10px; }
    .video-page .section-right .btn {
      margin: 30px 0;
      float: right; }
  .video-page .title-sm-2 {
    display: flex;
    align-items: center;
    margin-top: 60px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #0b2668; }
    .video-page .title-sm-2 div {
      flex: 0 1 125px; }
    .video-page .title-sm-2 h3 {
      margin-left: 20px;
      flex: 1; }
      .video-page .title-sm-2 h3 span {
        display: inline-block;
        width: 100%;
        color: #9fe8ff;
        font-size: 16px;
        line-height: 20px;
        font-weight: 600;
        margin-bottom: 5px; }
      .video-page .title-sm-2 h3 b {
        display: inline-block;
        width: 100%;
        color: #fff;
        font-size: 26px;
        line-height: 30px;
        font-weight: 600; }

.comments {
  margin-bottom: 30px; }
  .comments .title {
    width: 100%;
    font-size: 20px;
    font-weight: 800; }
  .comments .comment {
    margin-top: 20px; }
    .comments .comment .comment {
      padding-left: 55px; }
      @media only screen and (max-width: 768px) {
        .comments .comment .comment {
          padding-left: 0; } }
    .comments .comment .form-textarea {
      margin-top: 40px;
      padding-left: 55px; }
      @media only screen and (max-width: 768px) {
        .comments .comment .form-textarea {
          padding-left: 0; }
          .comments .comment .form-textarea .user-block {
            display: none; } }
      .comments .comment .form-textarea textarea {
        min-height: 80px; }
      .comments .comment .form-textarea .text {
        margin-bottom: 0; }
    .comments .comment .top-comment-mobile {
      display: none !important;
      justify-content: space-between !important;
      align-items: center !important;
      margin-bottom: 10px; }
      @media only screen and (max-width: 768px) {
        .comments .comment .top-comment-mobile {
          display: flex !important; }
          .comments .comment .top-comment-mobile .left {
            padding-right: 10px; } }
    .comments .comment .top {
      position: relative;
      background: #eaeaea;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      padding: 20px;
      color: #0a1737;
      font-size: 15px;
      line-height: 24px;
      font-weight: 400;
      -webkit-box-shadow: 5px 5px 13px 0px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 5px 5px 13px 0px rgba(0, 0, 0, 0.2);
      box-shadow: 5px 5px 13px 0px rgba(0, 0, 0, 0.2); }
      .comments .comment .top:before {
        position: absolute;
        display: inline-block;
        content: '';
        bottom: -11px;
        left: 17px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 11px 10.5px 0 10.5px;
        border-color: #eaeaea transparent transparent transparent; }
        @media only screen and (max-width: 768px) {
          .comments .comment .top:before {
            display: none; } }
    .comments .comment .bottom {
      margin-top: 20px;
      justify-content: space-between;
      align-items: flex-start;
      display: flex; }
      @media only screen and (max-width: 768px) {
        .comments .comment .bottom {
          justify-content: flex-end;
          margin-top: 5px; } }
      .comments .comment .bottom .left {
        align-items: center;
        display: flex; }
        .comments .comment .bottom .left .avatar {
          flex: 0 1 54px;
          width: 54px;
          height: 54px;
          position: relative;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          border-radius: 50%;
          border: 3px solid #fff;
          overflow: hidden; }
          .comments .comment .bottom .left .avatar img {
            position: absolute;
            transition: all .25s ease;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%) scale(1); }
        .comments .comment .bottom .left .submitter {
          display: flex;
          flex-direction: column;
          flex: 1;
          padding-left: 15px; }
          .comments .comment .bottom .left .submitter .username {
            line-height: 20px;
            font-size: 16px;
            font-weight: 400; }
          .comments .comment .bottom .left .submitter .added {
            font-size: 12px;
            font-weight: 500;
            margin-top: 3px; }
            .comments .comment .bottom .left .submitter .added b {
              font-weight: 800;
              color: #bceeff; }
      .comments .comment .bottom .right .comment-actions {
        display: flex;
        flex-wrap: wrap; }
        .comments .comment .bottom .right .comment-actions li {
          flex: 1;
          align-items: flex-start;
          display: flex;
          align-items: stretch; }
          .comments .comment .bottom .right .comment-actions li a {
            color: #bceeff;
            font-size: 15px;
            font-weight: 800;
            flex: 1;
            align-items: center;
            display: flex;
            padding: 0 10px;
            border-right: 1px solid #547089; }
            .comments .comment .bottom .right .comment-actions li a:hover {
              background: #065190; }
            .comments .comment .bottom .right .comment-actions li a span {
              flex: 1;
              color: #fff;
              font-weight: 600; }
            .comments .comment .bottom .right .comment-actions li a i {
              flex: 0 1 27px;
              margin-right: 10px; }
              @media (max-width: 480px) {
                .comments .comment .bottom .right .comment-actions li a i {
                  margin-right: 3px; } }
  .comments .load-more-comments {
    display: flex;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 30px; }
    .comments .load-more-comments .left {
      flex: 1;
      background: #bceeff;
      height: 1px;
      margin-right: 5px;
      width: 100%; }
      @media (max-width: 767px) {
        .comments .load-more-comments .left {
          display: none; } }
    .comments .load-more-comments .after {
      flex: 1;
      background: #bceeff;
      height: 1px;
      margin-right: 5px;
      width: 100%; }
      @media (max-width: 767px) {
        .comments .load-more-comments .after {
          display: none; } }
    .comments .load-more-comments .right {
      display: flex;
      flex: 0 1 135px;
      cursor: pointer;
      flex-direction: column; }
      @media (max-width: 767px) {
        .comments .load-more-comments .right {
          flex-basis: 100%;
          flex-direction: row-reverse;
          justify-content: center;
          min-height: 45px;
          align-items: center;
          background: #204190; } }
      .comments .load-more-comments .right span {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 15px;
        color: #bceeff;
        font-weight: 500;
        transition: all .3s ease;
        line-height: 20px; }
        @media (max-width: 767px) {
          .comments .load-more-comments .right span {
            font-size: 15px;
            font-weight: 400;
            text-transform: uppercase;
            color: #fff;
            margin-top: 0;
            margin-left: 5px;
            line-height: 22px; } }
        .comments .load-more-comments .right span i {
          font-style: normal;
          margin-right: 5px; }
          @media (max-width: 767px) {
            .comments .load-more-comments .right span i {
              color: #bceeff; } }
      .comments .load-more-comments .right b {
        display: flex;
        margin-top: 5px;
        align-items: center;
        justify-content: center;
        font-size: 11px;
        color: #0e1b3a;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        background: #bceeff;
        height: 20px;
        text-transform: uppercase;
        padding: 0 10px;
        transition: all .3s ease; }
        @media (max-width: 767px) {
          .comments .load-more-comments .right b {
            font-size: 15px;
            font-weight: 400;
            text-transform: uppercase;
            background: transparent;
            color: #fff;
            padding: 0;
            margin: 0;
            line-height: 22px; } }
      .comments .load-more-comments .right:hover span {
        color: #fff; }
      .comments .load-more-comments .right:hover b {
        background: #fff; }
        @media (max-width: 767px) {
          .comments .load-more-comments .right:hover b {
            background: transparent; } }

.mobile-header-details {
  display: none;
  border-bottom: 1px solid #1a81e7; }
  @media (max-width: 767px) {
    .mobile-header-details {
      display: block; } }
  .mobile-header-details .btn.btn-lg {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 40px;
    height: 70px !important;
    line-height: 70px !important;
    z-index: 0; }
  .mobile-header-details .btn.btn-circle {
    margin-left: 5px; }
  .mobile-header-details .stats {
    max-width: none;
    margin-left: -15px;
    margin-right: -15px;
    width: auto; }
  .mobile-header-details .description {
    margin-top: 30px;
    display: block !important; }

.profile-menu {
  background: #0c0f22; }
  @media (max-width: 1020px) {
    .profile-menu {
      display: none; } }
  .profile-menu ul {
    display: flex;
    min-height: 62px;
    border-left: 1px solid #121830;
    width: 100%;
    height: 100%; }
    .profile-menu ul li {
      display: flex;
      flex: 0 1 230px;
      border-right: 1px solid #121830; }
      .profile-menu ul li:last-child {
        margin-left: auto;
        border-left: 1px solid #121830; }
      .profile-menu ul li a {
        position: relative;
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        font-weight: 800;
        color: #1e89ee; }
        @media (max-width: 850px) {
          .profile-menu ul li a {
            font-size: 14px; } }
        .profile-menu ul li a:before {
          position: absolute;
          left: 0;
          bottom: 0;
          right: 0;
          content: '';
          height: 5px;
          display: inline-block;
          background: #1e89ee;
          opacity: 0;
          transition: all .2s ease; }
        .profile-menu ul li a:hover:before {
          opacity: 1; }
      .profile-menu ul li i {
        margin-left: 8px; }
      .profile-menu ul li.active a {
        background: #0c0f22;
        background: -moz-linear-gradient(top, #0c0f22 0%, #111638 100%);
        background: -webkit-linear-gradient(top, #0c0f22 0%, #111638 100%);
        background: linear-gradient(to bottom, #0c0f22 0%, #111638 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c0f22', endColorstr='#111638',GradientType=0 );
        color: #fff; }
        .profile-menu ul li.active a:before {
          opacity: 1; }
      .profile-menu ul li:hover a {
        background: #0c0f22;
        background: -moz-linear-gradient(top, #0c0f22 0%, #111638 100%);
        background: -webkit-linear-gradient(top, #0c0f22 0%, #111638 100%);
        background: linear-gradient(to bottom, #0c0f22 0%, #111638 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c0f22', endColorstr='#111638',GradientType=0 ); }
        .profile-menu ul li:hover a:before {
          opacity: 1; }

.show-more-content {
  margin-top: 20px;
  padding-bottom: 20px; }
  @media (max-width: 768px) {
    .show-more-content {
      /*display: none;*/
      margin-top: 0; } }

.cockpit-dark-block {
  position: relative;
  background: #161e42;
  border: 1px solid #063b6f;
  padding: 20px;
  margin-bottom: 10px; }
  .cockpit-dark-block .btn {
    width: 100%; }

.cockpit-blue-block {
  background: #0a64bc;
  padding: 20px;
  margin-bottom: 10px; }

.cockpit-blue-block-2 {
  background: #00729c;
  padding: 20px;
  margin-bottom: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; }

.cockpit-white-block {
  position: relative;
  background: #fff;
  border: 1px solid #dedede;
  padding: 0 0 20px 0;
  margin-bottom: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; }
  .cockpit-white-block .btn {
    width: 100%; }

.cockpit-block-title {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 800;
  margin-bottom: 20px; }

.circle-stats-list {
  display: flex;
  flex-wrap: wrap; }
  .circle-stats-list .stat {
    flex: 1 1 33.3333%;
    margin: 10px 0;
    padding: 0 15px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: flex-start;
    min-height: 155px;
    background: url(../images/bg-circle-stats.svg) no-repeat center 10px; }
    .circle-stats-list .stat b {
      flex: 1;
      font-size: 36px;
      font-weight: 800;
      margin-top: 42px; }
    .circle-stats-list .stat span {
      flex: 1;
      text-align: center;
      font-size: 15px;
      line-height: 18px;
      font-weight: 600;
      display: flex;
      align-items: center;
      margin-top: 40px; }

.cockpit-blocks > div {
  margin-bottom: 20px; }

.big-badge-block {
  display: flex;
  background: #0a64bc;
  background: -moz-radial-gradient(center, ellipse cover, #0a64bc 0%, #0e3361 22%, #101326 70%, #101326 70%);
  background: -webkit-radial-gradient(center, ellipse cover, #0a64bc 0%, #0e3361 22%, #101326 70%, #101326 70%);
  background: radial-gradient(ellipse at center, #0a64bc 0%, #0e3361 22%, #101326 70%, #101326 70%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a64bc', endColorstr='#101326',GradientType=1 );
  border: 1px solid #063b6f;
  flex-direction: column;
  align-items: center;
  padding: 20px; }
  .big-badge-block .info {
    display: flex;
    flex-direction: column;
    text-align: center; }
    .big-badge-block .info span {
      font-size: 14px;
      line-height: 18px;
      font-weight: 800; }
    .big-badge-block .info b {
      font-size: 24px;
      line-height: 26px;
      color: #9fe8ff;
      font-weight: 800;
      margin-top: 5px; }
  .big-badge-block .badge {
    margin: 20px;
    text-align: center; }
    .big-badge-block .badge img {
      max-width: 165px; }
    .big-badge-block .badge .team-logo {
      position: relative;
      width: 200px;
      height: 200px;
      background: #fff;
      margin: 20px 0;
      overflow: hidden;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%; }
      .big-badge-block .badge .team-logo img {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        height: 100%;
        min-width: 100%;
        width: auto; }

.stats-row {
  margin-bottom: 20px; }
  @media (max-width: 992px) {
    .stats-row {
      margin-top: 20px; } }
  .stats-row .cockpit-blue-block {
    margin-left: 15px; }
    @media (max-width: 1199px) {
      .stats-row .cockpit-blue-block {
        margin-left: 0; } }
  @media (min-width: 1200px) {
    .stats-row .circle-stats-list {
      border-right: 1px solid #1a81e7; } }
  @media (max-width: 1199px) {
    .stats-row .stats-list {
      margin-top: 30px; } }
  .stats-row .cockpit-dark-block {
    margin-bottom: 10px; }
  .stats-row .cockpit-blue-block {
    margin-bottom: 10px; }
    @media (max-width: 1023px) {
      .stats-row .cockpit-blue-block {
        margin-top: 10px; } }

.stats-summary {
  position: relative;
  flex-direction: column;
  background: #fff;
  color: #0a64bc;
  margin-top: 10px;
  padding: 20px;
  display: flex; }
  .stats-summary .top {
    display: flex;
    flex-direction: column;
    padding-bottom: 5px;
    position: relative;
    text-align: center; }
    .stats-summary .top:after {
      display: inline-block;
      content: '';
      width: 180px;
      height: 1px;
      background: #4cd4ff;
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%); }
    .stats-summary .top span {
      font-size: 16px;
      font-weight: 800;
      text-transform: uppercase; }
    .stats-summary .top b {
      font-size: 48px;
      margin-top: 10px; }
  .stats-summary .bottom {
    display: flex;
    flex-direction: column;
    text-align: center;
    color: #1a81e7;
    margin-top: 10px; }
    .stats-summary .bottom span {
      font-size: 15px;
      font-weight: 500; }
    .stats-summary .bottom b {
      font-size: 24px;
      margin-top: 5px;
      font-weight: 500; }
  .stats-summary .info-circle {
    position: absolute;
    cursor: pointer;
    transition: all .3s ease;
    width: 20px;
    height: 20px;
    background: url(../images/icon-help.svg) no-repeat center center;
    right: 10px;
    bottom: 10px; }
    .stats-summary .info-circle:hover {
      opacity: 0.7; }

.current-lvl {
  display: flex;
  background: #101326;
  border: 1px solid #063b6f;
  justify-content: space-between;
  padding: 15px 20px;
  align-items: center; }
  .current-lvl .col:first-child {
    display: flex;
    flex-direction: column; }
    .current-lvl .col:first-child span {
      font-size: 14px;
      font-weight: 800;
      line-height: 16px; }
    .current-lvl .col:first-child b {
      font-weight: 800;
      font-size: 24px;
      line-height: 26px;
      color: #9fe8ff;
      margin-top: 5px; }
  .current-lvl .col:last-child img {
    width: 65px; }

.block-overlay-more {
  display: flex;
  align-items: flex-end;
  padding: 20px;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 33.33%;
  background: -moz-linear-gradient(top, rgba(63, 63, 63, 0) 0%, #161e42 22%);
  background: -webkit-linear-gradient(top, rgba(63, 63, 63, 0) 0%, #161e42 22%);
  background: linear-gradient(to bottom, rgba(63, 63, 63, 0) 0%, #161e42 22%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003f3f3f', endColorstr='#161e42',GradientType=0 ); }

.cockpit-block-content .thumb {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 57%; }
  .cockpit-block-content .thumb img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    min-height: 100%; }
  .cockpit-block-content .thumb .tag {
    position: absolute;
    right: 10px;
    bottom: 0;
    background: #1e89ee;
    width: 38px;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center; }

.cockpit-block-content .title {
  min-height: 48px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin-top: 18px; }
  .cockpit-block-content .title span {
    font-size: 14px;
    line-height: 18px;
    font-weight: 600; }
  .cockpit-block-content .title b {
    font-size: 23px;
    line-height: 30px;
    font-weight: 800; }

.cockpit-block-content .path-info {
  min-height: 72px;
  margin-bottom: 30px;
  margin-top: 20px;
  display: flex;
  flex-direction: column; }
  .cockpit-block-content .path-info span {
    font-size: 14px;
    font-weight: 800;
    line-height: 18px; }
  .cockpit-block-content .path-info b {
    color: #9fe8ff;
    font-size: 23px;
    font-weight: 800;
    line-height: 30px; }

.cockpit-block-content .description {
  min-height: 68px;
  margin-bottom: 30px;
  margin-top: 20px;
  font-size: 15px;
  line-height: 24px;
  font-weight: 400; }

.friends-activities {
  display: flex;
  flex-direction: column;
  border-top: 1px solid #063b6f;
  padding-top: 10px;
  margin-bottom: 20px; }
  .friends-activities .item {
    display: flex;
    margin-top: 10px; }
    .friends-activities .item .left {
      flex: 0 0 85px; }
      .friends-activities .item .left .avatar {
        position: relative;
        border: 3px solid #fff;
        overflow: hidden;
        width: 65px;
        height: 65px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%; }
        .friends-activities .item .left .avatar img {
          position: absolute;
          left: 50%;
          top: 50%;
          width: auto;
          min-width: 100%;
          height: 100%;
          transform: translate(-50%, -50%); }
    .friends-activities .item .right {
      flex: 1; }
      .friends-activities .item .right .info {
        position: relative;
        background: #0e1533;
        padding: 10px 15px; }
        .friends-activities .item .right .info:before {
          content: '';
          display: inline-block;
          position: absolute;
          left: -9px;
          top: 25px;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 9px 9px 9px 0;
          border-color: transparent #0e1533 transparent transparent; }
        .friends-activities .item .right .info p {
          line-height: 22px;
          font-size: 15px;
          font-weight: 300; }
          .friends-activities .item .right .info p a {
            color: #9fe8ff;
            font-weight: 600; }
            .friends-activities .item .right .info p a:hover {
              opacity: 0.6; }
          .friends-activities .item .right .info p b {
            color: #9fe8ff;
            font-weight: 600; }
        .friends-activities .item .right .info span {
          display: flex;
          margin-top: 10px;
          font-size: 13px;
          width: 100%;
          font-weight: 300;
          justify-content: flex-end; }

.tasks-list {
  display: flex;
  flex-direction: column;
  border-top: 1px solid #063b6f;
  padding-top: 20px;
  margin-bottom: 20px; }
  .tasks-list .info {
    font-size: 15px;
    font-weight: 400; }
    .tasks-list .info b {
      font-weight: 600;
      color: #9fe8ff; }
  .tasks-list .list {
    display: flex;
    flex-direction: column;
    margin-top: 20px; }
    .tasks-list .list .item {
      position: relative;
      background: #0e1533;
      margin-bottom: 10px;
      border: 1px solid #063b6f;
      padding: 20px; }
      .tasks-list .list .item b {
        font-size: 16px;
        font-weight: 800; }
      .tasks-list .list .item p {
        font-size: 15px;
        line-height: 24px;
        font-weight: 300;
        margin-top: 15px; }
      .tasks-list .list .item .notify {
        position: absolute;
        left: -1px;
        top: -1px;
        bottom: -1px;
        right: -1px;
        background: rgba(14, 21, 51, 0.6); }
        .tasks-list .list .item .notify .inner {
          position: absolute;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          background: #1e89ee;
          text-transform: uppercase;
          width: 275px;
          height: 75px; }
          .tasks-list .list .item .notify .inner b {
            opacity: 1;
            font-size: 20px;
            font-weight: 800;
            letter-spacing: 1px; }
          .tasks-list .list .item .notify .inner span {
            font-size: 14px;
            font-weight: 800;
            letter-spacing: 1px;
            margin-top: 5px; }
      .tasks-list .list .item a {
        margin-top: 15px;
        float: right; }

/* LIGHT MODE */
.light-mode .section .section-title {
  color: #00729c; }

@media (max-width: 480px) {
  .light-mode .section .section-title {
    color: #00729c;
    font-size: 24px; } }

@media (max-width: 768px) {
  .light-mode .section {
    /*            &.pb-50{
                            padding-bottom: 20px;
                        }*/ } }

.light-mode .section.white {
  background: #fff;
  border-top: 1px solid #eeeeee; }
  .light-mode .section.white .section-title {
    color: #00729c; }

@media (max-width: 480px) {
  .light-mode .section.blue-bottom-bg .header.centered {
    justify-content: flex-start; } }

.light-mode .section.blue-bottom-bg:before {
  background: #1bb0e0; }
  @media (max-width: 480px) {
    .light-mode .section.blue-bottom-bg:before {
      display: none; } }

.light-mode .section.blue-top {
  background: #f2f2f2; }
  @media (max-width: 480px) {
    .light-mode .section.blue-top {
      background: transparent;
      color: #00729c; }
      .light-mode .section.blue-top:before {
        display: none; } }
  .light-mode .section.blue-top:before {
    background: #1bb0e0;
    height: 90px; }
  .light-mode .section.blue-top .header {
    display: flex;
    justify-content: center; }
    @media (max-width: 480px) {
      .light-mode .section.blue-top .header {
        justify-content: flex-start; } }
    .light-mode .section.blue-top .header .section-title {
      color: #fff; }
      @media (max-width: 480px) {
        .light-mode .section.blue-top .header .section-title {
          color: #00729c; } }

.light-mode .section .carousel-nav i.prev {
  background: url(../images/arrow-left.svg) no-repeat center center #1bb0e0;
  border: 0;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px; }
  .light-mode .section .carousel-nav i.prev:hover {
    background: url(../images/arrow-left.svg) no-repeat center center #00729c; }

.light-mode .section .carousel-nav i.next {
  background: url(../images/arrow-right.svg) no-repeat center center #1bb0e0;
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px; }
  .light-mode .section .carousel-nav i.next:hover {
    background: url(../images/arrow-right.svg) no-repeat center center #00729c; }

.light-mode .section .carousel-nav-inline i {
  transform: none;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  width: 72px;
  height: 72px;
  box-shadow: none;
  background: #1bb0e0; }
  .light-mode .section .carousel-nav-inline i:after {
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%; }
  .light-mode .section .carousel-nav-inline i:before {
    display: none; }
  .light-mode .section .carousel-nav-inline i:hover {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.6); }

.light-mode .about-section {
  display: flex;
  background: #00729c;
  min-height: 690px; }
  @media (max-width: 1020px) {
    .light-mode .about-section {
      flex-direction: column; } }
  .light-mode .about-section .left {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0; }
    .light-mode .about-section .left .info {
      width: 720px;
      padding-right: 20px;
      padding-left: 20px;
      color: #fff; }
      @media (max-width: 1020px) {
        .light-mode .about-section .left .info {
          width: 100%; } }
  .light-mode .about-section .right {
    position: relative;
    padding: 0;
    flex: 1;
    display: flex;
    background: url(../mockups/bg-about.jpg) no-repeat #00729c;
    background-size: cover;
    background-position: center center; }
    @media (max-width: 1020px) {
      .light-mode .about-section .right {
        min-height: 320px; } }
    .light-mode .about-section .right .about-image {
      position: absolute;
      top: 50%;
      left: -127px;
      display: inline-block;
      width: 255px;
      height: 342px;
      overflow: hidden;
      transform: translateY(-50%);
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      border-bottom: 5px solid #1bb0e0; }
      @media (max-width: 1500px) {
        .light-mode .about-section .right .about-image {
          display: none; } }
  @media (max-width: 1020px) {
    .light-mode .about-section .header-video.series .row .block-info {
      padding: 98px 0 60px 15px;
      padding: 35px 25px;
      margin: 0;
      flex-basis: 100%; } }
  @media only screen and (max-width: 480px) {
    .light-mode .about-section .header-video.series .row .block-info .title {
      padding-bottom: 30px; }
      .light-mode .about-section .header-video.series .row .block-info .title:before {
        width: 65px;
        background: #fff;
        display: inline-block; } }
  @media (max-width: 1440px) {
    .light-mode .about-section .left .info {
      flex-basis: 100%; } }
  @media (max-width: 480px) {
    .light-mode .about-section .block-info .description {
      display: flex; } }

.light-mode .carousel-videos-info .close {
  background: url(../images/icon-close.svg) no-repeat;
  transition: all .3s ease; }
  .light-mode .carousel-videos-info .close:hover {
    opacity: 0.7; }

.light-mode .carousel-videos-info .block-info {
  flex-basis: 680px; }
  .light-mode .carousel-videos-info .block-info .category {
    align-self: flex-start;
    display: flex;
    width: auto;
    min-height: 40px;
    align-items: center;
    font-size: 21px;
    color: #fff;
    font-weight: 800;
    background: #1bb0e0;
    padding: 5px 15px;
    text-shadow: none;
    margin-bottom: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; }
    @media (max-width: 480px) {
      .light-mode .carousel-videos-info .block-info .category {
        font-size: 16px;
        min-height: 35px; } }
  .light-mode .carousel-videos-info .block-info .title-wrapper {
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px; }
    .light-mode .carousel-videos-info .block-info .title-wrapper:before {
      position: absolute;
      display: inline-block;
      content: '';
      width: 70px;
      height: 5px;
      background: #1bb0e0;
      left: 0;
      bottom: 0; }
  .light-mode .carousel-videos-info .block-info .title {
    font-size: 42px;
    line-height: 54px;
    color: #00729c;
    padding-bottom: 0;
    margin-bottom: 20px; }
    @media only screen and (max-width: 768px) {
      .light-mode .carousel-videos-info .block-info .title {
        font-size: 26px;
        line-height: 35px; } }
    .light-mode .carousel-videos-info .block-info .title:after {
      display: none; }
    .light-mode .carousel-videos-info .block-info .title:before {
      display: none; }
  .light-mode .carousel-videos-info .block-info .info {
    display: flex;
    font-size: 17px;
    color: #484848;
    font-weight: 500;
    margin-bottom: 15px; }
    @media (max-width: 480px) {
      .light-mode .carousel-videos-info .block-info .info {
        font-size: 14px; } }
    .light-mode .carousel-videos-info .block-info .info a {
      font-weight: 900;
      color: #1bb0e0;
      margin: 0 5px; }
      @media (max-width: 480px) {
        .light-mode .carousel-videos-info .block-info .info a {
          font-size: 14px; } }
      .light-mode .carousel-videos-info .block-info .info a:hover {
        color: #00729c; }
    .light-mode .carousel-videos-info .block-info .info b {
      font-weight: 900;
      color: #1bb0e0;
      margin: 0 5px; }
      @media (max-width: 480px) {
        .light-mode .carousel-videos-info .block-info .info b {
          font-size: 14px; } }
  .light-mode .carousel-videos-info .block-info .course-details {
    flex-wrap: wrap;
    display: flex;
    margin-top: 10px; }
    .light-mode .carousel-videos-info .block-info .course-details .detail {
      flex: 1 1 50%;
      display: flex;
      align-items: center;
      margin-bottom: 15px;
      padding-right: 20px; }
      @media (max-width: 680px) {
        .light-mode .carousel-videos-info .block-info .course-details .detail {
          flex-basis: 100%; } }
      .light-mode .carousel-videos-info .block-info .course-details .detail span {
        margin-left: 20px;
        font-size: 18px;
        line-height: 22px;
        color: #00729c;
        font-weight: 800; }
        .light-mode .carousel-videos-info .block-info .course-details .detail span.ico {
          margin: 0;
          width: 32px;
          display: flex;
          justify-content: center; }
  .light-mode .carousel-videos-info .block-info .buttons {
    margin-bottom: 40px; }
    .light-mode .carousel-videos-info .block-info .buttons ul li {
      display: inline-block; }

.light-mode .carousel-videos.desktop-only:after {
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); }

@media (max-width: 768px) {
  .light-mode .carousel-videos.desktop-only .item a .watching-status {
    top: 0; } }

@media (max-width: 480px) {
  .light-mode .block-info .buttons ul li {
    display: none;
    margin-right: 0; }
    .light-mode .block-info .buttons ul li:last-child {
      display: block; } }

@media (min-width: 1451px) {
  .light-mode .carousel-videos-info.visible {
    height: 636px;
    border-bottom: 5px solid #1bb0e0; } }

.light-mode .carousel-videos-info.visible .section-bg {
  border-top: 1px solid #e2e2e2; }

@media (max-width: 1450px) {
  .light-mode .carousel-videos-info {
    background: #fff; }
    .light-mode .carousel-videos-info .section-bg:after {
      background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
      background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); } }

.light-mode .button-center-row {
  margin-top: 60px;
  display: flex;
  justify-content: center; }
  @media (max-width: 480px) {
    .light-mode .button-center-row {
      margin-top: 20px; } }

.light-mode .featured-video {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden;
  color: #fff; }
  .light-mode .featured-video .row {
    justify-content: flex-start;
    align-items: flex-end;
    display: flex; }
    .light-mode .featured-video .row .block-info {
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      background: rgba(0, 0, 0, 0.6);
      margin: 18px;
      flex: 0 1 815px;
      padding: 20px 40px; }
      @media (max-width: 480px) {
        .light-mode .featured-video .row .block-info {
          padding: 20px 20px;
          margin: 0;
          background: transparent; } }
      .light-mode .featured-video .row .block-info .title-wrapper {
        justify-content: flex-start;
        display: flex;
        flex-direction: column; }
      .light-mode .featured-video .row .block-info .title {
        font-size: 46px;
        padding-bottom: 30px;
        line-height: 52px;
        margin-bottom: 30px; }
        @media only screen and (max-width: 480px) {
          .light-mode .featured-video .row .block-info .title {
            margin-bottom: 0;
            padding-bottom: 0; } }
        .light-mode .featured-video .row .block-info .title:before {
          position: absolute;
          display: inline-block;
          content: '';
          width: 70px;
          height: 5px;
          background: #1bb0e0;
          left: 0;
          bottom: 0; }
          @media only screen and (max-width: 480px) {
            .light-mode .featured-video .row .block-info .title:before {
              display: none; } }
        @media only screen and (max-width: 768px) {
          .light-mode .featured-video .row .block-info .title {
            font-size: 30px;
            line-height: 36px; } }
      .light-mode .featured-video .row .block-info .category {
        align-self: flex-start;
        display: flex;
        width: auto;
        min-height: 40px;
        align-items: center;
        font-size: 21px;
        color: #fff;
        font-weight: 800;
        background: #1bb0e0;
        padding: 5px 15px;
        text-shadow: none;
        margin-bottom: 20px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px; }
        @media (max-width: 480px) {
          .light-mode .featured-video .row .block-info .category {
            font-size: 16px;
            min-height: 35px; } }
    .light-mode .featured-video .row:before {
      display: none; }

.light-mode .expand-mobile {
  background: #fff; }
  .light-mode .expand-mobile .expand-trigger {
    color: #1bb0e0; }
    .light-mode .expand-mobile .expand-trigger i {
      color: #1bb0e0; }
    .light-mode .expand-mobile .expand-trigger.blue {
      color: #fff;
      background: #00729c; }

.light-mode .biography-wrapp {
  background: #fff;
  padding: 20px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin-bottom: 30px;
  margin-top: 30px;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(16, 44, 53, 0.13);
  -moz-box-shadow: 0px 0px 20px 0px rgba(16, 44, 53, 0.13);
  box-shadow: 0px 0px 20px 0px rgba(16, 44, 53, 0.13); }

.light-mode .biography {
  position: relative;
  font-size: 17px;
  font-weight: 500;
  color: #484848;
  overflow: hidden;
  line-height: 28px; }
  .light-mode .biography.closed {
    height: 205px; }
    .light-mode .biography.closed:after {
      visibility: visible;
      opacity: 1; }
  .light-mode .biography:after {
    visibility: hidden;
    opacity: 0;
    display: inline-block;
    content: '';
    position: absolute;
    transition: all 1s ease;
    left: -15px;
    right: -15px;
    bottom: 0;
    height: 100%;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); }
  @media (max-width: 768px) {
    .light-mode .biography {
      margin-top: 20px;
      margin-bottom: 0; } }
  .light-mode .biography .title {
    font-size: 24px;
    color: #00729c;
    font-weight: 800;
    margin-bottom: 15px; }
  .light-mode .biography .list-normal {
    margin-top: 20px;
    padding-left: 30px; }
    .light-mode .biography .list-normal li {
      font-size: 17px;
      color: #484848;
      line-height: 28px; }
      .light-mode .biography .list-normal li:before {
        top: 9px; }

.light-mode .block-author-top {
  position: relative;
  margin-top: -194px;
  display: flex;
  align-items: center;
  color: #fff; }
  @media (max-width: 768px) {
    .light-mode .block-author-top {
      flex-direction: column-reverse; } }
  @media (min-width: 769px) {
    .light-mode .block-author-top {
      z-index: 1; } }
  .light-mode .block-author-top .left .avatar {
    position: relative;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 220px;
    height: 220px;
    overflow: hidden;
    border: 4px solid #1bb0e0; }
    @media (max-width: 768px) {
      .light-mode .block-author-top .left .avatar {
        width: 220px;
        height: 220px; } }
    .light-mode .block-author-top .left .avatar img {
      position: absolute;
      left: 50%;
      top: 50%;
      min-width: 100%;
      min-height: 100%;
      max-width: none;
      transform: translate(-50%, -50%); }
  .light-mode .block-author-top .right {
    padding-left: 30px;
    padding-bottom: 45px; }
    @media (max-width: 768px) {
      .light-mode .block-author-top .right {
        padding-bottom: 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-left: 0; } }
    .light-mode .block-author-top .right .subtitle {
      font-size: 17px;
      line-height: 22px;
      font-weight: 400; }
    .light-mode .block-author-top .right .title {
      font-size: 46px;
      line-height: 52px;
      font-weight: 900;
      color: #ffffff; }
      @media (max-width: 768px) {
        .light-mode .block-author-top .right .title {
          font-size: 26px;
          line-height: 32px; } }
    .light-mode .block-author-top .right .category-wrapper {
      display: inline-block; }
      .light-mode .block-author-top .right .category-wrapper .category {
        display: flex;
        min-height: 40px;
        align-items: center;
        font-size: 21px;
        color: #fff;
        font-weight: 800;
        background: #1bb0e0;
        padding: 5px 15px;
        text-shadow: none;
        margin-bottom: 10px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px; }
    .light-mode .block-author-top .right .info {
      display: flex;
      margin-top: 20px;
      align-items: center;
      font-size: 17px; }
      @media (max-width: 768px) {
        .light-mode .block-author-top .right .info {
          margin-top: 10px; } }
      .light-mode .block-author-top .right .info i {
        display: flex;
        width: 30px;
        height: 30px;
        background: url(../images/icon-video.svg) no-repeat center center #1bb0e0;
        background-size: 19px 13px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px; }
      .light-mode .block-author-top .right .info span {
        margin-left: 10px; }

.light-mode .series-info {
  display: flex;
  position: relative; }
  @media (max-width: 768px) {
    .light-mode .series-info {
      flex-direction: column; } }
  .light-mode .series-info .title {
    color: #00729c;
    font-size: 24px;
    line-height: 30px;
    font-weight: 700; }
  .light-mode .series-info .left {
    flex: 960;
    display: flex;
    flex-direction: column;
    padding: 30px 15px 30px 5px; }
    @media (max-width: 768px) {
      .light-mode .series-info .left {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0;
        padding-top: 0; } }
    .light-mode .series-info .left .desc {
      margin-top: 20px; }
      .light-mode .series-info .left .desc p {
        line-height: 28px;
        font-size: 18px;
        font-weight: 400;
        margin-bottom: 25px; }
  .light-mode .series-info .right {
    flex: 480;
    display: flex;
    flex-direction: column;
    padding: 30px 5px 30px 15px; }
    @media (max-width: 768px) {
      .light-mode .series-info .right {
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0; } }
    .light-mode .series-info .right .downloads {
      display: flex;
      margin-top: 20px;
      flex-direction: column; }
      .light-mode .series-info .right .downloads .download {
        display: flex;
        flex-direction: column;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        border: 1px solid #dedede;
        background: #fff;
        font-size: 14px;
        overflow: hidden;
        margin-bottom: 20px; }
        .light-mode .series-info .right .downloads .download .file-info {
          display: flex;
          text-align: center;
          justify-content: center;
          line-height: 24px;
          font-weight: 500;
          padding: 15px; }
        .light-mode .series-info .right .downloads .download .file-url {
          display: flex;
          justify-content: center;
          align-items: center;
          min-height: 33px;
          background: #1bb0e0; }
          .light-mode .series-info .right .downloads .download .file-url:hover {
            background: #00729c; }
          .light-mode .series-info .right .downloads .download .file-url .icon {
            margin-left: 10px; }
  .light-mode .series-info .mobile-video-info {
    display: flex;
    align-items: flex-start;
    position: relative;
    justify-content: space-between;
    margin-bottom: 20px; }
    .light-mode .series-info .mobile-video-info:before {
      position: absolute;
      display: inline-block;
      content: '';
      width: 70px;
      height: 5px;
      background: #1bb0e0;
      left: 0;
      bottom: 0; }
    @media (min-width: 481px) {
      .light-mode .series-info .mobile-video-info {
        display: none; } }
    .light-mode .series-info .mobile-video-info .left {
      display: flex;
      padding: 0;
      display: flex; }
      .light-mode .series-info .mobile-video-info .left .info {
        flex-direction: column;
        display: flex;
        margin-top: 20px; }
        .light-mode .series-info .mobile-video-info .left .info .pos {
          margin-bottom: 10px;
          font-weight: 500; }
          .light-mode .series-info .mobile-video-info .left .info .pos b {
            color: #1bb0e0;
            font-weight: 700; }
      .light-mode .series-info .mobile-video-info .left .button {
        align-self: flex-start;
        display: inline-flex;
        width: auto;
        min-height: 32px;
        align-items: center;
        font-size: 15px;
        color: #fff;
        font-weight: 800;
        background: #1bb0e0;
        padding: 5px 15px;
        text-shadow: none;
        margin-bottom: 20px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px; }
    .light-mode .series-info .mobile-video-info .right {
      padding: 0;
      display: flex;
      flex-direction: row;
      padding-top: 20px;
      justify-content: flex-end; }
      .light-mode .series-info .mobile-video-info .right a {
        margin-left: 10px;
        box-shadow: none; }

.light-mode .video-page .section-right {
  background: #eee;
  padding-left: 35px;
  padding-top: 35px;
  padding-bottom: 35px;
  border-left: 1px solid #e0e0e0; }
  .light-mode .video-page .section-right:before {
    background: #eee; }
  .light-mode .video-page .section-right .subtitle {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    color: #00729c; }
  .light-mode .video-page .section-right .title {
    font-size: 26px;
    line-height: 32px;
    text-transform: uppercase;
    color: #1bb0e0;
    font-weight: 600; }
  .light-mode .video-page .section-right .desc {
    margin-bottom: 30px; }
    .light-mode .video-page .section-right .desc p {
      font-size: 14px;
      color: #484848;
      line-height: 21px;
      font-weight: 300;
      margin-top: 20px;
      text-align: justify; }
  .light-mode .video-page .section-right .tags {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
    margin-bottom: 20px; }
    .light-mode .video-page .section-right .tags a {
      position: relative;
      overflow: hidden;
      display: inline-flex;
      background: #1bb0e0;
      margin-right: 10px;
      margin-bottom: 10px;
      font-size: 15px;
      min-height: 35px;
      padding: 5px 10px 5px 47px;
      align-items: center;
      font-weight: 700;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px; }
      .light-mode .video-page .section-right .tags a:hover {
        background: #00729c; }
      .light-mode .video-page .section-right .tags a:before {
        position: absolute;
        left: 0;
        top: 0;
        width: 35px;
        bottom: 0;
        content: '';
        background: url(../images/icon-tag.svg) no-repeat center center #00729c;
        background-size: 22px 18px;
        display: inline-block; }
  .light-mode .video-page .section-right .author-info {
    display: flex;
    margin-top: 15px; }
    .light-mode .video-page .section-right .author-info .left {
      flex: 160; }
      .light-mode .video-page .section-right .author-info .left .thumb .inner {
        position: relative;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        border-bottom: 3px solid #e0e0e0;
        overflow: hidden;
        width: 100%;
        padding-top: 100%; }
        .light-mode .video-page .section-right .author-info .left .thumb .inner img {
          position: absolute;
          left: 50%;
          top: 50%;
          min-width: 100%;
          min-height: 100%;
          max-width: none;
          max-height: 100%;
          transition: all .3s ease;
          transform: translate(-50%, -50%) scale(1); }
        .light-mode .video-page .section-right .author-info .left .thumb .inner:hover img {
          transform: translate(-50%, -50%) scale(1.2); }
    .light-mode .video-page .section-right .author-info .right {
      display: flex;
      flex-direction: column;
      flex: 270;
      padding-left: 20px; }
      .light-mode .video-page .section-right .author-info .right p {
        font-size: 14px;
        color: #484848;
        line-height: 21px;
        text-align: justify;
        font-weight: 300; }
      .light-mode .video-page .section-right .author-info .right a {
        display: inline-flex;
        margin-top: 25px;
        font-size: 14px;
        align-self: flex-end; }

.light-mode .comments .title {
  color: #00729c; }

.light-mode .comments .comment .top {
  background: #fff;
  color: #484848;
  border: 1px solid #dedede;
  -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03); }
  .light-mode .comments .comment .top:after {
    position: absolute;
    display: inline-block;
    content: '';
    bottom: -11px;
    left: 17px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11px 10.5px 0 10.5px;
    border-color: #fff transparent transparent transparent; }
    @media only screen and (max-width: 768px) {
      .light-mode .comments .comment .top:after {
        display: none; } }
  .light-mode .comments .comment .top:before {
    position: absolute;
    display: inline-block;
    content: '';
    bottom: -12px;
    left: 16px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11px 11.5px 0 11.5px;
    border-color: #dedede transparent transparent transparent; }
    @media only screen and (max-width: 768px) {
      .light-mode .comments .comment .top:before {
        display: none; } }

.light-mode .comments .comment .bottom.top-comment-mobile {
  display: none; }
  .light-mode .comments .comment .bottom.top-comment-mobile .right {
    padding: 0;
    border-radius: 0;
    min-height: 0;
    margin-top: -8px;
    background: transparent; }

@media (max-width: 768px) {
  .light-mode .comments .comment .bottom .left.hidden-mobile {
    display: none !important; } }

.light-mode .comments .comment .bottom .left .submitter .username {
  color: #00729c; }

.light-mode .comments .comment .bottom .left .submitter .added b {
  color: #00729c; }

.light-mode .comments .comment .bottom .right {
  margin-top: -8px;
  padding: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  display: inline-flex;
  min-height: 48px;
  background: #00729c; }
  @media (min-width: 769px) {
    .light-mode .comments .comment .bottom .right {
      margin-top: -20px; } }
  @media (max-width: 768px) {
    .light-mode .comments .comment .bottom .right .comment-actions .hidden-mobile {
      display: none !important; } }
  .light-mode .comments .comment .bottom .right .comment-actions li a {
    border-right: 1px solid #4ba4c4; }
    .light-mode .comments .comment .bottom .right .comment-actions li a:hover {
      background: #005675;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px; }
  .light-mode .comments .comment .bottom .right .comment-actions li:last-child a {
    border-right: 0; }

.light-mode .comments .load-more-comments .left {
  background: #1bb0e0; }

.light-mode .comments .load-more-comments .right span {
  color: #1bb0e0;
  font-weight: 300; }

.light-mode .comments .load-more-comments .right b {
  color: #fff;
  background: #1bb0e0; }

@media (max-width: 767px) {
  .light-mode .comments .load-more-comments .right {
    background: #00729c; }
    .light-mode .comments .load-more-comments .right b {
      background: transparent;
      color: #fff;
      text-transform: none;
      font-size: 18px; }
    .light-mode .comments .load-more-comments .right i {
      color: #fff;
      text-transform: none;
      font-size: 18px; }
    .light-mode .comments .load-more-comments .right span {
      background: transparent;
      color: #fff;
      text-transform: none;
      font-size: 18px; } }

.light-mode .comments .load-more-comments .after {
  background: #1bb0e0; }

.light-mode .comments .load-more-comments:hover .right span {
  color: #00729c; }
  @media (max-width: 767px) {
    .light-mode .comments .load-more-comments:hover .right span {
      color: #fff; } }

.light-mode .comments .load-more-comments:hover .right b {
  background: #00729c; }

.light-mode .profile-menu {
  background: #fff;
  border-bottom: 1px solid #ededed; }
  .light-mode .profile-menu ul {
    border-left: 1px solid #ededed; }
    .light-mode .profile-menu ul li {
      border-right: 1px solid #ededed; }
      .light-mode .profile-menu ul li:last-child {
        border-left: 1px solid #ededed; }
      .light-mode .profile-menu ul li.logout a {
        color: #9c0000; }
      .light-mode .profile-menu ul li.active a {
        background: #3fc5f7;
        color: #fff; }
        .light-mode .profile-menu ul li.active a:hover {
          background: #3fc5f7; }
        .light-mode .profile-menu ul li.active a .icon.icon-profile-menu.cockpit-blue {
          width: 24px;
          height: 22px;
          background-image: url(../images/icon-flag.svg); }
        .light-mode .profile-menu ul li.active a .icon.icon-profile-menu.certificates {
          width: 36px;
          height: 22px;
          background-image: url(../images/icon-certificates-white.svg); }
        .light-mode .profile-menu ul li.active a .icon.icon-profile-menu.transactions {
          width: 26px;
          height: 22px;
          background-image: url(../images/icon-transactions-white.svg); }
        .light-mode .profile-menu ul li.active a .icon.icon-profile-menu.videos-blue {
          width: 24px;
          height: 16px;
          background-image: url(../images/icon-video.svg); }
        .light-mode .profile-menu ul li.active a .icon.icon-profile-menu.settings-blue {
          width: 28px;
          height: 22px;
          background-image: url(../images/icon-gear.svg); }
      .light-mode .profile-menu ul li a {
        color: #00729c; }
        .light-mode .profile-menu ul li a:hover {
          background: #f6f6f6; }
        .light-mode .profile-menu ul li a:before {
          position: absolute;
          left: 0;
          bottom: 0;
          right: 0;
          content: '';
          height: 1px;
          display: inline-block;
          background: #fff;
          opacity: 0;
          transition: all .2s ease; }

.light-mode .section-text {
  line-height: 21px;
  font-size: 14px;
  font-weight: 300; }

.light-mode .certificates-block {
  border: 1px solid #dedede;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: #fff;
  padding: 15px 25px;
  flex-direction: column;
  display: flex;
  margin-top: 25px; }
  .light-mode .certificates-block .section-text {
    margin-top: 20px; }
  .light-mode .certificates-block .title {
    font-size: 16px;
    color: #3fc5f7;
    font-weight: 700;
    line-height: 21px;
    text-transform: uppercase; }
  .light-mode .certificates-block .certificates-list {
    flex-direction: column;
    display: flex;
    margin-top: 10px; }
    .light-mode .certificates-block .certificates-list .pos {
      display: flex;
      padding: 10px 0;
      align-items: center;
      border-bottom: 1px solid #dedede; }
      @media (max-width: 420px) {
        .light-mode .certificates-block .certificates-list .pos {
          flex-direction: column; } }
      .light-mode .certificates-block .certificates-list .pos:last-child {
        border: 0;
        padding-bottom: 0; }
      .light-mode .certificates-block .certificates-list .pos > div {
        flex-direction: column;
        display: flex; }
      .light-mode .certificates-block .certificates-list .pos span {
        font-size: 14px;
        line-height: 21px;
        font-weight: 600; }
      .light-mode .certificates-block .certificates-list .pos b {
        font-size: 23px;
        line-height: 32px;
        color: #00729c;
        font-weight: 600; }
        @media (max-width: 860px) {
          .light-mode .certificates-block .certificates-list .pos b {
            font-size: 16px;
            line-height: 22px; } }
      .light-mode .certificates-block .certificates-list .pos .name {
        flex: 810;
        padding-right: 20px; }
        @media (max-width: 860px) {
          .light-mode .certificates-block .certificates-list .pos .name {
            margin-bottom: 15px; } }
      .light-mode .certificates-block .certificates-list .pos .date {
        flex: 185;
        padding-right: 20px; }
      .light-mode .certificates-block .certificates-list .pos .pints {
        flex: 110;
        padding-right: 20px; }
      .light-mode .certificates-block .certificates-list .pos .action {
        flex: 310;
        display: flex;
        align-items: flex-end; }
        @media (max-width: 420px) {
          .light-mode .certificates-block .certificates-list .pos .action {
            padding: 20px 0 5px 0;
            width: 100%;
            align-items: flex-start; } }
        .light-mode .certificates-block .certificates-list .pos .action .btn {
          padding-right: 20px; }
      .light-mode .certificates-block .certificates-list .pos .left {
        flex-direction: row;
        flex-wrap: wrap;
        flex: 1105;
        display: flex; }
        @media (max-width: 860px) {
          .light-mode .certificates-block .certificates-list .pos .left .name {
            flex-basis: 100%; } }
        .light-mode .certificates-block .certificates-list .pos .left > div {
          flex-direction: column;
          display: flex; }

.light-mode .circle-stats-list .stat {
  background: url(../images/bg-circle-stats-2.svg) no-repeat center 10px;
  color: #fff; }
  .light-mode .circle-stats-list .stat b.sm {
    display: flex;
    flex-direction: column;
    font-size: 26px;
    text-align: center; }
    .light-mode .circle-stats-list .stat b.sm i {
      font-style: normal;
      dislpay: flex; }
      .light-mode .circle-stats-list .stat b.sm i:first-child {
        margin-top: -6px;
        padding-bottom: 3px;
        margin-bottom: 4px;
        border-bottom: 1px solid #fff; }
      .light-mode .circle-stats-list .stat b.sm i:last-child {
        font-size: 12px; }

.light-mode .cockpit-white-block {
  max-width: 100%;
  justify-content: space-between;
  display: flex;
  flex-direction: column; }
  .light-mode .cockpit-white-block .cockpit-block-title {
    color: #3fc5f7; }
  .light-mode .cockpit-white-block .btn {
    padding: 0;
    justify-content: center;
    margin-top: 10px;
    box-shadow: none; }
  .light-mode .cockpit-white-block .action-button {
    display: flex;
    flex-direction: column;
    padding: 20px 15px 0 15px;
    justify-content: center; }
    .light-mode .cockpit-white-block .action-button .btn {
      flex-grow: 0; }
    .light-mode .cockpit-white-block .action-button .info {
      flex-grow: 1;
      font-size: 16px;
      color: #484848;
      font-weight: 500;
      display: flex;
      align-items: center;
      margin-bottom: 10px;
      justify-content: center; }
  .light-mode .cockpit-white-block .data-list {
    flex-direction: column;
    margin-bottom: 10px;
    display: flex; }
    .light-mode .cockpit-white-block .data-list .pos {
      flex-direction: column;
      border-bottom: 1px solid #dedede;
      padding: 10px 0;
      display: flex; }
      .light-mode .cockpit-white-block .data-list .pos span {
        color: #484848;
        font-size: 14px;
        line-height: 21px;
        font-weight: 600; }
      .light-mode .cockpit-white-block .data-list .pos b {
        font-size: 23px;
        line-height: 28px;
        color: #00729c;
        font-weight: 600;
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }

.light-mode .cockpit-blue-block-2 .cockpit-block-title {
  color: #fff; }

.light-mode .cockpit-block-content .item-video {
  width: 100%;
  position: relative;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden;
  z-index: 0; }
  .light-mode .cockpit-block-content .item-video a {
    position: relative;
    padding-top: 56%;
    display: block; }
    .light-mode .cockpit-block-content .item-video a .title {
      margin-top: 5px; }
    .light-mode .cockpit-block-content .item-video a .category {
      display: flex;
      min-height: 26px;
      padding: 5px 0;
      align-items: center;
      font-size: 16px;
      box-shadow: 0 2px #00729c;
      color: #fff;
      font-weight: 800;
      background: #1bb0e0;
      padding: 5px 15px;
      text-shadow: none;
      margin-bottom: 10px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px; }
    .light-mode .cockpit-block-content .item-video a .thumb {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      overflow: hidden;
      z-index: -1; }
      .light-mode .cockpit-block-content .item-video a .thumb img {
        width: 100%; }
      .light-mode .cockpit-block-content .item-video a .thumb:after {
        display: inline-block;
        content: '';
        transition: all .3s ease;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 31%, #0a769b 100%);
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 31%, #0a769b 100%);
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 31%, #0a769b 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#0a769b',GradientType=0 ); }
    .light-mode .cockpit-block-content .item-video a:hover .thumb:after {
      opacity: 0; }
    .light-mode .cockpit-block-content .item-video a .watching-status {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      width: 100%;
      height: 4px;
      background: rgba(0, 0, 0, 0.4); }
      .light-mode .cockpit-block-content .item-video a .watching-status .inner {
        position: absolute;
        left: 0;
        top: 0;
        height: 4px;
        background: #9fe8ff; }
    .light-mode .cockpit-block-content .item-video a .row {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: flex-start;
      position: absolute;
      bottom: 32px;
      left: 25px; }
      .light-mode .cockpit-block-content .item-video a .row:nth-child(3) {
        top: 20px;
        right: 25px;
        right: 25px; }
      .light-mode .cockpit-block-content .item-video a .row:nth-child(4) {
        bottom: 22px;
        left: 25px;
        right: 25px; }
      .light-mode .cockpit-block-content .item-video a .row .status-button {
        width: 155px;
        height: 40px;
        background: #1e89ee;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 14px;
        font-weight: 600; }
      .light-mode .cockpit-block-content .item-video a .row .title {
        font-size: 23px;
        line-height: 30px;
        font-weight: 700;
        text-shadow: 1px 1px rgba(0, 0, 0, 0.4); }
        @media (max-width: 480px) {
          .light-mode .cockpit-block-content .item-video a .row .title {
            padding-right: 40px; } }
        @media (max-width: 480px) {
          .light-mode .cockpit-block-content .item-video a .row .title b {
            font-size: 18px; } }
        .light-mode .cockpit-block-content .item-video a .row .title.ft-subtitle {
          line-height: 25px; }
          .light-mode .cockpit-block-content .item-video a .row .title.ft-subtitle span {
            font-size: 14px;
            display: inline-block;
            width: 100%;
            line-height: 18px; }
            .light-mode .cockpit-block-content .item-video a .row .title.ft-subtitle span i {
              font-style: normal;
              color: #9fe8ff; }
    .light-mode .cockpit-block-content .item-video a .stats {
      display: flex;
      flex-direction: column; }
      .light-mode .cockpit-block-content .item-video a .stats .col {
        position: relative;
        background: rgba(0, 0, 0, 0.6);
        margin-bottom: 7px;
        flex-direction: column;
        display: flex;
        justify-content: center;
        align-items: center;
        min-width: 38px;
        min-height: 38px;
        font-size: 9px;
        font-weight: 500;
        visibility: hidden;
        opacity: 0;
        transition: all .3s ease; }
        .light-mode .cockpit-block-content .item-video a .stats .col:first-child {
          visibility: visible;
          opacity: 1; }
        .light-mode .cockpit-block-content .item-video a .stats .col span {
          margin-top: 3px; }
        .light-mode .cockpit-block-content .item-video a .stats .col p {
          visibility: hidden;
          opacity: 0;
          transition: all .3s ease;
          position: absolute;
          width: 130px;
          display: block;
          padding: 5px;
          font-size: 10px;
          line-height: 14px;
          min-height: 100%;
          font-weight: 400;
          right: calc(100% + 1px);
          background: rgba(0, 0, 0, 0.6); }
          .light-mode .cockpit-block-content .item-video a .stats .col p b {
            color: #51d4fd; }
        .light-mode .cockpit-block-content .item-video a .stats .col.middle p {
          display: flex;
          align-items: center; }
          .light-mode .cockpit-block-content .item-video a .stats .col.middle p b {
            margin-right: 3px; }
        .light-mode .cockpit-block-content .item-video a .stats .col:hover p {
          visibility: visible;
          opacity: 1; }
    .light-mode .cockpit-block-content .item-video a .tag {
      transition: all .3s ease;
      position: absolute;
      right: 20px;
      bottom: 0;
      width: 40px;
      height: 40px;
      background: #1bb0e0;
      -webkit-border-top-left-radius: 5px;
      -webkit-border-top-right-radius: 5px;
      -moz-border-radius-topleft: 5px;
      -moz-border-radius-topright: 5px;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      overflow: hidden; }
      .light-mode .cockpit-block-content .item-video a .tag:before {
        position: absolute;
        left: 0;
        right: 0;
        bottom: -15px;
        transition: all .3s linear;
        display: inline-block;
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 15px 21px 0 19px;
        border-color: #1e89ee transparent transparent transparent; }
      .light-mode .cockpit-block-content .item-video a .tag:after {
        display: inline-block;
        content: '';
        position: absolute;
        left: 1px;
        right: 0;
        bottom: -1px;
        width: calc(100% - 2px);
        height: 2px;
        background: #1e89ee; }
      .light-mode .cockpit-block-content .item-video a .tag i {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%); }

.light-mode .account-type-info {
  padding: 30px;
  background: #00729c;
  color: #fff;
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }
  .light-mode .account-type-info .top {
    font-size: 46px;
    line-height: 52px;
    color: #fff;
    padding-bottom: 10px;
    border-bottom: 1px solid #fff;
    text-transform: uppercase;
    font-weight: 700; }
  .light-mode .account-type-info .bottom {
    font-size: 14px;
    line-height: 22px;
    margin-top: 35px;
    font-weight: 500; }

.light-mode .threads {
  flex-direction: column;
  background: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #dedede;
  overflow: hidden;
  display: flex; }
  @media (max-width: 768px) {
    .light-mode .threads {
      margin-left: -15px;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
      border-left: 0;
      border-right: 0;
      margin-right: -15px; } }
  .light-mode .threads .top-blue-label {
    display: flex; }
  .light-mode .threads .thread {
    display: flex;
    background: #fff;
    padding: 5px 0;
    border-bottom: 1px solid #dedede;
    align-items: stretch;
    min-height: 83px; }
    @media (max-width: 768px) {
      .light-mode .threads .thread {
        flex-wrap: wrap;
        padding: 0; } }
    .light-mode .threads .thread:last-child {
      border-bottom: 0; }
    .light-mode .threads .thread .icon-col {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      flex: 90;
      padding-top: 5px;
      padding-bottom: 5px; }
      @media (max-width: 768px) {
        .light-mode .threads .thread .icon-col {
          flex: 0 0 57px; }
          .light-mode .threads .thread .icon-col .icon {
            background-size: 22px 20px; } }
    .light-mode .threads .thread .info {
      display: flex;
      flex-direction: column;
      flex: 940;
      padding-left: 15px;
      justify-content: center;
      border-left: 1px solid #ededed;
      padding-top: 5px;
      padding-bottom: 5px; }
      @media (max-width: 768px) {
        .light-mode .threads .thread .info {
          flex: 50%;
          padding-left: 0;
          border-left: 0; } }
      .light-mode .threads .thread .info .title {
        font-weight: 700;
        color: #484848;
        line-height: 28px;
        font-size: 22px; }
        .light-mode .threads .thread .info .title:hover {
          color: #1bb0e0; }
        @media (max-width: 768px) {
          .light-mode .threads .thread .info .title {
            font-size: 16px;
            line-height: 22px;
            padding-right: 15px; } }
      .light-mode .threads .thread .info .desc {
        font-size: 14px;
        color: #484848;
        line-height: 22px;
        font-weight: 500; }
        @media (max-width: 768px) {
          .light-mode .threads .thread .info .desc {
            font-size: 12px;
            padding-right: 15px; } }
    .light-mode .threads .thread .stats {
      display: flex;
      flex-direction: column;
      padding-left: 20px;
      justify-content: center;
      flex: 155;
      border-left: 1px solid #ededed;
      display: flex;
      padding-top: 5px;
      padding-bottom: 5px; }
      @media (max-width: 768px) {
        .light-mode .threads .thread .stats {
          flex: 0 0 50%;
          flex-direction: row;
          border-left: 0;
          background: #ededed; } }
      .light-mode .threads .thread .stats .pos {
        line-height: 23px;
        font-size: 14px;
        display: flex;
        align-items: center; }
        @media (max-width: 768px) {
          .light-mode .threads .thread .stats .pos {
            flex: 1; } }
        .light-mode .threads .thread .stats .pos span {
          margin-right: 3px;
          font-weight: 500; }
        .light-mode .threads .thread .stats .pos b {
          margin-right: 3px;
          font-weight: 700;
          color: #1bb0e0; }
    .light-mode .threads .thread .last-post {
      display: flex;
      flex-direction: column;
      justify-content: center;
      border-left: 1px solid #ededed;
      padding-left: 25px;
      flex: 225;
      padding-top: 5px;
      padding-bottom: 5px; }
      @media (max-width: 768px) {
        .light-mode .threads .thread .last-post {
          flex: 0 0 50%;
          border-left: 0;
          background: #ededed; } }
      .light-mode .threads .thread .last-post .pos {
        font-size: 13px;
        line-height: 16px; }
        @media (max-width: 768px) {
          .light-mode .threads .thread .last-post .pos {
            display: none;
            font-size: 14px; } }
        .light-mode .threads .thread .last-post .pos a {
          color: #1bb0e0;
          font-size: 13px;
          font-weight: 700; }
          .light-mode .threads .thread .last-post .pos a:hover {
            color: #00729c; }
        .light-mode .threads .thread .last-post .pos:first-child {
          margin-bottom: 5px; }
          .light-mode .threads .thread .last-post .pos:first-child a {
            font-size: 14px;
            align-items: baseline; }
        .light-mode .threads .thread .last-post .pos span {
          font-size: 13px;
          font-weight: 500; }
          .light-mode .threads .thread .last-post .pos span b {
            font-weight: 700; }
        .light-mode .threads .thread .last-post .pos .icon {
          margin-right: 5px; }
      .light-mode .threads .thread .last-post .mobile-stats {
        display: none;
        font-size: 14px;
        line-height: 22px;
        font-weight: 500; }
        .light-mode .threads .thread .last-post .mobile-stats b {
          color: #1bb0e0; }
        @media (max-width: 768px) {
          .light-mode .threads .thread .last-post .mobile-stats {
            display: inline-block;
            padding-right: 15px; } }

.light-mode .threads-head {
  display: flex;
  font-weight: 700;
  margin-left: 1px;
  margin-right: 1px;
  margin-top: -25px; }
  @media (max-width: 1020px) {
    .light-mode .threads-head {
      display: none; } }
  .light-mode .threads-head.bg {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #1bb0e0; }
  .light-mode .threads-head.full {
    margin-top: 10px; }
  .light-mode .threads-head .icon-col {
    flex: 90; }
    .light-mode .threads-head .icon-col.bg {
      flex: 225;
      padding: 7px 10px 30px 10px;
      min-height: 25px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      margin-bottom: -22px;
      display: flex;
      background: #1bb0e0;
      align-items: center;
      justify-content: center;
      margin-right: 1px;
      font-size: 12px;
      color: #fff; }
  .light-mode .threads-head .info {
    flex: 940; }
    .light-mode .threads-head .info.bg {
      flex: 225;
      padding: 7px 10px 30px 10px;
      min-height: 25px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      margin-bottom: -22px;
      display: flex;
      background: #1bb0e0;
      align-items: center;
      justify-content: center;
      margin-right: 1px;
      font-size: 12px;
      color: #fff; }
  .light-mode .threads-head .stats {
    flex: 155; }
    .light-mode .threads-head .stats.bg {
      flex: 225;
      padding: 7px 10px 30px 10px;
      min-height: 25px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      margin-bottom: -22px;
      display: flex;
      background: #1bb0e0;
      align-items: center;
      justify-content: center;
      margin-right: 1px;
      font-size: 12px;
      color: #fff; }
  .light-mode .threads-head .last-post.bg {
    flex: 225;
    padding: 7px 10px 30px 10px;
    min-height: 25px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: -22px;
    display: flex;
    background: #1bb0e0;
    align-items: center;
    justify-content: center;
    margin-right: 1px;
    font-size: 12px;
    color: #fff; }

.light-mode .topics {
  flex-direction: column;
  background: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #dedede;
  overflow: hidden;
  display: flex; }
  @media (max-width: 768px) {
    .light-mode .topics {
      margin-left: -15px;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
      border-left: 0;
      border-right: 0;
      margin-right: -15px; } }
  .light-mode .topics .top-blue-label {
    display: flex; }
  .light-mode .topics .topic {
    display: flex;
    background: #fff;
    padding: 5px 0;
    border-bottom: 1px solid #dedede;
    align-items: stretch;
    min-height: 83px; }
    @media (max-width: 768px) {
      .light-mode .topics .topic {
        flex-wrap: wrap;
        padding: 0; } }
    .light-mode .topics .topic:last-child {
      border-bottom: 0; }
    .light-mode .topics .topic .icon-col {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      flex: 90;
      padding-top: 5px;
      padding-bottom: 5px; }
      @media (max-width: 768px) {
        .light-mode .topics .topic .icon-col {
          flex: 0 0 57px; }
          .light-mode .topics .topic .icon-col .icon {
            background-size: 22px 20px; } }
    .light-mode .topics .topic .info {
      display: flex;
      flex-direction: column;
      flex: 788;
      padding-left: 15px;
      justify-content: center;
      border-left: 1px solid #ededed;
      padding-top: 5px;
      padding-bottom: 5px; }
      @media (max-width: 768px) {
        .light-mode .topics .topic .info {
          flex: 50%;
          padding-left: 0;
          border-left: 0; } }
      .light-mode .topics .topic .info .title {
        font-weight: 700;
        color: #484848;
        line-height: 28px;
        font-size: 22px; }
        .light-mode .topics .topic .info .title:hover {
          color: #1bb0e0; }
        @media (max-width: 768px) {
          .light-mode .topics .topic .info .title {
            font-size: 16px;
            line-height: 22px;
            padding-right: 15px; } }
      .light-mode .topics .topic .info .desc {
        font-size: 14px;
        color: #484848;
        line-height: 22px;
        font-weight: 500; }
        @media (max-width: 768px) {
          .light-mode .topics .topic .info .desc {
            font-size: 12px;
            padding-right: 15px; } }
    .light-mode .topics .topic .rate-total {
      display: flex;
      flex-direction: column;
      justify-content: center;
      border-left: 1px solid #ededed;
      align-items: center;
      flex: 147;
      padding-top: 5px;
      padding-bottom: 5px; }
      @media (max-width: 768px) {
        .light-mode .topics .topic .rate-total {
          display: none; } }
      .light-mode .topics .topic .rate-total .rate-total-inner {
        background: #c7f1ff;
        display: flex;
        align-items: center;
        justify-content: center;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        padding: 5px; }
        .light-mode .topics .topic .rate-total .rate-total-inner i {
          margin: 0 10px; }
        .light-mode .topics .topic .rate-total .rate-total-inner span {
          -webkit-border-radius: 10px;
          -moz-border-radius: 10px;
          border-radius: 10px;
          background: #fff;
          height: 37px;
          justify-content: center;
          display: flex;
          padding: 0 20px;
          font-size: 20px;
          color: #1bb0e0;
          font-weight: 700;
          align-items: center; }
    .light-mode .topics .topic .stats {
      display: flex;
      flex-direction: column;
      padding-left: 20px;
      justify-content: center;
      flex: 156;
      border-left: 1px solid #ededed;
      display: flex;
      padding-top: 5px;
      padding-bottom: 5px; }
      @media (max-width: 768px) {
        .light-mode .topics .topic .stats {
          flex: 0 0 50%;
          flex-direction: row;
          border-left: 0;
          background: #ededed; } }
      .light-mode .topics .topic .stats .pos {
        line-height: 23px;
        font-size: 14px;
        display: flex;
        align-items: center; }
        @media (max-width: 768px) {
          .light-mode .topics .topic .stats .pos {
            flex: 1; } }
        .light-mode .topics .topic .stats .pos span {
          margin-right: 3px;
          font-weight: 500; }
        .light-mode .topics .topic .stats .pos b {
          margin-right: 3px;
          font-weight: 700;
          color: #1bb0e0; }
    .light-mode .topics .topic .last-post {
      display: flex;
      flex-direction: column;
      justify-content: center;
      border-left: 1px solid #ededed;
      padding-left: 25px;
      flex: 225;
      padding-top: 5px;
      padding-bottom: 5px; }
      @media (max-width: 768px) {
        .light-mode .topics .topic .last-post {
          flex: 0 0 50%;
          border-left: 0;
          background: #ededed; } }
      .light-mode .topics .topic .last-post .pos {
        font-size: 13px;
        line-height: 16px; }
        @media (max-width: 768px) {
          .light-mode .topics .topic .last-post .pos {
            display: none;
            font-size: 14px; } }
        .light-mode .topics .topic .last-post .pos a {
          color: #1bb0e0;
          font-size: 13px;
          font-weight: 700; }
          .light-mode .topics .topic .last-post .pos a:hover {
            color: #00729c; }
        .light-mode .topics .topic .last-post .pos:first-child {
          margin-bottom: 5px; }
          .light-mode .topics .topic .last-post .pos:first-child a {
            font-size: 14px;
            align-items: baseline; }
        .light-mode .topics .topic .last-post .pos span {
          font-size: 13px;
          font-weight: 500; }
          .light-mode .topics .topic .last-post .pos span b {
            font-weight: 700; }
        .light-mode .topics .topic .last-post .pos .icon {
          margin-right: 5px; }
      .light-mode .topics .topic .last-post .mobile-stats {
        display: none;
        font-size: 14px;
        line-height: 22px;
        justify-content: flex-end;
        align-items: baseline;
        font-weight: 500; }
        .light-mode .topics .topic .last-post .mobile-stats .icon.icon-like-topic {
          width: 16px;
          height: 16px; }
        .light-mode .topics .topic .last-post .mobile-stats b {
          color: #1bb0e0;
          margin: 0 5px; }
        @media (max-width: 768px) {
          .light-mode .topics .topic .last-post .mobile-stats {
            display: flex;
            padding-right: 15px; } }
    .light-mode .topics .topic .pagination {
      align-items: flex-end;
      margin-top: 10px;
      margin-bottom: 5px;
      font-weight: 700;
      display: flex; }
      .light-mode .topics .topic .pagination a {
        margin-right: 5px;
        justify-content: center;
        align-items: center;
        display: flex;
        color: #fff;
        background: #1bb0e0;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        font-size: 13px;
        padding: 0 5px;
        height: 25px;
        line-height: 18px;
        min-width: 25px; }
        .light-mode .topics .topic .pagination a:hover {
          background: #00729c; }
      .light-mode .topics .topic .pagination span {
        display: flex;
        margin-right: 5px;
        color: #1bb0e0;
        font-size: 13px;
        line-height: 22px;
        height: 25px;
        align-items: flex-end;
        margin-bottom: -5px; }

.light-mode .topics-head {
  display: flex;
  font-weight: 700;
  margin-bottom: -10px;
  padding-bottom: 10px;
  overflow: hidden;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: #1bb0e0;
  border: 1px solid #fff; }
  @media (max-width: 1020px) {
    .light-mode .topics-head {
      display: none; } }
  .light-mode .topics-head.bg {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #1bb0e0; }
  .light-mode .topics-head.full {
    margin-top: 10px; }
  .light-mode .topics-head .icon-col {
    flex: 90; }
    .light-mode .topics-head .icon-col.bg {
      padding: 0;
      min-height: 25px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      margin-bottom: -22px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 12px;
      color: #fff; }
  .light-mode .topics-head .info {
    flex: 788; }
    .light-mode .topics-head .info.bg {
      padding: 7px 10px 30px 10px;
      min-height: 25px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      margin-bottom: -22px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 12px;
      color: #fff; }
  .light-mode .topics-head .rate-total {
    flex: 147; }
    .light-mode .topics-head .rate-total.bg {
      padding: 7px 10px 30px 10px;
      min-height: 25px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      margin-bottom: -22px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 12px;
      color: #fff; }
  .light-mode .topics-head .stats {
    flex: 156; }
    .light-mode .topics-head .stats.bg {
      padding: 7px 10px 30px 10px;
      min-height: 25px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      margin-bottom: -22px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 12px;
      color: #fff; }
  .light-mode .topics-head .last-post {
    flex: 225; }
    .light-mode .topics-head .last-post.bg {
      padding: 7px 10px 30px 10px;
      min-height: 25px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      margin-bottom: -22px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 12px;
      color: #fff; }

.light-mode .mobile-fast-access-bar a:nth-child(4) {
  color: #9d0303; }

.light-mode .mobile-fast-access-bar a.active {
  background: #1bb0e0;
  color: #fff; }

.light-mode .mobile-fast-access-bar a .icon.icon-fast-access.icon-profile {
  background: url(../images/icon-profile-blue-2.svg) no-repeat; }

.light-mode .mobile-fast-access-bar a .icon.icon-fast-access.icon-logout {
  width: 22px;
  height: 22px;
  background-image: url(../images/icon-logout.svg);
  background-position: center center;
  background-size: cover; }

.light-mode .mobile-fast-access-bar a .icon.icon-fast-access.icon-transactions {
  width: 24px;
  height: 21px;
  background-image: url(../images/icon-transactions-blue.svg);
  background-position: center center;
  background-size: cover; }
  .light-mode .mobile-fast-access-bar a .icon.icon-fast-access.icon-transactions.active {
    background-image: url(../images/icon-transactions-white.svg); }

.light-mode .forum-thread .avatar {
  display: inline-flex; }
  .light-mode .forum-thread .avatar .inner {
    position: relative;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 3px solid #fff;
    overflow: hidden;
    width: 130px;
    height: 130px;
    -webkit-box-shadow: 0px 3px 1px 0px #e7e7e7;
    -moz-box-shadow: 0px 3px 1px 0px #e7e7e7;
    box-shadow: 0px 3px 1px 0px #e7e7e7; }
    .light-mode .forum-thread .avatar .inner img {
      position: absolute;
      transition: all .25s ease;
      top: 50%;
      left: 50%;
      max-width: none;
      max-height: 100%;
      transform: translate(-50%, -50%); }

.light-mode .forum-thread .thread-top {
  background: #fff;
  border: 1px solid #dedede;
  padding: 15px;
  margin-top: 30px;
  align-items: center;
  min-height: 140px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 2px 0px 0px rgba(1, 1, 16, 0.05);
  -moz-box-shadow: 0px 2px 0px 0px rgba(1, 1, 16, 0.05);
  box-shadow: 0px 2px 0px 0px rgba(1, 1, 16, 0.05);
  justify-content: space-between;
  display: flex; }
  .light-mode .forum-thread .thread-top .left {
    margin-right: 30px;
    display: flex; }
    .light-mode .forum-thread .thread-top .left .avatar .inner {
      width: 100px;
      height: 100px; }
    .light-mode .forum-thread .thread-top .left .info {
      display: flex;
      margin-left: 20px;
      flex-direction: column; }
      .light-mode .forum-thread .thread-top .left .info .title {
        font-size: 22px;
        line-height: 32px;
        font-weight: 700; }
      .light-mode .forum-thread .thread-top .left .info .subtitle {
        font-size: 14px;
        line-height: 22px;
        font-weight: 500; }
      .light-mode .forum-thread .thread-top .left .info .details {
        display: flex;
        margin-top: 15px;
        flex-direction: column; }
        .light-mode .forum-thread .thread-top .left .info .details li {
          font-size: 13px;
          line-height: 20px; }
          .light-mode .forum-thread .thread-top .left .info .details li a {
            font-weight: 700;
            color: #00729c; }
            .light-mode .forum-thread .thread-top .left .info .details li a:hover {
              opacity: 0.8; }
          .light-mode .forum-thread .thread-top .left .info .details li b {
            font-weight: 700;
            color: #00729c; }
  .light-mode .forum-thread .thread-top .right {
    display: flex;
    flex-direction: column; }
    .light-mode .forum-thread .thread-top .right .rating {
      background: #c7f1ff;
      color: #1bb0e0;
      display: inline-flex;
      font-weight: 700;
      font-size: 16px;
      height: 48px;
      justify-content: space-around;
      align-items: center;
      padding: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px; }
      .light-mode .forum-thread .thread-top .right .rating .rate {
        font-size: 16px;
        border-right: 1px solid #a5e4f9;
        padding-right: 10px;
        height: 37px;
        padding-left: 10px;
        display: flex;
        align-items: center;
        color: #1bb0e0; }
      .light-mode .forum-thread .thread-top .right .rating .icon {
        margin-left: 15px;
        transition: all .3s ease;
        cursor: pointer; }
        .light-mode .forum-thread .thread-top .right .rating .icon:hover {
          opacity: 0.8; }
        .light-mode .forum-thread .thread-top .right .rating .icon.active:hover {
          cursor: inherit;
          opacity: 1; }
      .light-mode .forum-thread .thread-top .right .rating .counter {
        background: #fff;
        display: flex;
        height: 37px;
        padding: 0 10px;
        color: #1bb0e0;
        align-items: center;
        justify-content: center;
        margin-left: 15px;
        font-size: 20px;
        min-width: 60px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px; }

.light-mode .forum-thread .thread-top-mobile {
  display: flex;
  flex-direction: column;
  margin-top: 20px; }
  .light-mode .forum-thread .thread-top-mobile .top {
    display: flex;
    flex-direction: column; }
    .light-mode .forum-thread .thread-top-mobile .top .title {
      color: #00729c;
      font-size: 24px;
      line-height: 32px;
      font-weight: 700; }
    .light-mode .forum-thread .thread-top-mobile .top .subtitle {
      font-size: 12px;
      line-height: 16px;
      margin-top: 5px;
      font-weight: 500; }
  .light-mode .forum-thread .thread-top-mobile .bottom {
    background: #ededed;
    min-height: 30px;
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: -15px;
    border-top: 1px solid #dedede;
    margin-right: -15px;
    padding: 0 15px; }
    .light-mode .forum-thread .thread-top-mobile .bottom .pos {
      display: flex;
      align-items: center;
      font-size: 14px;
      font-weight: 500; }
      .light-mode .forum-thread .thread-top-mobile .bottom .pos b {
        font-weight: 700;
        margin-left: 3px;
        color: #1bb0e0; }
      .light-mode .forum-thread .thread-top-mobile .bottom .pos .icon {
        width: 16px;
        margin-left: 5px;
        height: 16px;
        margin-top: -3px; }

.light-mode .forum-thread .thread-posts {
  flex-direction: column;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: #fff;
  border: 1px solid #dedede;
  margin-top: 15px;
  padding: 8px;
  display: flex;
  -webkit-box-shadow: 0px 2px 0px 0px rgba(1, 1, 16, 0.05);
  -moz-box-shadow: 0px 2px 0px 0px rgba(1, 1, 16, 0.05);
  box-shadow: 0px 2px 0px 0px rgba(1, 1, 16, 0.05); }
  @media (max-width: 768px) {
    .light-mode .forum-thread .thread-posts {
      margin: 0 -15px;
      padding: 0;
      border-left: 0;
      border-right: 0;
      border-radius: 0; } }
  .light-mode .forum-thread .thread-posts .post {
    display: flex;
    align-items: flex-start;
    margin-bottom: 30px; }
    .light-mode .forum-thread .thread-posts .post .left {
      background: #e9f9ff;
      border: 1px solid #d7f4ff;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      overflow: hidden;
      flex: 0 0 216px;
      flex-direction: column;
      padding: 15px;
      align-items: center;
      text-align: center;
      display: flex; }
      @media (max-width: 768px) {
        .light-mode .forum-thread .thread-posts .post .left {
          display: none; } }
      .light-mode .forum-thread .thread-posts .post .left .avatar {
        display: inline-flex; }
        .light-mode .forum-thread .thread-posts .post .left .avatar .inner {
          position: relative;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          border-radius: 50%;
          border: 3px solid #fff;
          overflow: hidden;
          width: 130px;
          height: 130px;
          -webkit-box-shadow: 0px 3px 1px 0px #e7e7e7;
          -moz-box-shadow: 0px 3px 1px 0px #e7e7e7;
          box-shadow: 0px 3px 1px 0px #e7e7e7; }
          .light-mode .forum-thread .thread-posts .post .left .avatar .inner img {
            position: absolute;
            transition: all .25s ease;
            top: 50%;
            left: 50%;
            min-height: 100%;
            transform: translate(-50%, -50%); }
      .light-mode .forum-thread .thread-posts .post .left .username {
        margin-top: 10px;
        color: #00729c;
        font-weight: 700;
        line-height: 18px;
        font-size: 14px; }
      .light-mode .forum-thread .thread-posts .post .left .role {
        color: #3fc5f7;
        font-weight: 700;
        line-height: 18px;
        font-size: 14px; }
      .light-mode .forum-thread .thread-posts .post .left .occupation {
        line-height: 15px;
        display: flex;
        flex-direction: column;
        border-top: 2px solid #3fc5f7;
        margin-top: 10px;
        line-height: 18px;
        padding-top: 10px;
        font-size: 13px; }
        .light-mode .forum-thread .thread-posts .post .left .occupation span {
          font-weight: 500; }
        .light-mode .forum-thread .thread-posts .post .left .occupation b {
          color: #00729c;
          font-weight: 700; }
      .light-mode .forum-thread .thread-posts .post .left .posts-amount {
        margin-top: 10px;
        font-size: 13px;
        line-height: 18px;
        font-weight: 500; }
        .light-mode .forum-thread .thread-posts .post .left .posts-amount b {
          font-weight: 700;
          color: #00729c; }
      .light-mode .forum-thread .thread-posts .post .left .member-from {
        font-size: 13px;
        line-height: 18px;
        font-weight: 500; }
        .light-mode .forum-thread .thread-posts .post .left .member-from b {
          font-weight: 700;
          color: #00729c; }
    .light-mode .forum-thread .thread-posts .post .right {
      display: flex;
      margin-left: 15px;
      overflow: hidden;
      flex: 1;
      flex-direction: column;
      background: #fbfbfb;
      border: 1px solid #eaeaea;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px; }
      @media (max-width: 768px) {
        .light-mode .forum-thread .thread-posts .post .right {
          border-radius: 0;
          margin: 0; } }
      .light-mode .forum-thread .thread-posts .post .right .post-info {
        background: #f1f1f1;
        justify-content: space-between;
        border-bottom: 1px solid #eaeaea;
        min-height: 50px;
        align-items: center;
        padding: 10px 20px;
        display: flex; }
        .light-mode .forum-thread .thread-posts .post .right .post-info .left-post-info {
          font-size: 13px; }
          .light-mode .forum-thread .thread-posts .post .right .post-info .left-post-info span {
            font-weight: 500; }
          .light-mode .forum-thread .thread-posts .post .right .post-info .left-post-info b {
            font-weight: 700;
            color: #00729c; }
        .light-mode .forum-thread .thread-posts .post .right .post-info .right-post-info {
          display: flex;
          align-items: center; }
          .light-mode .forum-thread .thread-posts .post .right .post-info .right-post-info .btn {
            margin-left: 7px; }
            .light-mode .forum-thread .thread-posts .post .right .post-info .right-post-info .btn:hover {
              opacity: 0.8; }
          .light-mode .forum-thread .thread-posts .post .right .post-info .right-post-info .rating {
            display: inline-flex;
            height: 32px;
            align-items: center;
            box-shadow: none;
            font-size: 13px;
            font-weight: 700; }
            .light-mode .forum-thread .thread-posts .post .right .post-info .right-post-info .rating .icon {
              cursor: pointer;
              margin-left: 20px;
              display: flex;
              opacity: 0.8;
              transition: all .3s ease; }
              .light-mode .forum-thread .thread-posts .post .right .post-info .right-post-info .rating .icon:hover {
                opacity: 1; }
              .light-mode .forum-thread .thread-posts .post .right .post-info .right-post-info .rating .icon.active {
                cursor: inherit;
                opacity: 1; }
            .light-mode .forum-thread .thread-posts .post .right .post-info .right-post-info .rating b {
              font-size: 20px;
              display: flex;
              font-weight: 700;
              padding-left: 15px;
              margin-left: 15px;
              border-left: 1px solid #d9d9d9;
              color: #1bb0e0; }
      .light-mode .forum-thread .thread-posts .post .right .post-info-mobile {
        position: relative;
        justify-content: space-between;
        display: flex;
        align-items: center;
        padding: 15px;
        padding: 5px 15px;
        min-height: 75px; }
        .light-mode .forum-thread .thread-posts .post .right .post-info-mobile:after {
          position: absolute;
          display: inline-block;
          bottom: 0;
          content: '';
          left: 15px;
          right: 15px;
          height: 1px;
          background: #dbdbdb; }
        .light-mode .forum-thread .thread-posts .post .right .post-info-mobile .left-info {
          flex-direction: row;
          justify-content: flex-start;
          display: flex; }
        .light-mode .forum-thread .thread-posts .post .right .post-info-mobile .avatar .inner {
          width: 60px;
          height: 60px; }
        .light-mode .forum-thread .thread-posts .post .right .post-info-mobile .info {
          display: flex;
          flex-direction: column;
          justify-content: center;
          line-height: 18px;
          margin-left: 10px;
          font-size: 14px; }
          .light-mode .forum-thread .thread-posts .post .right .post-info-mobile .info a {
            font-weight: 700;
            color: #00729c; }
          .light-mode .forum-thread .thread-posts .post .right .post-info-mobile .info b {
            font-weight: 700;
            color: #00729c; }
        .light-mode .forum-thread .thread-posts .post .right .post-info-mobile .rating {
          margin-right: 15px; }
      .light-mode .forum-thread .thread-posts .post .right .post-body {
        padding: 25px 25px 0 25px; }
        @media (max-width: 768px) {
          .light-mode .forum-thread .thread-posts .post .right .post-body {
            padding: 25px 15px 0 15px; } }
        .light-mode .forum-thread .thread-posts .post .right .post-body > p {
          line-height: 24px;
          font-size: 16px;
          margin-bottom: 30px;
          color: #484848;
          font-weight: 500; }
          @media (max-width: 768px) {
            .light-mode .forum-thread .thread-posts .post .right .post-body > p {
              font-size: 14px;
              line-height: 22px;
              margin-bottom: 20px; } }
        .light-mode .forum-thread .thread-posts .post .right .post-body .quote {
          flex: 1;
          flex-direction: column;
          background: #fff;
          margin-bottom: 30px;
          border: 1px solid #eaeaea; }
          .light-mode .forum-thread .thread-posts .post .right .post-body .quote .top-quote {
            background: #f1f1f1;
            border-bottom: 1px solid #eaeaea;
            min-height: 50px;
            align-items: center;
            padding: 10px 20px;
            display: flex;
            font-size: 13px; }
            @media (max-width: 768px) {
              .light-mode .forum-thread .thread-posts .post .right .post-body .quote .top-quote {
                flex-direction: column;
                line-height: 18px; } }
            .light-mode .forum-thread .thread-posts .post .right .post-body .quote .top-quote b {
              font-weight: 700;
              color: #00729c;
              margin: 0 3px; }
          .light-mode .forum-thread .thread-posts .post .right .post-body .quote .bottom-quote {
            padding: 25px 25px 0 25px; }
            .light-mode .forum-thread .thread-posts .post .right .post-body .quote .bottom-quote > p {
              line-height: 24px;
              font-size: 16px;
              margin-bottom: 30px;
              color: #717171;
              font-weight: 500; }
              @media (max-width: 768px) {
                .light-mode .forum-thread .thread-posts .post .right .post-body .quote .bottom-quote > p {
                  font-size: 14px;
                  line-height: 22px;
                  margin-bottom: 20px; } }
      .light-mode .forum-thread .thread-posts .post .right .post-sign {
        position: relative;
        padding: 0 25px 25px 25px;
        font-size: 14px;
        padding-top: 25px;
        font-weight: 500; }
        @media (max-width: 768px) {
          .light-mode .forum-thread .thread-posts .post .right .post-sign {
            padding: 25px 15px 25px 15px; } }
        .light-mode .forum-thread .thread-posts .post .right .post-sign:before {
          content: '';
          display: inline-block;
          top: 0;
          left: 25px;
          width: 111px;
          height: 2px;
          position: absolute;
          background: #3fc5f7; }
          @media (max-width: 768px) {
            .light-mode .forum-thread .thread-posts .post .right .post-sign:before {
              left: 15px; } }
      .light-mode .forum-thread .thread-posts .post .right .post-mobile-buttons {
        display: flex;
        background: #f1f1f1;
        justify-content: space-between;
        padding: 15px; }

.light-mode .forum-thread .thread-pagination {
  position: relative;
  display: flex;
  justify-content: center;
  margin-top: 25px; }
  @media (max-width: 768px) {
    .light-mode .forum-thread .thread-pagination {
      flex-direction: column;
      align-items: center; } }
  .light-mode .forum-thread .thread-pagination .current-page {
    position: absolute;
    left: 0;
    top: 50%;
    font-size: 13px;
    font-weight: 500;
    transform: translateY(-50%); }
    .light-mode .forum-thread .thread-pagination .current-page b {
      font-weight: 700;
      color: #00729c; }
    @media (max-width: 768px) {
      .light-mode .forum-thread .thread-pagination .current-page {
        position: relative;
        top: auto;
        left: auto;
        transform: none; } }
  .light-mode .forum-thread .thread-pagination .pagination {
    display: flex; }
    @media (max-width: 768px) {
      .light-mode .forum-thread .thread-pagination .pagination {
        margin-top: 20px;
        flex-wrap: wrap; } }
    .light-mode .forum-thread .thread-pagination .pagination a {
      display: flex;
      justify-content: center;
      align-items: center;
      min-width: 36px;
      background: #fff;
      border: 1px solid #dedede;
      color: #a0a0a0;
      font-size: 22px;
      font-weight: 700;
      margin: 0 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      transition: all .2s ease;
      height: 36px; }
      .light-mode .forum-thread .thread-pagination .pagination a.first {
        background: url(../images/icon-first-page-gray.svg) no-repeat center center #fff; }
        .light-mode .forum-thread .thread-pagination .pagination a.first:hover {
          background: url(../images/icon-first-page-white.svg) no-repeat center center #3fc5f7; }
        @media (max-width: 768px) {
          .light-mode .forum-thread .thread-pagination .pagination a.first {
            display: flex; } }
      .light-mode .forum-thread .thread-pagination .pagination a.prev {
        background: url(../images/icon-prev-page-gray.svg) no-repeat center center #fff; }
        .light-mode .forum-thread .thread-pagination .pagination a.prev:hover {
          background: url(../images/icon-prev-page-white.svg) no-repeat center center #3fc5f7; }
        @media (max-width: 768px) {
          .light-mode .forum-thread .thread-pagination .pagination a.prev {
            display: flex; } }
      .light-mode .forum-thread .thread-pagination .pagination a.next {
        background: url(../images/icon-next-page-gray.svg) no-repeat center center #fff; }
        .light-mode .forum-thread .thread-pagination .pagination a.next:hover {
          background: url(../images/icon-next-page-white.svg) no-repeat center center #3fc5f7; }
        @media (max-width: 768px) {
          .light-mode .forum-thread .thread-pagination .pagination a.next {
            display: flex; } }
      .light-mode .forum-thread .thread-pagination .pagination a.last {
        background: url(../images/icon-last-page-gray.svg) no-repeat center center #fff; }
        .light-mode .forum-thread .thread-pagination .pagination a.last:hover {
          background: url(../images/icon-last-page-white.svg) no-repeat center center #3fc5f7; }
        @media (max-width: 768px) {
          .light-mode .forum-thread .thread-pagination .pagination a.last {
            display: flex; } }
      .light-mode .forum-thread .thread-pagination .pagination a:hover {
        color: #fff;
        background: #3fc5f7; }
      @media (max-width: 768px) {
        .light-mode .forum-thread .thread-pagination .pagination a {
          display: none; } }
    .light-mode .forum-thread .thread-pagination .pagination span {
      display: flex;
      justify-content: center;
      align-items: center;
      min-width: 36px;
      background: #fff;
      margin: 0 5px;
      border: 1px solid #dedede;
      color: #a0a0a0;
      font-size: 22px;
      font-weight: 700;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      height: 36px; }
      .light-mode .forum-thread .thread-pagination .pagination span.active {
        margin-top: -5px;
        color: #fff;
        background: #3fc5f7; }

.light-mode .forum-thread .thread-add-posts textarea {
  min-height: 170px; }

.subtitle-head-wrapper {
  background: #00729c;
  min-height: 30px;
  display: flex;
  align-items: flex-end;
  padding: 10px 15px;
  z-index: -1;
  padding-top: 27px;
  margin-top: -20px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; }
  @media (min-width: 1021px) {
    .subtitle-head-wrapper {
      display: none; } }
  .subtitle-head-wrapper .subtitle-head {
    color: #fff;
    font-size: 20px;
    font-weight: 800; }

.transactions-table {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 0px 20px;
  border: 1px solid #dedede;
  background: #fff; }
  .transactions-table .th {
    min-height: 80px;
    display: flex;
    align-items: center;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 800;
    color: #3fc5f7; }
    @media (max-width: 1020px) {
      .transactions-table .th div {
        display: none; }
        .transactions-table .th div:first-child {
          display: flex; }
        .transactions-table .th div:last-child {
          display: flex; } }
  .transactions-table .tr {
    border-top: 1px solid #dedede;
    min-height: 80px;
    display: flex;
    align-items: center;
    color: #00729c;
    font-weight: 600;
    font-size: 20px; }
    @media (max-width: 1020px) {
      .transactions-table .tr div {
        display: none; }
        .transactions-table .tr div:first-child {
          display: flex; }
        .transactions-table .tr div:last-child {
          display: flex; } }
    .transactions-table .tr div:first-child {
      font-size: 26px; }
  .transactions-table .btn {
    box-shadow: none;
    padding: 0;
    max-width: 160px;
    width: 100%;
    justify-content: center; }

.confirmation-block {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 0 30px 40px 30px;
  border: 1px solid #dedede;
  border-bottom: 3px solid #dedede;
  background: #fff; }
  .confirmation-block .confirmation-title {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #dedede;
    min-height: 70px; }
    .confirmation-block .confirmation-title .title {
      font-size: 16px;
      text-transform: uppercase;
      font-weight: 800;
      color: #3fc5f7; }
  .confirmation-block .confirmation-details {
    justify-content: space-between;
    align-items: center;
    min-height: 95px;
    display: flex;
    border-bottom: 1px solid #dedede; }
    .confirmation-block .confirmation-details .name {
      padding-right: 20px; }
      .confirmation-block .confirmation-details .name b {
        font-weight: 600;
        font-size: 26px;
        color: #00729c; }
        @media (max-width: 640px) {
          .confirmation-block .confirmation-details .name b {
            font-size: 16px; } }
    .confirmation-block .confirmation-details .price {
      flex-direction: column;
      display: flex; }
      .confirmation-block .confirmation-details .price span {
        font-size: 14px;
        font-weight: 600;
        color: #484848; }
      .confirmation-block .confirmation-details .price b {
        font-weight: 600;
        font-size: 36px;
        color: #00729c; }
        @media (max-width: 640px) {
          .confirmation-block .confirmation-details .price b {
            font-size: 18px; } }
  .confirmation-block .form-row {
    margin-top: 40px; }

@media (max-width: 480px) {
  .confirmation .btn {
    width: 100%;
    display: flex;
    max-width: 100%; } }

.course-subpage {
  position: relative;
  z-index: 1; }
  @media (max-width: 1020px) {
    .course-subpage {
      z-index: 0; } }
  .course-subpage .wrapper {
    display: flex; }
  .course-subpage .left {
    flex: 8;
    padding-top: 35px;
    padding-right: 15px; }
    .course-subpage .left .quiz-info {
      line-height: 24px;
      color: #606060;
      font-weight: 400;
      margin-bottom: 40px;
      font-size: 16px; }
  .course-subpage .right {
    flex: 4;
    flex-shrink: 0;
    background: #fff;
    align-self: flex-start;
    margin-top: -20px;
    padding: 25px 15px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 35px 0px rgba(16, 44, 53, 0.25);
    -moz-box-shadow: 0px 0px 35px 0px rgba(16, 44, 53, 0.25);
    box-shadow: 0px 0px 35px 0px rgba(16, 44, 53, 0.25); }
    @media (max-width: 1020px) {
      .course-subpage .right {
        display: none; } }
    .course-subpage .right .top-progress .progress-info {
      color: #1bb0e0;
      font-size: 26px;
      font-weight: 800;
      display: flex;
      justify-content: center;
      line-height: 32px; }
    .course-subpage .right .top-progress .progress-bar {
      margin-top: 20px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      overflow: hidden;
      display: flex;
      font-weight: 800;
      font-size: 16px;
      border-bottom: 3px solid #e5e5e5;
      height: 30px; }
      .course-subpage .right .top-progress .progress-bar .done {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        padding-right: 7px;
        background: #1bb0e0;
        color: #fff; }
      .course-subpage .right .top-progress .progress-bar .total {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding-left: 7px;
        background: #c4c4c4;
        color: #2581a4; }
  .course-subpage .bottom-course-buttons {
    background: #fff;
    margin-top: 70px;
    display: flex;
    border-top: 1px solid #c6e6f1;
    min-height: 125px;
    align-items: center;
    justify-content: center; }
    .course-subpage .bottom-course-buttons .btn {
      margin: 20px; }

.modules-list .title {
  font-size: 18px;
  color: #00729c;
  font-weight: 800;
  margin-top: 30px; }

.modules-list .modules {
  display: flex;
  margin-top: 20px;
  flex-direction: column; }
  .modules-list .modules .module {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #d1eff9;
    transition: all .3s ease;
    cursor: pointer;
    padding: 5px 0;
    min-height: 55px; }
    .modules-list .modules .module.done .module-right .fake-checkbox:before {
      display: inline-block;
      position: absolute;
      content: '';
      width: 12px;
      height: 9px;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      background: url(../images/icon-checked.svg) no-repeat center center; }
    .modules-list .modules .module.current {
      background: #1bb0e0;
      pointer-events: none;
      cursor: default; }
      .modules-list .modules .module.current .module-left {
        background: url(../images/icon-play-module-white.svg) no-repeat left 5px center; }
        .modules-list .modules .module.current .module-left b {
          color: #fff; }
        .modules-list .modules .module.current .module-left p {
          color: #fff; }
      .modules-list .modules .module.current:hover {
        background: #1bb0e0;
        pointer-events: none;
        cursor: default; }
        .modules-list .modules .module.current:hover .module-left {
          background: url(../images/icon-play-module-white.svg) no-repeat left 5px center; }
          .modules-list .modules .module.current:hover .module-left b {
            color: #fff; }
          .modules-list .modules .module.current:hover .module-left p {
            color: #fff; }
    .modules-list .modules .module:hover {
      background: #d1eff9; }
    .modules-list .modules .module .module-left {
      background: url(../images/icon-play-module.svg) no-repeat left 5px center;
      padding-left: 35px;
      font-size: 14px;
      line-height: 18px; }
      .modules-list .modules .module .module-left b {
        color: #1bb0e0;
        font-weight: 800; }
      .modules-list .modules .module .module-left p {
        color: #484848;
        font-weight: 500; }
    .modules-list .modules .module .module-right {
      justify-content: flex-end;
      padding-right: 20px;
      display: flex; }
      .modules-list .modules .module .module-right .fake-checkbox {
        width: 17px;
        position: relative;
        background: #fff;
        height: 17px;
        border: 1px solid #1bb0e0; }

.mobile-course-menu {
  display: flex;
  visibility: hidden;
  opacity: 0;
  transition: all .3s ease;
  flex-direction: column;
  position: fixed;
  top: 0;
  left: 0;
  overflow: scroll;
  right: 0;
  bottom: 70px;
  background: #00729c;
  z-index: 10; }
  .mobile-course-menu.visible {
    visibility: visible;
    opacity: 1; }
  .mobile-course-menu .title {
    font-size: 16px;
    color: #fff;
    background: #005c7e;
    display: flex;
    min-height: 68px;
    display: flex;
    align-items: center;
    padding: 20px 15px;
    font-weight: 800; }
  .mobile-course-menu .mobile-modules-list {
    display: flex;
    flex-direction: column; }
    .mobile-course-menu .mobile-modules-list .module {
      display: flex;
      align-items: center;
      justify-content: space-between;
      border-top: 1px solid #0987b6;
      transition: all .3s ease;
      cursor: pointer;
      padding: 5px 0;
      min-height: 71px; }
      .mobile-course-menu .mobile-modules-list .module.done .module-right .fake-checkbox:before {
        display: inline-block;
        position: absolute;
        content: '';
        width: 12px;
        height: 9px;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        background: url(../images/icon-checked.svg) no-repeat center center; }
      .mobile-course-menu .mobile-modules-list .module.current {
        background: #005473;
        pointer-events: none;
        cursor: default; }
        .mobile-course-menu .mobile-modules-list .module.current .module-left b {
          color: #fff; }
        .mobile-course-menu .mobile-modules-list .module.current .module-left p {
          color: #fff; }
      .mobile-course-menu .mobile-modules-list .module .module-left {
        position: relative;
        padding-left: 35px;
        font-size: 22px;
        line-height: 28px; }
        .mobile-course-menu .mobile-modules-list .module .module-left:before {
          position: absolute;
          left: 15px;
          top: 8px;
          display: inline-block;
          content: '';
          -webkit-border-radius: 10px;
          -moz-border-radius: 10px;
          border-radius: 10px;
          background: #fff;
          width: 10px;
          height: 10px; }
        .mobile-course-menu .mobile-modules-list .module .module-left b {
          color: #fff;
          font-weight: 400; }
        .mobile-course-menu .mobile-modules-list .module .module-left p {
          color: #fff;
          font-size: 16px;
          line-height: 20px;
          font-weight: 400; }
      .mobile-course-menu .mobile-modules-list .module .module-right {
        justify-content: flex-end;
        padding-right: 20px;
        padding-left: 20px;
        display: flex; }
        .mobile-course-menu .mobile-modules-list .module .module-right .fake-checkbox {
          width: 17px;
          position: relative;
          background: #fff;
          height: 17px;
          border: 1px solid #1bb0e0; }

.color-block {
  display: flex;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  flex-direction: column;
  margin-bottom: 40px; }
  .color-block .top-title {
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 0 20px; }
    .color-block .top-title .title {
      font-size: 18px;
      color: #fff;
      display: flex;
      min-height: 40px;
      padding-bottom: 10px;
      align-items: center;
      justify-content: space-between;
      flex-basis: 100%;
      font-weight: 800; }
      .color-block .top-title .title.lg {
        font-size: 24px;
        flex-basis: auto;
        padding: 25px 0 35px 0; }
      .color-block .top-title .title span {
        display: flex; }
  .color-block .bottom-body {
    background: #fff;
    margin-top: -10px;
    color: #484848;
    font-size: 14px;
    font-weight: 500;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    padding: 20px;
    line-height: 24px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px; }
    .color-block .bottom-body p {
      margin: 0;
      padding: 0; }
    .color-block .bottom-body .answers {
      background: #fff; }
      .color-block .bottom-body .answers .title {
        font-size: 20px;
        line-height: 26px;
        margin-top: 10px;
        color: #00729c;
        font-weight: 800; }
      .color-block .bottom-body .answers .answers-list {
        margin-top: 15px;
        display: flex;
        border-bottom: 1px solid #c6e6f1;
        flex-direction: column; }
        .color-block .bottom-body .answers .answers-list .form-radio {
          display: flex;
          align-items: center;
          width: 100%;
          border-top: 1px solid #c6e6f1;
          width: 100%;
          transition: all .3s ease;
          padding-left: 15px; }
          .color-block .bottom-body .answers .answers-list .form-radio label {
            display: flex;
            min-height: 20px;
            align-items: center;
            width: 100%;
            padding-top: 20px;
            padding-bottom: 15px;
            padding-right: 68px;
            color: #00729c;
            font-weight: 500;
            line-height: 20px;
            font-weight: 500;
            font-size: 16px;
            height: 100%; }
            @media (max-width: 480px) {
              .color-block .bottom-body .answers .answers-list .form-radio label {
                padding-right: 20px; } }
          .color-block .bottom-body .answers .answers-list .form-radio .fs-checkbox-radio {
            display: flex;
            height: 100%;
            opacity: 1; }
      .color-block .bottom-body .answers .response {
        position: relative;
        display: flex;
        flex-direction: column;
        padding: 25px 20px 15px 20px;
        margin-left: -20px;
        margin-right: -20px;
        margin-bottom: -20px; }
        .color-block .bottom-body .answers .response:after {
          position: absolute;
          content: '';
          display: inline-block;
          top: -10px;
          left: 0;
          right: 0;
          height: 20px;
          -webkit-border-radius: 10px;
          -moz-border-radius: 10px;
          border-radius: 10px;
          background: #fff; }
        .color-block .bottom-body .answers .response b {
          font-size: 16px;
          color: #fff;
          font-weight: 700; }
        .color-block .bottom-body .answers .response p {
          font-size: 14px;
          color: #fff;
          margin-top: 10px;
          font-weight: 500; }
  .color-block.quiz-done {
    flex-direction: column;
    display: flex; }
    .color-block.quiz-done .quiz-done-info {
      padding-bottom: 10px; }
      .color-block.quiz-done .quiz-done-info .title {
        display: flex;
        min-height: 70px;
        justify-content: center;
        align-items: center;
        font-weight: 800;
        padding-bottom: 10px;
        font-size: 32px;
        text-transform: uppercase; }
      .color-block.quiz-done .quiz-done-info .info {
        flex-direction: column;
        padding-top: 30px;
        display: flex;
        border-top: 1px solid #c6e6f1; }
        .color-block.quiz-done .quiz-done-info .info p {
          text-align: center;
          margin-bottom: 10px; }
      .color-block.quiz-done .quiz-done-info.fail .title {
        color: #e11818; }
      .color-block.quiz-done .quiz-done-info.fail b {
        font-size: 20px;
        color: #e11818;
        margin: 0 5px; }
      .color-block.quiz-done .quiz-done-info.success .title {
        color: #00729c; }
      .color-block.quiz-done .quiz-done-info.success b {
        font-size: 20px;
        color: #00729c;
        margin: 0 5px; }
  .color-block.blue.quiz-done .bottom-body {
    border-top: 1px solid #c6e6f1; }
  .color-block.blue .top-title {
    background: #1bb0e0; }
  .color-block.blue .bottom-body {
    border-left: 1px solid #c6e6f1;
    border-right: 1px solid #c6e6f1;
    border-bottom: 4px solid #1bb0e0; }
  .color-block.blue .response {
    background: #1bb0e0; }
    .color-block.blue .response .btn {
      width: auto; }
  .color-block.blue .form-radio:hover {
    background: #d1eff9; }
  .color-block.blue .form-radio.checked {
    background: #d1eff9; }
  .color-block.green .top-title {
    background: #66a562; }
  .color-block.green .bottom-body {
    border-left: 1px solid #66a562;
    border-right: 1px solid #66a562;
    border-bottom: 4px solid #66a562; }
  .color-block.green .response {
    background: #66a562; }
  .color-block.green .form-radio {
    position: relative; }
    .color-block.green .form-radio.checked {
      background: #d4f9d1; }
      .color-block.green .form-radio.checked:after {
        content: 'OK!';
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        color: #2d8326;
        font-size: 16px;
        font-weight: 700;
        display: inline-block; }
        @media (max-width: 480px) {
          .color-block.green .form-radio.checked:after {
            color: #fff;
            padding: 0 5px;
            right: auto;
            left: -36px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            background: #2d8326; } }
  .color-block.red .top-title {
    background: #e11818; }
  .color-block.red .bottom-body {
    border-left: 1px solid #e11818;
    border-right: 1px solid #e11818;
    border-bottom: 4px solid #e11818; }
  .color-block.red .response {
    background: #e11818; }
  .color-block.red .form-radio {
    position: relative; }
    .color-block.red .form-radio.checked {
      background: #ffe1e1; }
      .color-block.red .form-radio.checked:after {
        content: 'ŻLE!';
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        color: #e11818;
        font-size: 16px;
        font-weight: 700;
        display: inline-block; }
        @media (max-width: 480px) {
          .color-block.red .form-radio.checked:after {
            color: #fff;
            padding: 0 5px;
            right: auto;
            left: -36px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            background: #e11818; } }

.course-body {
  padding-right: 85px;
  line-height: 24px;
  font-size: 16px;
  text-align: justify;
  color: #606060; }
  @media (max-width: 1020px) {
    .course-body {
      padding-right: 0; } }
  .course-body p {
    margin-bottom: 30px; }

.materials {
  flex-direction: column;
  display: flex; }
  .materials .materials-title {
    font-size: 26px;
    color: #1bb0e0;
    font-weight: bold; }
  .materials .material {
    display: flex;
    background: #fff;
    border: 1px solid #c6e6f1;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-top: 20px;
    border-bottom: 4px solid #1bb0e0; }
    @media (max-width: 480px) {
      .materials .material {
        flex-direction: column; } }
    .materials .material .material-left {
      display: flex;
      flex-direction: column;
      padding: 20px;
      flex: 746; }
      .materials .material .material-left b {
        font-size: 20px;
        line-height: 26px;
        font-weight: 800;
        color: #00729c; }
      .materials .material .material-left p {
        line-height: 20px;
        margin-top: 10px;
        color: #484848;
        font-size: 14px; }
    .materials .material .material-right {
      display: flex;
      flex-direction: column;
      flex: 185; }
      @media (max-width: 480px) {
        .materials .material .material-right {
          flex-direction: row;
          overflow: hidden;
          margin-bottom: -1px;
          -webkit-border-bottom-right-radius: 10px;
          -webkit-border-bottom-left-radius: 10px;
          -moz-border-radius-bottomright: 10px;
          -moz-border-radius-bottomleft: 10px;
          border-bottom-right-radius: 10px;
          border-bottom-left-radius: 10px; } }
      .materials .material .material-right .action-button {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 20px;
        font-weight: 800;
        padding: 0 20px;
        transition: all .3s ease;
        text-transform: uppercase;
        border-left: 1px solid #c6e6f1;
        flex: 1; }
        @media (max-width: 480px) {
          .materials .material .material-right .action-button {
            min-height: 50px; } }
        .materials .material .material-right .action-button.read {
          color: #1bb0e0;
          background: #ebfaff; }
          .materials .material .material-right .action-button.read:hover {
            background: #fff; }
        .materials .material .material-right .action-button.download {
          color: #00729c;
          background: #d0f3ff; }
          .materials .material .material-right .action-button.download:hover {
            background: #fff; }
        .materials .material .material-right .action-button:nth-child(2) {
          border-top: 1px solid #c6e6f1; }

.course-offer-info {
  padding-bottom: 55px; }
  .course-offer-info .wrapper {
    display: flex; }
    @media (max-width: 1020px) {
      .course-offer-info .wrapper {
        flex-direction: column-reverse; } }
  .course-offer-info .mobile-top-info {
    line-height: 28px;
    font-size: 17px;
    color: #484848;
    font-weight: 500;
    margin-top: 30px; }
    @media (min-width: 1021px) {
      .course-offer-info .mobile-top-info {
        display: none; } }
  .course-offer-info .left {
    flex: 8;
    padding-top: 40px;
    padding-right: 15px; }
    @media (max-width: 767px) {
      .course-offer-info .left {
        padding-right: 0; } }
    .course-offer-info .left .info-body {
      flex-direction: column;
      display: flex; }
      .course-offer-info .left .info-body .title {
        font-size: 34px;
        font-weight: 800;
        margin-bottom: 30px;
        color: #00729c; }
        @media (max-width: 767px) {
          .course-offer-info .left .info-body .title {
            font-size: 24px; } }
      .course-offer-info .left .info-body p {
        margin-bottom: 30px;
        font-weight: 400;
        color: #606060;
        line-height: 24px; }
      .course-offer-info .left .info-body .list {
        margin-bottom: 30px;
        flex-direction: column;
        display: flex;
        padding-left: 45px; }
        @media (max-width: 767px) {
          .course-offer-info .left .info-body .list {
            padding-left: 0; } }
        .course-offer-info .left .info-body .list li {
          display: flex;
          font-size: 16px;
          color: #00729c;
          font-weight: 700;
          margin-bottom: 15px;
          padding-left: 25px;
          position: relative; }
          .course-offer-info .left .info-body .list li:before {
            position: absolute;
            content: '';
            display: inline-block;
            background: #00729c;
            width: 8px;
            height: 8px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            left: 0;
            top: 5px; }
    .course-offer-info .left .free-lessons .title {
      color: #1bb0e0;
      font-weight: 800;
      line-height: 32px;
      font-size: 26px; }
      @media (max-width: 767px) {
        .course-offer-info .left .free-lessons .title {
          font-size: 24px; } }
    .course-offer-info .left .free-lessons .lessons {
      flex-direction: column;
      display: flex; }
      .course-offer-info .left .free-lessons .lessons .lesson {
        display: flex;
        background: #fff;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        border: 1px solid #c6e6f1;
        border-bottom: 4px solid #1bb0e0;
        padding: 15px;
        margin-top: 20px; }
        @media (max-width: 767px) {
          .course-offer-info .left .free-lessons .lessons .lesson {
            flex-direction: column; } }
        .course-offer-info .left .free-lessons .lessons .lesson .lesson-left {
          flex: 720;
          padding-right: 30px; }
          @media (max-width: 767px) {
            .course-offer-info .left .free-lessons .lessons .lesson .lesson-left {
              flex: 1; } }
          .course-offer-info .left .free-lessons .lessons .lesson .lesson-left .top {
            font-size: 20px;
            line-height: 26px; }
            .course-offer-info .left .free-lessons .lessons .lesson .lesson-left .top b {
              color: #00729c;
              font-weight: 800; }
            .course-offer-info .left .free-lessons .lessons .lesson .lesson-left .top span {
              color: #1bb0e0;
              font-weight: 800; }
          .course-offer-info .left .free-lessons .lessons .lesson .lesson-left .bottom {
            font-size: 14px;
            margin-top: 10px;
            line-height: 20px;
            color: #484848; }
        .course-offer-info .left .free-lessons .lessons .lesson .lesson-right {
          flex: 164;
          justify-content: center;
          align-items: center;
          display: flex; }
          @media (max-width: 767px) {
            .course-offer-info .left .free-lessons .lessons .lesson .lesson-right {
              flex: 1;
              margin-top: 20px;
              margin-bottom: 10px; } }
          .course-offer-info .left .free-lessons .lessons .lesson .lesson-right .show-btn {
            height: 50px;
            color: #fff;
            -webkit-border-radius: 7px;
            -moz-border-radius: 7px;
            border-radius: 7px;
            text-transform: uppercase;
            font-weight: 800;
            font-size: 20px;
            background: #1bb0e0;
            width: 100%;
            justify-content: center;
            display: flex;
            transition: all .3s ease;
            align-items: center; }
            @media (max-width: 767px) {
              .course-offer-info .left .free-lessons .lessons .lesson .lesson-right .show-btn {
                width: 166px; } }
            .course-offer-info .left .free-lessons .lessons .lesson .lesson-right .show-btn:hover {
              background: #00729c; }
  .course-offer-info .right {
    flex: 4;
    display: flex;
    flex-direction: column;
    padding: 25px 15px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-top: -110px;
    -webkit-border-radius: 10px;
    z-index: 1;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 35px 0px rgba(16, 44, 53, 0.25);
    -moz-box-shadow: 0px 0px 35px 0px rgba(16, 44, 53, 0.25);
    box-shadow: 0px 0px 35px 0px rgba(16, 44, 53, 0.25);
    background: #fff; }
    @media (max-width: 1020px) {
      .course-offer-info .right {
        margin-top: 30px;
        z-index: 0; } }
    .course-offer-info .right .price {
      display: flex;
      justify-content: center;
      color: #1bb0e0;
      font-size: 26px;
      font-weight: 800; }
    .course-offer-info .right .buy-btn {
      display: flex;
      width: 100%;
      min-height: 70px;
      background: #1bb0e0;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      justify-content: center;
      text-transform: uppercase;
      align-items: center;
      margin-top: 20px;
      color: #fff;
      font-size: 20px;
      border-bottom: 3px solid #e5e5e5;
      font-weight: 800; }
    .course-offer-info .right .info {
      margin-top: 20px;
      font-size: 14px;
      font-weight: 500;
      color: #484848;
      line-height: 24px;
      padding: 0 25px;
      text-align: center; }
      @media (max-width: 1020px) {
        .course-offer-info .right .info {
          padding-top: 15px;
          padding-bottom: 0;
          border-top: 1px solid #d1eff9; } }
      .course-offer-info .right .info span {
        color: #0e6986;
        font-weight: 800; }
    .course-offer-info .right .components {
      flex-direction: column;
      border-top: 1px solid #d1eff9;
      margin-top: 25px;
      display: flex; }
      .course-offer-info .right .components .component {
        padding: 20px 20px 20px 0;
        border-bottom: 1px solid #d1eff9;
        display: flex; }
        .course-offer-info .right .components .component .component-icon {
          display: flex;
          justify-content: flex-start;
          align-items: center;
          flex: 1;
          max-width: 50px; }
        .course-offer-info .right .components .component .component-details {
          display: flex;
          flex-direction: column;
          flex: 1; }
          .course-offer-info .right .components .component .component-details b {
            font-size: 17px;
            font-weight: 800;
            line-height: 21px;
            color: #00729c; }
          .course-offer-info .right .components .component .component-details p {
            line-height: 24px;
            margin-top: 8px;
            font-weight: 500;
            font-size: 14px;
            color: #484848; }
    .course-offer-info .right .welcome {
      font-size: 20px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 700;
      text-transform: uppercase;
      min-height: 75px;
      margin-bottom: -25px;
      color: #00729c; }

.course-offer-schedule {
  color: #fff;
  padding: 45px 0;
  background: #00729c; }
  @media (max-width: 767px) {
    .course-offer-schedule {
      padding: 30px 0; } }
  .course-offer-schedule .title {
    display: flex;
    font-size: 34px;
    color: #fff;
    font-weight: 800;
    justify-content: center; }
    @media (max-width: 767px) {
      .course-offer-schedule .title {
        font-size: 24px; } }
  .course-offer-schedule .schedule-list {
    display: flex;
    margin-top: 45px; }
    @media (max-width: 767px) {
      .course-offer-schedule .schedule-list {
        flex-direction: column;
        margin-top: 30px; } }
    .course-offer-schedule .schedule-list .left,
    .course-offer-schedule .schedule-list .right {
      flex: 1; }
      .course-offer-schedule .schedule-list .left .schedule-item,
      .course-offer-schedule .schedule-list .right .schedule-item {
        display: flex;
        border-top: 1px solid #338eb0;
        padding: 20px 0; }
        .course-offer-schedule .schedule-list .left .schedule-item:nth-child(odd),
        .course-offer-schedule .schedule-list .right .schedule-item:nth-child(odd) {
          background: #056487; }
        .course-offer-schedule .schedule-list .left .schedule-item .schedule-icon,
        .course-offer-schedule .schedule-list .right .schedule-item .schedule-icon {
          flex: 1;
          display: flex;
          justify-content: center;
          align-items: center;
          max-width: 75px; }
        .course-offer-schedule .schedule-list .left .schedule-item .schedule-details,
        .course-offer-schedule .schedule-list .right .schedule-item .schedule-details {
          flex: 1; }
          .course-offer-schedule .schedule-list .left .schedule-item .schedule-details b,
          .course-offer-schedule .schedule-list .right .schedule-item .schedule-details b {
            font-size: 16px;
            font-weight: 800;
            line-height: 22px; }
          .course-offer-schedule .schedule-list .left .schedule-item .schedule-details p,
          .course-offer-schedule .schedule-list .right .schedule-item .schedule-details p {
            line-height: 20px;
            font-size: 14px;
            margin-top: 10px;
            font-weight: 400; }
    .course-offer-schedule .schedule-list .left {
      padding-right: 15px; }
      @media (max-width: 767px) {
        .course-offer-schedule .schedule-list .left {
          padding: 0; } }
    .course-offer-schedule .schedule-list .right {
      padding-left: 15px; }
      @media (max-width: 767px) {
        .course-offer-schedule .schedule-list .right {
          padding: 0; }
          .course-offer-schedule .schedule-list .right .schedule-item:nth-child(odd) {
            background: #00729c; }
          .course-offer-schedule .schedule-list .right .schedule-item:nth-child(even) {
            background: #056487; } }
  .course-offer-schedule .button {
    display: flex;
    justify-content: center;
    margin-top: 45px; }
    @media (max-width: 767px) {
      .course-offer-schedule .button {
        margin-top: 30px;
        display: none; } }
    .course-offer-schedule .button .buy-btn {
      display: flex;
      max-width: 440px;
      height: 70px;
      background: #fff;
      align-items: center;
      justify-content: center;
      font-size: 20px;
      text-transform: uppercase;
      font-weight: 800;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      border-radius: 8px;
      color: #1bb0e0;
      transition: all .3s ease;
      width: 100%; }
      .course-offer-schedule .button .buy-btn:hover {
        color: #056487; }

.course-offer-benefits .wrapper {
  display: flex;
  padding-top: 90px;
  padding-bottom: 90px; }
  @media (max-width: 1020px) {
    .course-offer-benefits .wrapper {
      flex-direction: column;
      padding-top: 40px;
      padding-bottom: 40px; } }

.course-offer-benefits .title {
  position: relative;
  font-size: 34px;
  font-weight: 800;
  color: #00729c;
  padding-bottom: 30px; }
  @media (max-width: 767px) {
    .course-offer-benefits .title {
      font-size: 24px; } }
  .course-offer-benefits .title:before {
    display: inline-block;
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    background: #1bb0e0;
    width: 70px;
    height: 5px; }

.course-offer-benefits .left {
  flex: 1;
  padding-right: 45px; }
  @media (max-width: 767px) {
    .course-offer-benefits .left {
      padding-right: 0; } }
  .course-offer-benefits .left .desc {
    line-height: 24px;
    font-size: 16px;
    margin-top: 50px;
    font-weight: 400;
    color: #606060; }
    @media (max-width: 767px) {
      .course-offer-benefits .left .desc {
        margin-top: 30px; } }

.course-offer-benefits .right {
  flex: 1;
  padding-left: 15px; }
  @media (max-width: 1020px) {
    .course-offer-benefits .right {
      padding-left: 0;
      margin-top: 30px; } }
  .course-offer-benefits .right .desc .list {
    flex-direction: column;
    display: flex;
    margin-top: 50px; }
    @media (max-width: 767px) {
      .course-offer-benefits .right .desc .list {
        margin-top: 30px; } }
    .course-offer-benefits .right .desc .list li {
      display: flex;
      font-size: 20px;
      color: #00729c;
      font-weight: 800;
      margin-bottom: 15px;
      padding-left: 25px;
      position: relative; }
      .course-offer-benefits .right .desc .list li:before {
        position: absolute;
        content: '';
        display: inline-block;
        background: #00729c;
        width: 9px;
        height: 9px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        left: 0;
        top: 6px; }

.course-offer-leader {
  display: flex;
  color: #fff;
  background: #338eb0; }
  @media (max-width: 1020px) {
    .course-offer-leader {
      flex-direction: column; } }
  @media (max-width: 767px) {
    .course-offer-leader .title {
      display: flex;
      height: 80px;
      font-weight: 800;
      justify-content: center;
      align-items: center;
      font-size: 24px; } }
  .course-offer-leader .left {
    position: relative;
    overflow: hidden;
    flex: 1; }
    @media (max-width: 1020px) {
      .course-offer-leader .left {
        min-height: 390px; } }
    .course-offer-leader .left img {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      max-width: none;
      max-height: none;
      min-width: 100%;
      min-height: 100%; }
      @media (max-width: 480px) {
        .course-offer-leader .left img {
          height: 100%; } }
  .course-offer-leader .right {
    flex: 1; }
    .course-offer-leader .right .inner {
      max-width: 831px;
      padding: 135px 20px 135px 135px; }
      @media (max-width: 1200px) {
        .course-offer-leader .right .inner {
          padding: 100px 20px 100px 20px; } }
      @media (max-width: 767px) {
        .course-offer-leader .right .inner {
          padding: 0 20px 50px 20px; } }
    .course-offer-leader .right .title {
      position: relative;
      font-size: 46px;
      font-weight: 800;
      padding-bottom: 30px; }
      .course-offer-leader .right .title:before {
        display: inline-block;
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        background: #fff;
        width: 70px;
        height: 6px; }
    .course-offer-leader .right .description {
      font-weight: 400;
      margin-top: 40px;
      font-size: 17px;
      line-height: 28px; }
  .course-offer-leader .button {
    display: flex;
    justify-content: center;
    margin-top: 40px; }

.partners-section {
  display: flex;
  padding: 15px 0 50px 0;
  background: #fff;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  text-align: center; }
  @media (max-width: 1020px) {
    .partners-section {
      flex-direction: column; } }
  .partners-section .left {
    display: inline-block;
    position: relative;
    padding: 0;
    text-align: center; }
  .partners-section .right {
    display: inline-block;
    position: relative;
    padding: 0;
    text-align: center; }

.carousel-videos,
.videos-items {
  position: relative; }
  @media only screen and (max-width: 768px) {
    .carousel-videos,
    .videos-items {
      padding-bottom: 20px; } }
  .carousel-videos .mobile-available,
  .videos-items .mobile-available {
    display: none; }
  @media only screen and (max-width: 768px) {
    .carousel-videos.desktop-only,
    .videos-items.desktop-only {
      overflow: hidden;
      padding-left: 15px;
      padding-right: 15px;
      width: 100%;
      transition: all 1s ease; }
      .carousel-videos.desktop-only.closed,
      .videos-items.desktop-only.closed {
        height: 205px; }
        .carousel-videos.desktop-only.closed:after,
        .videos-items.desktop-only.closed:after {
          visibility: visible;
          opacity: 1; }
      .carousel-videos.desktop-only:after,
      .videos-items.desktop-only:after {
        visibility: hidden;
        opacity: 0;
        display: inline-block;
        content: '';
        position: absolute;
        transition: all 1s ease;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: -moz-linear-gradient(top, rgba(30, 87, 153, 0) 41%, rgba(0, 114, 156, 0.7) 100%);
        background: -webkit-linear-gradient(top, rgba(30, 87, 153, 0) 41%, rgba(0, 114, 156, 0.7) 100%);
        background: linear-gradient(to bottom, rgba(30, 87, 153, 0) 41%, rgba(0, 114, 156, 0.7) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#b300729c',GradientType=0 ); } }
  @media only screen and (max-width: 768px) {
    .carousel-videos.desktop-only .item,
    .videos-items.desktop-only .item {
      padding: 10px 0;
      border-bottom: 1px solid #16306e; }
      .carousel-videos.desktop-only .item.current,
      .videos-items.desktop-only .item.current {
        background: #051437; }
      .carousel-videos.desktop-only .item a,
      .videos-items.desktop-only .item a {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0; }
        .carousel-videos.desktop-only .item a .row,
        .videos-items.desktop-only .item a .row {
          position: relative;
          left: auto;
          top: auto;
          right: auto;
          bottom: auto;
          flex: 1; }
          .carousel-videos.desktop-only .item a .row .title,
          .videos-items.desktop-only .item a .row .title {
            padding-left: 17px;
            font-size: 18px;
            margin-bottom: 0 !important; }
            .carousel-videos.desktop-only .item a .row .title.ft-subtitle span,
            .videos-items.desktop-only .item a .row .title.ft-subtitle span {
              font-size: 12px;
              display: block; }
            .carousel-videos.desktop-only .item a .row .title .mobile-available,
            .videos-items.desktop-only .item a .row .title .mobile-available {
              display: inline-block;
              width: 100%;
              margin-top: 10px;
              font-weight: 300;
              font-size: 14px;
              line-height: 16px; }
          .carousel-videos.desktop-only .item a .row .status-button,
          .videos-items.desktop-only .item a .row .status-button {
            bottom: 0;
            width: 184px; }
        .carousel-videos.desktop-only .item a .thumb,
        .videos-items.desktop-only .item a .thumb {
          position: relative;
          flex: 0 1 184px;
          left: auto;
          top: auto;
          right: auto;
          bottom: auto;
          height: 110px;
          overflow: hidden; }
        .carousel-videos.desktop-only .item a .watching-status,
        .videos-items.desktop-only .item a .watching-status {
          right: auto;
          top: 10px;
          width: 184px; }
        .carousel-videos.desktop-only .item a .tag,
        .videos-items.desktop-only .item a .tag {
          display: none; } }
  .carousel-videos .item,
  .videos-items .item {
    position: relative;
    transition: transform .3s ease;
    transform: scale(1);
    z-index: 0; }
    @media (max-width: 1450px) {
      .carousel-videos .item,
      .videos-items .item {
        margin-right: 10px; } }
    @media (min-width: 1451px) {
      .carousel-videos .item:before,
      .videos-items .item:before {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background: #1bb0e0;
        display: inline-block;
        content: '';
        height: 10px;
        -webkit-border-bottom-right-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -moz-border-radius-bottomright: 10px;
        -moz-border-radius-bottomleft: 10px;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
        visibility: hidden;
        opacity: 0;
        transition: all .3s ease; }
      .carousel-videos .item:after,
      .videos-items .item:after {
        position: absolute;
        bottom: 0px;
        left: 50%;
        display: inline-block;
        content: '';
        visibility: hidden;
        opacity: 0;
        transition: all .3s ease;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 10px 0 10px;
        border-color: #1bafe0 transparent transparent transparent; }
      .carousel-videos .item.opened:before, .carousel-videos .item.opened:after,
      .videos-items .item.opened:before,
      .videos-items .item.opened:after {
        visibility: visible;
        opacity: 1; }
      .carousel-videos .item.opened:after,
      .videos-items .item.opened:after {
        bottom: -10px; }
      .carousel-videos .item:hover,
      .videos-items .item:hover {
        transform: scale(1.06);
        z-index: 1; }
        .carousel-videos .item:hover .category-block,
        .videos-items .item:hover .category-block {
          visibility: visible;
          opacity: 1; }
        .carousel-videos .item:hover .tag,
        .videos-items .item:hover .tag {
          overflow: visible;
          height: 48px;
          bottom: -8px; } }
    .carousel-videos .item .category-block,
    .videos-items .item .category-block {
      transition: all .3s ease;
      visibility: hidden;
      opacity: 0; }
    .carousel-videos .item .status,
    .videos-items .item .status {
      display: flex;
      background: #fff; }
    .carousel-videos .item a,
    .videos-items .item a {
      padding-top: 66%;
      display: block; }
      .carousel-videos .item a .thumb,
      .videos-items .item a .thumb {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        z-index: -1; }
        .carousel-videos .item a .thumb img,
        .videos-items .item a .thumb img {
          width: 101%;
          max-width: 101%;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%); }
        .carousel-videos .item a .thumb:after,
        .videos-items .item a .thumb:after {
          display: inline-block;
          content: '';
          transition: all .3s ease;
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          width: 100%;
          height: 100%;
          background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 31%, #0a769b 100%);
          background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 31%, #0a769b 100%);
          background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 31%, #0a769b 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#0a769b',GradientType=0 ); }
      .carousel-videos .item a .watching-status,
      .videos-items .item a .watching-status {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 4px;
        background: rgba(0, 0, 0, 0.4); }
        .carousel-videos .item a .watching-status .inner,
        .videos-items .item a .watching-status .inner {
          position: absolute;
          left: 0;
          top: 0;
          height: 4px;
          background: #9fe8ff; }
          @media (max-width: 480px) {
            .carousel-videos .item a .watching-status .inner,
            .videos-items .item a .watching-status .inner {
              background: #2683ee;
              background: -moz-linear-gradient(left, #2683ee 0%, #50c9f4 100%);
              background: -webkit-linear-gradient(left, #2683ee 0%, #50c9f4 100%);
              background: linear-gradient(to right, #2683ee 0%, #50c9f4 100%);
              filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2683ee', endColorstr='#50c9f4',GradientType=1 ); } }
      .carousel-videos .item a .row,
      .videos-items .item a .row {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        position: absolute; }
        .carousel-videos .item a .row .status-button,
        .videos-items .item a .row .status-button {
          width: 155px;
          height: 40px;
          background: #1e89ee;
          display: flex;
          justify-content: center;
          align-items: center;
          font-size: 14px;
          font-weight: 600; }
          @media (max-width: 1451px) {
            .carousel-videos .item a .row .status-button,
            .videos-items .item a .row .status-button {
              position: absolute;
              left: 0;
              bottom: -20px; } }
        .carousel-videos .item a .row .title,
        .videos-items .item a .row .title {
          font-size: 26px;
          line-height: 30px;
          font-weight: 700;
          text-shadow: 1px 1px rgba(0, 0, 0, 0.4);
          /*                    @media (max-width: 1451px){
                        padding-right: 43px;
                        line-height: 22px;
                        font-size: 18px;
                        &.ft-status{
                            margin-bottom: 30px;
                        }
                    }*/ }
          @media (min-width: 769px) and (max-width: 1100px) {
            .carousel-videos .item a .row .title,
            .videos-items .item a .row .title {
              font-size: 18px;
              line-height: 24px; } }
          .carousel-videos .item a .row .title.ft-subtitle,
          .videos-items .item a .row .title.ft-subtitle {
            line-height: 25px; }
            .carousel-videos .item a .row .title.ft-subtitle span,
            .videos-items .item a .row .title.ft-subtitle span {
              font-size: 16px;
              display: inline-block;
              width: 100%;
              line-height: 18px; }
            @media (max-width: 768px) {
              .carousel-videos .item a .row .title.ft-subtitle span,
              .videos-items .item a .row .title.ft-subtitle span {
                display: none; } }
          .carousel-videos .item a .row .title.ft-status,
          .videos-items .item a .row .title.ft-status {
            margin-bottom: 15px; }
      .carousel-videos .item a .stats,
      .videos-items .item a .stats {
        display: flex;
        flex-direction: column; }
        @media (max-width: 1450px) {
          .carousel-videos .item a .stats,
          .videos-items .item a .stats {
            display: none; } }
        .carousel-videos .item a .stats .col,
        .videos-items .item a .stats .col {
          position: relative;
          background: rgba(0, 0, 0, 0.6);
          margin-bottom: 7px;
          flex-direction: column;
          display: flex;
          justify-content: center;
          align-items: center;
          min-width: 38px;
          min-height: 38px;
          font-size: 9px;
          font-weight: 500;
          visibility: hidden;
          opacity: 0;
          transition: all .3s ease; }
          .carousel-videos .item a .stats .col:first-child,
          .videos-items .item a .stats .col:first-child {
            visibility: visible;
            opacity: 1; }
          .carousel-videos .item a .stats .col span,
          .videos-items .item a .stats .col span {
            margin-top: 3px; }
          .carousel-videos .item a .stats .col p,
          .videos-items .item a .stats .col p {
            visibility: hidden;
            opacity: 0;
            transition: all .3s ease;
            position: absolute;
            width: 130px;
            display: block;
            padding: 5px;
            font-size: 10px;
            line-height: 14px;
            min-height: 100%;
            font-weight: 400;
            right: calc(100% + 1px);
            background: rgba(0, 0, 0, 0.6); }
            .carousel-videos .item a .stats .col p b,
            .videos-items .item a .stats .col p b {
              color: #51d4fd; }
          .carousel-videos .item a .stats .col.middle p,
          .videos-items .item a .stats .col.middle p {
            display: flex;
            align-items: center; }
            .carousel-videos .item a .stats .col.middle p b,
            .videos-items .item a .stats .col.middle p b {
              margin-right: 3px; }
          .carousel-videos .item a .stats .col:hover p,
          .videos-items .item a .stats .col:hover p {
            visibility: visible;
            opacity: 1; }
      .carousel-videos .item a .tag,
      .videos-items .item a .tag {
        transition: all .3s ease;
        position: absolute;
        right: 20px;
        bottom: 0;
        width: 40px;
        height: 40px;
        background: #1e89ee;
        overflow: hidden; }
        @media only screen and (max-width: 768px) {
          .carousel-videos .item a .tag,
          .videos-items .item a .tag {
            right: auto;
            left: 0;
            bottom: -28px;
            width: 22px;
            height: 22px; } }
        @media only screen and (max-width: 768px) {
          .carousel-videos .item a .tag,
          .videos-items .item a .tag {
            background: #2683ee;
            background: -moz-linear-gradient(top, #2683ee 0%, #50c9f4 100%);
            background: -webkit-linear-gradient(top, #2683ee 0%, #50c9f4 100%);
            background: linear-gradient(to bottom, #2683ee 0%, #50c9f4 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2683ee', endColorstr='#50c9f4',GradientType=0 ); } }
        .carousel-videos .item a .tag:before,
        .videos-items .item a .tag:before {
          position: absolute;
          left: 0;
          right: 0;
          bottom: -15px;
          transition: all .3s linear;
          display: inline-block;
          content: '';
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 15px 21px 0 19px;
          border-color: #1e89ee transparent transparent transparent; }
        .carousel-videos .item a .tag:after,
        .videos-items .item a .tag:after {
          display: inline-block;
          content: '';
          position: absolute;
          left: 1px;
          right: 0;
          bottom: -1px;
          width: calc(100% - 2px);
          height: 2px;
          background: #1e89ee; }
        .carousel-videos .item a .tag i,
        .videos-items .item a .tag i {
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%); }
          @media only screen and (max-width: 768px) {
            .carousel-videos .item a .tag i,
            .videos-items .item a .tag i {
              transform: translate(-50%, -50%) scale(0.7); } }
      .carousel-videos .item a .category-block,
      .videos-items .item a .category-block {
        text-shadow: 1px 1px rgba(0, 0, 0, 0.4); }
        .carousel-videos .item a .category-block .col .name,
        .videos-items .item a .category-block .col .name {
          font-size: 20px; }
        .carousel-videos .item a .category-block .col .views,
        .videos-items .item a .category-block .col .views {
          font-size: 10px; }
        .carousel-videos .item a .category-block .subtitle,
        .videos-items .item a .category-block .subtitle {
          font-size: 10px; }

.carousel-lg .item {
  margin-right: 10px;
  padding: 10px;
  position: relative; }
  .carousel-lg .item .thumb {
    position: relative;
    z-index: -2;
    overflow: hidden;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding-top: 155%;
    -webkit-box-shadow: 0px 0px 10px 0px #0056c7;
    -moz-box-shadow: 0px 0px 10px 0px #0056c7;
    box-shadow: 0px 0px 10px 0px #0056c7; }
    .carousel-lg .item .thumb img {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      min-width: 100%;
      min-height: 100%; }
  .carousel-lg .item .tag-level {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    right: 30px;
    top: 10px;
    background: #1e89ee;
    width: 76px;
    font-size: 12px;
    text-transform: uppercase;
    padding: 7px 7px 0 7px;
    font-weight: 600;
    line-height: 13px; }
    .carousel-lg .item .tag-level:before {
      position: absolute;
      z-index: -1;
      left: 0;
      bottom: -15px;
      display: inline-block;
      content: '';
      left: 0;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 15px 0 15px 37px;
      border-color: transparent transparent transparent #1e89ee; }
    .carousel-lg .item .tag-level:after {
      position: absolute;
      z-index: -1;
      right: 0;
      bottom: -15px;
      display: inline-block;
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 15px 37px 15px 0;
      border-color: transparent #1e89ee transparent transparent; }
    .carousel-lg .item .tag-level div {
      text-align: center;
      margin-bottom: 5px; }
      .carousel-lg .item .tag-level div:nth-child(2) {
        margin-bottom: 0; }
  .carousel-lg .item .row {
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: 10px; }

.next-tasks .item-task {
  position: relative;
  margin-bottom: 20px;
  background: #2d3137;
  background: -moz-linear-gradient(top, #2d3137 0%, #1f2428 100%);
  background: -webkit-linear-gradient(top, #2d3137 0%, #1f2428 100%);
  background: linear-gradient(to bottom, #2d3137 0%, #1f2428 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d3137', endColorstr='#1f2428',GradientType=0 );
  -webkit-box-shadow: 10px 10px 20px 0px #15181b;
  -moz-box-shadow: 10px 10px 20px 0px #15181b;
  box-shadow: 10px 10px 20px 0px #15181b;
  display: flex; }
  @media only screen and (max-width: 660px) {
    .next-tasks .item-task {
      flex-direction: column; } }
  .next-tasks .item-task:before {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 100%;
    content: '';
    -webkit-box-shadow: inset 2px 2px 4px 0px rgba(255, 255, 255, 0.06);
    -moz-box-shadow: inset 2px 2px 4px 0px rgba(255, 255, 255, 0.06);
    box-shadow: inset 2px 2px 4px 0px rgba(255, 255, 255, 0.06); }
  .next-tasks .item-task .col {
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 10px; }
    .next-tasks .item-task .col:first-child {
      padding-right: 15px; }
      @media only screen and (max-width: 1200px) {
        .next-tasks .item-task .col:first-child {
          flex: 2; } }
      @media only screen and (max-width: 660px) {
        .next-tasks .item-task .col:first-child {
          flex: 1;
          padding-right: 10px;
          padding-bottom: 0; } }
    .next-tasks .item-task .col:last-child {
      padding-left: 15px; }
      @media only screen and (max-width: 1200px) {
        .next-tasks .item-task .col:last-child {
          flex: 3; } }
      @media only screen and (max-width: 660px) {
        .next-tasks .item-task .col:last-child {
          flex: 1;
          padding-left: 10px; } }
    .next-tasks .item-task .col .thumb {
      position: relative;
      width: 100%;
      overflow: hidden;
      padding-top: 59%; }
      @media only screen and (max-width: 660px) {
        .next-tasks .item-task .col .thumb:after {
          content: '';
          display: inline-block;
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          width: 100%;
          height: 100%;
          background: rgba(0, 0, 0, 0.3); } }
      .next-tasks .item-task .col .thumb:hover img {
        transform: scale(1.1); }
      .next-tasks .item-task .col .thumb img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        transition: all .3s ease;
        transform: scale(1); }
    .next-tasks .item-task .col .btn {
      width: 100%; }
      @media only screen and (max-width: 660px) {
        .next-tasks .item-task .col .btn {
          margin-top: 0; } }
      @media only screen and (max-width: 480px) {
        .next-tasks .item-task .col .btn {
          font-size: 12px; } }
    .next-tasks .item-task .col .subtitle {
      font-size: 14px;
      font-weight: 700;
      line-height: 18px;
      margin-bottom: 3px; }
      @media only screen and (max-width: 660px) {
        .next-tasks .item-task .col .subtitle {
          position: absolute;
          top: -60px;
          text-shadow: 1px 1px rgba(0, 0, 0, 0.5);
          left: 30px; } }
    .next-tasks .item-task .col .title {
      font-size: 23px;
      font-weight: 700;
      line-height: 27px;
      margin-bottom: 20px; }
      @media only screen and (max-width: 660px) {
        .next-tasks .item-task .col .title {
          position: absolute;
          text-shadow: 1px 1px rgba(0, 0, 0, 0.5);
          top: -40px;
          left: 30px; } }
      @media only screen and (max-width: 480px) {
        .next-tasks .item-task .col .title {
          font-size: 18px; } }
    .next-tasks .item-task .col .description {
      font-size: 15px;
      font-weight: 400;
      line-height: 24px;
      margin-bottom: 20px; }
      @media only screen and (max-width: 660px) {
        .next-tasks .item-task .col .description {
          display: none; } }

.grid-items {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  transition: all 1s ease;
  margin: 0 -15px;
  overflow: hidden; }
  .grid-items.closed {
    height: 565px; }
  @media only screen and (max-width: 1440px) {
    .grid-items.closed {
      height: 39vw; } }
  @media only screen and (max-width: 950px) {
    .grid-items.closed {
      height: 58vw; } }
  @media only screen and (max-width: 768px) {
    .grid-items {
      overflow: hidden;
      transition: all 1s ease;
      margin-bottom: 10px; }
      .grid-items.closed {
        height: 405px; }
        .grid-items.closed:after {
          visibility: visible;
          opacity: 1; }
      .grid-items:after {
        visibility: hidden;
        opacity: 0;
        display: inline-block;
        content: '';
        position: absolute;
        transition: all 1s ease;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, black 100%);
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, black 100%);
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, black 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 ); } }
  .grid-items .item-video {
    flex: 0 1 33.3333%;
    padding: 15px;
    position: relative;
    z-index: 0; }
    @media (max-width: 950px) {
      .grid-items .item-video {
        flex: 0 1 50%; } }
    @media (max-width: 767px) {
      .grid-items .item-video {
        margin-bottom: 80px; } }
    .grid-items .item-video a {
      position: relative;
      padding-top: 56%;
      display: block; }
      .grid-items .item-video a .thumb {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        z-index: -1; }
        .grid-items .item-video a .thumb img {
          width: 100%; }
        .grid-items .item-video a .thumb:after {
          display: inline-block;
          content: '';
          transition: all .3s ease;
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          width: 100%;
          height: 100%;
          background: rgba(0, 0, 0, 0.3); }
          @media only screen and (max-width: 767px) {
            .grid-items .item-video a .thumb:after {
              display: none; } }
      .grid-items .item-video a:hover .thumb:after {
        opacity: 0; }
      .grid-items .item-video a .watching-status {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 4px;
        background: rgba(0, 0, 0, 0.4); }
        @media (max-width: 767px) {
          .grid-items .item-video a .watching-status {
            display: none; } }
        .grid-items .item-video a .watching-status .inner {
          position: absolute;
          left: 0;
          top: 0;
          height: 4px;
          background: #9fe8ff; }
      .grid-items .item-video a .row {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        position: absolute; }
        .grid-items .item-video a .row:nth-child(3) {
          top: 20px;
          right: 25px;
          right: 25px; }
        .grid-items .item-video a .row:nth-child(4) {
          bottom: 22px;
          left: 25px;
          right: 25px; }
          @media (max-width: 767px) {
            .grid-items .item-video a .row:nth-child(4) {
              bottom: -85px;
              left: 8px;
              border-left: 3px solid #0a64bc;
              padding-left: 5px; } }
        .grid-items .item-video a .row .status-button {
          width: 155px;
          height: 40px;
          background: #1e89ee;
          display: flex;
          justify-content: center;
          align-items: center;
          font-size: 14px;
          font-weight: 600; }
        .grid-items .item-video a .row .title {
          font-size: 23px;
          line-height: 30px;
          font-weight: 700;
          text-shadow: 1px 1px rgba(0, 0, 0, 0.4); }
          @media (max-width: 767px) {
            .grid-items .item-video a .row .title {
              font-size: 17px; } }
          .grid-items .item-video a .row .title.ft-subtitle {
            line-height: 25px; }
            @media (max-width: 767px) {
              .grid-items .item-video a .row .title.ft-subtitle b {
                display: inline-block;
                width: 100%;
                height: 50px;
                overflow: hidden; } }
            .grid-items .item-video a .row .title.ft-subtitle span {
              font-size: 14px;
              display: inline-block;
              width: 100%;
              line-height: 18px; }
              @media (max-width: 767px) {
                .grid-items .item-video a .row .title.ft-subtitle span {
                  font-size: 12px;
                  font-weight: 500;
                  width: 100%;
                  display: block;
                  white-space: nowrap;
                  overflow: hidden;
                  text-overflow: ellipsis; } }
              .grid-items .item-video a .row .title.ft-subtitle span i {
                font-style: normal;
                color: #9fe8ff; }
      .grid-items .item-video a .stats {
        display: flex;
        flex-direction: column; }
        @media (max-width: 767px) {
          .grid-items .item-video a .stats {
            display: none; } }
        .grid-items .item-video a .stats .col {
          position: relative;
          background: rgba(0, 0, 0, 0.6);
          margin-bottom: 7px;
          flex-direction: column;
          display: flex;
          justify-content: center;
          align-items: center;
          min-width: 38px;
          min-height: 38px;
          font-size: 9px;
          font-weight: 500;
          visibility: hidden;
          opacity: 0;
          transition: all .3s ease; }
          .grid-items .item-video a .stats .col:first-child {
            visibility: visible;
            opacity: 1; }
          .grid-items .item-video a .stats .col span {
            margin-top: 3px; }
          .grid-items .item-video a .stats .col p {
            visibility: hidden;
            opacity: 0;
            transition: all .3s ease;
            position: absolute;
            width: 130px;
            display: block;
            padding: 5px;
            font-size: 10px;
            line-height: 14px;
            min-height: 100%;
            font-weight: 400;
            right: calc(100% + 1px);
            background: rgba(0, 0, 0, 0.6); }
            .grid-items .item-video a .stats .col p b {
              color: #51d4fd; }
          .grid-items .item-video a .stats .col.middle p {
            display: flex;
            align-items: center; }
            .grid-items .item-video a .stats .col.middle p b {
              margin-right: 3px; }
          .grid-items .item-video a .stats .col:hover p {
            visibility: visible;
            opacity: 1; }
      .grid-items .item-video a .tag {
        transition: all .3s ease;
        position: absolute;
        right: 20px;
        bottom: 0;
        width: 40px;
        height: 40px;
        background: #1e89ee;
        overflow: hidden; }
        .grid-items .item-video a .tag:before {
          position: absolute;
          left: 0;
          right: 0;
          bottom: -15px;
          transition: all .3s linear;
          display: inline-block;
          content: '';
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 15px 21px 0 19px;
          border-color: #1e89ee transparent transparent transparent; }
        .grid-items .item-video a .tag:after {
          display: inline-block;
          content: '';
          position: absolute;
          left: 1px;
          right: 0;
          bottom: -1px;
          width: calc(100% - 2px);
          height: 2px;
          background: #1e89ee; }
        .grid-items .item-video a .tag i {
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%); }

.activities-items {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column; }
  .activities-items .item-activity {
    position: relative;
    display: flex;
    margin-bottom: 30px; }
    @media (max-width: 767px) {
      .activities-items .item-activity {
        flex-direction: column; }
        .activities-items .item-activity:before {
          content: '';
          display: inline-block;
          width: 1px;
          height: 30px;
          background: #1e89ee;
          position: absolute;
          bottom: -30px;
          left: 50%; } }
    .activities-items .item-activity .left {
      position: relative;
      flex: 0 1 120px;
      min-height: 120px;
      align-items: center;
      display: flex;
      flex-direction: column;
      justify-content: center;
      text-align: center;
      background: #1e89ee; }
      @media (max-width: 767px) {
        .activities-items .item-activity .left {
          flex-direction: row;
          justify-content: space-between;
          padding: 0 20px;
          min-height: 45px;
          flex-basis: auto; } }
      .activities-items .item-activity .left:before {
        content: '';
        display: inline-block;
        width: 1px;
        height: 30px;
        background: #1e89ee;
        position: absolute;
        bottom: -30px;
        left: 50%; }
        @media (max-width: 767px) {
          .activities-items .item-activity .left:before {
            display: none; } }
      .activities-items .item-activity .left .top {
        display: flex;
        flex-direction: column;
        line-height: 27px;
        font-weight: 800; }
        @media (max-width: 767px) {
          .activities-items .item-activity .left .top {
            flex-direction: row; } }
        .activities-items .item-activity .left .top b {
          font-size: 35px; }
          @media (max-width: 767px) {
            .activities-items .item-activity .left .top b {
              font-size: 24px;
              margin-right: 5px; } }
        .activities-items .item-activity .left .top span {
          font-size: 15px; }
          @media (max-width: 767px) {
            .activities-items .item-activity .left .top span {
              font-size: 24px; } }
      .activities-items .item-activity .left .bottom {
        font-size: 13px;
        font-weight: 400;
        margin-top: 10px; }
        @media (max-width: 767px) {
          .activities-items .item-activity .left .bottom {
            margin-top: 0; } }
    .activities-items .item-activity:last-child .left:before {
      display: none; }
    .activities-items .item-activity .right {
      position: relative;
      display: flex;
      flex: 1;
      background: #161e42;
      margin-left: 35px;
      justify-content: space-between;
      align-items: center;
      min-height: 120px;
      border: 1px solid #063b6f;
      padding: 28px; }
      @media (max-width: 767px) {
        .activities-items .item-activity .right {
          margin-left: 0;
          padding: 20px; } }
      .activities-items .item-activity .right:before {
        position: absolute;
        top: 10px;
        left: -11px;
        content: '';
        display: inline-block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 11px 10px 0;
        border-color: transparent #063b6f transparent transparent; }
        @media (max-width: 767px) {
          .activities-items .item-activity .right:before {
            display: none; } }
      .activities-items .item-activity .right:after {
        position: absolute;
        top: 12px;
        left: -9px;
        content: '';
        display: inline-block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 8px 9px 8px 0;
        border-color: transparent #161e42 transparent transparent; }
        @media (max-width: 767px) {
          .activities-items .item-activity .right:after {
            display: none; } }
      .activities-items .item-activity .right .info {
        flex: 1;
        font-size: 20px;
        line-height: 28px;
        font-weight: 400; }
        @media (max-width: 767px) {
          .activities-items .item-activity .right .info {
            font-size: 16px; } }
        .activities-items .item-activity .right .info b, .activities-items .item-activity .right .info a {
          color: #98dff5;
          font-weight: 800; }
      .activities-items .item-activity .right .badge {
        margin-left: 40px;
        flex: 0 1 auto; }
        .activities-items .item-activity .right .badge img {
          width: 60px; }

.badges-items {
  display: flex;
  flex-wrap: wrap; }
  .badges-items.half-badges {
    margin: 0 -15px; }
    .badges-items.half-badges .badge-item {
      max-width: 50%;
      padding: 0 15px; }
      @media (max-width: 992px) {
        .badges-items.half-badges .badge-item {
          max-width: 100%; }
          .badges-items.half-badges .badge-item:nth-child(2n+2) .inner {
            background: #0e1533; } }
      @media (min-width: 993px) {
        .badges-items.half-badges .badge-item:nth-child(2n+2) .inner {
          background: transparent; }
        .badges-items.half-badges .badge-item:nth-child(4n+3) .inner {
          background: #0e1533; }
        .badges-items.half-badges .badge-item:nth-child(4n+4) .inner {
          background: #0e1533; } }
  .badges-items .badge-item {
    display: flex;
    justify-content: space-between;
    min-height: 100px;
    flex: 1 1 100%; }
    .badges-items .badge-item:nth-child(2n+2) .inner {
      background: #0e1533; }
    .badges-items .badge-item .inner {
      display: flex;
      align-items: center;
      width: 100%;
      justify-content: space-between;
      border-top: 1px solid #063b6f; }
    .badges-items .badge-item .left {
      max-width: 480px;
      padding: 10px;
      flex-direction: column;
      display: flex; }
      .badges-items .badge-item .left span {
        font-size: 14px;
        line-height: 19px;
        font-weight: 500; }
      .badges-items .badge-item .left b {
        color: #9fe8ff;
        font-size: 18px;
        line-height: 22px;
        font-weight: 800; }
      .badges-items .badge-item .left p {
        font-size: 14px;
        font-weight: 500;
        line-height: 19px;
        margin-top: 10px;
        display: flex;
        flex-direction: column; }
        .badges-items .badge-item .left p span {
          margin-top: -5px;
          font-size: 14px;
          font-weight: 400; }
        .badges-items .badge-item .left p b {
          font-size: 16px;
          font-weight: 600;
          color: #9fe8ff; }
    .badges-items .badge-item .right {
      padding: 5px 10px; }
      .badges-items .badge-item .right img {
        max-width: 65px; }

.grid-items-2 {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  transition: all 1s ease;
  margin: 0 -15px;
  overflow: hidden; }
  .grid-items-2.closed {
    height: 650px; }
  @media only screen and (max-width: 1440px) {
    .grid-items-2.closed {
      height: 39vw; } }
  @media only screen and (max-width: 950px) {
    .grid-items-2.closed {
      height: 58vw; } }
  @media only screen and (max-width: 768px) {
    .grid-items-2 {
      overflow: hidden;
      transition: all 1s ease;
      margin-bottom: 10px; }
      .grid-items-2.closed {
        height: 405px; }
        .grid-items-2.closed:after {
          visibility: visible;
          opacity: 1; }
      .grid-items-2:after {
        visibility: hidden;
        opacity: 0;
        display: inline-block;
        content: '';
        position: absolute;
        transition: all 1s ease;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); } }
  .grid-items-2 .item-video {
    flex: 0 1 25%;
    padding: 15px;
    position: relative;
    z-index: 0; }
    @media (max-width: 1200px) {
      .grid-items-2 .item-video {
        flex: 0 1 33.3333%; } }
    @media (max-width: 767px) {
      .grid-items-2 .item-video {
        flex: 0 1 50%; } }
    @media (max-width: 540px) {
      .grid-items-2 .item-video {
        flex: 0 1 100%; } }
    @media (max-width: 540px) {
      .grid-items-2 .item-video {
        display: flex;
        flex-direction: row;
        align-items: center;
        border-bottom: 1px solid #e7e7e7; } }
    .grid-items-2 .item-video .thumb {
      position: relative;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      overflow: hidden;
      border-bottom: 3px solid #dedede; }
      @media (max-width: 540px) {
        .grid-items-2 .item-video .thumb {
          flex: 1;
          max-width: 185px; } }
      @media (max-width: 480px) {
        .grid-items-2 .item-video .thumb {
          flex: 1;
          max-width: 150px; } }
      .grid-items-2 .item-video .thumb a {
        display: flex;
        background: #05111e;
        width: 100%;
        position: relative;
        padding-top: 56%; }
        .grid-items-2 .item-video .thumb a:hover img {
          opacity: 1; }
        .grid-items-2 .item-video .thumb a img {
          opacity: 0.7;
          transition: all .3s ease;
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%);
          min-width: 100%;
          min-height: 100%; }
    .grid-items-2 .item-video .stats {
      position: absolute;
      top: 15px;
      right: 15px;
      display: flex;
      flex-direction: column; }
      @media (max-width: 767px) {
        .grid-items-2 .item-video .stats {
          display: none; } }
      .grid-items-2 .item-video .stats .col {
        position: relative;
        background: rgba(0, 0, 0, 0.6);
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        margin-bottom: 7px;
        flex-direction: column;
        display: flex;
        justify-content: center;
        align-items: center;
        min-width: 38px;
        min-height: 38px;
        font-size: 9px;
        font-weight: 500;
        visibility: hidden;
        opacity: 0;
        transition: all .3s ease; }
        .grid-items-2 .item-video .stats .col:first-child {
          visibility: visible;
          opacity: 1; }
        .grid-items-2 .item-video .stats .col i:hover {
          cursor: pointer; }
    .grid-items-2 .item-video .tag {
      position: absolute;
      right: 15px;
      bottom: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      min-width: 38px;
      min-height: 38px;
      -webkit-border-top-left-radius: 5px;
      -webkit-border-top-right-radius: 5px;
      -moz-border-radius-topleft: 5px;
      -moz-border-radius-topright: 5px;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      background: #1bb0e0; }
      @media (max-width: 768px) {
        .grid-items-2 .item-video .tag {
          display: none; } }
      .grid-items-2 .item-video .tag:after {
        background: #1bb0e0; }
      .grid-items-2 .item-video .tag:before {
        border-color: #1bb0e0 transparent transparent transparent; }
    .grid-items-2 .item-video .title {
      color: #00729c;
      font-size: 18px;
      font-weight: 800;
      line-height: 22px;
      margin-top: 10px;
      margin-bottom: 10px; }
      @media (max-width: 540px) {
        .grid-items-2 .item-video .title {
          margin-bottom: 0;
          margin-top: 0; } }
    .grid-items-2 .item-video .info {
      display: flex;
      align-items: flex-start;
      flex-direction: column; }
      @media (max-width: 540px) {
        .grid-items-2 .item-video .info {
          flex: 1;
          padding-left: 20px; } }
    .grid-items-2 .item-video span {
      font-size: 16px;
      color: #484848;
      font-weight: 800;
      margin-top: 5px; }
      @media (max-width: 540px) {
        .grid-items-2 .item-video span {
          font-size: 12px; } }
      .grid-items-2 .item-video span.category {
        display: none;
        background: #1bb0e0;
        color: #fff;
        font-size: 12px;
        font-weight: 800;
        min-height: 25px;
        margin-top: 10px;
        padding: 3px 10px;
        width: auto;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px; }
        @media (max-width: 540px) {
          .grid-items-2 .item-video span.category {
            display: inline-flex;
            align-items: center; } }
      .grid-items-2 .item-video span b {
        color: #1bb0e0; }

/* LIGHT MODE */
.light-mode .lecturers-items {
  display: flex;
  margin-top: 40px;
  flex-wrap: wrap; }
  @media (max-width: 480px) {
    .light-mode .lecturers-items {
      margin-left: -10px;
      margin-right: -10px;
      margin-top: 0; } }
  .light-mode .lecturers-items .item {
    flex: 1 1 33.3333%;
    padding: 0 15px;
    margin-bottom: 20px;
    margin-top: 165px; }
    @media (max-width: 1090px) {
      .light-mode .lecturers-items .item {
        flex-basis: 100%; } }
    .light-mode .lecturers-items .item .inner {
      display: flex;
      align-items: center;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
      box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
      background: #fff;
      flex-direction: column; }
    @media (max-width: 480px) {
      .light-mode .lecturers-items .item {
        padding: 0 10px;
        margin-bottom: 30px; } }
    .light-mode .lecturers-items .item .thumb {
      display: flex;
      position: relative;
      width: 100%;
      max-width: 320px;
      height: 320px;
      margin-top: -160px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      border: 10px solid #1bb0e0;
      overflow: hidden; }
      @media (max-width: 480px) {
        .light-mode .lecturers-items .item .thumb {
          max-width: 250px;
          height: 250px;
          margin-top: -125px; } }
      .light-mode .lecturers-items .item .thumb img {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        min-height: 100%;
        transition: all .3s ease; }
      .light-mode .lecturers-items .item .thumb:hover img {
        opacity: 0.8; }
    .light-mode .lecturers-items .item .name {
      font-size: 23px;
      color: #1bb0e0;
      line-height: 30px;
      font-weight: 800;
      transition: all .3s ease;
      margin: 20px 0 0 0;
      text-align: center; }
      @media (max-width: 480px) {
        .light-mode .lecturers-items .item .name {
          padding: 0 15px; } }
      .light-mode .lecturers-items .item .name:hover {
        opacity: 0.7; }
    .light-mode .lecturers-items .item .subname {
      font-size: 18px;
      text-align: center;
      text-transform: uppercase;
      color: #515151;
      line-height: 30px;
      font-weight: 800;
      transition: all .3s ease;
      margin: 0 0 20px 0; }
      .light-mode .lecturers-items .item .subname:hover {
        opacity: 0.7; }
    .light-mode .lecturers-items .item .desc {
      font-size: 17px;
      position: relative;
      color: #484848;
      font-weight: 400;
      text-align: center;
      line-height: 26px;
      padding: 30px; }
      .light-mode .lecturers-items .item .desc:before {
        content: '';
        position: absolute;
        display: inline-block;
        width: 36px;
        height: 5px;
        background: #00729c;
        top: 0;
        left: 50%;
        transform: translateX(-50%); }
    .light-mode .lecturers-items .item .link-row {
      width: 100%;
      text-align: right;
      height: 58px;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 20px;
      color: #1bb0e0;
      font-weight: 900;
      background: #fafafa;
      transition: all .3s ease;
      border-top: 1px solid #c8c8c8;
      -webkit-border-bottom-right-radius: 10px;
      -webkit-border-bottom-left-radius: 10px;
      -moz-border-radius-bottomright: 10px;
      -moz-border-radius-bottomleft: 10px;
      border-bottom-right-radius: 10px;
      border-bottom-left-radius: 10px; }
      .light-mode .lecturers-items .item .link-row:hover {
        color: #fff;
        background: #1bb0e0; }

.light-mode .carousel-videos,
.light-mode .videos-items {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 0 -15px; }
  .light-mode .carousel-videos .item,
  .light-mode .videos-items .item {
    margin: 15px;
    flex: 1;
    min-width: 30%;
    max-width: 33.3333%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px; }
    @media (max-width: 768px) {
      .light-mode .carousel-videos .item,
      .light-mode .videos-items .item {
        max-width: 100%;
        flex-basis: 100%;
        border-bottom: 3px solid #dedede;
        margin-bottom: 30px; } }
    .light-mode .carousel-videos .item:hover,
    .light-mode .videos-items .item:hover {
      -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.6);
      -moz-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.6);
      box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.6); }
    .light-mode .carousel-videos .item .row,
    .light-mode .videos-items .item .row {
      display: flex;
      flex-direction: column;
      position: absolute;
      bottom: 30px;
      left: 40px;
      right: 40px; }
      @media (max-width: 768px) {
        .light-mode .carousel-videos .item .row,
        .light-mode .videos-items .item .row {
          left: 20px;
          right: 20px; }
          .light-mode .carousel-videos .item .row:nth-child(4),
          .light-mode .videos-items .item .row:nth-child(4) {
            left: 0; } }
    .light-mode .carousel-videos .item .planned,
    .light-mode .videos-items .item .planned {
      display: flex;
      flex-direction: column;
      min-height: 26px;
      padding: 5px 0;
      position: absolute;
      align-items: center;
      top: 30px;
      left: 30px;
      background: #ff7300;
      padding: 5px 15px;
      text-shadow: none;
      font-weight: 700;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px; }
      @media (max-width: 768px) {
        .light-mode .carousel-videos .item .planned,
        .light-mode .videos-items .item .planned {
          left: 20px;
          right: 20px; }
          .light-mode .carousel-videos .item .planned:nth-child(4),
          .light-mode .videos-items .item .planned:nth-child(4) {
            left: 0; } }
    .light-mode .carousel-videos .item .status,
    .light-mode .videos-items .item .status {
      position: absolute;
      height: 157px;
      width: 100%; }
    .light-mode .carousel-videos .item a .category,
    .light-mode .videos-items .item a .category {
      display: flex;
      min-height: 26px;
      padding: 5px 0;
      align-items: center;
      font-size: 16px;
      box-shadow: 0 2px #00729c;
      color: #fff;
      font-weight: 800;
      background: #1bb0e0;
      padding: 5px 15px;
      text-shadow: none;
      margin-bottom: 10px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px; }
    .light-mode .carousel-videos .item a .thumb,
    .light-mode .videos-items .item a .thumb {
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      overflow: hidden; }
      .light-mode .carousel-videos .item a .thumb .watching-status,
      .light-mode .videos-items .item a .thumb .watching-status {
        z-index: 1; }

.light-mode .carousel-lg .item .thumb {
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.7); }

.light-mode .carousel-lg .item .category-block .col .name {
  color: #fff; }

.text-content p {
  line-height: 1.75em;
  margin: 0 0 0.5em 0; }

.text-content ul li {
  line-height: 1.75em;
  margin: 0 0 0.5em 0; }

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #aabbe3;
  opacity: 1; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #aabbe3;
  opacity: 1; }

:-ms-input-placeholder {
  /* IE 10+ */
  color: #aabbe3;
  opacity: 1; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #aabbe3;
  opacity: 1; }

textarea {
  background: #0b2668;
  color: #aabbe3;
  font-family: "Poppins", sans-serif;
  resize: none;
  width: 100%;
  border-bottom: 2px solid #bceeff;
  font-size: 15px;
  font-weight: 400;
  min-height: 90px;
  line-height: 24px;
  padding: 10px 15px; }

input[type="text"],
input[type="email"],
input[type="password"] {
  background: #0b2668;
  color: #aabbe3;
  font-family: "Poppins", sans-serif;
  resize: none;
  width: 100%;
  border-bottom: 2px solid #bceeff;
  font-size: 15px;
  font-weight: 400;
  height: 40px;
  line-height: 40px;
  padding: 10px 15px; }

.form-section {
  margin-bottom: 90px;
  margin-top: 50px; }

.form-group {
  margin-bottom: 30px; }
  .form-group .title {
    color: #fff;
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 30px; }
  .form-group .title-sm {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    margin-top: 30px;
    margin-bottom: 30px; }

.form-row {
  display: flex;
  justify-content: flex-start; }

.form-textarea {
  display: flex;
  justify-content: flex-start; }
  .form-textarea .user-block {
    align-items: flex-start; }
    .form-textarea .user-block .user-avatar {
      flex-basis: 55px;
      width: 55px;
      height: 55px;
      margin-right: 15px; }
      .form-textarea .user-block .user-avatar img {
        transition: none;
        transform: translate(-50%, -50%) !important;
        max-width: 104%; }
  .form-textarea .text {
    display: flex;
    flex-direction: column;
    flex: 1;
    align-items: flex-end;
    margin-bottom: 30px; }
    .form-textarea .text textarea {
      margin-bottom: 7px; }

.form-input {
  display: flex;
  flex-direction: column; }
  .form-input label {
    margin-bottom: 10px;
    font-weight: 600; }
  .form-input input {
    margin-bottom: 30px; }

.form-select {
  display: flex;
  flex-direction: column; }
  .form-select label {
    margin-bottom: 10px;
    font-weight: 600; }
  .form-select .fs-dropdown {
    margin-bottom: 30px; }
  .form-select button {
    font-weight: 400;
    font-family: "Poppins", sans-serif; }

.form-switch {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #1b3671;
  padding: 6px 0; }
  .form-switch .label {
    color: #eaeaea;
    font-size: 14px;
    font-weight: 600; }
  .form-switch .switch {
    position: relative;
    display: inline-block;
    width: 57px;
    height: 30px; }
  .form-switch .switch input {
    opacity: 0;
    width: 0;
    height: 0; }
  .form-switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #0a64bc;
    -webkit-transition: .4s;
    transition: .4s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; }
  .form-switch .slider:before {
    position: absolute;
    content: "";
    height: 22px;
    width: 22px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; }
  .form-switch input:checked + .slider {
    background-color: #00b440; }
  .form-switch input:focus + .slider {
    box-shadow: 0 0 1px #0a64bc; }
  .form-switch input:checked + .slider:before {
    -webkit-transform: translateX(27px);
    -ms-transform: translateX(27px);
    transform: translateX(27px); }

.form-checkbox {
  display: flex;
  align-items: flex-start;
  margin-right: 20px; }

.form-radio {
  display: flex;
  align-items: center;
  margin-right: 20px; }

.form-number {
  display: flex;
  justify-content: flex-start; }
  .form-number input {
    width: 100%;
    text-align: center;
    border: 0;
    background: transparent;
    font-size: 22px;
    font-weight: 700;
    padding: 0 45px;
    color: #fff; }
  .form-number .input {
    min-width: 130px;
    flex-basis: 130px;
    position: relative;
    background: #0a64bc;
    display: inline-block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; }
  .form-number .less {
    position: absolute;
    cursor: pointer;
    display: inline-block;
    top: 4px;
    left: 4px;
    bottom: 4px;
    width: 32px;
    background: url(../images/icon-minus.svg) no-repeat #1b3671 center center;
    transition: all .2s ease;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; }
    .form-number .less:hover {
      background: url(../images/icon-minus.svg) no-repeat #1e89ee center center; }
  .form-number .more {
    position: absolute;
    cursor: pointer;
    display: inline-block;
    right: 4px;
    top: 4px;
    bottom: 4px;
    width: 32px;
    background: url(../images/icon-plus.svg) no-repeat #1b3671 center center;
    transition: all .3s ease;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; }
    .form-number .more:hover {
      background: url(../images/icon-plus.svg) no-repeat #1e89ee center center; }

.form-date {
  position: relative;
  display: inline-block;
  min-height: 30px;
  line-height: 30px;
  margin-right: 40px;
  margin-bottom: 20px; }
  .form-date label {
    display: inline-block;
    margin-right: 10px; }
  .form-date input {
    display: inline-block;
    border: 0;
    width: 165px;
    height: 30px;
    line-height: 30px;
    word-spacing: 1px;
    background: transparent;
    padding: 0 8px;
    font-weight: 400;
    color: #dfe8ff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: url(../images/bg-datepicker-input.svg) no-repeat center right #0a64bc; }
    .form-date input::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      color: #dfe8ff; }
    .form-date input::-moz-placeholder {
      /* Firefox 19+ */
      color: #dfe8ff; }
    .form-date input:-ms-input-placeholder {
      /* IE 10+ */
      color: #dfe8ff; }
    .form-date input:-moz-placeholder {
      /* Firefox 18- */
      color: #dfe8ff; }

/* LIGHT MODE */
.light-mode ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #6b6b6b;
  opacity: 1; }

.light-mode ::-moz-placeholder {
  /* Firefox 19+ */
  color: #6b6b6b;
  opacity: 1; }

.light-mode :-ms-input-placeholder {
  /* IE 10+ */
  color: #6b6b6b;
  opacity: 1; }

.light-mode :-moz-placeholder {
  /* Firefox 18- */
  color: #6b6b6b;
  opacity: 1; }

.light-mode .form-group .title {
  color: #00729c; }

.light-mode .form-input label {
  font-size: 14px;
  color: #484848; }

.light-mode .form-select label {
  font-size: 14px;
  color: #484848; }

.light-mode input[type="text"],
.light-mode input[type="email"],
.light-mode input[type="password"] {
  background: #fff;
  color: #6b6b6b;
  font-family: "Poppins", sans-serif;
  resize: none;
  width: 100%;
  border: 1px solid #dedede;
  border-bottom: 2px solid #dedede;
  font-size: 15px;
  font-weight: 400;
  height: 40px;
  line-height: 40px;
  padding: 10px 15px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; }

.light-mode textarea {
  background: #fff;
  color: #6b6b6b;
  border: 1px solid #dedede;
  border-bottom: 2px solid #dedede; }

.light-mode .form-textarea .user-block .user-avatar {
  -webkit-box-shadow: 0px 3px 1px 0px #e7e7e7;
  -moz-box-shadow: 0px 3px 1px 0px #e7e7e7;
  box-shadow: 0px 3px 1px 0px #e7e7e7; }

.light-mode .form-number .less {
  background-color: #1bb0e0; }
  .light-mode .form-number .less:hover {
    background-color: #00729c; }

.light-mode .form-number .more {
  background-color: #1bb0e0; }
  .light-mode .form-number .more:hover {
    background-color: #00729c; }

.light-mode .form-number input[type="text"] {
  font-weight: 800;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.light-mode .form-number .input {
  background: #fff; }

.light-mode .form-switch {
  border-bottom: 1px solid #c8c8c8; }
  .light-mode .form-switch .label {
    color: #6b6b6b; }
  .light-mode .form-switch .slider {
    background: #1bb0e0;
    -webkit-box-shadow: inset 0px 0px 3px 0px rgba(1, 1, 16, 0.3);
    -moz-box-shadow: inset 0px 0px 3px 0px rgba(1, 1, 16, 0.3);
    box-shadow: inset 0px 0px 3px 0px rgba(1, 1, 16, 0.3); }
    .light-mode .form-switch .slider:before {
      -webkit-box-shadow: inset 0px 0px 3px 0px rgba(1, 1, 16, 0.3);
      -moz-box-shadow: inset 0px 0px 3px 0px rgba(1, 1, 16, 0.3);
      box-shadow: inset 0px 0px 3px 0px rgba(1, 1, 16, 0.3); }
  .light-mode .form-switch input:checked + .slider {
    background: #00b440; }

.light-mode .list-normal li {
  color: #6b6b6b; }
  .light-mode .list-normal li:before {
    background: #00729c; }

.light-mode .list-normal.list-icons li span:first-child {
  background: #00729c; }

.light-mode .form-date input {
  color: #00729c;
  height: 30px;
  line-height: 30px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border-bottom: 1px solid #dedede;
  background: url(../images/bg-datepicker-input-light.svg) no-repeat center right #fff; }
  .light-mode .form-date input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #00729c; }
  .light-mode .form-date input::-moz-placeholder {
    /* Firefox 19+ */
    color: #00729c; }
  .light-mode .form-date input:-ms-input-placeholder {
    /* IE 10+ */
    color: #00729c; }
  .light-mode .form-date input:-moz-placeholder {
    /* Firefox 18- */
    color: #00729c; }

.page-footer {
  flex-shrink: 0;
  display: flex;
  flex-direction: column; }
  .page-footer .top {
    position: relative;
    background: #041132; }
    .page-footer .top:before {
      position: absolute;
      display: inline-block;
      content: '';
      background: #081b4a;
      left: 0;
      top: 0;
      width: calc((100vw - 1440px) / 2 + 16px);
      height: 100%; }
    .page-footer .top .wrapper {
      display: flex; }
      @media only screen and (max-width: 1440px) {
        .page-footer .top .wrapper {
          margin: 0 -15px; } }
      @media only screen and (max-width: 420px) {
        .page-footer .top .wrapper {
          align-items: stretch;
          flex-direction: column;
          margin: 0;
          padding: 0; } }
      .page-footer .top .wrapper > .col {
        display: flex; }
        .page-footer .top .wrapper > .col:first-child {
          flex: 0 0 240px;
          justify-content: center;
          align-items: center;
          min-height: 230px;
          background: #081b4a; }
          .page-footer .top .wrapper > .col:first-child a {
            font-size: 0; }
          @media (max-width: 650px) {
            .page-footer .top .wrapper > .col:first-child {
              flex: 1; } }
        .page-footer .top .wrapper > .col > .col {
          padding-top: 37px;
          padding-bottom: 37px; }
          .page-footer .top .wrapper > .col > .col:nth-child(1) {
            flex: 4;
            padding-left: 15px; }
            @media only screen and (max-width: 992px) {
              .page-footer .top .wrapper > .col > .col:nth-child(1) {
                display: none; } }
          .page-footer .top .wrapper > .col > .col:nth-child(2) {
            flex: 6;
            padding-left: 30px; }
            @media (max-width: 650px) {
              .page-footer .top .wrapper > .col > .col:nth-child(2) {
                flex: 1; } }
    .page-footer .top .title {
      font-size: 22px;
      font-weight: 700;
      padding-bottom: 20px;
      margin-bottom: 20px;
      line-height: 30px;
      position: relative; }
      .page-footer .top .title:before {
        position: absolute;
        content: '';
        display: inline-block;
        width: 100%;
        max-width: 225px;
        height: 4px;
        background: #51d3fd;
        left: 0;
        bottom: 0; }
    .page-footer .top .desc {
      font-size: 12px;
      font-weight: 400;
      line-height: 19px; }
    .page-footer .top .links {
      display: flex;
      flex-wrap: wrap; }
      @media only screen and (max-width: 650px) {
        .page-footer .top .links {
          flex-direction: column; } }
      .page-footer .top .links li {
        flex-basis: 33.3333%;
        margin-bottom: 18px;
        background: url(../images/point-dot.svg) no-repeat left 7px center;
        padding-left: 30px; }
        @media only screen and (max-width: 768px) {
          .page-footer .top .links li {
            flex-basis: 50%; } }
        @media only screen and (max-width: 650px) {
          .page-footer .top .links li {
            display: none; }
            .page-footer .top .links li:nth-child(1), .page-footer .top .links li:nth-child(2), .page-footer .top .links li:nth-child(3) {
              display: inline-block; } }
        .page-footer .top .links li a {
          font-size: 14px;
          font-weight: 400; }
          .page-footer .top .links li a:hover {
            color: #70c1e8; }
  .page-footer .bottom {
    background: #000512;
    font-size: 12px;
    color: #70c1e8;
    font-weight: 400; }
    .page-footer .bottom .wrapper {
      display: flex;
      min-height: 44px;
      justify-content: space-between;
      align-items: center; }
      @media only screen and (max-width: 640px) {
        .page-footer .bottom .wrapper {
          justify-content: center; } }
    .page-footer .bottom ul {
      display: flex; }
      @media only screen and (max-width: 640px) {
        .page-footer .bottom ul {
          display: none; } }
      .page-footer .bottom ul li {
        margin-left: 10px;
        padding-left: 10px;
        border-left: 1px solid #70c1e8; }
        .page-footer .bottom ul li:first-child {
          border: none; }
        .page-footer .bottom ul li a {
          color: #70c1e8; }
          .page-footer .bottom ul li a:hover {
            color: #fff; }

/* LIGHT MODE */
.light-mode .page-footer {
  border-top: 1px solid #d6d6d6; }
  .light-mode .page-footer .top {
    background: #fff; }
    .light-mode .page-footer .top:before {
      background: #1bb0e0; }
    .light-mode .page-footer .top .wrapper > .col:first-child {
      background: #1bb0e0; }
    .light-mode .page-footer .top .title {
      color: #006d90; }
      .light-mode .page-footer .top .title:before {
        width: 60px; }
    .light-mode .page-footer .top .links li {
      background: url(../images/point-dot-light.svg) no-repeat left 7px center; }
      .light-mode .page-footer .top .links li a {
        color: #006d90; }
        .light-mode .page-footer .top .links li a:hover {
          opacity: 0.7; }
  .light-mode .page-footer .bottom {
    background: #006d90;
    color: #fff; }
    .light-mode .page-footer .bottom ul li a {
      color: #fff; }
      .light-mode .page-footer .bottom ul li a:hover {
        opacity: 0.7; }