@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Raleway:wght@400;700&display=swap");
@font-face {
  font-family: 'Roboto';
  src: url("../fonts/Roboto-Regular.eot");
  src: url("../fonts/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Regular.woff2") format("woff2"), url("../fonts/Roboto-Regular.woff") format("woff"), url("../fonts/Roboto-Regular.ttf") format("truetype"), url("../fonts/Roboto-Regular.svg#Roboto-Regular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Roboto';
  src: url("../fonts/Roboto-Bold.eot");
  src: url("../fonts/Roboto-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Bold.woff2") format("woff2"), url("../fonts/Roboto-Bold.woff") format("woff"), url("../fonts/Roboto-Bold.ttf") format("truetype"), url("../fonts/Roboto-Bold.svg#Roboto-Bold") format("svg");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'Roboto Condensed';
  src: url("../fonts/RobotoCondensed-Regular.eot");
  src: url("../fonts/RobotoCondensed-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoCondensed-Regular.woff2") format("woff2"), url("../fonts/RobotoCondensed-Regular.woff") format("woff"), url("../fonts/RobotoCondensed-Regular.ttf") format("truetype"), url("../fonts/RobotoCondensed-Regular.svg#RobotoCondensed-Regular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Roboto Condensed';
  src: url("../fonts/RobotoCondensed-Bold.eot");
  src: url("../fonts/RobotoCondensed-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoCondensed-Bold.woff2") format("woff2"), url("../fonts/RobotoCondensed-Bold.woff") format("woff"), url("../fonts/RobotoCondensed-Bold.ttf") format("truetype"), url("../fonts/RobotoCondensed-Bold.svg#RobotoCondensed-Bold") format("svg");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'Gotham-Book';
  src: url("../fonts/gotham-book/Gotham-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/gotham-book/Gotham-Book.otf") format("opentype"), url("../fonts/gotham-book/Gotham-Book.woff") format("woff"), url("../fonts/gotham-book/Gotham-Book.ttf") format("truetype"), url("../fonts/gotham-book/Gotham-Book.svg#Gotham-Book") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Gotham-Ultra';
  src: url("../fonts/gotham-ultra/Gotham-Ultra.eot");
  src: url("../fonts/gotham-ultra/Gotham-Ultra.eot?#iefix") format("embedded-opentype"), url("../fonts/gotham-ultra/Gotham-Ultra.woff") format("woff"), url("../fonts/gotham-ultra/Gotham-Ultra.ttf") format("truetype"), url("../fonts/gotham-ultra/Gotham-Ultra.svg#Gotham-Ultra") format("svg");
  font-style: normal; }

@font-face {
  font-family: 'Gotham-Thin';
  src: url("../fonts/gotham-thin/Gotham-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/gotham-thin/Gotham-Thin.otf") format("opentype"), url("../fonts/gotham-thin/Gotham-Thin.woff") format("woff"), url("../fonts/gotham-thin/Gotham-Thin.ttf") format("truetype"), url("../fonts/gotham-thin/Gotham-Thin.svg#Gotham-Thin") format("svg");
  font-weight: normal;
  font-style: normal; }

.roboto {
  font-family: "Roboto"; }
  .roboto.bold {
    font-weight: bold; }

.roboto-cond {
  font-family: "Roboto Condensed"; }
  .roboto-cond.con-bold {
    font-weight: bold; }

.classroom .wrapper-right .lessons-list .lesson .lesson-state-1, .classroom .wrapper-right .lessons-list .lesson .lesson-state-2, .classroom .wrapper-right .lessons-list .lesson .lesson-state-3, .user-course-page .course-lessons .day .lesson .lesson-state-1, .user-course-page .course-lessons .day .lesson .lesson-state-2, .user-course-page .course-lessons .day .lesson .lesson-state-3 {
  display: block;
  width: 15px;
  height: 15px;
  line-height: 15px;
  color: white;
  background-color: transparent;
  border: 2px solid #eee;
  border-radius: 50%; }

.classroom .wrapper-right .lessons-list .lesson a h3, .user-course-page .course-lessons .day .lesson h3 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.online-page .btn-red-lighter[disabled], .galleries-nav li.active:hover a {
  pointer-events: none;
  cursor: default; }

.gallery-page .gallery-main .gallery-article .hover-box {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: 100%;
  background: rgba(250, 250, 250, 0.9);
  transition: all .3s; }

.galleries-nav li a, #user-panel .avatar-holder .user-avatar a .edit-avatar p {
  font-weight: bold;
  font-family: "Roboto Condensed"; }

.standard-hover-box, .course-archive .holder .hover, .students-box .hover {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  transition: all .3s;
  background-color: rgba(30, 46, 61, 0.9);
  z-index: 2; }

.opacity-hover:hover .user-avatar {
  position: relative; }
  .opacity-hover:hover .user-avatar:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.1);
    transition: background-color 0.5s ease; }

@font-face {
  font-family: 'ks-icons';
  src: url("../fonts/ks-icons.eot?36927290");
  src: url("../fonts/ks-icons.eot?36927290#iefix") format("embedded-opentype"), url("../fonts/ks-icons.woff2?36927290") format("woff2"), url("../fonts/ks-icons.woff?36927290") format("woff"), url("../fonts/ks-icons.ttf?36927290") format("truetype"), url("../fonts/ks-icons.svg?36927290#ks-icons") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'ks-icons';
    src: url('../font/ks-icons.svg?36927290#ks-icons') format('svg');
  }
}
*/
[class^="ksi-"]:before, [class*=" ksi-"]:before {
  font-family: "ks-icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: auto;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

.ksi-left-big:before {
  content: '\21'; }

/* '!' */
.ksi-spin5:before {
  content: '\22'; }

/* '"' */
.ksi-bell:before {
  content: '\27'; }

/* ''' */
.ksi-doc-text:before {
  content: '\2b'; }

/* '+' */
.ksi-angle-down:before {
  content: '\2c'; }

/* ',' */
.ksi-right-big:before {
  content: '\2d'; }

/* '-' */
.ksi-menu:before {
  content: '\2e'; }

/* '.' */
.ksi-github:before {
  content: '\30'; }

/* '0' */
.ksi-player-backward:before {
  content: '\31'; }

/* '1' */
.ksi-player-forward:before {
  content: '\32'; }

/* '2' */
.ksi-player-pause:before {
  content: '\33'; }

/* '3' */
.ksi-player-play:before {
  content: '\34'; }

/* '4' */
.ksi-player-resize:before {
  content: '\35'; }

/* '5' */
.ksi-player-volume-max:before {
  content: '\36'; }

/* '6' */
.ksi-player-volume-med:before {
  content: '\37'; }

/* '7' */
.ksi-player-volume-min:before {
  content: '\38'; }

/* '8' */
.ksi-player-volume-mute:before {
  content: '\39'; }

/* '9' */
.ksi-lock:before {
  content: '\3a'; }

/* ':' */
.ksi-gallery:before {
  content: '\3b'; }

/* ';' */
.ksi-down:before {
  content: '\3c'; }

/* '<' */
.ksi-list:before {
  content: '\3f'; }

/* '?' */
.ksi-relax-room-icon:before {
  content: '\41'; }

/* 'A' */
.ksi-angle-left:before {
  content: '\42'; }

/* 'B' */
.ksi-right-open:before {
  content: '\43'; }

/* 'C' */
.ksi-learn-classroom:before {
  content: '\44'; }

/* 'D' */
.ksi-quiz-check:before {
  content: '\45'; }

/* 'E' */
.ksi-learn-online:before {
  content: '\46'; }

/* 'F' */
.ksi-profile:before {
  content: '\47'; }

/* 'G' */
.ksi-trigger:before {
  content: '\48'; }

/* 'H' */
.ksi-internet-wifi:before {
  content: '\49'; }

/* 'I' */
.ksi-trash:before {
  content: '\4a'; }

/* 'J' */
.ksi-unlock:before {
  content: '\4b'; }

/* 'K' */
.ksi-mail:before {
  content: '\4c'; }

/* 'L' */
.ksi-angle-up:before {
  content: '\4d'; }

/* 'M' */
.ksi-angle-right:before {
  content: '\4e'; }

/* 'N' */
.ksi-calendar:before {
  content: '\4f'; }

/* 'O' */
.ksi-attention-alt:before {
  content: '\50'; }

/* 'P' */
.ksi-wish-list-enter:before {
  content: '\51'; }

/* 'Q' */
.ksi-learn-class:before {
  content: '\52'; }

/* 'R' */
.ksi-support:before {
  content: '\53'; }

/* 'S' */
.ksi-learn-new-notes:before {
  content: '\54'; }

/* 'T' */
.ksi-learn-script-icon:before {
  content: '\55'; }

/* 'U' */
.ksi-up-open:before {
  content: '\56'; }

/* 'V' */
.ksi-screenshot-chat:before {
  content: '\57'; }

/* 'W' */
.ksi-left-open:before {
  content: '\58'; }

/* 'X' */
.ksi-down-open:before {
  content: '\59'; }

/* 'Y' */
.ksi-learn-course-test:before {
  content: '\5a'; }

/* 'Z' */
.ksi-linkedin:before {
  content: '\5c'; }

/* '\' */
.ksi-search:before {
  content: '\5f'; }

/* '_' */
.ksi-prize:before {
  content: '\61'; }

/* 'a' */
.ksi-video-notes:before {
  content: '\62'; }

/* 'b' */
.ksi-video-chat:before {
  content: '\63'; }

/* 'c' */
.ksi-notes:before {
  content: '\64'; }

/* 'd' */
.ksi-dd:before {
  content: '\65'; }

/* 'e' */
.ksi-pinterest:before {
  content: '\66'; }

/* 'f' */
.ksi-portfolio:before {
  content: '\67'; }

/* 'g' */
.ksi-recommendation-title:before {
  content: '\68'; }

/* 'h' */
.ksi-google-plus:before {
  content: '\69'; }

/* 'i' */
.ksi-cancel:before {
  content: '\6a'; }

/* 'j' */
.ksi-settings:before {
  content: '\6b'; }

/* 'k' */
.ksi-students:before {
  content: '\6c'; }

/* 'l' */
.ksi-wallet:before {
  content: '\6d'; }

/* 'm' */
.ksi-video-script:before {
  content: '\6e'; }

/* 'n' */
.ksi-hat:before {
  content: '\6f'; }

/* 'o' */
.ksi-wishlist-drop:before {
  content: '\70'; }

/* 'p' */
.ksi-lesson-finished:before {
  content: '\71'; }

/* 'q' */
.ksi-facebook:before {
  content: '\72'; }

/* 'r' */
.ksi-male:before {
  content: '\73'; }

/* 's' */
.ksi-facebook-circle:before {
  content: '\74'; }

/* 't' */
.ksi-google:before {
  content: '\75'; }

/* 'u' */
.ksi-video-download:before {
  content: '\76'; }

/* 'v' */
.ksi-courses:before {
  content: '\77'; }

/* 'w' */
.ksi-twitter-circle:before {
  content: '\78'; }

/* 'x' */
.ksi-twitter:before {
  content: '\79'; }

/* 'y' */
.ksi-female:before {
  content: '\7a'; }

/* 'z' */
.ksi-views:before {
  content: '\7c'; }

/* '|' */
.ksi-play-circle:before {
  content: '\7e'; }

/* '~' */
.ksi-logout:before {
  content: '\f7'; }

/* '÷' */
.ksi-material:before {
  content: '\201a'; }

/* '‚' */
.ksi-progress-cup:before {
  content: '\20ac'; }

/* '€' */
.ksi-lesson-in-progress:before {
  content: '\e800'; }

/* '' */
.reset-pb {
  padding-bottom: 0 !important; }

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

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

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

/*******************************************!
 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

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

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

a:active,
a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1, .cke_editable h2, .cke_editable h3, .cke_editable h4 {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

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

td,
th {
  padding: 0; }

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: ""; }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  .navbar {
    display: none; }
  .btn > .caret, .btn-browse > .caret, button > .caret, .play-video-responsive > .caret,
  .dropup > .btn > .caret,
  .dropup > .btn-browse > .caret,
  .dropup > button > .caret,
  .dropup > .play-video-responsive > .caret {
    border-top-color: #000 !important; }
  .label {
    border: 1px solid #000; }
  .table {
    border-collapse: collapse !important; }
    .table td,
    .table th {
      background-color: #fff !important; }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important; } }

* {
  box-sizing: border-box; }

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

html {
  font-size: 10px;
  -webkit-tap-highlight-color: transparent; }

body {
  font-family: "Roboto";
  font-size: 14px;
  line-height: 1.428571429;
  color: #373D3F;
  background-color: #f5f5f5; }

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

a {
  color: #1b839e;
  text-decoration: none; }
  a:hover, a:focus {
    color: #38b4d6;
    text-decoration: underline; }
  a:focus {
    outline: thin dotted rgba(0, 0, 0, 0.1);
    outline-offset: 2px; }

figure {
  margin: 0; }

img {
  vertical-align: middle; }

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto; }

.img-rounded {
  border-radius: 6px; }

.img-thumbnail {
  padding: 4px;
  line-height: 1.428571429;
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  border-radius: 0;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto; }

.img-circle {
  border-radius: 50%; }

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #f5f5f5; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

[role="button"] {
  cursor: pointer; }

h1, .cke_editable h2, .cke_editable h3, .cke_editable h4, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit; }
  h1 small, .cke_editable h2 small, .cke_editable h3 small, .cke_editable h4 small,
  h1 .small, .cke_editable h2 .small, .cke_editable h3 .small, .cke_editable h4 .small, h2 small,
  h2 .small, h3 small,
  h3 .small, h4 small,
  h4 .small, h5 small,
  h5 .small, h6 small,
  h6 .small,
  .h1 small,
  .h1 .small, .h2 small,
  .h2 .small, .h3 small,
  .h3 .small, .h4 small,
  .h4 .small, .h5 small,
  .h5 .small, .h6 small,
  .h6 .small {
    font-weight: normal;
    line-height: 1;
    color: #eee; }

h1, .cke_editable h2, .cke_editable h3, .cke_editable h4, .h1,
h2, .h2,
h3, .h3 {
  margin-top: 20px;
  margin-bottom: 10px; }
  h1 small, .cke_editable h2 small, .cke_editable h3 small, .cke_editable h4 small,
  h1 .small, .cke_editable h2 .small, .cke_editable h3 .small, .cke_editable h4 .small, .h1 small,
  .h1 .small,
  h2 small,
  h2 .small, .h2 small,
  .h2 .small,
  h3 small,
  h3 .small, .h3 small,
  .h3 .small {
    font-size: 65%; }

h4, .h4,
h5, .h5,
h6, .h6 {
  margin-top: 10px;
  margin-bottom: 10px; }
  h4 small,
  h4 .small, .h4 small,
  .h4 .small,
  h5 small,
  h5 .small, .h5 small,
  .h5 .small,
  h6 small,
  h6 .small, .h6 small,
  .h6 .small {
    font-size: 75%; }

h1, .cke_editable h2, .cke_editable h3, .cke_editable h4, .h1 {
  font-size: 36px; }

h2, .h2 {
  font-size: 30px; }

h3, .h3 {
  font-size: 24px; }

h4, .h4 {
  font-size: 18px; }

h5, .h5 {
  font-size: 14px; }

h6, .h6 {
  font-size: 12px; }

p {
  margin: 0 0 10px; }

.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4; }
  @media (min-width: 768px) {
    .lead {
      font-size: 21px; } }

small,
.small {
  font-size: 85%; }

mark,
.mark {
  background-color: #fcf8e3;
  padding: .2em; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.text-center {
  text-align: center; }

.text-justify {
  text-align: justify; }

.text-nowrap {
  white-space: nowrap; }

.text-lowercase {
  text-transform: lowercase; }

.text-uppercase, .initialism {
  text-transform: uppercase; }

.text-capitalize {
  text-transform: capitalize; }

.text-muted {
  color: #eee; }

.text-primary {
  color: #38b4d6; }

a.text-primary:hover,
a.text-primary:focus {
  color: #2597b6; }

.text-success {
  color: #3c763d; }

a.text-success:hover,
a.text-success:focus {
  color: #2b542c; }

.text-info {
  color: #31708f; }

a.text-info:hover,
a.text-info:focus {
  color: #245269; }

.text-warning {
  color: #8a6d3b; }

a.text-warning:hover,
a.text-warning:focus {
  color: #66512c; }

.text-danger {
  color: #a94442; }

a.text-danger:hover,
a.text-danger:focus {
  color: #843534; }

.bg-primary {
  color: #fff; }

.bg-primary {
  background-color: #38b4d6; }

a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #2597b6; }

.bg-success {
  background-color: #dff0d8; }

a.bg-success:hover,
a.bg-success:focus {
  background-color: #c1e2b3; }

.bg-info {
  background-color: #d9edf7; }

a.bg-info:hover,
a.bg-info:focus {
  background-color: #afd9ee; }

.bg-warning {
  background-color: #fcf8e3; }

a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5; }

.bg-danger {
  background-color: #f2dede; }

a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e4b9b9; }

.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #f5f5f5; }

ul,
ol {
  margin-top: 0;
  margin-bottom: 10px; }
  ul ul,
  ul ol,
  ol ul,
  ol ol {
    margin-bottom: 0; }

.list-unstyled, .reset-list ul, #user-panel .user-header .user-nav, #user-panel .content-filters, #user-panel .user-submenu, .prepare .payment-holder-info ul, .consultation-confirmation-online .payment-holder-info ul, .classroom .content-text > .sheet .classroom-main-nav, .classroom .content-text > .sheet .classroom-right-nav .prev-next-nav, .classroom .classroom-right-nav .content-text > .sheet .prev-next-nav, .main-footer .social-badge .social-net, .user-footer .social-badge .social-net, .alert-error .container .content ul, .alert-error .main-container .content ul, .alert-success .container .content ul, .alert-success .main-container .content ul, .alert-info .container .content ul, .alert-info .main-container .content ul, .alert-warning .container .content ul, .alert-warning .main-container .content ul, .toptitle-group, .badges, .bordered-list, .courses-subcategory, .popup-box .social-net ul, .card-logos-holder ul, .skills, .user-dd-menu ul, #calendar ul, .rating-stars-list ul, .contact-page .contact-address .left-col, .contact-page .contact-address .right-col, .courses-page .course-entry header div.info ul, .courses-page .course-entry .content .details ul, .courses-page .course-entry .content .program ul, .courses-page .course-entry .content .benefits ul, #entry-info .modal-content #info-tabs, .block-courses .program-days article .courseProgram, .block-courses .program-days.pkpd ul, .enrollment-info-box ul, .students-comments ul, .galleries-nav, .student-page .student-social, .visa-payment ul, .badges-more-bullets, .load-more-holder ul, .user-points .dd-menu-holder .user-dd-menu .badges-holder, .quiz-test .task.case-1 .task-answer ul, .quiz-test .task.case-2 .task-question, .team-course-list {
  padding-left: 0;
  list-style: none; }

.list-inline, .toptitle-group, .courses-page .course-entry header div.info ul, .galleries-nav {
  padding-left: 0;
  list-style: none;
  margin-left: -5px; }
  .list-inline > li, .toptitle-group > li, .courses-page .course-entry header div.info ul > li, .galleries-nav > li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px; }

dl {
  margin-top: 0;
  margin-bottom: 20px; }

dt,
dd {
  line-height: 1.428571429; }

dt {
  font-weight: bold; }

dd {
  margin-left: 0; }

.dl-horizontal dd:before, .dl-horizontal dd:after {
  content: " ";
  display: table; }

.dl-horizontal dd:after {
  clear: both; }

@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .dl-horizontal dd {
    margin-left: 180px; } }

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #eee; }

.initialism {
  font-size: 90%; }

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #f5f5f5; }
  blockquote p:last-child,
  blockquote ul:last-child,
  blockquote ol:last-child {
    margin-bottom: 0; }
  blockquote footer,
  blockquote small,
  blockquote .small {
    display: block;
    font-size: 80%;
    line-height: 1.428571429;
    color: #eee; }
    blockquote footer:before,
    blockquote small:before,
    blockquote .small:before {
      content: '\2014 \00A0'; }

.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #f5f5f5;
  border-left: 0;
  text-align: right; }
  .blockquote-reverse footer:before,
  .blockquote-reverse small:before,
  .blockquote-reverse .small:before,
  blockquote.pull-right footer:before,
  blockquote.pull-right small:before,
  blockquote.pull-right .small:before {
    content: ''; }
  .blockquote-reverse footer:after,
  .blockquote-reverse small:after,
  .blockquote-reverse .small:after,
  blockquote.pull-right footer:after,
  blockquote.pull-right small:after,
  blockquote.pull-right .small:after {
    content: '\00A0 \2014'; }

address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.428571429; }

code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace; }

code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 0; }

kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); }
  kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: bold;
    box-shadow: none; }

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.428571429;
  word-break: break-all;
  word-wrap: break-word;
  color: #373D3F;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 0; }
  pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0; }

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll; }

.container, .main-container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .container:before, .main-container:before, .container:after, .main-container:after {
    content: " ";
    display: table; }
  .container:after, .main-container:after {
    clear: both; }
  @media (min-width: 768px) {
    .container, .main-container {
      width: 750px; } }
  @media (min-width: 992px) {
    .container, .main-container {
      width: 970px; } }
  @media (min-width: 1200px) {
    .container, .main-container {
      width: 1170px; } }

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .container-fluid:before, .container-fluid:after {
    content: " ";
    display: table; }
  .container-fluid:after {
    clear: both; }

.row, .sub-header-block {
  margin-left: -15px;
  margin-right: -15px; }
  .row:before, .sub-header-block:before, .row:after, .sub-header-block:after {
    content: " ";
    display: table; }
  .row:after, .sub-header-block:after {
    clear: both; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .student-info.activate-account .right-column, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .contact-page .contact-address .left-col, .contact-page .contact-address .right-col, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .student-info.activate-account .left-column, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }

.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 {
  float: left; }

.col-xs-1 {
  width: 8.3333333333%; }

.col-xs-2 {
  width: 16.6666666667%; }

.col-xs-3 {
  width: 25%; }

.col-xs-4 {
  width: 33.3333333333%; }

.col-xs-5 {
  width: 41.6666666667%; }

.col-xs-6 {
  width: 50%; }

.col-xs-7 {
  width: 58.3333333333%; }

.col-xs-8 {
  width: 66.6666666667%; }

.col-xs-9 {
  width: 75%; }

.col-xs-10 {
  width: 83.3333333333%; }

.col-xs-11 {
  width: 91.6666666667%; }

.col-xs-12 {
  width: 100%; }

.col-xs-pull-0 {
  right: auto; }

.col-xs-pull-1 {
  right: 8.3333333333%; }

.col-xs-pull-2 {
  right: 16.6666666667%; }

.col-xs-pull-3 {
  right: 25%; }

.col-xs-pull-4 {
  right: 33.3333333333%; }

.col-xs-pull-5 {
  right: 41.6666666667%; }

.col-xs-pull-6 {
  right: 50%; }

.col-xs-pull-7 {
  right: 58.3333333333%; }

.col-xs-pull-8 {
  right: 66.6666666667%; }

.col-xs-pull-9 {
  right: 75%; }

.col-xs-pull-10 {
  right: 83.3333333333%; }

.col-xs-pull-11 {
  right: 91.6666666667%; }

.col-xs-pull-12 {
  right: 100%; }

.col-xs-push-0 {
  left: auto; }

.col-xs-push-1 {
  left: 8.3333333333%; }

.col-xs-push-2 {
  left: 16.6666666667%; }

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

.col-xs-push-4 {
  left: 33.3333333333%; }

.col-xs-push-5 {
  left: 41.6666666667%; }

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

.col-xs-push-7 {
  left: 58.3333333333%; }

.col-xs-push-8 {
  left: 66.6666666667%; }

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

.col-xs-push-10 {
  left: 83.3333333333%; }

.col-xs-push-11 {
  left: 91.6666666667%; }

.col-xs-push-12 {
  left: 100%; }

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

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

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

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

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

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

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

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

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

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

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

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

.col-xs-offset-12 {
  margin-left: 100%; }

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .contact-page .contact-address .left-col, .contact-page .contact-address .right-col, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left; }
  .col-sm-1 {
    width: 8.3333333333%; }
  .col-sm-2 {
    width: 16.6666666667%; }
  .col-sm-3 {
    width: 25%; }
  .col-sm-4 {
    width: 33.3333333333%; }
  .col-sm-5 {
    width: 41.6666666667%; }
  .col-sm-6, .contact-page .contact-address .left-col, .contact-page .contact-address .right-col {
    width: 50%; }
  .col-sm-7 {
    width: 58.3333333333%; }
  .col-sm-8 {
    width: 66.6666666667%; }
  .col-sm-9 {
    width: 75%; }
  .col-sm-10 {
    width: 83.3333333333%; }
  .col-sm-11 {
    width: 91.6666666667%; }
  .col-sm-12 {
    width: 100%; }
  .col-sm-pull-0 {
    right: auto; }
  .col-sm-pull-1 {
    right: 8.3333333333%; }
  .col-sm-pull-2 {
    right: 16.6666666667%; }
  .col-sm-pull-3 {
    right: 25%; }
  .col-sm-pull-4 {
    right: 33.3333333333%; }
  .col-sm-pull-5 {
    right: 41.6666666667%; }
  .col-sm-pull-6 {
    right: 50%; }
  .col-sm-pull-7 {
    right: 58.3333333333%; }
  .col-sm-pull-8 {
    right: 66.6666666667%; }
  .col-sm-pull-9 {
    right: 75%; }
  .col-sm-pull-10 {
    right: 83.3333333333%; }
  .col-sm-pull-11 {
    right: 91.6666666667%; }
  .col-sm-pull-12 {
    right: 100%; }
  .col-sm-push-0 {
    left: auto; }
  .col-sm-push-1 {
    left: 8.3333333333%; }
  .col-sm-push-2 {
    left: 16.6666666667%; }
  .col-sm-push-3 {
    left: 25%; }
  .col-sm-push-4 {
    left: 33.3333333333%; }
  .col-sm-push-5 {
    left: 41.6666666667%; }
  .col-sm-push-6 {
    left: 50%; }
  .col-sm-push-7 {
    left: 58.3333333333%; }
  .col-sm-push-8 {
    left: 66.6666666667%; }
  .col-sm-push-9 {
    left: 75%; }
  .col-sm-push-10 {
    left: 83.3333333333%; }
  .col-sm-push-11 {
    left: 91.6666666667%; }
  .col-sm-push-12 {
    left: 100%; }
  .col-sm-offset-0 {
    margin-left: 0%; }
  .col-sm-offset-1 {
    margin-left: 8.3333333333%; }
  .col-sm-offset-2 {
    margin-left: 16.6666666667%; }
  .col-sm-offset-3 {
    margin-left: 25%; }
  .col-sm-offset-4 {
    margin-left: 33.3333333333%; }
  .col-sm-offset-5 {
    margin-left: 41.6666666667%; }
  .col-sm-offset-6 {
    margin-left: 50%; }
  .col-sm-offset-7 {
    margin-left: 58.3333333333%; }
  .col-sm-offset-8 {
    margin-left: 66.6666666667%; }
  .col-sm-offset-9 {
    margin-left: 75%; }
  .col-sm-offset-10 {
    margin-left: 83.3333333333%; }
  .col-sm-offset-11 {
    margin-left: 91.6666666667%; }
  .col-sm-offset-12 {
    margin-left: 100%; } }

@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .student-info.activate-account .right-column, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .student-info.activate-account .left-column, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left; }
  .col-md-1 {
    width: 8.3333333333%; }
  .col-md-2 {
    width: 16.6666666667%; }
  .col-md-3 {
    width: 25%; }
  .col-md-4, .student-info.activate-account .right-column {
    width: 33.3333333333%; }
  .col-md-5 {
    width: 41.6666666667%; }
  .col-md-6 {
    width: 50%; }
  .col-md-7 {
    width: 58.3333333333%; }
  .col-md-8, .student-info.activate-account .left-column {
    width: 66.6666666667%; }
  .col-md-9 {
    width: 75%; }
  .col-md-10 {
    width: 83.3333333333%; }
  .col-md-11 {
    width: 91.6666666667%; }
  .col-md-12 {
    width: 100%; }
  .col-md-pull-0 {
    right: auto; }
  .col-md-pull-1 {
    right: 8.3333333333%; }
  .col-md-pull-2 {
    right: 16.6666666667%; }
  .col-md-pull-3 {
    right: 25%; }
  .col-md-pull-4 {
    right: 33.3333333333%; }
  .col-md-pull-5 {
    right: 41.6666666667%; }
  .col-md-pull-6 {
    right: 50%; }
  .col-md-pull-7 {
    right: 58.3333333333%; }
  .col-md-pull-8 {
    right: 66.6666666667%; }
  .col-md-pull-9 {
    right: 75%; }
  .col-md-pull-10 {
    right: 83.3333333333%; }
  .col-md-pull-11 {
    right: 91.6666666667%; }
  .col-md-pull-12 {
    right: 100%; }
  .col-md-push-0 {
    left: auto; }
  .col-md-push-1 {
    left: 8.3333333333%; }
  .col-md-push-2 {
    left: 16.6666666667%; }
  .col-md-push-3 {
    left: 25%; }
  .col-md-push-4 {
    left: 33.3333333333%; }
  .col-md-push-5 {
    left: 41.6666666667%; }
  .col-md-push-6 {
    left: 50%; }
  .col-md-push-7 {
    left: 58.3333333333%; }
  .col-md-push-8 {
    left: 66.6666666667%; }
  .col-md-push-9 {
    left: 75%; }
  .col-md-push-10 {
    left: 83.3333333333%; }
  .col-md-push-11 {
    left: 91.6666666667%; }
  .col-md-push-12 {
    left: 100%; }
  .col-md-offset-0 {
    margin-left: 0%; }
  .col-md-offset-1 {
    margin-left: 8.3333333333%; }
  .col-md-offset-2 {
    margin-left: 16.6666666667%; }
  .col-md-offset-3 {
    margin-left: 25%; }
  .col-md-offset-4 {
    margin-left: 33.3333333333%; }
  .col-md-offset-5 {
    margin-left: 41.6666666667%; }
  .col-md-offset-6 {
    margin-left: 50%; }
  .col-md-offset-7 {
    margin-left: 58.3333333333%; }
  .col-md-offset-8 {
    margin-left: 66.6666666667%; }
  .col-md-offset-9 {
    margin-left: 75%; }
  .col-md-offset-10 {
    margin-left: 83.3333333333%; }
  .col-md-offset-11 {
    margin-left: 91.6666666667%; }
  .col-md-offset-12 {
    margin-left: 100%; } }

@media (min-width: 1200px) {
  .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 {
    float: left; }
  .col-lg-1 {
    width: 8.3333333333%; }
  .col-lg-2 {
    width: 16.6666666667%; }
  .col-lg-3 {
    width: 25%; }
  .col-lg-4 {
    width: 33.3333333333%; }
  .col-lg-5 {
    width: 41.6666666667%; }
  .col-lg-6 {
    width: 50%; }
  .col-lg-7 {
    width: 58.3333333333%; }
  .col-lg-8 {
    width: 66.6666666667%; }
  .col-lg-9 {
    width: 75%; }
  .col-lg-10 {
    width: 83.3333333333%; }
  .col-lg-11 {
    width: 91.6666666667%; }
  .col-lg-12 {
    width: 100%; }
  .col-lg-pull-0 {
    right: auto; }
  .col-lg-pull-1 {
    right: 8.3333333333%; }
  .col-lg-pull-2 {
    right: 16.6666666667%; }
  .col-lg-pull-3 {
    right: 25%; }
  .col-lg-pull-4 {
    right: 33.3333333333%; }
  .col-lg-pull-5 {
    right: 41.6666666667%; }
  .col-lg-pull-6 {
    right: 50%; }
  .col-lg-pull-7 {
    right: 58.3333333333%; }
  .col-lg-pull-8 {
    right: 66.6666666667%; }
  .col-lg-pull-9 {
    right: 75%; }
  .col-lg-pull-10 {
    right: 83.3333333333%; }
  .col-lg-pull-11 {
    right: 91.6666666667%; }
  .col-lg-pull-12 {
    right: 100%; }
  .col-lg-push-0 {
    left: auto; }
  .col-lg-push-1 {
    left: 8.3333333333%; }
  .col-lg-push-2 {
    left: 16.6666666667%; }
  .col-lg-push-3 {
    left: 25%; }
  .col-lg-push-4 {
    left: 33.3333333333%; }
  .col-lg-push-5 {
    left: 41.6666666667%; }
  .col-lg-push-6 {
    left: 50%; }
  .col-lg-push-7 {
    left: 58.3333333333%; }
  .col-lg-push-8 {
    left: 66.6666666667%; }
  .col-lg-push-9 {
    left: 75%; }
  .col-lg-push-10 {
    left: 83.3333333333%; }
  .col-lg-push-11 {
    left: 91.6666666667%; }
  .col-lg-push-12 {
    left: 100%; }
  .col-lg-offset-0 {
    margin-left: 0%; }
  .col-lg-offset-1 {
    margin-left: 8.3333333333%; }
  .col-lg-offset-2 {
    margin-left: 16.6666666667%; }
  .col-lg-offset-3 {
    margin-left: 25%; }
  .col-lg-offset-4 {
    margin-left: 33.3333333333%; }
  .col-lg-offset-5 {
    margin-left: 41.6666666667%; }
  .col-lg-offset-6 {
    margin-left: 50%; }
  .col-lg-offset-7 {
    margin-left: 58.3333333333%; }
  .col-lg-offset-8 {
    margin-left: 66.6666666667%; }
  .col-lg-offset-9 {
    margin-left: 75%; }
  .col-lg-offset-10 {
    margin-left: 83.3333333333%; }
  .col-lg-offset-11 {
    margin-left: 91.6666666667%; }
  .col-lg-offset-12 {
    margin-left: 100%; } }

table {
  background-color: transparent; }

caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #eee;
  text-align: left; }

th {
  text-align: left; }

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px; }
  .table > thead > tr > th,
  .table > thead > tr > td,
  .table > tbody > tr > th,
  .table > tbody > tr > td,
  .table > tfoot > tr > th,
  .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.428571429;
    vertical-align: top;
    border-top: 1px solid #ddd; }
  .table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd; }
  .table > caption + thead > tr:first-child > th,
  .table > caption + thead > tr:first-child > td,
  .table > colgroup + thead > tr:first-child > th,
  .table > colgroup + thead > tr:first-child > td,
  .table > thead:first-child > tr:first-child > th,
  .table > thead:first-child > tr:first-child > td {
    border-top: 0; }
  .table > tbody + tbody {
    border-top: 2px solid #ddd; }
  .table .table {
    background-color: #f5f5f5; }

.table-condensed > thead > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > tfoot > tr > td {
  padding: 5px; }

.table-bordered {
  border: 1px solid #ddd; }
  .table-bordered > thead > tr > th,
  .table-bordered > thead > tr > td,
  .table-bordered > tbody > tr > th,
  .table-bordered > tbody > tr > td,
  .table-bordered > tfoot > tr > th,
  .table-bordered > tfoot > tr > td {
    border: 1px solid #ddd; }
  .table-bordered > thead > tr > th,
  .table-bordered > thead > tr > td {
    border-bottom-width: 2px; }

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9; }

.table-hover > tbody > tr:hover {
  background-color: #f5f5f5; }

table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column; }

table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell; }

.table > thead > tr > td.active,
.table > thead > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5; }

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8; }

.table > thead > tr > td.success,
.table > thead > tr > th.success,
.table > thead > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th {
  background-color: #dff0d8; }

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6; }

.table > thead > tr > td.info,
.table > thead > tr > th.info,
.table > thead > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th {
  background-color: #d9edf7; }

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3; }

.table > thead > tr > td.warning,
.table > thead > tr > th.warning,
.table > thead > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3; }

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc; }

.table > thead > tr > td.danger,
.table > thead > tr > th.danger,
.table > thead > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th {
  background-color: #f2dede; }

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc; }

.table-responsive {
  overflow-x: auto;
  min-height: 0.01%; }
  @media screen and (max-width: 767px) {
    .table-responsive {
      width: 100%;
      margin-bottom: 15px;
      overflow-y: hidden;
      -ms-overflow-style: -ms-autohiding-scrollbar;
      border: 1px solid #ddd; }
      .table-responsive > .table {
        margin-bottom: 0; }
        .table-responsive > .table > thead > tr > th,
        .table-responsive > .table > thead > tr > td,
        .table-responsive > .table > tbody > tr > th,
        .table-responsive > .table > tbody > tr > td,
        .table-responsive > .table > tfoot > tr > th,
        .table-responsive > .table > tfoot > tr > td {
          white-space: nowrap; }
      .table-responsive > .table-bordered {
        border: 0; }
        .table-responsive > .table-bordered > thead > tr > th:first-child,
        .table-responsive > .table-bordered > thead > tr > td:first-child,
        .table-responsive > .table-bordered > tbody > tr > th:first-child,
        .table-responsive > .table-bordered > tbody > tr > td:first-child,
        .table-responsive > .table-bordered > tfoot > tr > th:first-child,
        .table-responsive > .table-bordered > tfoot > tr > td:first-child {
          border-left: 0; }
        .table-responsive > .table-bordered > thead > tr > th:last-child,
        .table-responsive > .table-bordered > thead > tr > td:last-child,
        .table-responsive > .table-bordered > tbody > tr > th:last-child,
        .table-responsive > .table-bordered > tbody > tr > td:last-child,
        .table-responsive > .table-bordered > tfoot > tr > th:last-child,
        .table-responsive > .table-bordered > tfoot > tr > td:last-child {
          border-right: 0; }
        .table-responsive > .table-bordered > tbody > tr:last-child > th,
        .table-responsive > .table-bordered > tbody > tr:last-child > td,
        .table-responsive > .table-bordered > tfoot > tr:last-child > th,
        .table-responsive > .table-bordered > tfoot > tr:last-child > td {
          border-bottom: 0; } }

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0; }

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #373D3F;
  border: 0;
  border-bottom: 1px solid #e5e5e5; }

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold; }

input[type="search"] {
  box-sizing: border-box; }

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal; }

input[type="file"] {
  display: block; }

input[type="range"] {
  display: block;
  width: 100%; }

select[multiple],
select[size] {
  height: auto; }

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted rgba(0, 0, 0, 0.1);
  outline-offset: 2px; }

output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #999; }

.form-control, input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="search"],
input[type="url"],
input[type="tel"],
textarea,
select {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #999;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
  .form-control:focus, input[type="text"]:focus,
  input[type="email"]:focus,
  input[type="password"]:focus,
  input[type="number"]:focus,
  input[type="search"]:focus,
  input[type="url"]:focus,
  input[type="tel"]:focus,
  textarea:focus,
  select:focus {
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
  .form-control::-moz-placeholder, input[type="text"]::-moz-placeholder,
  input[type="email"]::-moz-placeholder,
  input[type="password"]::-moz-placeholder,
  input[type="number"]::-moz-placeholder,
  input[type="search"]::-moz-placeholder,
  input[type="url"]::-moz-placeholder,
  input[type="tel"]::-moz-placeholder,
  textarea::-moz-placeholder,
  select::-moz-placeholder {
    color: #999;
    opacity: 1; }
  .form-control:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder,
  input[type="email"]:-ms-input-placeholder,
  input[type="password"]:-ms-input-placeholder,
  input[type="number"]:-ms-input-placeholder,
  input[type="search"]:-ms-input-placeholder,
  input[type="url"]:-ms-input-placeholder,
  input[type="tel"]:-ms-input-placeholder,
  textarea:-ms-input-placeholder,
  select:-ms-input-placeholder {
    color: #999; }
  .form-control::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder,
  input[type="email"]::-webkit-input-placeholder,
  input[type="password"]::-webkit-input-placeholder,
  input[type="number"]::-webkit-input-placeholder,
  input[type="search"]::-webkit-input-placeholder,
  input[type="url"]::-webkit-input-placeholder,
  input[type="tel"]::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder,
  select::-webkit-input-placeholder {
    color: #999; }
  .form-control::-ms-expand, input[type="text"]::-ms-expand,
  input[type="email"]::-ms-expand,
  input[type="password"]::-ms-expand,
  input[type="number"]::-ms-expand,
  input[type="search"]::-ms-expand,
  input[type="url"]::-ms-expand,
  input[type="tel"]::-ms-expand,
  textarea::-ms-expand,
  select::-ms-expand {
    border: 0;
    background-color: transparent; }
  .form-control[disabled], input[disabled][type="text"],
  input[disabled][type="email"],
  input[disabled][type="password"],
  input[disabled][type="number"],
  input[disabled][type="search"],
  input[disabled][type="url"],
  input[disabled][type="tel"],
  textarea[disabled],
  select[disabled], .form-control[readonly], input[readonly][type="text"],
  input[readonly][type="email"],
  input[readonly][type="password"],
  input[readonly][type="number"],
  input[readonly][type="search"],
  input[readonly][type="url"],
  input[readonly][type="tel"],
  textarea[readonly],
  select[readonly],
  fieldset[disabled] .form-control,
  fieldset[disabled] input[type="text"],
  fieldset[disabled]
  input[type="email"],
  fieldset[disabled]
  input[type="password"],
  fieldset[disabled]
  input[type="number"],
  fieldset[disabled]
  input[type="search"],
  fieldset[disabled]
  input[type="url"],
  fieldset[disabled]
  input[type="tel"],
  fieldset[disabled]
  textarea,
  fieldset[disabled]
  select {
    background-color: #f5f5f5;
    opacity: 1; }
  .form-control[disabled], input[disabled][type="text"],
  input[disabled][type="email"],
  input[disabled][type="password"],
  input[disabled][type="number"],
  input[disabled][type="search"],
  input[disabled][type="url"],
  input[disabled][type="tel"],
  textarea[disabled],
  select[disabled],
  fieldset[disabled] .form-control,
  fieldset[disabled] input[type="text"],
  fieldset[disabled]
  input[type="email"],
  fieldset[disabled]
  input[type="password"],
  fieldset[disabled]
  input[type="number"],
  fieldset[disabled]
  input[type="search"],
  fieldset[disabled]
  input[type="url"],
  fieldset[disabled]
  input[type="tel"],
  fieldset[disabled]
  textarea,
  fieldset[disabled]
  select {
    cursor: not-allowed; }

textarea.form-control,
textarea {
  height: auto; }

input[type="search"] {
  -webkit-appearance: none; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control, input[type="date"][type="text"],
  input[type="date"][type="email"],
  input[type="date"][type="password"],
  input[type="date"][type="number"],
  input[type="date"][type="search"],
  input[type="date"][type="url"],
  input[type="date"][type="tel"],
  input[type="time"].form-control,
  input[type="time"][type="text"],
  input[type="time"][type="email"],
  input[type="time"][type="password"],
  input[type="time"][type="number"],
  input[type="time"][type="search"],
  input[type="time"][type="url"],
  input[type="time"][type="tel"],
  input[type="datetime-local"].form-control,
  input[type="datetime-local"][type="text"],
  input[type="datetime-local"][type="email"],
  input[type="datetime-local"][type="password"],
  input[type="datetime-local"][type="number"],
  input[type="datetime-local"][type="search"],
  input[type="datetime-local"][type="url"],
  input[type="datetime-local"][type="tel"],
  input[type="month"].form-control,
  input[type="month"][type="text"],
  input[type="month"][type="email"],
  input[type="month"][type="password"],
  input[type="month"][type="number"],
  input[type="month"][type="search"],
  input[type="month"][type="url"],
  input[type="month"][type="tel"] {
    line-height: 34px; }
  input[type="date"].input-sm,
  .input-group-sm input[type="date"],
  input[type="time"].input-sm,
  .input-group-sm
  input[type="time"],
  input[type="datetime-local"].input-sm,
  .input-group-sm
  input[type="datetime-local"],
  input[type="month"].input-sm,
  .input-group-sm
  input[type="month"] {
    line-height: 30px; }
  input[type="date"].input-lg,
  .input-group-lg input[type="date"],
  input[type="time"].input-lg,
  .input-group-lg
  input[type="time"],
  input[type="datetime-local"].input-lg,
  .input-group-lg
  input[type="datetime-local"],
  input[type="month"].input-lg,
  .input-group-lg
  input[type="month"] {
    line-height: 46px; } }

.form-group {
  margin-bottom: 15px; }

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px; }
  .radio label,
  .checkbox label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer; }

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9; }

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px; }

.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer; }

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px; }

input[type="radio"][disabled], input[type="radio"].disabled,
fieldset[disabled] input[type="radio"],
input[type="checkbox"][disabled],
input[type="checkbox"].disabled,
fieldset[disabled]
input[type="checkbox"] {
  cursor: not-allowed; }

.radio-inline.disabled,
fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
fieldset[disabled]
.checkbox-inline {
  cursor: not-allowed; }

.radio.disabled label,
fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled]
.checkbox label {
  cursor: not-allowed; }

.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
  min-height: 34px; }
  .form-control-static.input-lg, .form-control-static.input-sm {
    padding-left: 0;
    padding-right: 0; }

.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

select.input-sm {
  height: 30px;
  line-height: 30px; }

textarea.input-sm,
select[multiple].input-sm {
  height: auto; }

.form-group-sm .form-control, .form-group-sm input[type="text"], .form-group-sm
input[type="email"], .form-group-sm
input[type="password"], .form-group-sm
input[type="number"], .form-group-sm
input[type="search"], .form-group-sm
input[type="url"], .form-group-sm
input[type="tel"], .form-group-sm
textarea, .form-group-sm
select {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

.form-group-sm select.form-control, .form-group-sm
select {
  height: 30px;
  line-height: 30px; }

.form-group-sm textarea.form-control, .form-group-sm
textarea,
.form-group-sm select[multiple].form-control,
.form-group-sm
select[multiple] {
  height: auto; }

.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5; }

.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px; }

select.input-lg {
  height: 46px;
  line-height: 46px; }

textarea.input-lg,
select[multiple].input-lg {
  height: auto; }

.form-group-lg .form-control, .form-group-lg input[type="text"], .form-group-lg
input[type="email"], .form-group-lg
input[type="password"], .form-group-lg
input[type="number"], .form-group-lg
input[type="search"], .form-group-lg
input[type="url"], .form-group-lg
input[type="tel"], .form-group-lg
textarea, .form-group-lg
select {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px; }

.form-group-lg select.form-control, .form-group-lg
select {
  height: 46px;
  line-height: 46px; }

.form-group-lg textarea.form-control, .form-group-lg
textarea,
.form-group-lg select[multiple].form-control,
.form-group-lg
select[multiple] {
  height: auto; }

.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.3333333; }

.has-feedback {
  position: relative; }
  .has-feedback .form-control, .has-feedback input[type="text"], .has-feedback
  input[type="email"], .has-feedback
  input[type="password"], .has-feedback
  input[type="number"], .has-feedback
  input[type="search"], .has-feedback
  input[type="url"], .has-feedback
  input[type="tel"], .has-feedback
  textarea, .has-feedback
  select {
    padding-right: 42.5px; }

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none; }

.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback,
.form-group-lg input[type="text"] + .form-control-feedback,
.form-group-lg
input[type="email"] + .form-control-feedback,
.form-group-lg
input[type="password"] + .form-control-feedback,
.form-group-lg
input[type="number"] + .form-control-feedback,
.form-group-lg
input[type="search"] + .form-control-feedback,
.form-group-lg
input[type="url"] + .form-control-feedback,
.form-group-lg
input[type="tel"] + .form-control-feedback,
.form-group-lg
textarea + .form-control-feedback,
.form-group-lg
select + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px; }

.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback,
.form-group-sm input[type="text"] + .form-control-feedback,
.form-group-sm
input[type="email"] + .form-control-feedback,
.form-group-sm
input[type="password"] + .form-control-feedback,
.form-group-sm
input[type="number"] + .form-control-feedback,
.form-group-sm
input[type="search"] + .form-control-feedback,
.form-group-sm
input[type="url"] + .form-control-feedback,
.form-group-sm
input[type="tel"] + .form-control-feedback,
.form-group-sm
textarea + .form-control-feedback,
.form-group-sm
select + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px; }

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #3c763d; }

.has-success .form-control, .has-success input[type="text"], .has-success
input[type="email"], .has-success
input[type="password"], .has-success
input[type="number"], .has-success
input[type="search"], .has-success
input[type="url"], .has-success
input[type="tel"], .has-success
textarea, .has-success
select {
  border-color: #3c763d;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-success .form-control:focus, .has-success input[type="text"]:focus, .has-success
  input[type="email"]:focus, .has-success
  input[type="password"]:focus, .has-success
  input[type="number"]:focus, .has-success
  input[type="search"]:focus, .has-success
  input[type="url"]:focus, .has-success
  input[type="tel"]:focus, .has-success
  textarea:focus, .has-success
  select:focus {
    border-color: #2b542c;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; }

.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8; }

.has-success .form-control-feedback {
  color: #3c763d; }

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b; }

.has-warning .form-control, .has-warning input[type="text"], .has-warning
input[type="email"], .has-warning
input[type="password"], .has-warning
input[type="number"], .has-warning
input[type="search"], .has-warning
input[type="url"], .has-warning
input[type="tel"], .has-warning
textarea, .has-warning
select {
  border-color: #8a6d3b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-warning .form-control:focus, .has-warning input[type="text"]:focus, .has-warning
  input[type="email"]:focus, .has-warning
  input[type="password"]:focus, .has-warning
  input[type="number"]:focus, .has-warning
  input[type="search"]:focus, .has-warning
  input[type="url"]:focus, .has-warning
  input[type="tel"]:focus, .has-warning
  textarea:focus, .has-warning
  select:focus {
    border-color: #66512c;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; }

.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3; }

.has-warning .form-control-feedback {
  color: #8a6d3b; }

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #a94442; }

.has-error .form-control, .has-error input[type="text"], .has-error
input[type="email"], .has-error
input[type="password"], .has-error
input[type="number"], .has-error
input[type="search"], .has-error
input[type="url"], .has-error
input[type="tel"], .has-error
textarea, .has-error
select {
  border-color: #a94442;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-error .form-control:focus, .has-error input[type="text"]:focus, .has-error
  input[type="email"]:focus, .has-error
  input[type="password"]:focus, .has-error
  input[type="number"]:focus, .has-error
  input[type="search"]:focus, .has-error
  input[type="url"]:focus, .has-error
  input[type="tel"]:focus, .has-error
  textarea:focus, .has-error
  select:focus {
    border-color: #843534;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; }

.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede; }

.has-error .form-control-feedback {
  color: #a94442; }

.has-feedback label ~ .form-control-feedback {
  top: 25px; }

.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0; }

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #727f83; }

@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .form-control, .form-inline input[type="text"], .form-inline
  input[type="email"], .form-inline
  input[type="password"], .form-inline
  input[type="number"], .form-inline
  input[type="search"], .form-inline
  input[type="url"], .form-inline
  input[type="tel"], .form-inline
  textarea, .form-inline
  select {
    display: inline-block;
    width: auto;
    vertical-align: middle; }
  .form-inline .form-control-static {
    display: inline-block; }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle; }
    .form-inline .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn,
    .form-inline .input-group .form-control,
    .form-inline .input-group input[type="text"],
    .form-inline .input-group
    input[type="email"],
    .form-inline .input-group
    input[type="password"],
    .form-inline .input-group
    input[type="number"],
    .form-inline .input-group
    input[type="search"],
    .form-inline .input-group
    input[type="url"],
    .form-inline .input-group
    input[type="tel"],
    .form-inline .input-group
    textarea,
    .form-inline .input-group
    select {
      width: auto; }
  .form-inline .input-group > .form-control, .form-inline .input-group > input[type="text"], .form-inline .input-group >
  input[type="email"], .form-inline .input-group >
  input[type="password"], .form-inline .input-group >
  input[type="number"], .form-inline .input-group >
  input[type="search"], .form-inline .input-group >
  input[type="url"], .form-inline .input-group >
  input[type="tel"], .form-inline .input-group >
  textarea, .form-inline .input-group >
  select {
    width: 100%; }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle; }
    .form-inline .radio label,
    .form-inline .checkbox label {
      padding-left: 0; }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0; }
  .form-inline .has-feedback .form-control-feedback {
    top: 0; } }

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px; }

.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px; }

.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px; }
  .form-horizontal .form-group:before, .form-horizontal .form-group:after {
    content: " ";
    display: table; }
  .form-horizontal .form-group:after {
    clear: both; }

@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px; } }

.form-horizontal .has-feedback .form-control-feedback {
  right: 15px; }

@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px; } }

@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px; } }

.btn, .btn-browse, button, .play-video-responsive {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  border-radius: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .btn:focus, .btn-browse:focus, button:focus, .play-video-responsive:focus, .btn.focus, .focus.btn-browse, button.focus, .focus.play-video-responsive, .btn:active:focus, .btn-browse:active:focus, button:active:focus, .play-video-responsive:active:focus, .btn:active.focus, .btn-browse:active.focus, button:active.focus, .play-video-responsive:active.focus, .btn.active:focus, .active.btn-browse:focus, button.active:focus, .active.play-video-responsive:focus, .btn.active.focus, .active.focus.btn-browse, button.active.focus, .active.focus.play-video-responsive {
    outline: thin dotted rgba(0, 0, 0, 0.1);
    outline-offset: 2px; }
  .btn:hover, .btn-browse:hover, button:hover, .play-video-responsive:hover, .btn:focus, .btn-browse:focus, button:focus, .play-video-responsive:focus, .btn.focus, .focus.btn-browse, button.focus, .focus.play-video-responsive {
    color: #333;
    text-decoration: none; }
  .btn:active, .btn-browse:active, button:active, .play-video-responsive:active, .btn.active, .active.btn-browse, button.active, .active.play-video-responsive {
    outline: 0;
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
  .btn.disabled, .disabled.btn-browse, button.disabled, .disabled.play-video-responsive, .btn[disabled], [disabled].btn-browse, button[disabled], [disabled].play-video-responsive,
  fieldset[disabled] .btn,
  fieldset[disabled] .btn-browse,
  fieldset[disabled] button,
  fieldset[disabled] .play-video-responsive {
    cursor: not-allowed;
    opacity: 0.65;
    filter: alpha(opacity=65);
    box-shadow: none; }

a.btn.disabled, a.disabled.btn-browse, a.disabled.play-video-responsive,
fieldset[disabled] a.btn,
fieldset[disabled] a.btn-browse,
fieldset[disabled] a.play-video-responsive {
  pointer-events: none; }

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc; }
  .btn-default:focus, .btn-default.focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #b3b3b3;
    outline: none; }
  .btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #b3b3b3; }
  .btn-default:active, .btn-default.active,
  .open > .btn-default.dropdown-toggle {
    color: #333;
    background: #e6e6e6 none;
    border-color: #b3b3b3; }
    .btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus,
    .open > .btn-default.dropdown-toggle:hover,
    .open > .btn-default.dropdown-toggle:focus,
    .open > .btn-default.dropdown-toggle.focus {
      background-color: #d4d4d4;
      border-color: transparent; }
  .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus,
  fieldset[disabled] .btn-default:hover,
  fieldset[disabled] .btn-default:focus,
  fieldset[disabled] .btn-default.focus {
    background-color: #fff;
    border-color: #ccc; }
  .btn-default .badge {
    color: #fff;
    background-color: #333; }

.btn-primary {
  color: #fff;
  background-color: #38b4d6;
  border-color: #2aa8cb; }
  .btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #2597b6;
    border-color: #2185a0;
    outline: none; }
  .btn-primary:hover {
    color: #fff;
    background-color: #2597b6;
    border-color: #2185a0; }
  .btn-primary:active, .btn-primary.active,
  .open > .btn-primary.dropdown-toggle {
    color: #fff;
    background: #2597b6 none;
    border-color: #2185a0; }
    .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus,
    .open > .btn-primary.dropdown-toggle:hover,
    .open > .btn-primary.dropdown-toggle:focus,
    .open > .btn-primary.dropdown-toggle.focus {
      background-color: #1f7e98;
      border-color: transparent; }
  .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus,
  fieldset[disabled] .btn-primary:hover,
  fieldset[disabled] .btn-primary:focus,
  fieldset[disabled] .btn-primary.focus {
    background-color: #38b4d6;
    border-color: #2aa8cb; }
  .btn-primary .badge {
    color: #38b4d6;
    background-color: #fff; }

.btn-success {
  color: #fff;
  background-color: #45aca8;
  border-color: #3e9a96; }
  .btn-success:focus, .btn-success.focus {
    color: #fff;
    background-color: #368884;
    border-color: #2f7573;
    outline: none; }
  .btn-success:hover {
    color: #fff;
    background-color: #368884;
    border-color: #2f7573; }
  .btn-success:active, .btn-success.active,
  .open > .btn-success.dropdown-toggle {
    color: #fff;
    background: #368884 none;
    border-color: #2f7573; }
    .btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus,
    .open > .btn-success.dropdown-toggle:hover,
    .open > .btn-success.dropdown-toggle:focus,
    .open > .btn-success.dropdown-toggle.focus {
      background-color: #2c6e6c;
      border-color: transparent; }
  .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus,
  fieldset[disabled] .btn-success:hover,
  fieldset[disabled] .btn-success:focus,
  fieldset[disabled] .btn-success.focus {
    background-color: #45aca8;
    border-color: #3e9a96; }
  .btn-success .badge {
    color: #45aca8;
    background-color: #fff; }

.btn-info {
  color: #fff;
  background-color: #9DBEC7;
  border-color: #8db3be; }
  .btn-info:focus, .btn-info.focus {
    color: #fff;
    background-color: #7da8b4;
    border-color: #6c9eab;
    outline: none; }
  .btn-info:hover {
    color: #fff;
    background-color: #7da8b4;
    border-color: #6c9eab; }
  .btn-info:active, .btn-info.active,
  .open > .btn-info.dropdown-toggle {
    color: #fff;
    background: #7da8b4 none;
    border-color: #6c9eab; }
    .btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus,
    .open > .btn-info.dropdown-toggle:hover,
    .open > .btn-info.dropdown-toggle:focus,
    .open > .btn-info.dropdown-toggle.focus {
      background-color: #6699a7;
      border-color: transparent; }
  .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus,
  fieldset[disabled] .btn-info:hover,
  fieldset[disabled] .btn-info:focus,
  fieldset[disabled] .btn-info.focus {
    background-color: #9DBEC7;
    border-color: #8db3be; }
  .btn-info .badge {
    color: #9DBEC7;
    background-color: #fff; }

.btn-warning {
  color: #fff;
  background-color: #EA845B;
  border-color: #e77344; }
  .btn-warning:focus, .btn-warning.focus {
    color: #fff;
    background-color: #e4622e;
    border-color: #dc531c;
    outline: none; }
  .btn-warning:hover {
    color: #fff;
    background-color: #e4622e;
    border-color: #dc531c; }
  .btn-warning:active, .btn-warning.active,
  .open > .btn-warning.dropdown-toggle {
    color: #fff;
    background: #e4622e none;
    border-color: #dc531c; }
    .btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus,
    .open > .btn-warning.dropdown-toggle:hover,
    .open > .btn-warning.dropdown-toggle:focus,
    .open > .btn-warning.dropdown-toggle.focus {
      background-color: #d3501b;
      border-color: transparent; }
  .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus,
  fieldset[disabled] .btn-warning:hover,
  fieldset[disabled] .btn-warning:focus,
  fieldset[disabled] .btn-warning.focus {
    background-color: #EA845B;
    border-color: #e77344; }
  .btn-warning .badge {
    color: #EA845B;
    background-color: #fff; }

.btn-danger {
  color: #fff;
  background-color: #C77272;
  border-color: #c06060; }
  .btn-danger:focus, .btn-danger.focus {
    color: #fff;
    background-color: #b94d4d;
    border-color: #a94343;
    outline: none; }
  .btn-danger:hover {
    color: #fff;
    background-color: #b94d4d;
    border-color: #a94343; }
  .btn-danger:active, .btn-danger.active,
  .open > .btn-danger.dropdown-toggle {
    color: #fff;
    background: #b94d4d none;
    border-color: #a94343; }
    .btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus,
    .open > .btn-danger.dropdown-toggle:hover,
    .open > .btn-danger.dropdown-toggle:focus,
    .open > .btn-danger.dropdown-toggle.focus {
      background-color: #a24040;
      border-color: transparent; }
  .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus,
  fieldset[disabled] .btn-danger:hover,
  fieldset[disabled] .btn-danger:focus,
  fieldset[disabled] .btn-danger.focus {
    background-color: #C77272;
    border-color: #c06060; }
  .btn-danger .badge {
    color: #C77272;
    background-color: #fff; }

.btn-link {
  color: #1b839e;
  font-weight: normal;
  border-radius: 0; }
  .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled],
  fieldset[disabled] .btn-link {
    background-color: transparent;
    box-shadow: none; }
  .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
    border-color: transparent; }
  .btn-link:hover, .btn-link:focus {
    color: #38b4d6;
    text-decoration: underline;
    background-color: transparent; }
  .btn-link[disabled]:hover, .btn-link[disabled]:focus,
  fieldset[disabled] .btn-link:hover,
  fieldset[disabled] .btn-link:focus {
    color: #eee;
    text-decoration: none; }

.btn-lg, .play-video-responsive {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px; }

.btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

.btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

.btn-block {
  display: block;
  width: 100%; }

.btn-block + .btn-block {
  margin-top: 5px; }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%; }

.fade {
  opacity: 0;
  transition: opacity 0.15s linear; }
  .fade.in {
    opacity: 1; }

.collapse {
  display: none; }
  .collapse.in {
    display: block; }

tr.collapse.in {
  display: table-row; }

tbody.collapse.in {
  display: table-row-group; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition-property: height, visibility;
  transition-duration: 0.35s;
  transition-timing-function: ease; }

.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 0; }
  .breadcrumb > li {
    display: inline-block; }
    .breadcrumb > li + li:before {
      content: "/ ";
      padding: 0 5px;
      color: #ccc; }
  .breadcrumb > .active {
    color: #eee; }

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 0; }
  .pagination > li {
    display: inline; }
    .pagination > li > a,
    .pagination > li > span {
      position: relative;
      float: left;
      padding: 6px 12px;
      line-height: 1.428571429;
      text-decoration: none;
      color: #1b839e;
      background-color: #fff;
      border: 1px solid #ddd;
      margin-left: -1px; }
    .pagination > li:first-child > a,
    .pagination > li:first-child > span {
      margin-left: 0;
      border-bottom-left-radius: 0;
      border-top-left-radius: 0; }
    .pagination > li:last-child > a,
    .pagination > li:last-child > span {
      border-bottom-right-radius: 0;
      border-top-right-radius: 0; }
  .pagination > li > a:hover, .pagination > li > a:focus,
  .pagination > li > span:hover,
  .pagination > li > span:focus {
    z-index: 2;
    color: #38b4d6;
    background-color: #f5f5f5;
    border-color: #ddd; }
  .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
  .pagination > .active > span,
  .pagination > .active > span:hover,
  .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    background-color: #38b4d6;
    border-color: #38b4d6;
    cursor: default; }
  .pagination > .disabled > span,
  .pagination > .disabled > span:hover,
  .pagination > .disabled > span:focus,
  .pagination > .disabled > a,
  .pagination > .disabled > a:hover,
  .pagination > .disabled > a:focus {
    color: #eee;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed; }

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333; }

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px; }

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px; }

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5; }

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px; }

.modal-open {
  overflow: hidden; }

.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0; }
  .modal.fade .modal-dialog {
    transform: translate(0, -25%);
    transition: transform 0.3s ease-out; }
  .modal.in .modal-dialog {
    transform: translate(0, 0); }

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto; }

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px; }

.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0; }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000; }
  .modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0); }
  .modal-backdrop.in {
    opacity: 0.5;
    filter: alpha(opacity=50); }

.modal-header, .modal .modal-body, .modal .modal-footer {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5; }
  .modal-header:before, .modal .modal-body:before, .modal .modal-footer:before, .modal-header:after, .modal .modal-body:after, .modal .modal-footer:after {
    content: " ";
    display: table; }
  .modal-header:after, .modal .modal-body:after, .modal .modal-footer:after {
    clear: both; }

.modal-header .close, .modal .modal-body .close, .modal .modal-footer .close {
  margin-top: -2px; }

.modal-title {
  margin: 0;
  line-height: 1.428571429; }

.modal-body {
  position: relative;
  padding: 15px; }

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5; }
  .modal-footer:before, .modal-footer:after {
    content: " ";
    display: table; }
  .modal-footer:after {
    clear: both; }
  .modal-footer .btn + .btn, .modal-footer .btn-browse + .btn, .modal-footer button + .btn, .modal-footer .play-video-responsive + .btn, .modal-footer .btn + .btn-browse, .modal-footer .btn-browse + .btn-browse, .modal-footer button + .btn-browse, .modal-footer .play-video-responsive + .btn-browse, .modal-footer .btn + button, .modal-footer .btn-browse + button, .modal-footer button + button, .modal-footer .play-video-responsive + button, .modal-footer .btn + .play-video-responsive, .modal-footer .btn-browse + .play-video-responsive, .modal-footer button + .play-video-responsive, .modal-footer .play-video-responsive + .play-video-responsive {
    margin-left: 5px;
    margin-bottom: 0; }
  .modal-footer .btn-group .btn + .btn, .modal-footer .btn-group .btn-browse + .btn, .modal-footer .btn-group button + .btn, .modal-footer .btn-group .play-video-responsive + .btn, .modal-footer .btn-group .btn + .btn-browse, .modal-footer .btn-group .btn-browse + .btn-browse, .modal-footer .btn-group button + .btn-browse, .modal-footer .btn-group .play-video-responsive + .btn-browse, .modal-footer .btn-group .btn + button, .modal-footer .btn-group .btn-browse + button, .modal-footer .btn-group button + button, .modal-footer .btn-group .play-video-responsive + button, .modal-footer .btn-group .btn + .play-video-responsive, .modal-footer .btn-group .btn-browse + .play-video-responsive, .modal-footer .btn-group button + .play-video-responsive, .modal-footer .btn-group .play-video-responsive + .play-video-responsive {
    margin-left: -1px; }
  .modal-footer .btn-block + .btn-block {
    margin-left: 0; }

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto; }
  .modal-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
  .modal-sm {
    width: 300px; } }

@media (min-width: 992px) {
  .modal-lg {
    width: 900px; } }

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Roboto";
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.428571429;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 12px;
  opacity: 0;
  filter: alpha(opacity=0); }
  .tooltip.in {
    opacity: 0.9;
    filter: alpha(opacity=90); }
  .tooltip.top {
    margin-top: -3px;
    padding: 5px 0; }
  .tooltip.right {
    margin-left: 3px;
    padding: 0 5px; }
  .tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0; }
  .tooltip.left {
    margin-left: -3px;
    padding: 0 5px; }

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0; }

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000; }

.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000; }

.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000; }

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000; }

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000; }

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000; }

.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000; }

.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000; }

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.428571429;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 14px;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
  .popover.top {
    margin-top: -10px; }
  .popover.right {
    margin-left: 10px; }
  .popover.bottom {
    margin-top: 10px; }
  .popover.left {
    margin-left: -10px; }

.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0; }

.popover-content {
  padding: 9px 14px; }

.popover > .arrow, .popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.popover > .arrow {
  border-width: 11px; }

.popover > .arrow:after {
  border-width: 10px;
  content: ""; }

.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px; }
  .popover.top > .arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #fff; }

.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25); }
  .popover.right > .arrow:after {
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #fff; }

.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px; }
  .popover.bottom > .arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff; }

.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25); }
  .popover.left > .arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: #fff;
    bottom: -10px; }

.carousel {
  position: relative; }

.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%; }
  .carousel-inner > .item {
    display: none;
    position: relative;
    transition: 0.6s ease-in-out left; }
    .carousel-inner > .item > img,
    .carousel-inner > .item > a > img {
      display: block;
      max-width: 100%;
      height: auto;
      line-height: 1; }
    @media all and (transform-3d), (-webkit-transform-3d) {
      .carousel-inner > .item {
        transition: transform 0.6s ease-in-out;
        backface-visibility: hidden;
        perspective: 1000px; }
        .carousel-inner > .item.next, .carousel-inner > .item.active.right {
          transform: translate3d(100%, 0, 0);
          left: 0; }
        .carousel-inner > .item.prev, .carousel-inner > .item.active.left {
          transform: translate3d(-100%, 0, 0);
          left: 0; }
        .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
          transform: translate3d(0, 0, 0);
          left: 0; } }
  .carousel-inner > .active,
  .carousel-inner > .next,
  .carousel-inner > .prev {
    display: block; }
  .carousel-inner > .active {
    left: 0; }
  .carousel-inner > .next,
  .carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%; }
  .carousel-inner > .next {
    left: 100%; }
  .carousel-inner > .prev {
    left: -100%; }
  .carousel-inner > .next.left,
  .carousel-inner > .prev.right {
    left: 0; }
  .carousel-inner > .active.left {
    left: -100%; }
  .carousel-inner > .active.right {
    left: 100%; }

.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: transparent; }
  .carousel-control.left {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); }
  .carousel-control.right {
    left: auto;
    right: 0;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); }
  .carousel-control:hover, .carousel-control:focus {
    outline: 0;
    color: #fff;
    text-decoration: none;
    opacity: 0.9;
    filter: alpha(opacity=90); }
  .carousel-control .icon-prev,
  .carousel-control .icon-next,
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    z-index: 5;
    display: inline-block; }
  .carousel-control .icon-prev,
  .carousel-control .glyphicon-chevron-left {
    left: 50%;
    margin-left: -10px; }
  .carousel-control .icon-next,
  .carousel-control .glyphicon-chevron-right {
    right: 50%;
    margin-right: -10px; }
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 20px;
    height: 20px;
    line-height: 1;
    font-family: serif; }
  .carousel-control .icon-prev:before {
    content: '\2039'; }
  .carousel-control .icon-next:before {
    content: '\203a'; }

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center; }
  .carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    border: 1px solid #fff;
    border-radius: 10px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: transparent; }
  .carousel-indicators .active {
    margin: 0;
    width: 12px;
    height: 12px;
    background-color: #fff; }

.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
  .carousel-caption .btn, .carousel-caption .btn-browse, .carousel-caption button, .carousel-caption .play-video-responsive {
    text-shadow: none; }

@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px; }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -10px; }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -10px; }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px; }
  .carousel-indicators {
    bottom: 20px; } }

.clearfix:before, #user-panel .user-header .container:before, #user-panel .user-header .main-container:before, #user-panel .user-header .user-nav:before, #user-panel .content-filters:before, .user-payment-end .content .user-payments-content p:before, .popover-content:before, .main-footer small:before, .user-footer small:before, .main-footer .social-badge .social-net:before, .user-footer .social-badge .social-net:before, .main-footer .footer-right .learn-in-classroom .holder:before, .alert-error .container:before, .alert-error .main-container:before, .alert-success .container:before, .alert-success .main-container:before, .alert-info .container:before, .alert-info .main-container:before, .alert-warning .container:before, .alert-warning .main-container:before, .admin-alert:before, .sub-header-aqua .container:before, .sub-header-aqua .main-container:before, .sub-header-aqua .container .sub-right:before, .sub-header-aqua .main-container .sub-right:before, .sub-header-blue .container:before, .sub-header-blue .main-container:before, .sub-header-blue .container .sub-right:before, .sub-header-blue .main-container .sub-right:before, .sub-header-red .container:before, .sub-header-red .main-container:before, .sub-header-red .container .sub-right:before, .sub-header-red .main-container .sub-right:before, .toptitle-group .toptitle:before, .badges:before, .two-columns:before, .courses-subcategory li a:before, .course-archive.large-box .holder-group:before, .featured-portfolio:before, .students-recommendations:before, .baner-gallery > div > .popup-gallery:before, .popup-box .social-net:before, .popup-box .social-net ul:before, .card-logos-holder:before, .card-logos-holder ul:before, .skills:before, .pagination:before, .rating-stars-list ul:before, .contact-page #send-us-mail:before, .courses-page .course-entry header .enrollment-info:before, .courses-page .course-entry .content .program ul li:before, #sticky.stick .container:before, #sticky.stick .main-container:before, .block-courses .program-days article:before, .block-courses .program-days article .courseProgramInfo:before, .block-courses .program-days article .title:before, .block-courses .program-days.pkpd ul li:before, .block-courses .program-days.pkpd .courseProgramInfo:before, .enrollment-page .info-course .box dl:before, .enrollment-page .info-course .box15 dl:before, .enrollment-page .info-course .box25 dl:before, .enrollment-page .info-course .categories-box dl:before, .enrollment-page .info-course .contact-page .contact-address dl:before, .contact-page .enrollment-page .info-course .contact-address dl:before, .enrollment-page .info-course .enrollment-end dl:before, .enrollment-page .info-course .impressions-box dl:before, .enrollment-page .info-course .students-box dl:before, .enrollment-page .info-course .info-box dl:before, .enrollment-page .enrollment-end .content:before, #modal-profile-password .modal-body .form-group:before, .user-course-page .course-lessons .day .quiz:before, .user-course-page .course-lessons .day .quiz .quiz-body:before, .my-courses .progress-holder:before, .home-page .students-box footer:before, .comments-hover-menu header:before, .students-comments ul:before, .free-space-school:before, .impressions-box .holder:before, .students-box > .holder:before, .search-students:before, .showcase-page .students-box footer .holder:before, .student-page .student-social:before, .info-page .shares:before, .info-box .holder:before, .user-payment .user-payments-content .static-text:before, .user-consultation .buy-consultation-holder:before, .top-list-page article:before, .user-points .dd-menu-holder .user-dd-menu .badges-holder:before, .clearfix:after, #user-panel .user-header .container:after, #user-panel .user-header .main-container:after, #user-panel .user-header .user-nav:after, #user-panel .content-filters:after, .user-payment-end .content .user-payments-content p:after, .popover-content:after, .main-footer small:after, .user-footer small:after, .main-footer .social-badge .social-net:after, .user-footer .social-badge .social-net:after, .main-footer .footer-right .learn-in-classroom .holder:after, .alert-error .container:after, .alert-error .main-container:after, .alert-success .container:after, .alert-success .main-container:after, .alert-info .container:after, .alert-info .main-container:after, .alert-warning .container:after, .alert-warning .main-container:after, .admin-alert:after, .sub-header-aqua .container:after, .sub-header-aqua .main-container:after, .sub-header-aqua .container .sub-right:after, .sub-header-aqua .main-container .sub-right:after, .sub-header-blue .container:after, .sub-header-blue .main-container:after, .sub-header-blue .container .sub-right:after, .sub-header-blue .main-container .sub-right:after, .sub-header-red .container:after, .sub-header-red .main-container:after, .sub-header-red .container .sub-right:after, .sub-header-red .main-container .sub-right:after, .toptitle-group .toptitle:after, .badges:after, .two-columns:after, .courses-subcategory li a:after, .course-archive.large-box .holder-group:after, .featured-portfolio:after, .students-recommendations:after, .baner-gallery > div > .popup-gallery:after, .popup-box .social-net:after, .popup-box .social-net ul:after, .card-logos-holder:after, .card-logos-holder ul:after, .skills:after, .pagination:after, .rating-stars-list ul:after, .contact-page #send-us-mail:after, .courses-page .course-entry header .enrollment-info:after, .courses-page .course-entry .content .program ul li:after, #sticky.stick .container:after, #sticky.stick .main-container:after, .block-courses .program-days article:after, .block-courses .program-days article .courseProgramInfo:after, .block-courses .program-days article .title:after, .block-courses .program-days.pkpd ul li:after, .block-courses .program-days.pkpd .courseProgramInfo:after, .enrollment-page .info-course .box dl:after, .enrollment-page .info-course .box15 dl:after, .enrollment-page .info-course .box25 dl:after, .enrollment-page .info-course .categories-box dl:after, .enrollment-page .info-course .contact-page .contact-address dl:after, .contact-page .enrollment-page .info-course .contact-address dl:after, .enrollment-page .info-course .enrollment-end dl:after, .enrollment-page .info-course .impressions-box dl:after, .enrollment-page .info-course .students-box dl:after, .enrollment-page .info-course .info-box dl:after, .enrollment-page .enrollment-end .content:after, #modal-profile-password .modal-body .form-group:after, .user-course-page .course-lessons .day .quiz:after, .user-course-page .course-lessons .day .quiz .quiz-body:after, .my-courses .progress-holder:after, .home-page .students-box footer:after, .comments-hover-menu header:after, .students-comments ul:after, .free-space-school:after, .impressions-box .holder:after, .students-box > .holder:after, .search-students:after, .showcase-page .students-box footer .holder:after, .student-page .student-social:after, .info-page .shares:after, .info-box .holder:after, .user-payment .user-payments-content .static-text:after, .user-consultation .buy-consultation-holder:after, .top-list-page article:after, .user-points .dd-menu-holder .user-dd-menu .badges-holder:after {
  content: " ";
  display: table; }

.clearfix:after, #user-panel .user-header .container:after, #user-panel .user-header .main-container:after, #user-panel .user-header .user-nav:after, #user-panel .content-filters:after, .user-payment-end .content .user-payments-content p:after, .popover-content:after, .main-footer small:after, .user-footer small:after, .main-footer .social-badge .social-net:after, .user-footer .social-badge .social-net:after, .main-footer .footer-right .learn-in-classroom .holder:after, .alert-error .container:after, .alert-error .main-container:after, .alert-success .container:after, .alert-success .main-container:after, .alert-info .container:after, .alert-info .main-container:after, .alert-warning .container:after, .alert-warning .main-container:after, .admin-alert:after, .sub-header-aqua .container:after, .sub-header-aqua .main-container:after, .sub-header-aqua .container .sub-right:after, .sub-header-aqua .main-container .sub-right:after, .sub-header-blue .container:after, .sub-header-blue .main-container:after, .sub-header-blue .container .sub-right:after, .sub-header-blue .main-container .sub-right:after, .sub-header-red .container:after, .sub-header-red .main-container:after, .sub-header-red .container .sub-right:after, .sub-header-red .main-container .sub-right:after, .toptitle-group .toptitle:after, .badges:after, .two-columns:after, .courses-subcategory li a:after, .course-archive.large-box .holder-group:after, .featured-portfolio:after, .students-recommendations:after, .baner-gallery > div > .popup-gallery:after, .popup-box .social-net:after, .popup-box .social-net ul:after, .card-logos-holder:after, .card-logos-holder ul:after, .skills:after, .pagination:after, .rating-stars-list ul:after, .contact-page #send-us-mail:after, .courses-page .course-entry header .enrollment-info:after, .courses-page .course-entry .content .program ul li:after, #sticky.stick .container:after, #sticky.stick .main-container:after, .block-courses .program-days article:after, .block-courses .program-days article .courseProgramInfo:after, .block-courses .program-days article .title:after, .block-courses .program-days.pkpd ul li:after, .block-courses .program-days.pkpd .courseProgramInfo:after, .enrollment-page .info-course .box dl:after, .enrollment-page .info-course .box15 dl:after, .enrollment-page .info-course .box25 dl:after, .enrollment-page .info-course .categories-box dl:after, .enrollment-page .info-course .contact-page .contact-address dl:after, .contact-page .enrollment-page .info-course .contact-address dl:after, .enrollment-page .info-course .enrollment-end dl:after, .enrollment-page .info-course .impressions-box dl:after, .enrollment-page .info-course .students-box dl:after, .enrollment-page .info-course .info-box dl:after, .enrollment-page .enrollment-end .content:after, #modal-profile-password .modal-body .form-group:after, .user-course-page .course-lessons .day .quiz:after, .user-course-page .course-lessons .day .quiz .quiz-body:after, .my-courses .progress-holder:after, .home-page .students-box footer:after, .comments-hover-menu header:after, .students-comments ul:after, .free-space-school:after, .impressions-box .holder:after, .students-box > .holder:after, .search-students:after, .showcase-page .students-box footer .holder:after, .student-page .student-social:after, .info-page .shares:after, .info-box .holder:after, .user-payment .user-payments-content .static-text:after, .user-consultation .buy-consultation-holder:after, .top-list-page article:after, .user-points .dd-menu-holder .user-dd-menu .badges-holder:after {
  clear: both; }

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.pull-right {
  float: right !important; }

.pull-left {
  float: left !important; }

.hide {
  display: none !important; }

.show {
  display: block !important; }

.invisible {
  visibility: hidden; }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.hidden {
  display: none !important; }

.affix {
  position: fixed; }

@-ms-viewport {
  width: device-width; }

.visible-xs {
  display: none !important; }

.visible-sm {
  display: none !important; }

.visible-md {
  display: none !important; }

.visible-lg {
  display: none !important; }

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important; }

@media (max-width: 767px) {
  .visible-xs {
    display: block !important; }
  table.visible-xs {
    display: table !important; }
  tr.visible-xs {
    display: table-row !important; }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important; } }

@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important; } }

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important; } }

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important; }
  table.visible-sm {
    display: table !important; }
  tr.visible-sm {
    display: table-row !important; }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important; }
  table.visible-md {
    display: table !important; }
  tr.visible-md {
    display: table-row !important; }
  th.visible-md,
  td.visible-md {
    display: table-cell !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important; } }

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important; }
  table.visible-lg {
    display: table !important; }
  tr.visible-lg {
    display: table-row !important; }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important; } }

@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important; } }

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important; } }

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important; } }

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

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important; } }

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

.visible-print {
  display: none !important; }

@media print {
  .visible-print {
    display: block !important; }
  table.visible-print {
    display: table !important; }
  tr.visible-print {
    display: table-row !important; }
  th.visible-print,
  td.visible-print {
    display: table-cell !important; } }

.visible-print-block {
  display: none !important; }
  @media print {
    .visible-print-block {
      display: block !important; } }

.visible-print-inline {
  display: none !important; }
  @media print {
    .visible-print-inline {
      display: inline !important; } }

.visible-print-inline-block {
  display: none !important; }
  @media print {
    .visible-print-inline-block {
      display: inline-block !important; } }

@media print {
  .hidden-print {
    display: none !important; } }

html#base_html {
  min-height: 100%;
  position: relative;
  padding-top: 70px; }
  @media (min-width: 992px) {
    html#base_html {
      padding-top: 82px;
      padding-bottom: 460px; } }
  html#base_html a {
    cursor: pointer; }
    html#base_html a:focus {
      outline: none; }
    html#base_html a:hover, html#base_html a:focus {
      text-decoration: none; }

html#base_user_html {
  min-height: 100%;
  position: relative;
  padding-top: 70px; }
  @media (min-width: 992px) {
    html#base_user_html {
      padding-top: 82px;
      padding-bottom: 90px; } }
  html#base_user_html a:focus {
    outline: none; }
  html#base_user_html a:hover, html#base_user_html a:focus {
    text-decoration: none; }

body {
  background-color: #f5f5f5;
  font-family: "Roboto";
  color: #373D3F;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px; }
  body aside {
    margin-bottom: 50px; }
    @media (min-width: 992px) {
      body aside {
        margin-bottom: 0; } }
  body.white {
    background-color: white; }

body.env-local:after {
  content: "MOBILE";
  position: fixed;
  bottom: 0;
  right: 0;
  padding: 6px 12px;
  background-color: white;
  color: #000;
  opacity: .5; }
  @media (min-width: 544px) {
    body.env-local:after {
      content: "MOBILE LANDSCAPE"; } }
  @media (min-width: 768px) {
    body.env-local:after {
      content: "TABLET"; } }
  @media (min-width: 992px) {
    body.env-local:after {
      content: "DESKTOP"; } }
  @media (min-width: 1200px) {
    body.env-local:after {
      content: "LARGE DESKTOP"; } }

.dn {
  display: none; }

.bold {
  font-weight: bold; }

@media (min-width: 992px) {
  .pull-md-left {
    float: left !important; } }

@media (min-width: 768px) {
  .pull-sm-left {
    float: left !important; } }

@media (min-width: 992px) {
  .pull-md-right {
    float: right !important; } }

@media (min-width: 768px) {
  .pull-sm-right {
    float: right !important; } }

.ma0 {
  margin: 0px !important; }

.ma5 {
  margin: 5px !important; }

.ma10 {
  margin: 10px !important; }

.ma15 {
  margin: 15px !important; }

.ma20 {
  margin: 20px !important; }

.ma25 {
  margin: 25px !important; }

.ma30 {
  margin: 30px !important; }

.ma35 {
  margin: 35px !important; }

.ma40 {
  margin: 40px !important; }

.ma45 {
  margin: 45px !important; }

.ma50 {
  margin: 50px !important; }

.mt0 {
  margin-top: 0px !important; }

.mt5 {
  margin-top: 5px !important; }

.mt10 {
  margin-top: 10px !important; }

.mt15 {
  margin-top: 15px !important; }

.mt20 {
  margin-top: 20px !important; }

.mt25 {
  margin-top: 25px !important; }

.mt30 {
  margin-top: 30px !important; }

.mt35 {
  margin-top: 35px !important; }

.mt40 {
  margin-top: 40px !important; }

.mt45 {
  margin-top: 45px !important; }

.mt50 {
  margin-top: 50px !important; }

.mr0 {
  margin-right: 0px !important; }

.mr5 {
  margin-right: 5px !important; }

.mr10 {
  margin-right: 10px !important; }

.mr15 {
  margin-right: 15px !important; }

.mr20 {
  margin-right: 20px !important; }

.mr25 {
  margin-right: 25px !important; }

.mr30 {
  margin-right: 30px !important; }

.mr35 {
  margin-right: 35px !important; }

.mr40 {
  margin-right: 40px !important; }

.mr45 {
  margin-right: 45px !important; }

.mr50 {
  margin-right: 50px !important; }

.mb0 {
  margin-bottom: 0px !important; }

.mb5 {
  margin-bottom: 5px !important; }

.mb10 {
  margin-bottom: 10px !important; }

.mb15 {
  margin-bottom: 15px !important; }

.mb20 {
  margin-bottom: 20px !important; }

.mb25 {
  margin-bottom: 25px !important; }

.mb30 {
  margin-bottom: 30px !important; }

.mb35 {
  margin-bottom: 35px !important; }

.mb40 {
  margin-bottom: 40px !important; }

.mb45 {
  margin-bottom: 45px !important; }

.mb50 {
  margin-bottom: 50px !important; }

.ml0 {
  margin-left: 0px !important; }

.ml5 {
  margin-left: 5px !important; }

.ml10 {
  margin-left: 10px !important; }

.ml15 {
  margin-left: 15px !important; }

.ml20 {
  margin-left: 20px !important; }

.ml25 {
  margin-left: 25px !important; }

.ml30 {
  margin-left: 30px !important; }

.ml35 {
  margin-left: 35px !important; }

.ml40 {
  margin-left: 40px !important; }

.ml45 {
  margin-left: 45px !important; }

.ml50 {
  margin-left: 50px !important; }

.pa0 {
  padding: 0px !important; }

.pa5 {
  padding: 5px !important; }

.pa10 {
  padding: 10px !important; }

.pa15 {
  padding: 15px !important; }

.pa20 {
  padding: 20px !important; }

.pa25 {
  padding: 25px !important; }

.pa30 {
  padding: 30px !important; }

.pa35 {
  padding: 35px !important; }

.pa40 {
  padding: 40px !important; }

.pa45 {
  padding: 45px !important; }

.pa50 {
  padding: 50px !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-moz-document url-prefix() {
  .img-responsive {
    width: 100%; } }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .img-responsive {
    width: 100%; } }

main {
  position: relative; }

.main-container {
  padding-top: 25px;
  padding-bottom: 25px; }
  @media (min-width: 768px) {
    .main-container {
      padding-top: 50px;
      padding-bottom: 50px; } }

.full-height-background-element {
  position: absolute;
  top: 0;
  height: calc(100vh - 220px);
  width: 100%;
  z-index: -1;
  padding-bottom: 220px; }
  @media (min-width: 992px) {
    .full-height-background-element {
      padding-bottom: 0;
      height: calc(100vh - 542px); } }

.template-orange {
  background-color: #EA845B;
  color: white; }
  .template-orange .form-control, .template-orange input[type="text"], .template-orange
  input[type="email"], .template-orange
  input[type="password"], .template-orange
  input[type="number"], .template-orange
  input[type="search"], .template-orange
  input[type="url"], .template-orange
  input[type="tel"], .template-orange
  textarea, .template-orange
  select {
    background-color: #D17450;
    border-color: #D17450;
    color: white; }
    .template-orange .form-control::-moz-placeholder, .template-orange input[type="text"]::-moz-placeholder, .template-orange
    input[type="email"]::-moz-placeholder, .template-orange
    input[type="password"]::-moz-placeholder, .template-orange
    input[type="number"]::-moz-placeholder, .template-orange
    input[type="search"]::-moz-placeholder, .template-orange
    input[type="url"]::-moz-placeholder, .template-orange
    input[type="tel"]::-moz-placeholder, .template-orange
    textarea::-moz-placeholder, .template-orange
    select::-moz-placeholder {
      color: #fcaf91;
      opacity: 1; }
    .template-orange .form-control:-ms-input-placeholder, .template-orange input[type="text"]:-ms-input-placeholder, .template-orange
    input[type="email"]:-ms-input-placeholder, .template-orange
    input[type="password"]:-ms-input-placeholder, .template-orange
    input[type="number"]:-ms-input-placeholder, .template-orange
    input[type="search"]:-ms-input-placeholder, .template-orange
    input[type="url"]:-ms-input-placeholder, .template-orange
    input[type="tel"]:-ms-input-placeholder, .template-orange
    textarea:-ms-input-placeholder, .template-orange
    select:-ms-input-placeholder {
      color: #fcaf91; }
    .template-orange .form-control::-webkit-input-placeholder, .template-orange input[type="text"]::-webkit-input-placeholder, .template-orange
    input[type="email"]::-webkit-input-placeholder, .template-orange
    input[type="password"]::-webkit-input-placeholder, .template-orange
    input[type="number"]::-webkit-input-placeholder, .template-orange
    input[type="search"]::-webkit-input-placeholder, .template-orange
    input[type="url"]::-webkit-input-placeholder, .template-orange
    input[type="tel"]::-webkit-input-placeholder, .template-orange
    textarea::-webkit-input-placeholder, .template-orange
    select::-webkit-input-placeholder {
      color: #fcaf91; }
    .template-orange .form-control:focus, .template-orange input[type="text"]:focus, .template-orange
    input[type="email"]:focus, .template-orange
    input[type="password"]:focus, .template-orange
    input[type="number"]:focus, .template-orange
    input[type="search"]:focus, .template-orange
    input[type="url"]:focus, .template-orange
    input[type="tel"]:focus, .template-orange
    textarea:focus, .template-orange
    select:focus {
      border-color: white; }
  .template-orange main h1, .template-orange main .cke_editable h2, .cke_editable .template-orange main h2, .template-orange main .cke_editable h3, .cke_editable .template-orange main h3, .template-orange main .cke_editable h4, .cke_editable .template-orange main h4, .template-orange main h2, .template-orange main h3, .template-orange main h4 {
    color: white; }
  .template-orange main a:not(.btn):not(.btn-browse):not(button):not(.play-video-responsive) {
    color: white;
    text-decoration: underline; }
    .template-orange main a:not(.btn):not(.btn-browse):not(button):not(.play-video-responsive):hover, .template-orange main a:not(.btn):not(.btn-browse):not(button):not(.play-video-responsive):focus {
      color: white;
      text-decoration: none; }
    .template-orange main a:not(.btn):not(.btn-browse):not(button):not(.play-video-responsive):focus {
      outline: thin dotted rgba(0, 0, 0, 0.1);
      outline-offset: 2px; }
  .template-orange .main-footer {
    border-top-color: #D17450; }

.template-green {
  background-color: #45aca8;
  color: white; }
  .template-green .form-control, .template-green input[type="text"], .template-green
  input[type="email"], .template-green
  input[type="password"], .template-green
  input[type="number"], .template-green
  input[type="search"], .template-green
  input[type="url"], .template-green
  input[type="tel"], .template-green
  textarea, .template-green
  select {
    background-color: #38938f;
    border-color: #38938f;
    color: white; }
    .template-green .form-control::-moz-placeholder, .template-green input[type="text"]::-moz-placeholder, .template-green
    input[type="email"]::-moz-placeholder, .template-green
    input[type="password"]::-moz-placeholder, .template-green
    input[type="number"]::-moz-placeholder, .template-green
    input[type="search"]::-moz-placeholder, .template-green
    input[type="url"]::-moz-placeholder, .template-green
    input[type="tel"]::-moz-placeholder, .template-green
    textarea::-moz-placeholder, .template-green
    select::-moz-placeholder {
      color: #a3cfcc;
      opacity: 1; }
    .template-green .form-control:-ms-input-placeholder, .template-green input[type="text"]:-ms-input-placeholder, .template-green
    input[type="email"]:-ms-input-placeholder, .template-green
    input[type="password"]:-ms-input-placeholder, .template-green
    input[type="number"]:-ms-input-placeholder, .template-green
    input[type="search"]:-ms-input-placeholder, .template-green
    input[type="url"]:-ms-input-placeholder, .template-green
    input[type="tel"]:-ms-input-placeholder, .template-green
    textarea:-ms-input-placeholder, .template-green
    select:-ms-input-placeholder {
      color: #a3cfcc; }
    .template-green .form-control::-webkit-input-placeholder, .template-green input[type="text"]::-webkit-input-placeholder, .template-green
    input[type="email"]::-webkit-input-placeholder, .template-green
    input[type="password"]::-webkit-input-placeholder, .template-green
    input[type="number"]::-webkit-input-placeholder, .template-green
    input[type="search"]::-webkit-input-placeholder, .template-green
    input[type="url"]::-webkit-input-placeholder, .template-green
    input[type="tel"]::-webkit-input-placeholder, .template-green
    textarea::-webkit-input-placeholder, .template-green
    select::-webkit-input-placeholder {
      color: #a3cfcc; }
    .template-green .form-control:focus, .template-green input[type="text"]:focus, .template-green
    input[type="email"]:focus, .template-green
    input[type="password"]:focus, .template-green
    input[type="number"]:focus, .template-green
    input[type="search"]:focus, .template-green
    input[type="url"]:focus, .template-green
    input[type="tel"]:focus, .template-green
    textarea:focus, .template-green
    select:focus {
      border-color: white; }
  .template-green main h1, .template-green main .cke_editable h2, .cke_editable .template-green main h2, .template-green main .cke_editable h3, .cke_editable .template-green main h3, .template-green main .cke_editable h4, .cke_editable .template-green main h4, .template-green main h2, .template-green main h3, .template-green main h4 {
    color: white; }
  .template-green main a:not(.btn):not(.btn-browse):not(button):not(.play-video-responsive) {
    color: white;
    text-decoration: underline; }
    .template-green main a:not(.btn):not(.btn-browse):not(button):not(.play-video-responsive):hover, .template-green main a:not(.btn):not(.btn-browse):not(button):not(.play-video-responsive):focus {
      color: white;
      text-decoration: none; }
    .template-green main a:not(.btn):not(.btn-browse):not(button):not(.play-video-responsive):focus {
      outline: thin dotted rgba(0, 0, 0, 0.1);
      outline-offset: 2px; }
  .template-green .main-footer {
    border-top-color: #38938f; }

.template-blue {
  background-color: #38b4d6;
  color: white; }
  .template-blue .form-control, .template-blue input[type="text"], .template-blue
  input[type="email"], .template-blue
  input[type="password"], .template-blue
  input[type="number"], .template-blue
  input[type="search"], .template-blue
  input[type="url"], .template-blue
  input[type="tel"], .template-blue
  textarea, .template-blue
  select {
    background-color: #22a7ca;
    border-color: #22a7ca;
    color: white; }
    .template-blue .form-control::-moz-placeholder, .template-blue input[type="text"]::-moz-placeholder, .template-blue
    input[type="email"]::-moz-placeholder, .template-blue
    input[type="password"]::-moz-placeholder, .template-blue
    input[type="number"]::-moz-placeholder, .template-blue
    input[type="search"]::-moz-placeholder, .template-blue
    input[type="url"]::-moz-placeholder, .template-blue
    input[type="tel"]::-moz-placeholder, .template-blue
    textarea::-moz-placeholder, .template-blue
    select::-moz-placeholder {
      color: #a9d3e3;
      opacity: 1; }
    .template-blue .form-control:-ms-input-placeholder, .template-blue input[type="text"]:-ms-input-placeholder, .template-blue
    input[type="email"]:-ms-input-placeholder, .template-blue
    input[type="password"]:-ms-input-placeholder, .template-blue
    input[type="number"]:-ms-input-placeholder, .template-blue
    input[type="search"]:-ms-input-placeholder, .template-blue
    input[type="url"]:-ms-input-placeholder, .template-blue
    input[type="tel"]:-ms-input-placeholder, .template-blue
    textarea:-ms-input-placeholder, .template-blue
    select:-ms-input-placeholder {
      color: #a9d3e3; }
    .template-blue .form-control::-webkit-input-placeholder, .template-blue input[type="text"]::-webkit-input-placeholder, .template-blue
    input[type="email"]::-webkit-input-placeholder, .template-blue
    input[type="password"]::-webkit-input-placeholder, .template-blue
    input[type="number"]::-webkit-input-placeholder, .template-blue
    input[type="search"]::-webkit-input-placeholder, .template-blue
    input[type="url"]::-webkit-input-placeholder, .template-blue
    input[type="tel"]::-webkit-input-placeholder, .template-blue
    textarea::-webkit-input-placeholder, .template-blue
    select::-webkit-input-placeholder {
      color: #a9d3e3; }
    .template-blue .form-control:focus, .template-blue input[type="text"]:focus, .template-blue
    input[type="email"]:focus, .template-blue
    input[type="password"]:focus, .template-blue
    input[type="number"]:focus, .template-blue
    input[type="search"]:focus, .template-blue
    input[type="url"]:focus, .template-blue
    input[type="tel"]:focus, .template-blue
    textarea:focus, .template-blue
    select:focus {
      border-color: white; }
  .template-blue main h1, .template-blue main .cke_editable h2, .cke_editable .template-blue main h2, .template-blue main .cke_editable h3, .cke_editable .template-blue main h3, .template-blue main .cke_editable h4, .cke_editable .template-blue main h4, .template-blue main h2, .template-blue main h3, .template-blue main h4 {
    color: white; }
  .template-blue main a:not(.btn):not(.btn-browse):not(button):not(.play-video-responsive) {
    color: white;
    text-decoration: underline; }
    .template-blue main a:not(.btn):not(.btn-browse):not(button):not(.play-video-responsive):hover, .template-blue main a:not(.btn):not(.btn-browse):not(button):not(.play-video-responsive):focus {
      color: white;
      text-decoration: none; }
    .template-blue main a:not(.btn):not(.btn-browse):not(button):not(.play-video-responsive):focus {
      outline: thin dotted rgba(0, 0, 0, 0.1);
      outline-offset: 2px; }
  .template-blue .main-footer {
    border-top-color: #22a7ca; }

.template-dark-blue {
  background-color: #22a7ca;
  color: white; }
  .template-dark-blue .form-control, .template-dark-blue input[type="text"], .template-dark-blue
  input[type="email"], .template-dark-blue
  input[type="password"], .template-dark-blue
  input[type="number"], .template-dark-blue
  input[type="search"], .template-dark-blue
  input[type="url"], .template-dark-blue
  input[type="tel"], .template-dark-blue
  textarea, .template-dark-blue
  select {
    background-color: #1b839e;
    border-color: #1b839e;
    color: white; }
    .template-dark-blue .form-control::-moz-placeholder, .template-dark-blue input[type="text"]::-moz-placeholder, .template-dark-blue
    input[type="email"]::-moz-placeholder, .template-dark-blue
    input[type="password"]::-moz-placeholder, .template-dark-blue
    input[type="number"]::-moz-placeholder, .template-dark-blue
    input[type="search"]::-moz-placeholder, .template-dark-blue
    input[type="url"]::-moz-placeholder, .template-dark-blue
    input[type="tel"]::-moz-placeholder, .template-dark-blue
    textarea::-moz-placeholder, .template-dark-blue
    select::-moz-placeholder {
      color: #a9d3e3;
      opacity: 1; }
    .template-dark-blue .form-control:-ms-input-placeholder, .template-dark-blue input[type="text"]:-ms-input-placeholder, .template-dark-blue
    input[type="email"]:-ms-input-placeholder, .template-dark-blue
    input[type="password"]:-ms-input-placeholder, .template-dark-blue
    input[type="number"]:-ms-input-placeholder, .template-dark-blue
    input[type="search"]:-ms-input-placeholder, .template-dark-blue
    input[type="url"]:-ms-input-placeholder, .template-dark-blue
    input[type="tel"]:-ms-input-placeholder, .template-dark-blue
    textarea:-ms-input-placeholder, .template-dark-blue
    select:-ms-input-placeholder {
      color: #a9d3e3; }
    .template-dark-blue .form-control::-webkit-input-placeholder, .template-dark-blue input[type="text"]::-webkit-input-placeholder, .template-dark-blue
    input[type="email"]::-webkit-input-placeholder, .template-dark-blue
    input[type="password"]::-webkit-input-placeholder, .template-dark-blue
    input[type="number"]::-webkit-input-placeholder, .template-dark-blue
    input[type="search"]::-webkit-input-placeholder, .template-dark-blue
    input[type="url"]::-webkit-input-placeholder, .template-dark-blue
    input[type="tel"]::-webkit-input-placeholder, .template-dark-blue
    textarea::-webkit-input-placeholder, .template-dark-blue
    select::-webkit-input-placeholder {
      color: #a9d3e3; }
    .template-dark-blue .form-control:focus, .template-dark-blue input[type="text"]:focus, .template-dark-blue
    input[type="email"]:focus, .template-dark-blue
    input[type="password"]:focus, .template-dark-blue
    input[type="number"]:focus, .template-dark-blue
    input[type="search"]:focus, .template-dark-blue
    input[type="url"]:focus, .template-dark-blue
    input[type="tel"]:focus, .template-dark-blue
    textarea:focus, .template-dark-blue
    select:focus {
      border-color: white; }
  .template-dark-blue main h1, .template-dark-blue main .cke_editable h2, .cke_editable .template-dark-blue main h2, .template-dark-blue main .cke_editable h3, .cke_editable .template-dark-blue main h3, .template-dark-blue main .cke_editable h4, .cke_editable .template-dark-blue main h4, .template-dark-blue main h2, .template-dark-blue main h3, .template-dark-blue main h4 {
    color: white; }
  .template-dark-blue main a:not(.btn):not(.btn-browse):not(button):not(.play-video-responsive) {
    color: white;
    text-decoration: underline; }
    .template-dark-blue main a:not(.btn):not(.btn-browse):not(button):not(.play-video-responsive):hover, .template-dark-blue main a:not(.btn):not(.btn-browse):not(button):not(.play-video-responsive):focus {
      color: white;
      text-decoration: none; }
    .template-dark-blue main a:not(.btn):not(.btn-browse):not(button):not(.play-video-responsive):focus {
      outline: thin dotted rgba(0, 0, 0, 0.1);
      outline-offset: 2px; }
  .template-dark-blue .main-footer {
    border-top-color: #1b839e; }

.full-width {
  margin: auto; }
  @media (min-width: 1920px) {
    .full-width {
      width: 100%;
      max-width: none; } }

h1, .cke_editable h2, .cke_editable h3, .cke_editable h4, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Roboto Condensed";
  color: #333;
  margin-top: 0; }

h1, .cke_editable h2, .cke_editable h3, .cke_editable h4, .h1 {
  font-size: 30px; }

h2, .h2 {
  font-size: 28px; }

h3, .h3 {
  font-size: 22px; }

h4, .h4 {
  font-size: 18px; }

@media (min-width: 768px) {
  h1, .cke_editable h2, .cke_editable h3, .cke_editable h4, .h1 {
    font-size: 40px; }
  h2, .h2 {
    font-size: 36px; }
  h3, .h3 {
    font-size: 28px; }
  h4, .h4 {
    font-size: 22px; } }

.message-red {
  text-align: left !important;
  background-color: #E08283;
  padding: 10px 40px 25px;
  position: relative; }
  .message-red .img-holder {
    margin-top: 15px;
    margin-bottom: 10px; }
    .message-red .img-holder img {
      margin: auto; }
  .message-red p {
    margin: 0;
    font-size: 16px;
    color: white; }
    .message-red p a {
      text-decoration: underline; }
  .message-red h4 {
    color: white;
    margin-top: 15px; }
    @media (min-width: 768px) {
      .message-red h4 {
        font-size: 20px; } }
  .message-red a {
    color: white; }
  .message-red .btn, .message-red .btn-browse, .message-red button, .message-red .play-video-responsive {
    margin-top: 20px; }
  .message-red i {
    position: absolute;
    font-size: 22px;
    color: white;
    cursor: pointer;
    right: 15px;
    top: 10px; }

.message-green {
  text-align: left !important;
  background-color: #81beba;
  padding: 10px 40px 25px;
  position: relative; }
  .message-green .img-holder {
    margin-top: 15px;
    margin-bottom: 10px; }
    .message-green .img-holder img {
      margin: auto; }
  .message-green p {
    margin: 0;
    font-size: 16px;
    color: white; }
    .message-green p a {
      text-decoration: underline; }
  .message-green h4 {
    color: white;
    margin-top: 15px; }
    @media (min-width: 768px) {
      .message-green h4 {
        font-size: 20px; } }
  .message-green a {
    color: white; }
  .message-green .btn, .message-green .btn-browse, .message-green button, .message-green .play-video-responsive {
    margin-top: 20px; }
  .message-green i {
    position: absolute;
    font-size: 22px;
    color: white;
    cursor: pointer;
    right: 15px;
    top: 10px; }

.message-blue {
  text-align: left !important;
  background-color: #82bfd7;
  padding: 10px 40px 25px;
  position: relative; }
  .message-blue .img-holder {
    margin-top: 15px;
    margin-bottom: 10px; }
    .message-blue .img-holder img {
      margin: auto; }
  .message-blue p {
    margin: 0;
    font-size: 16px;
    color: white; }
    .message-blue p a {
      text-decoration: underline; }
  .message-blue h4 {
    color: white;
    margin-top: 15px; }
    @media (min-width: 768px) {
      .message-blue h4 {
        font-size: 20px; } }
  .message-blue a {
    color: white; }
  .message-blue .btn, .message-blue .btn-browse, .message-blue button, .message-blue .play-video-responsive {
    margin-top: 20px; }
  .message-blue i {
    position: absolute;
    font-size: 22px;
    color: white;
    cursor: pointer;
    right: 15px;
    top: 10px; }

.message-orange {
  text-align: left !important;
  background-color: #FA8B60;
  padding: 10px 40px 25px;
  position: relative; }
  .message-orange .img-holder {
    margin-top: 15px;
    margin-bottom: 10px; }
    .message-orange .img-holder img {
      margin: auto; }
  .message-orange p {
    margin: 0;
    font-size: 16px;
    color: white; }
    .message-orange p a {
      text-decoration: underline; }
  .message-orange h4 {
    color: white;
    margin-top: 15px; }
    @media (min-width: 768px) {
      .message-orange h4 {
        font-size: 20px; } }
  .message-orange a {
    color: white; }
  .message-orange .btn, .message-orange .btn-browse, .message-orange button, .message-orange .play-video-responsive {
    margin-top: 20px; }
  .message-orange i {
    position: absolute;
    font-size: 22px;
    color: white;
    cursor: pointer;
    right: 15px;
    top: 10px; }

.message-transp {
  text-align: left !important;
  background-color: transparent;
  padding: 10px 40px 25px;
  position: relative;
  padding-left: 0;
  padding-right: 0; }
  .message-transp .img-holder {
    margin-top: 15px;
    margin-bottom: 10px; }
    .message-transp .img-holder img {
      margin: auto; }
  .message-transp p {
    margin: 0;
    font-size: 16px;
    color: white; }
    .message-transp p a {
      text-decoration: underline; }
  .message-transp h4 {
    color: white;
    margin-top: 15px; }
    @media (min-width: 768px) {
      .message-transp h4 {
        font-size: 20px; } }
  .message-transp a {
    color: white; }
  .message-transp .btn, .message-transp .btn-browse, .message-transp button, .message-transp .play-video-responsive {
    margin-top: 20px; }
  .message-transp i {
    position: absolute;
    font-size: 22px;
    color: white;
    cursor: pointer;
    right: 15px;
    top: 10px; }
  .message-transp h4 {
    font-family: "Gotham-Ultra";
    color: #333; }
    @media (min-width: 768px) {
      .message-transp h4 {
        font-size: 26px; } }
  .message-transp p, .message-transp a {
    color: #333; }

.remove-btn {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #C77272;
  text-align: center;
  line-height: 40px;
  position: absolute;
  top: -20px;
  right: -20px;
  color: transparent;
  cursor: pointer;
  z-index: 99; }
  .remove-btn i {
    color: white;
    font-size: 26px; }

#user-panel:not(.my-courses):not(.user-course-page):not(.user-payment) {
  background-color: white; }

#user-panel .user-header {
  background-color: #38b4d6;
  font-family: "Roboto Condensed";
  position: relative; }
  #user-panel .user-header .user-nav {
    margin: 0;
    padding-top: 10px;
    padding-bottom: 5px; }
    @media (min-width: 0) and (max-width: 767px) {
      #user-panel .user-header .user-nav {
        display: none; } }
    @media (min-width: 768px) {
      #user-panel .user-header .user-nav {
        float: left;
        padding-top: 0;
        padding-bottom: 0; } }
    #user-panel .user-header .user-nav li {
      padding: 0;
      float: left;
      width: 100%;
      text-align: center;
      margin-bottom: 5px; }
      #user-panel .user-header .user-nav li a {
        text-transform: uppercase;
        color: white;
        display: block;
        padding-top: 5px;
        padding-bottom: 5px; }
        #user-panel .user-header .user-nav li a:hover, #user-panel .user-header .user-nav li a:focus {
          text-decoration: none; }
      @media (min-width: 544px) {
        #user-panel .user-header .user-nav li {
          width: 25%; } }
      @media (min-width: 768px) {
        #user-panel .user-header .user-nav li {
          margin-bottom: 0;
          width: auto;
          text-align: left; }
          #user-panel .user-header .user-nav li a {
            padding: 20px 10px; } }
      #user-panel .user-header .user-nav li:hover {
        background-color: #22a7ca; }
    #user-panel .user-header .user-nav li.active {
      background-color: #22a7ca; }
      #user-panel .user-header .user-nav li.active a {
        position: relative; }
        #user-panel .user-header .user-nav li.active a:hover, #user-panel .user-header .user-nav li.active a:focus {
          text-decoration: none; }
      @media (min-width: 768px) {
        #user-panel .user-header .user-nav li.active {
          color: white; } }

#user-panel .cat-ask {
  position: relative;
  display: none; }
  #user-panel .cat-ask.bottom-header-cat {
    margin: 0 auto 10px;
    width: 100%; }
    @media (min-width: 0) and (max-width: 991px) {
      #user-panel .cat-ask.bottom-header-cat {
        display: table;
        margin: 15px auto 15px; } }
    #user-panel .cat-ask.bottom-header-cat .form-control, #user-panel .cat-ask.bottom-header-cat input[type="text"], #user-panel .cat-ask.bottom-header-cat
    input[type="email"], #user-panel .cat-ask.bottom-header-cat
    input[type="password"], #user-panel .cat-ask.bottom-header-cat
    input[type="number"], #user-panel .cat-ask.bottom-header-cat
    input[type="search"], #user-panel .cat-ask.bottom-header-cat
    input[type="url"], #user-panel .cat-ask.bottom-header-cat
    input[type="tel"], #user-panel .cat-ask.bottom-header-cat
    textarea, #user-panel .cat-ask.bottom-header-cat
    select {
      margin-top: 5px;
      height: 40px; }
  #user-panel .cat-ask input {
    border: none;
    outline: none; }
    #user-panel .cat-ask input[type="search"] {
      background-color: #F2F3F5;
      color: #6D747E;
      font-size: 14px;
      padding-right: 40px; }
      #user-panel .cat-ask input[type="search"]::-moz-placeholder {
        color: #6D747E;
        opacity: 1; }
      #user-panel .cat-ask input[type="search"]:-ms-input-placeholder {
        color: #6D747E; }
      #user-panel .cat-ask input[type="search"]::-webkit-input-placeholder {
        color: #6D747E; }
  #user-panel .cat-ask:after {
    content: "";
    background: url("../images/skoljkica-sm.png") no-repeat transparent;
    background-size: cover;
    width: 30px;
    height: 26px;
    text-indent: -9999px;
    position: absolute;
    right: 8px;
    top: 25px;
    transform: translateY(-50%); }
  #user-panel .cat-ask .twitter-typeahead {
    width: 100%; }
    @media (min-width: 768px) {
      #user-panel .cat-ask .twitter-typeahead {
        max-width: 250px; } }
    @media (min-width: 992px) {
      #user-panel .cat-ask .twitter-typeahead {
        max-width: 340px; } }
  #user-panel .cat-ask .tt-input {
    padding-left: 10px; }
    #user-panel .cat-ask .tt-input::-moz-selection {
      background-color: #B5DBE4; }
    #user-panel .cat-ask .tt-input::selection {
      background-color: #B5DBE4; }
    #user-panel .cat-ask .tt-input::-moz-selection {
      background-color: #B5DBE4; }
  #user-panel .cat-ask .tt-menu {
    display: none;
    z-index: 49 !important;
    position: absolute;
    right: 2px;
    top: 50px;
    width: 100%;
    min-height: 20px;
    background-color: white;
    cursor: pointer;
    box-shadow: 1px 1px 4px rgba(29, 176, 156, 0.3); }
    @media (min-width: 768px) {
      #user-panel .cat-ask .tt-menu {
        max-width: 300px; } }
    @media (min-width: 992px) {
      #user-panel .cat-ask .tt-menu {
        max-width: 340px; } }
    #user-panel .cat-ask .tt-menu article {
      padding: 10px; }
      #user-panel .cat-ask .tt-menu article:not(:first-child) {
        padding-top: 10px; }
      #user-panel .cat-ask .tt-menu article h3 {
        font-size: 12pt;
        margin: 0; }
      #user-panel .cat-ask .tt-menu article em {
        font-style: normal;
        background-color: #B5DBE4; }
    #user-panel .cat-ask .tt-menu .tt-suggestion:hover {
      background-color: #f5f5f5 !important; }
    #user-panel .cat-ask .tt-menu .tt-cursor {
      background-color: #f5f5f5 !important; }
    #user-panel .cat-ask .tt-menu .tt-footer {
      text-align: right;
      cursor: default !important;
      padding: 5px 10px !important; }
      #user-panel .cat-ask .tt-menu .tt-footer .algolia-img {
        height: 14px; }
  #user-panel .cat-ask.new #lessons-list {
    background-color: white;
    position: absolute;
    width: 100%;
    left: 0;
    top: 45px;
    z-index: 40;
    box-shadow: 1px 1px 4px rgba(29, 176, 156, 0.3); }
    #user-panel .cat-ask.new #lessons-list ul {
      margin: 0; }
      #user-panel .cat-ask.new #lessons-list ul li {
        padding: 10px;
        cursor: pointer;
        font-size: 12pt;
        border-bottom: 1px solid #f5f5f5; }
        #user-panel .cat-ask.new #lessons-list ul li:before, #user-panel .cat-ask.new #lessons-list ul li:after {
          content: " ";
          display: table; }
        #user-panel .cat-ask.new #lessons-list ul li:after {
          clear: both; }
        #user-panel .cat-ask.new #lessons-list ul li:last-child {
          border-bottom: none; }
        #user-panel .cat-ask.new #lessons-list ul li:hover {
          background-color: #f5f5f5; }
        #user-panel .cat-ask.new #lessons-list ul li.selected-list {
          background-color: #f5f5f5; }
        #user-panel .cat-ask.new #lessons-list ul li .course-name {
          float: right;
          color: #82bfd7;
          font-size: 12px; }
  #user-panel .cat-ask.main-header-cat {
    float: left;
    width: 290px;
    margin-top: 3px; }
    #user-panel .cat-ask.main-header-cat input {
      height: 45px; }
    #user-panel .cat-ask.main-header-cat:after {
      top: 22px; }
    @media (min-width: 992px) {
      #user-panel .cat-ask.main-header-cat {
        display: block; } }
    @media (min-width: 1200px) {
      #user-panel .cat-ask.main-header-cat {
        width: 450px; } }
    @media (min-width: 1500px) {
      #user-panel .cat-ask.main-header-cat {
        width: 630px; } }

#user-panel #liModal .modal-dialog {
  width: 90%; }
  #user-panel #liModal .modal-dialog .modal-content img {
    max-width: 100%;
    height: auto !important; }
  @media (min-width: 0) and (max-width: 543px) {
    #user-panel #liModal .modal-dialog .modal-footer button {
      display: table;
      margin: 15px 0 auto auto; } }

#user-panel .user-header .user-nav li a {
  font-size: 14px; }
  @media (min-width: 768px) {
    #user-panel .user-header .user-nav li a {
      padding: 20px 10px; } }
  @media (min-width: 992px) {
    #user-panel .user-header .user-nav li a {
      padding: 20px 20px; } }

#user-panel .icon-holder .student-icons {
  position: absolute;
  left: -1px;
  top: -1px; }
  #user-panel .icon-holder .student-icons.w50 {
    width: 140px;
    height: 140px; }
    @media (min-width: 768px) and (max-width: 990px) {
      #user-panel .icon-holder .student-icons.w50 {
        width: 90px;
        height: 90px; } }
    #user-panel .icon-holder .student-icons.w50 img {
      width: 70px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
      @media (min-width: 768px) and (max-width: 990px) {
        #user-panel .icon-holder .student-icons.w50 img {
          width: 45px; } }

#user-panel .user-cover {
  position: relative;
  display: none; }
  @media (min-width: 544px) {
    #user-panel .user-cover {
      display: block; } }
  @media (min-width: 1300px) {
    #user-panel .user-cover {
      height: 300px;
      overflow: hidden; } }
  #user-panel .user-cover .title {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 20px;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    z-index: 9;
    margin-bottom: 0; }
    @media (min-width: 992px) {
      #user-panel .user-cover .title {
        font-size: 40px; } }
    @media (min-width: 1200px) {
      #user-panel .user-cover .title {
        font-size: 50px; } }
    @media (min-width: 1300px) {
      #user-panel .user-cover .title {
        top: 50%; } }

@media (min-width: 768px) {
  #user-panel .content-filters {
    display: table;
    margin: 0 auto 4px;
    position: relative;
    top: -46px; } }

@media (min-width: 0) and (max-width: 990px) {
  #user-panel .content-filters li {
    margin-bottom: 5px; }
    #user-panel .content-filters li:last-child {
      margin-bottom: 0; } }

@media (min-width: 768px) {
  #user-panel .content-filters li {
    float: left;
    margin: 0 4px; }
    #user-panel .content-filters li:first-child {
      margin-left: 0; }
    #user-panel .content-filters li:last-child {
      margin-right: 0; } }

#user-panel .content-filters li a {
  font-size: 16px;
  color: white;
  background-color: #38b4d6;
  text-align: center;
  padding: 0 20px;
  display: block;
  font-family: "Roboto Condensed";
  height: 46px;
  line-height: 46px; }
  @media (min-width: 992px) {
    #user-panel .content-filters li a {
      display: inline-block;
      min-width: 200px; } }
  #user-panel .content-filters li a:hover {
    background-color: white;
    color: #333; }

#user-panel .content-filters li.active a {
  background-color: white;
  color: #333; }
  #user-panel .content-filters li.active a:hover {
    background-color: white;
    color: #333; }

#user-panel .block-white .form-control, #user-panel .courses-page .course-entry .content .section-info .form-control, .courses-page .course-entry .content #user-panel .section-info .form-control, #user-panel .section-instructor .form-control, #user-panel .block-info .form-control, #user-panel .block-courses .form-control, #user-panel .latest-views .form-control, #user-panel .block-white input[type="text"], #user-panel .courses-page .course-entry .content .section-info input[type="text"], .courses-page .course-entry .content #user-panel .section-info input[type="text"], #user-panel .section-instructor input[type="text"], #user-panel .block-info input[type="text"], #user-panel .block-courses input[type="text"], #user-panel .latest-views input[type="text"], #user-panel .block-white
input[type="email"], #user-panel .courses-page .course-entry .content .section-info
input[type="email"], .courses-page .course-entry .content #user-panel .section-info
input[type="email"], #user-panel .section-instructor
input[type="email"], #user-panel .block-info
input[type="email"], #user-panel .block-courses
input[type="email"], #user-panel .latest-views
input[type="email"], #user-panel .block-white
input[type="password"], #user-panel .courses-page .course-entry .content .section-info
input[type="password"], .courses-page .course-entry .content #user-panel .section-info
input[type="password"], #user-panel .section-instructor
input[type="password"], #user-panel .block-info
input[type="password"], #user-panel .block-courses
input[type="password"], #user-panel .latest-views
input[type="password"], #user-panel .block-white
input[type="number"], #user-panel .courses-page .course-entry .content .section-info
input[type="number"], .courses-page .course-entry .content #user-panel .section-info
input[type="number"], #user-panel .section-instructor
input[type="number"], #user-panel .block-info
input[type="number"], #user-panel .block-courses
input[type="number"], #user-panel .latest-views
input[type="number"], #user-panel .block-white
input[type="search"], #user-panel .courses-page .course-entry .content .section-info
input[type="search"], .courses-page .course-entry .content #user-panel .section-info
input[type="search"], #user-panel .section-instructor
input[type="search"], #user-panel .block-info
input[type="search"], #user-panel .block-courses
input[type="search"], #user-panel .latest-views
input[type="search"], #user-panel .block-white
input[type="url"], #user-panel .courses-page .course-entry .content .section-info
input[type="url"], .courses-page .course-entry .content #user-panel .section-info
input[type="url"], #user-panel .section-instructor
input[type="url"], #user-panel .block-info
input[type="url"], #user-panel .block-courses
input[type="url"], #user-panel .latest-views
input[type="url"], #user-panel .block-white
input[type="tel"], #user-panel .courses-page .course-entry .content .section-info
input[type="tel"], .courses-page .course-entry .content #user-panel .section-info
input[type="tel"], #user-panel .section-instructor
input[type="tel"], #user-panel .block-info
input[type="tel"], #user-panel .block-courses
input[type="tel"], #user-panel .latest-views
input[type="tel"], #user-panel .block-white
textarea, #user-panel .courses-page .course-entry .content .section-info
textarea, .courses-page .course-entry .content #user-panel .section-info
textarea, #user-panel .section-instructor
textarea, #user-panel .block-info
textarea, #user-panel .block-courses
textarea, #user-panel .latest-views
textarea, #user-panel .block-white
select, #user-panel .courses-page .course-entry .content .section-info
select, .courses-page .course-entry .content #user-panel .section-info
select, #user-panel .section-instructor
select, #user-panel .block-info
select, #user-panel .block-courses
select, #user-panel .latest-views
select, #user-panel .block-white input[type="text"], #user-panel .courses-page .course-entry .content .section-info input[type="text"], .courses-page .course-entry .content #user-panel .section-info input[type="text"], #user-panel .section-instructor input[type="text"], #user-panel .block-info input[type="text"], #user-panel .block-courses input[type="text"], #user-panel .latest-views input[type="text"], #user-panel .block-white input[type="email"], #user-panel .courses-page .course-entry .content .section-info input[type="email"], .courses-page .course-entry .content #user-panel .section-info input[type="email"], #user-panel .section-instructor input[type="email"], #user-panel .block-info input[type="email"], #user-panel .block-courses input[type="email"], #user-panel .latest-views input[type="email"], #user-panel .block-white input[type="password"], #user-panel .courses-page .course-entry .content .section-info input[type="password"], .courses-page .course-entry .content #user-panel .section-info input[type="password"], #user-panel .section-instructor input[type="password"], #user-panel .block-info input[type="password"], #user-panel .block-courses input[type="password"], #user-panel .latest-views input[type="password"], #user-panel .block-white input[type="number"], #user-panel .courses-page .course-entry .content .section-info input[type="number"], .courses-page .course-entry .content #user-panel .section-info input[type="number"], #user-panel .section-instructor input[type="number"], #user-panel .block-info input[type="number"], #user-panel .block-courses input[type="number"], #user-panel .latest-views input[type="number"], #user-panel .block-white input[type="search"], #user-panel .courses-page .course-entry .content .section-info input[type="search"], .courses-page .course-entry .content #user-panel .section-info input[type="search"], #user-panel .section-instructor input[type="search"], #user-panel .block-info input[type="search"], #user-panel .block-courses input[type="search"], #user-panel .latest-views input[type="search"], #user-panel .block-white input[type="url"], #user-panel .courses-page .course-entry .content .section-info input[type="url"], .courses-page .course-entry .content #user-panel .section-info input[type="url"], #user-panel .section-instructor input[type="url"], #user-panel .block-info input[type="url"], #user-panel .block-courses input[type="url"], #user-panel .latest-views input[type="url"], #user-panel .block-white input[type="tel"], #user-panel .courses-page .course-entry .content .section-info input[type="tel"], .courses-page .course-entry .content #user-panel .section-info input[type="tel"], #user-panel .section-instructor input[type="tel"], #user-panel .block-info input[type="tel"], #user-panel .block-courses input[type="tel"], #user-panel .latest-views input[type="tel"], #user-panel .block-white textarea, #user-panel .courses-page .course-entry .content .section-info textarea, .courses-page .course-entry .content #user-panel .section-info textarea, #user-panel .section-instructor textarea, #user-panel .block-info textarea, #user-panel .block-courses textarea, #user-panel .latest-views textarea, #user-panel .block-white select, #user-panel .courses-page .course-entry .content .section-info select, .courses-page .course-entry .content #user-panel .section-info select, #user-panel .section-instructor select, #user-panel .block-info select, #user-panel .block-courses select, #user-panel .latest-views select {
  background-color: #f5f5f5;
  border: none;
  color: #333; }

#user-panel .block-white label, #user-panel .courses-page .course-entry .content .section-info label, .courses-page .course-entry .content #user-panel .section-info label, #user-panel .section-instructor label, #user-panel .block-info label, #user-panel .block-courses label, #user-panel .latest-views label {
  font-family: "Roboto Condensed"; }

#user-panel fieldset {
  margin-bottom: 40px; }

#user-panel .portfolios-block .title, #user-panel .portfolios-block .desc {
  text-align: center; }

#user-panel .portfolios-block .desc {
  margin-bottom: 50px; }

@media (min-width: 992px) {
  #user-panel .portfolios-block .portfolios-preview:nth-child(2n+1) {
    clear: both; } }

#user-panel .portfolios-block .portfolios-preview .portfolio-description {
  word-wrap: break-word; }

@media (min-width: 0) and (max-width: 992px) {
  #user-panel .user-portfolio-content {
    margin-bottom: 60px;
    margin-top: 20px; } }

@media (min-width: 768px) {
  #user-panel .user-portfolio-content .desc {
    margin-bottom: 35px; } }

#user-panel #portfolio form {
  margin-top: 20px; }
  @media (min-width: 768px) {
    #user-panel #portfolio form {
      margin-top: 50px;
      margin-bottom: 40px; } }
  #user-panel #portfolio form textarea {
    margin-bottom: 35px; }
    #user-panel #portfolio form textarea + .error {
      margin-top: -20px;
      position: relative;
      top: -30px; }

#user-panel .students-box {
  position: relative; }
  #user-panel .students-box .remove-btn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #C77272;
    text-align: center;
    line-height: 40px;
    position: absolute;
    top: -20px;
    right: -20px;
    color: transparent;
    content: ""; }
    #user-panel .students-box .remove-btn i {
      color: white;
      font-size: 26px; }

#user-panel textarea {
  height: 250px; }

#user-panel.edit-profile .select2-container--default .select2-selection--single, #user-panel.team-company .select2-container--default .select2-selection--single {
  background-color: #f5f5f5; }

#user-panel.edit-profile .note {
  margin-bottom: 5px;
  margin-top: -15px;
  float: left; }

@media (min-width: 768px) and (max-width: 990px) {
  #user-panel.edit-profile .content-filters li a {
    min-width: 140px; } }

@media (min-width: 992px) and (max-width: 1199px) {
  #user-panel.edit-profile .content-filters li a {
    min-width: 180px; } }

#user-panel .user-payments-content fieldset {
  padding-top: 0; }

@media (min-width: 0) and (max-width: 543px) {
  #user-panel #neplaceno .table tr td:first-child strong, #user-panel #neplaceno .table tr th:first-child strong {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block; } }

@media (min-width: 0) and (max-width: 767px) {
  #user-panel #neplaceno .table tr td, #user-panel #neplaceno .table tr th {
    display: none; }
    #user-panel #neplaceno .table tr td:first-child, #user-panel #neplaceno .table tr td:last-child, #user-panel #neplaceno .table tr th:first-child, #user-panel #neplaceno .table tr th:last-child {
      display: table-cell; } }

#user-panel #neplaceno .bill-info {
  text-transform: uppercase; }

@media (min-width: 0) and (max-width: 543px) {
  #user-panel #placeno .table tr td:nth-child(4) span, #user-panel #placeno .table tr th:nth-child(4) span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block; } }

@media (min-width: 0) and (max-width: 767px) {
  #user-panel #placeno .table tr td, #user-panel #placeno .table tr th {
    display: none; }
    #user-panel #placeno .table tr td:nth-child(4), #user-panel #placeno .table tr td:last-child, #user-panel #placeno .table tr th:nth-child(4), #user-panel #placeno .table tr th:last-child {
      display: table-cell; } }

#user-panel #neplaceno,
#user-panel #placeno {
  font-family: "Roboto Condensed"; }
  #user-panel #neplaceno .table thead tr td,
  #user-panel #neplaceno .table thead tr th,
  #user-panel #neplaceno .table tbody tr td,
  #user-panel #neplaceno .table tbody tr th,
  #user-panel #placeno .table thead tr td,
  #user-panel #placeno .table thead tr th,
  #user-panel #placeno .table tbody tr td,
  #user-panel #placeno .table tbody tr th {
    padding: 13px 10px; }
  #user-panel #neplaceno .courseTitleData,
  #user-panel #placeno .courseTitleData {
    width: 250px; }
  #user-panel #neplaceno .btn, #user-panel #neplaceno .btn-browse, #user-panel #neplaceno button, #user-panel #neplaceno .play-video-responsive,
  #user-panel #placeno .btn,
  #user-panel #placeno .btn-browse,
  #user-panel #placeno button,
  #user-panel #placeno .play-video-responsive {
    padding: 3px 6px; }

.btn-custom {
  height: 30px !important;
  color: #333333 !important;
  padding: 4px 10px !important;
  font-size: 14px !important; }
  .btn-custom:hover {
    color: white !important; }

.userPanel-header .menu > .btn-custom {
  display: none;
  float: left;
  margin-right: 20px;
  margin-top: 10px; }
  @media (min-width: 992px) {
    .userPanel-header .menu > .btn-custom {
      display: inline-block; } }

@media (min-width: 992px) {
  .userPanel-header .menu nav {
    display: none; } }

.activation-info {
  background-color: #fcaf91;
  color: #bc5832;
  padding: 20px 0;
  font-size: 16px;
  text-align: center; }
  .activation-info a {
    color: #6c321c; }

.user-payment-end .content {
  background: #45aca8; }
  @media (min-width: 768px) and (max-width: 1199px) {
    .user-payment-end .content {
      padding: 50px 0; } }
  @media (min-width: 1200px) and (max-height: 749px) {
    .user-payment-end .content {
      padding: 50px 0; } }
  @media (min-width: 0) and (max-width: 767px) {
    .user-payment-end .content img {
      width: 150px;
      margin: 30px auto; } }
  @media (min-width: 1200px) {
    .user-payment-end .content {
      padding: 100px 0; } }
  @media (min-width: 1920px) {
    .user-payment-end .content {
      padding: 150px 0;
      height: calc(100vh - 172px); } }
  .user-payment-end .content .user-payments-content {
    padding-top: 40px;
    padding-left: 20px;
    margin-bottom: 60px; }
    .user-payment-end .content .user-payments-content h2 {
      color: white; }
      @media (min-width: 768px) {
        .user-payment-end .content .user-payments-content h2 {
          font-size: 50px; } }
    .user-payment-end .content .user-payments-content h4 {
      font-size: 20px;
      color: white; }
      .user-payment-end .content .user-payments-content h4:first-of-type {
        margin-bottom: 30px; }
      .user-payment-end .content .user-payments-content h4:last-of-type {
        margin-bottom: 20px; }
    .user-payment-end .content .user-payments-content p {
      color: white;
      font-size: 16px;
      margin-bottom: 5px; }
      .user-payment-end .content .user-payments-content p span {
        display: inline-block; }
        .user-payment-end .content .user-payments-content p span:first-child {
          min-width: 130px;
          float: left;
          font-weight: bold; }
          @media (min-width: 768px) {
            .user-payment-end .content .user-payments-content p span:first-child {
              min-width: 150px; } }
        .user-payment-end .content .user-payments-content p span:last-child {
          width: calc(100% - 130px); }
          @media (min-width: 768px) {
            .user-payment-end .content .user-payments-content p span:last-child {
              width: calc(100% - 150px); } }
    .user-payment-end .content .user-payments-content a {
      margin-top: 45px; }

.user-portfolio-content > div {
  display: none; }

.user-payments-content > div {
  display: none; }

.user-settings-content > div {
  display: none; }

.user-settings-content #podesavanja fieldset {
  margin-bottom: 10px; }

.user-settings-content #podesavanja form fieldset {
  margin-bottom: 40px; }

.user-consultation:not(.user-consulting) .user-consultation-content > div {
  display: none; }

.user-activation .activation-holder * {
  font-family: "Gotham-Ultra"; }

.user-activation .activation-holder h2 {
  font-size: 20px;
  margin-bottom: 50px;
  line-height: 2;
  letter-spacing: .7px; }
  .user-activation .activation-holder h2 span {
    color: #38b4d6;
    text-decoration: none;
    background-color: white;
    padding-left: 10px;
    padding-right: 10px; }

.user-activation .activation-holder .no-email {
  background-color: #33A7C8;
  padding: 40px; }
  .user-activation .activation-holder .no-email h3 {
    font-size: 30px;
    text-transform: uppercase;
    margin-bottom: 20px; }
  .user-activation .activation-holder .no-email p {
    font-size: 20px;
    margin-bottom: 20px;
    letter-spacing: .7px; }
    .user-activation .activation-holder .no-email p:last-child {
      margin-bottom: 0; }
    .user-activation .activation-holder .no-email p a {
      color: #B9E7EB !important; }

.set-password-page.custom-bkg .left, .user-activation.custom-bkg .left {
  display: none; }

.set-password-page.custom-bkg .holder, .user-activation.custom-bkg .holder {
  padding: 0; }

@media (min-width: 992px) {
  .set-password-page.custom-bkg .left, .user-activation.custom-bkg .left {
    display: block; }
  .set-password-page.custom-bkg .right form, .user-activation.custom-bkg .right form {
    width: 80%; }
  .set-password-page.custom-bkg .right .holder, .user-activation.custom-bkg .right .holder {
    padding-top: 150px;
    padding-left: 0;
    margin-left: -14px; } }

@media (min-width: 992px) {
  .set-password-page.custom-bkg .main-container, .user-activation.custom-bkg .main-container {
    position: relative; }
    .set-password-page.custom-bkg .main-container:before, .user-activation.custom-bkg .main-container:before {
      width: 190px;
      height: 190px;
      background-color: #FEAC1C;
      border-radius: 50%;
      position: absolute;
      right: 0;
      top: -96px;
      z-index: -1; } }

.student-info.activate-account {
  border: 1px solid #38938f;
  padding: 30px;
  margin-bottom: 30px; }
  .student-info.activate-account .left-column .lead {
    margin-bottom: 20px; }
    @media (min-width: 992px) {
      .student-info.activate-account .left-column .lead {
        margin-bottom: 0; } }
  @media (min-width: 992px) {
    .student-info.activate-account .right-column {
      text-align: right; } }

@media (min-width: 992px) {
  .user-portfolio [class^=message-] {
    margin-top: -4px; } }

#not-receive-email .modal-title {
  color: #333; }

#not-receive-email label {
  color: #373D3F; }

#not-receive-email input, #not-receive-email textarea {
  border-color: #eee;
  color: #373D3F;
  background-color: white; }

#not-receive-email h4 {
  color: #333; }

#not-receive-email p {
  color: #373D3F; }

#user-panel .logo-user {
  float: left; }
  #user-panel .logo-user a {
    display: block;
    width: 50px;
    height: 50px;
    background: url("../images/logo-user.png") no-repeat;
    background-size: contain;
    text-indent: -9999px;
    transition: all .3s; }

#user-panel .menu-toggle {
  float: left;
  margin-left: 15px;
  margin-top: 13px; }
  #user-panel .menu-toggle a {
    width: 20px;
    height: 20px;
    background: url("../images/menu-toggle.png") no-repeat;
    display: block;
    text-indent: -9999px; }

#user-panel .main-header.header-shrink .logo-user a {
  width: 45px;
  height: 45px;
  transition: all .3s; }

@media (min-width: 768px) {
  #user-panel .bl {
    border-left: 1px solid #EEEDE8; } }

#user-panel .user-submenu {
  margin-top: 35px;
  margin-bottom: 30px;
  font-family: "Roboto Condensed"; }
  #user-panel .user-submenu li {
    margin-bottom: 10px; }
    #user-panel .user-submenu li a {
      display: block;
      font-size: 16px;
      color: #333;
      padding-bottom: 9px;
      border-bottom: 1px solid #EEEDE8; }
      #user-panel .user-submenu li a:hover {
        font-weight: bold; }
      #user-panel .user-submenu li a.delete {
        color: #F35958; }
    #user-panel .user-submenu li:last-child a {
      border-bottom: none; }
    #user-panel .user-submenu li.active a {
      font-weight: bold; }

#user-panel .userPageTitle {
  font-family: "Gotham-Ultra";
  color: #22a7ca; }
  @media (min-width: 992px) {
    #user-panel .userPageTitle {
      font-size: 34px; } }
  #user-panel .userPageTitle.delete {
    color: #F35958; }

#user-panel .upInfo {
  margin-bottom: 30px; }
  @media (min-width: 992px) {
    #user-panel .upInfo {
      margin-bottom: 60px; } }

#user-panel legend {
  font-size: 20px;
  border-color: #EEEDE8;
  margin-bottom: 15px; }
  #user-panel legend.haveSwitch {
    font-size: 16px;
    padding-bottom: 24px; }

#user-panel .form-group input, #user-panel .form-group textarea {
  font-size: 14px;
  _background-color: #f1f1f1; }

#user-panel .form-group label {
  font-size: 16px; }

#user-panel .silverDesc {
  font-size: 16px;
  font-family: "Roboto Condensed";
  color: #999; }

#user-panel .profile-edit-information .avatar-holder {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }
  #user-panel .profile-edit-information .avatar-holder .user-avatar {
    margin-right: 20px; }
    #user-panel .profile-edit-information .avatar-holder .user-avatar .student-icons {
      left: 0;
      top: 0; }
      #user-panel .profile-edit-information .avatar-holder .user-avatar .student-icons.w50 {
        width: 130px;
        height: 130px; }
  #user-panel .profile-edit-information .avatar-holder .edit-link a {
    font-family: "Roboto Condensed";
    color: #22a7ca;
    font-weight: bold;
    font-size: 20px; }
  #user-panel .profile-edit-information .avatar-holder .edit-link p {
    margin-bottom: 0; }

#user-panel .custom-gutter {
  padding-left: 30px;
  padding-right: 30px; }
  #user-panel .custom-gutter > .row, #user-panel .custom-gutter > .sub-header-block {
    margin-left: -30px;
    margin-right: -30px; }
    #user-panel .custom-gutter > .row .cus-gutt-col-3, #user-panel .custom-gutter > .sub-header-block .cus-gutt-col-3,
    #user-panel .custom-gutter > .row .cus-gutt-col-9,
    #user-panel .custom-gutter > .sub-header-block .cus-gutt-col-9 {
      padding-left: 30px;
      padding-right: 30px; }
    @media (min-width: 1900px) {
      #user-panel .custom-gutter > .row .cus-gutt-col-9.bl, #user-panel .custom-gutter > .sub-header-block .cus-gutt-col-9.bl {
        padding-right: 0; } }

.prepare .payment-holder-info, .consultation-confirmation-online .payment-holder-info {
  padding: 25px;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #38938f; }

.prepare .skoljkica, .consultation-confirmation-online .skoljkica {
  max-width: 270px;
  width: 100%;
  margin-bottom: 30px; }

.prepare main a, .consultation-confirmation-online main a {
  color: white;
  text-decoration: underline; }

.prepare label, .consultation-confirmation-online label {
  margin-left: 0 !important; }

#utisci-ocene .course-title {
  margin-bottom: 20px; }

#utisci-ocene .rating-message-holder .user-rate-feedback {
  color: #38b4d6;
  font-size: 16px;
  font-family: "Roboto Condensed";
  margin-bottom: 40px; }
  #utisci-ocene .rating-message-holder .user-rate-feedback span {
    display: inline-block;
    position: relative;
    top: 9px;
    margin-left: 5px; }
    #utisci-ocene .rating-message-holder .user-rate-feedback span svg {
      width: 30px; }

#utisci-ocene .message-holder {
  margin-bottom: 30px; }
  @media (min-width: 992px) {
    #utisci-ocene .message-holder {
      margin-bottom: 70px; } }
  #utisci-ocene .message-holder textarea {
    background-color: transparent !important;
    border-bottom: 1px solid #E0DEDC !important;
    height: auto;
    padding: 10px 15px 0;
    color: #666 !important;
    font-size: 30px; }

#utisci-ocene .rating-comment {
  padding-bottom: 25px;
  margin-bottom: 30px;
  border-bottom: 1px solid #E0DEDC; }
  #utisci-ocene .rating-comment:last-child {
    border: none; }
  #utisci-ocene .rating-comment header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px; }
    #utisci-ocene .rating-comment header h3 {
      margin-right: 20px;
      margin-bottom: 0; }
      @media (min-width: 768px) {
        #utisci-ocene .rating-comment header h3 {
          font-size: 26px; } }
    #utisci-ocene .rating-comment header .user-rating {
      margin-right: 15px; }
      #utisci-ocene .rating-comment header .user-rating svg {
        position: relative;
        top: 2px; }
    #utisci-ocene .rating-comment header > a {
      text-transform: uppercase;
      color: #38b4d6; }

.mb90 {
  margin-bottom: 90px; }

@media (min-width: 0) and (max-width: 767px) {
  .viewProfile {
    margin-bottom: 30px; } }

@media (min-width: 768px) and (max-width: 1199px) {
  .viewProfile {
    display: none; } }

.viewProfile:hover {
  background-color: #E0DEDC !important; }

.classroom {
  background-color: #f4f4f4;
  height: 100%;
  /* When list is on */
  /********************** QUIZ ************************/
  /*** HOMEWORK ****/ }
  .classroom .classroom-header a:not(.btn-primary), .classroom .classroom-header .link,
  .classroom .wrapper-right a:not(.btn-primary),
  .classroom .wrapper-right .link {
    color: #d8c5c5;
    cursor: pointer; }
    .classroom .classroom-header a:not(.btn-primary):hover, .classroom .classroom-header a:not(.btn-primary):focus, .classroom .classroom-header .link:hover, .classroom .classroom-header .link:focus,
    .classroom .wrapper-right a:not(.btn-primary):hover,
    .classroom .wrapper-right a:not(.btn-primary):focus,
    .classroom .wrapper-right .link:hover,
    .classroom .wrapper-right .link:focus {
      color: #556d8e; }
  .classroom a.btn-blue, .classroom a.play-video-responsive, .classroom .online-page a.btn-red-lighter, .online-page .classroom a.btn-red-lighter, .classroom a.btn-green {
    color: white; }
  .classroom h1, .classroom .cke_editable h2, .cke_editable .classroom h2, .classroom .cke_editable h3, .cke_editable .classroom h3, .classroom .cke_editable h4, .cke_editable .classroom h4 {
    font-size: 40px; }
  .classroom main {
    overflow: auto;
    height: 100%;
    width: 100%;
    top: -53px; }
  .classroom .classroom-header {
    background-color: #2F3C4E;
    height: auto;
    position: relative;
    z-index: 300; }
    @media (min-width: 768px) {
      .classroom .classroom-header {
        height: 53px; } }
  .classroom .return-back, .classroom .lessons-toggle-button {
    display: block;
    float: left;
    height: 43px;
    line-height: 43px;
    margin-top: 5px;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: 0;
    border-right: 0;
    width: auto;
    text-align: center;
    border-right: 1px solid #42546e; }
    @media (min-width: 544px) {
      .classroom .return-back, .classroom .lessons-toggle-button {
        margin-right: 30px; } }
    @media (min-width: 768px) {
      .classroom .return-back, .classroom .lessons-toggle-button {
        margin-right: 10px; } }
    @media (min-width: 992px) {
      .classroom .return-back, .classroom .lessons-toggle-button {
        margin-right: 30px; } }
    .classroom .return-back:hover, .classroom .lessons-toggle-button:hover, .classroom .return-back:focus, .classroom .lessons-toggle-button:focus {
      background-color: #1c242e;
      border-color: #1c242e; }
    .classroom .return-back > .ksi-left-open:first-child, .classroom .lessons-toggle-button > .ksi-left-open:first-child {
      position: relative;
      left: 7px;
      margin-right: 3px; }
    .classroom .return-back > .ksi-left-open:last-child, .classroom .lessons-toggle-button > .ksi-left-open:last-child {
      position: relative;
      right: 3px; }
  .classroom .lessons-toggle-button {
    float: right;
    margin-right: 20px;
    border-right: 0;
    border-left: 1px solid #42546e;
    width: 25%; }
    @media (min-width: 768px) {
      .classroom .lessons-toggle-button {
        width: auto;
        margin-right: 0; } }
  .classroom .classroom-header .classroom-main-nav, .classroom .classroom-header .classroom-right-nav .prev-next-nav, .classroom .classroom-right-nav .classroom-header .prev-next-nav {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 10px;
    float: left;
    height: 53px;
    position: relative;
    width: auto; }
    @media (min-width: 544px) {
      .classroom .classroom-header .classroom-main-nav, .classroom .classroom-header .classroom-right-nav .prev-next-nav, .classroom .classroom-right-nav .classroom-header .prev-next-nav {
        margin-right: 10px; } }
    @media (min-width: 768px) {
      .classroom .classroom-header .classroom-main-nav, .classroom .classroom-header .classroom-right-nav .prev-next-nav, .classroom .classroom-right-nav .classroom-header .prev-next-nav {
        margin-right: 0; } }
    @media (min-width: 992px) {
      .classroom .classroom-header .classroom-main-nav, .classroom .classroom-header .classroom-right-nav .prev-next-nav, .classroom .classroom-right-nav .classroom-header .prev-next-nav {
        margin-right: 20px; } }
    .classroom .classroom-header .classroom-main-nav li, .classroom .classroom-header .classroom-right-nav .prev-next-nav li, .classroom .classroom-right-nav .classroom-header .prev-next-nav li {
      float: left; }
    .classroom .classroom-header .classroom-main-nav .btn, .classroom .classroom-header .classroom-right-nav .prev-next-nav .btn, .classroom .classroom-right-nav .classroom-header .prev-next-nav .btn, .classroom .classroom-header .classroom-main-nav .btn-browse, .classroom .classroom-header .classroom-right-nav .prev-next-nav .btn-browse, .classroom .classroom-right-nav .classroom-header .prev-next-nav .btn-browse, .classroom .classroom-header .classroom-main-nav button, .classroom .classroom-header .classroom-right-nav .prev-next-nav button, .classroom .classroom-right-nav .classroom-header .prev-next-nav button, .classroom .classroom-header .classroom-main-nav .play-video-responsive, .classroom .classroom-header .classroom-right-nav .prev-next-nav .play-video-responsive, .classroom .classroom-right-nav .classroom-header .prev-next-nav .play-video-responsive {
      padding: 19px 12px;
      line-height: 1;
      font-size: 14px;
      border-radius: 0;
      border: 0;
      background-color: #2F3C4E;
      margin-left: 0;
      color: #a3b0c1;
      transition: all .3s; }
      @media (min-width: 768px) {
        .classroom .classroom-header .classroom-main-nav .btn, .classroom .classroom-header .classroom-right-nav .prev-next-nav .btn, .classroom .classroom-right-nav .classroom-header .prev-next-nav .btn, .classroom .classroom-header .classroom-main-nav .btn-browse, .classroom .classroom-header .classroom-right-nav .prev-next-nav .btn-browse, .classroom .classroom-right-nav .classroom-header .prev-next-nav .btn-browse, .classroom .classroom-header .classroom-main-nav button, .classroom .classroom-header .classroom-right-nav .prev-next-nav button, .classroom .classroom-right-nav .classroom-header .prev-next-nav button, .classroom .classroom-header .classroom-main-nav .play-video-responsive, .classroom .classroom-header .classroom-right-nav .prev-next-nav .play-video-responsive, .classroom .classroom-right-nav .classroom-header .prev-next-nav .play-video-responsive {
          padding: 19px 20px; } }
      .classroom .classroom-header .classroom-main-nav .btn.active, .classroom .classroom-header .classroom-right-nav .prev-next-nav .btn.active, .classroom .classroom-right-nav .classroom-header .prev-next-nav .btn.active, .classroom .classroom-header .classroom-main-nav .active.btn-browse, .classroom .classroom-header .classroom-right-nav .prev-next-nav .active.btn-browse, .classroom .classroom-right-nav .classroom-header .prev-next-nav .active.btn-browse, .classroom .classroom-header .classroom-main-nav button.active, .classroom .classroom-header .classroom-right-nav .prev-next-nav button.active, .classroom .classroom-right-nav .classroom-header .prev-next-nav button.active, .classroom .classroom-header .classroom-main-nav .active.play-video-responsive, .classroom .classroom-header .classroom-right-nav .prev-next-nav .active.play-video-responsive, .classroom .classroom-right-nav .classroom-header .prev-next-nav .active.play-video-responsive {
        color: #8ea1bb;
        background-color: #42546e; }
      .classroom .classroom-header .classroom-main-nav .btn:hover, .classroom .classroom-header .classroom-right-nav .prev-next-nav .btn:hover, .classroom .classroom-right-nav .classroom-header .prev-next-nav .btn:hover, .classroom .classroom-header .classroom-main-nav .btn-browse:hover, .classroom .classroom-header .classroom-right-nav .prev-next-nav .btn-browse:hover, .classroom .classroom-right-nav .classroom-header .prev-next-nav .btn-browse:hover, .classroom .classroom-header .classroom-main-nav button:hover, .classroom .classroom-header .classroom-right-nav .prev-next-nav button:hover, .classroom .classroom-right-nav .classroom-header .prev-next-nav button:hover, .classroom .classroom-header .classroom-main-nav .play-video-responsive:hover, .classroom .classroom-header .classroom-right-nav .prev-next-nav .play-video-responsive:hover, .classroom .classroom-right-nav .classroom-header .prev-next-nav .play-video-responsive:hover, .classroom .classroom-header .classroom-main-nav .btn:focus, .classroom .classroom-header .classroom-right-nav .prev-next-nav .btn:focus, .classroom .classroom-right-nav .classroom-header .prev-next-nav .btn:focus, .classroom .classroom-header .classroom-main-nav .btn-browse:focus, .classroom .classroom-header .classroom-right-nav .prev-next-nav .btn-browse:focus, .classroom .classroom-right-nav .classroom-header .prev-next-nav .btn-browse:focus, .classroom .classroom-header .classroom-main-nav button:focus, .classroom .classroom-header .classroom-right-nav .prev-next-nav button:focus, .classroom .classroom-right-nav .classroom-header .prev-next-nav button:focus, .classroom .classroom-header .classroom-main-nav .play-video-responsive:focus, .classroom .classroom-header .classroom-right-nav .prev-next-nav .play-video-responsive:focus, .classroom .classroom-right-nav .classroom-header .prev-next-nav .play-video-responsive:focus {
        color: #8ea1bb;
        outline: none; }
    .classroom .classroom-header .classroom-main-nav > button, .classroom .classroom-header .classroom-right-nav .prev-next-nav > button, .classroom .classroom-right-nav .classroom-header .prev-next-nav > button {
      padding: 19px 0 20px;
      width: 22%;
      float: left; }
      .classroom .classroom-header .classroom-main-nav > button:last-child, .classroom .classroom-header .classroom-right-nav .prev-next-nav > button:last-child, .classroom .classroom-right-nav .classroom-header .prev-next-nav > button:last-child {
        width: 34%; }
      @media (min-width: 544px) {
        .classroom .classroom-header .classroom-main-nav > button, .classroom .classroom-header .classroom-right-nav .prev-next-nav > button, .classroom .classroom-right-nav .classroom-header .prev-next-nav > button {
          padding: 19px 25px 20px;
          width: auto;
          float: none; }
          .classroom .classroom-header .classroom-main-nav > button:last-child, .classroom .classroom-header .classroom-right-nav .prev-next-nav > button:last-child, .classroom .classroom-right-nav .classroom-header .prev-next-nav > button:last-child {
            width: auto; } }
      @media (min-width: 768px) {
        .classroom .classroom-header .classroom-main-nav > button, .classroom .classroom-header .classroom-right-nav .prev-next-nav > button, .classroom .classroom-right-nav .classroom-header .prev-next-nav > button {
          padding: 19px 20px 20px; } }
      @media (min-width: 992px) {
        .classroom .classroom-header .classroom-main-nav > button, .classroom .classroom-header .classroom-right-nav .prev-next-nav > button, .classroom .classroom-right-nav .classroom-header .prev-next-nav > button {
          padding: 19px 25px 20px; } }
  .classroom .classroom-right-nav {
    float: right;
    width: 100%; }
    @media (min-width: 360px) {
      .classroom .classroom-right-nav {
        width: auto; } }
    .classroom .classroom-right-nav .prev-next-nav {
      margin-left: 0;
      float: left;
      width: 75%;
      margin-right: 0; }
      @media (min-width: 0) and (max-width: 1199px) {
        .classroom .classroom-right-nav .prev-next-nav {
          display: none; } }
      @media (min-width: 768px) {
        .classroom .classroom-right-nav .prev-next-nav {
          width: auto;
          margin-right: inherit; } }
      .classroom .classroom-right-nav .prev-next-nav a.btn, .classroom .classroom-right-nav .prev-next-nav a.btn-browse, .classroom .classroom-right-nav .prev-next-nav a.play-video-responsive {
        padding: 19px 15px; }
        @media (min-width: 544px) {
          .classroom .classroom-right-nav .prev-next-nav a.btn, .classroom .classroom-right-nav .prev-next-nav a.btn-browse, .classroom .classroom-right-nav .prev-next-nav a.play-video-responsive {
            padding: 19px 20px; } }
        .classroom .classroom-right-nav .prev-next-nav a.btn:first-child, .classroom .classroom-right-nav .prev-next-nav a.btn-browse:first-child, .classroom .classroom-right-nav .prev-next-nav a.play-video-responsive:first-child {
          float: left; }
        .classroom .classroom-right-nav .prev-next-nav a.btn:last-child, .classroom .classroom-right-nav .prev-next-nav a.btn-browse:last-child, .classroom .classroom-right-nav .prev-next-nav a.play-video-responsive:last-child {
          float: right; }
        @media (min-width: 544px) {
          .classroom .classroom-right-nav .prev-next-nav a.btn, .classroom .classroom-right-nav .prev-next-nav a.btn-browse, .classroom .classroom-right-nav .prev-next-nav a.play-video-responsive {
            padding: 19px 25px;
            width: 50%; } }
        @media (min-width: 768px) {
          .classroom .classroom-right-nav .prev-next-nav a.btn, .classroom .classroom-right-nav .prev-next-nav a.btn-browse, .classroom .classroom-right-nav .prev-next-nav a.play-video-responsive {
            width: auto; }
            .classroom .classroom-right-nav .prev-next-nav a.btn:first-child, .classroom .classroom-right-nav .prev-next-nav a.btn-browse:first-child, .classroom .classroom-right-nav .prev-next-nav a.play-video-responsive:first-child {
              float: none; }
            .classroom .classroom-right-nav .prev-next-nav a.btn:last-child, .classroom .classroom-right-nav .prev-next-nav a.btn-browse:last-child, .classroom .classroom-right-nav .prev-next-nav a.play-video-responsive:last-child {
              float: none; } }
        @media (min-width: 0) and (max-width: 543px) {
          .classroom .classroom-right-nav .prev-next-nav a.btn .second-word, .classroom .classroom-right-nav .prev-next-nav a.btn-browse .second-word, .classroom .classroom-right-nav .prev-next-nav a.play-video-responsive .second-word {
            display: none; } }
      .classroom .classroom-right-nav .prev-next-nav .ksi-left-open {
        margin-right: 3px; }
      .classroom .classroom-right-nav .prev-next-nav .ksi-right-open {
        margin-left: 3px; }
    @media (min-width: 0) and (max-width: 359px) {
      .classroom .classroom-right-nav .lessons-toggle-button {
        width: 98%;
        float: none;
        margin: 5px auto 0;
        border: 1px solid #42546e; } }
  .classroom .wrapper-left {
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
  .classroom .wrapper-right {
    display: none;
    overflow-y: auto;
    background-color: #eee;
    width: 400px;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -400px; }
    .classroom .wrapper-right .lessons-list {
      padding: 20px; }
      .classroom .wrapper-right .lessons-list h2 {
        margin-top: 35px;
        text-transform: none;
        font-size: 18px;
        padding-bottom: 10px;
        color: #666;
        border-bottom: 1px solid #ccc; }
      .classroom .wrapper-right .lessons-list .lesson {
        list-style: none;
        margin: 5px 0;
        padding: 5px; }
        .classroom .wrapper-right .lessons-list .lesson .lesson-state {
          float: left;
          display: inline-block;
          text-align: center;
          width: 24px;
          line-height: 24px;
          margin-right: 15px; }
          .classroom .wrapper-right .lessons-list .lesson .lesson-state span {
            margin-top: 4px; }
        .classroom .wrapper-right .lessons-list .lesson .lesson-state-2 {
          border: 4px solid #EA845B; }
        .classroom .wrapper-right .lessons-list .lesson .lesson-state-3 {
          border: 4px solid #EA845B;
          background-color: #EA845B; }
        .classroom .wrapper-right .lessons-list .lesson a {
          display: block; }
          .classroom .wrapper-right .lessons-list .lesson a h3 {
            font-family: "Roboto";
            line-height: 24px;
            margin: 0;
            text-transform: none;
            font-size: 14px;
            font-weight: normal; }
          .classroom .wrapper-right .lessons-list .lesson a:hover, .classroom .wrapper-right .lessons-list .lesson a:focus {
            text-decoration: none; }
        .classroom .wrapper-right .lessons-list .lesson.active, .classroom .wrapper-right .lessons-list .lesson:hover {
          background-color: white; }
        .classroom .wrapper-right .lessons-list .lesson.active h3 {
          font-weight: bold; }
      .classroom .wrapper-right .lessons-list .quiz {
        padding: 10px 10px 10px 44px; }
        .classroom .wrapper-right .lessons-list .quiz a {
          display: block;
          line-height: 24px; }
        .classroom .wrapper-right .lessons-list .quiz.active a {
          font-weight: bold; }
  .classroom main > section {
    position: absolute;
    top: 53px;
    left: 0;
    right: 0;
    bottom: 0; }
    .classroom main > section h1, .classroom main > section .cke_editable h2, .cke_editable .classroom main > section h2, .classroom main > section .cke_editable h3, .cke_editable .classroom main > section h3, .classroom main > section .cke_editable h4, .cke_editable .classroom main > section h4, .classroom main > section h2, .classroom main > section h3, .classroom main > section h4, .classroom main > section h5, .classroom main > section h6 {
      text-transform: none;
      margin-top: 0;
      margin-bottom: 1em; }
  .classroom #content-video {
    z-index: 10; }
    .classroom #content-video .video-js {
      width: 100%;
      height: 100%; }
    .classroom #content-video .holder {
      position: absolute;
      z-index: 100;
      bottom: 70px;
      left: 0;
      right: 0;
      margin: auto; }
      @media (min-width: 544px) {
        .classroom #content-video .holder {
          right: 60px;
          margin: 0;
          left: auto; } }
      .classroom #content-video .holder .next-lesson-message {
        background-color: #45aca8;
        color: white;
        padding: 20px;
        opacity: 0;
        font-size: 16px; }
        .classroom #content-video .holder .next-lesson-message h3 {
          font-size: 24px;
          color: inherit;
          margin-bottom: 15px; }
        .classroom #content-video .holder .next-lesson-message.show {
          opacity: 1;
          transition: all .4s; }
        .classroom #content-video .holder .next-lesson-message .btn, .classroom #content-video .holder .next-lesson-message .btn-browse, .classroom #content-video .holder .next-lesson-message button, .classroom #content-video .holder .next-lesson-message .play-video-responsive {
          color: white; }
  .classroom .content-text {
    background-color: #f4f4f4;
    overflow-y: scroll;
    overflow-x: auto; }
    .classroom .content-text > .sheet {
      background-color: #fff;
      padding: 10px;
      margin: 20px auto;
      max-width: 816px;
      width: 100%;
      border: 1px solid #ddd;
      box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); }
      @media (min-width: 992px) {
        .classroom .content-text > .sheet {
          padding: 96px; } }
      .classroom .content-text > .sheet pre {
        padding: 0;
        margin: 25px 0;
        font-size: 14px;
        border: 0;
        border-radius: 0; }
        .classroom .content-text > .sheet pre code {
          padding: 20px;
          -moz-tab-size: 3;
          tab-size: 3;
          white-space: pre-wrap; }
      .classroom .content-text > .sheet .classroom-main-nav, .classroom .content-text > .sheet .classroom-right-nav .prev-next-nav, .classroom .classroom-right-nav .content-text > .sheet .prev-next-nav {
        margin-top: 60px; }
  .classroom .content-download {
    background-color: #f4f4f4;
    overflow-y: scroll;
    overflow-x: auto; }
    .classroom .content-download .container .download-body, .classroom .content-download .main-container .download-body {
      background-color: #fff;
      padding: 10px;
      margin: 20px auto;
      max-width: 816px;
      width: 100%;
      border: 1px solid #ddd; }
      @media (min-width: 992px) {
        .classroom .content-download .container .download-body, .classroom .content-download .main-container .download-body {
          padding: 96px; } }
      .classroom .content-download .container .download-body h2, .classroom .content-download .main-container .download-body h2 {
        margin-top: 0;
        margin-bottom: 30px; }
      .classroom .content-download .container .download-body ul, .classroom .content-download .main-container .download-body ul {
        list-style: none;
        padding: 0; }
        .classroom .content-download .container .download-body ul li, .classroom .content-download .main-container .download-body ul li {
          border-bottom: 1px solid #f5f5f5; }
          .classroom .content-download .container .download-body ul li a, .classroom .content-download .main-container .download-body ul li a {
            display: block;
            padding: 15px;
            color: #C77272; }
            .classroom .content-download .container .download-body ul li a i, .classroom .content-download .main-container .download-body ul li a i {
              color: #373D3F; }
          .classroom .content-download .container .download-body ul li a:visited i, .classroom .content-download .main-container .download-body ul li a:visited i {
            color: #eee; }
  .classroom.lessons-list-on .wrapper-left {
    right: 400px; }
  .classroom.lessons-list-on .wrapper-right {
    display: block;
    right: 0; }
  .classroom.lessons-list-on .lessons-toggle-button {
    background-color: #eee;
    color: #333; }
  .classroom .quiz-section {
    background-color: #fff;
    padding: 20px;
    /* Large devices (desktops, 62em lg 992px) */ }
    .classroom .quiz-section h1, .classroom .quiz-section .cke_editable h2, .cke_editable .classroom .quiz-section h2, .classroom .quiz-section .cke_editable h3, .cke_editable .classroom .quiz-section h3, .classroom .quiz-section .cke_editable h4, .cke_editable .classroom .quiz-section h4 {
      font-size: 16px;
      margin-top: 0;
      color: #999;
      font-weight: normal; }
    .classroom .quiz-section .btn-answer {
      width: 100%;
      background-color: #f4f4f4;
      text-align: left;
      text-transform: none;
      font-weight: normal;
      margin-bottom: 15px;
      border-radius: 0; }
      .classroom .quiz-section .btn-answer.selected {
        background-color: #EA845B; }
      .classroom .quiz-section .btn-answer.wrong {
        background-color: #C77272; }
      .classroom .quiz-section .btn-answer.correct {
        background-color: #45aca8; }
    .classroom .quiz-section .explanation {
      padding: 10px; }
    @media (min-width: 62em) {
      .classroom .quiz-section {
        width: 800px;
        margin: 30px auto;
        padding: 30px; }
        .classroom .quiz-section .btn-answer {
          width: 50%; } }
  .classroom .quizzes-section {
    background-color: white;
    min-height: 100%;
    padding: 90px 30px; }
    .classroom .quizzes-section article {
      height: 100%; }
      @media (min-width: 1200px) {
        .classroom .quizzes-section article:not(.quiz-article-result) {
          width: 80%;
          margin: auto; } }
    .classroom .quizzes-section .answer {
      padding: 20px;
      font-size: 18px;
      cursor: default;
      transition: background-color .3s; }
      .classroom .quizzes-section .answer.avl:hover {
        background-color: #f2f2f2; }
      .classroom .quizzes-section .answer.selected {
        border-left: 5px solid #38b4d6;
        background-color: #f9f9f9; }
      .classroom .quizzes-section .answer.wrong {
        background-color: #E08283; }
      .classroom .quizzes-section .answer.correct {
        background-color: #81beba; }
    .classroom .quizzes-section .explanation {
      padding: 10px 20px;
      margin-bottom: 10px;
      margin-left: 20px;
      border-top: 1px solid #38b4d6;
      color: #000;
      font-size: 16px;
      font-style: italic; }
    .classroom .quizzes-section .result-circle {
      width: 150px;
      height: 150px; }
      .classroom .quizzes-section .result-circle .progressbar-text {
        letter-spacing: 2px;
        font-size: 19px;
        color: #eee;
        text-align: center; }
    .classroom .quizzes-section article p {
      color: #38b4d6;
      font-size: 21px;
      margin-bottom: 30px; }
  .classroom .dz-processing {
    padding: 15px;
    background-color: #f5f5f5; }
  .classroom .uploads-section h3 {
    margin: 2em 0 1em;
    font-size: 24px; }
  .classroom .uploaded-homeworks {
    margin: 20px 0; }
    .classroom .uploaded-homeworks article {
      padding-bottom: 10px;
      border-bottom: 1px solid #f5f5f5;
      margin-bottom: 10px;
      line-height: 30px; }
      .classroom .uploaded-homeworks article .btn, .classroom .uploaded-homeworks article .btn-browse, .classroom .uploaded-homeworks article button, .classroom .uploaded-homeworks article .play-video-responsive {
        float: right; }
  .classroom .material-notification {
    border-radius: 50%;
    background: #C77272;
    line-height: 1;
    text-align: center;
    font-size: 12px;
    color: white;
    font-style: normal;
    display: inline;
    padding: 3px 7px;
    position: relative;
    top: -2px;
    right: -3px; }

#classroom.classroom .btn, #classroom.classroom .btn-browse, #classroom.classroom button, #classroom.classroom .play-video-responsive {
  box-shadow: none; }

/*Lesson list on*/
#classroom.lessons-list-on {
  /* Print */ }
  #classroom.lessons-list-on .classroom-header, #classroom.lessons-list-on #content-video {
    z-index: auto; }
  @media (min-width: 992px) {
    #classroom.lessons-list-on .classroom-header {
      z-index: 300; } }
  #classroom.lessons-list-on .classroom-header {
    height: auto; }
  #classroom.lessons-list-on .classroom-right-nav {
    width: 100%; }
    @media (min-width: 768px) {
      #classroom.lessons-list-on .classroom-right-nav {
        float: left; }
        #classroom.lessons-list-on .classroom-right-nav .prev-next-nav {
          width: 100%; }
          #classroom.lessons-list-on .classroom-right-nav .prev-next-nav a.btn, #classroom.lessons-list-on .classroom-right-nav .prev-next-nav a.btn-browse, #classroom.lessons-list-on .classroom-right-nav .prev-next-nav a.play-video-responsive {
            width: 50%;
            float: left; } }
    @media (min-width: 992px) {
      #classroom.lessons-list-on .classroom-right-nav {
        width: auto;
        float: right; }
        #classroom.lessons-list-on .classroom-right-nav .prev-next-nav {
          width: auto; }
          #classroom.lessons-list-on .classroom-right-nav .prev-next-nav a.btn, #classroom.lessons-list-on .classroom-right-nav .prev-next-nav a.btn-browse, #classroom.lessons-list-on .classroom-right-nav .prev-next-nav a.play-video-responsive {
            width: auto;
            float: none; } }
  @media (min-width: 992px) {
    #classroom.lessons-list-on .classroom-main-nav, #classroom.lessons-list-on .classroom .classroom-right-nav .prev-next-nav, .classroom .classroom-right-nav #classroom.lessons-list-on .prev-next-nav {
      margin-left: 10px;
      margin-right: 10px; } }
  @media (min-width: 1200px) {
    #classroom.lessons-list-on .classroom-main-nav, #classroom.lessons-list-on .classroom .classroom-right-nav .prev-next-nav, .classroom .classroom-right-nav #classroom.lessons-list-on .prev-next-nav {
      margin-left: 20px;
      margin-right: 20px; } }
  #classroom.lessons-list-on .wrapper-left {
    right: 250px; }
    @media (min-width: 768px) {
      #classroom.lessons-list-on .wrapper-left {
        right: 400px; } }
  #classroom.lessons-list-on .wrapper-right {
    width: 100%; }
    @media (min-width: 544px) {
      #classroom.lessons-list-on .wrapper-right {
        width: 250px; } }
    @media (min-width: 768px) {
      #classroom.lessons-list-on .wrapper-right {
        width: 400px; } }
  #classroom.lessons-list-on .lessons-toggle-button.link {
    position: fixed;
    right: 0;
    top: 0;
    z-index: 100;
    margin: 5px;
    border: 1px solid #42546e;
    width: calc(100% - 10px); }
    @media (min-width: 544px) {
      #classroom.lessons-list-on .lessons-toggle-button.link {
        width: 240px; } }
    @media (min-width: 768px) {
      #classroom.lessons-list-on .lessons-toggle-button.link {
        width: 390px; } }
    @media (min-width: 992px) {
      #classroom.lessons-list-on .lessons-toggle-button.link {
        position: static;
        margin: 5px 0 0;
        border: none;
        border-left: 1px solid #42546e;
        width: auto; } }
  @media (min-width: 544px) {
    #classroom.lessons-list-on .return-back, #classroom.lessons-list-on .classroom .lessons-toggle-button, .classroom #classroom.lessons-list-on .lessons-toggle-button {
      margin-right: 5px; }
    #classroom.lessons-list-on .classroom-main-nav, #classroom.lessons-list-on .classroom .classroom-right-nav .prev-next-nav, .classroom .classroom-right-nav #classroom.lessons-list-on .prev-next-nav {
      margin: 0; }
    #classroom.lessons-list-on header .classroom-main-nav .btn, #classroom.lessons-list-on header .classroom .classroom-right-nav .prev-next-nav .btn, .classroom .classroom-right-nav #classroom.lessons-list-on header .prev-next-nav .btn, #classroom.lessons-list-on header .classroom-main-nav .btn-browse, #classroom.lessons-list-on header .classroom .classroom-right-nav .prev-next-nav .btn-browse, .classroom .classroom-right-nav #classroom.lessons-list-on header .prev-next-nav .btn-browse, #classroom.lessons-list-on header .classroom-main-nav button, #classroom.lessons-list-on header .classroom .classroom-right-nav .prev-next-nav button, .classroom .classroom-right-nav #classroom.lessons-list-on header .prev-next-nav button, #classroom.lessons-list-on header .classroom-main-nav .play-video-responsive, #classroom.lessons-list-on header .classroom .classroom-right-nav .prev-next-nav .play-video-responsive, .classroom .classroom-right-nav #classroom.lessons-list-on header .prev-next-nav .play-video-responsive {
      padding: 19px 14px; } }
  @media (min-width: 768px) {
    #classroom.lessons-list-on .return-back, #classroom.lessons-list-on .classroom .lessons-toggle-button, .classroom #classroom.lessons-list-on .lessons-toggle-button {
      margin-right: 20px; }
    #classroom.lessons-list-on .classroom-main-nav, #classroom.lessons-list-on .classroom .classroom-right-nav .prev-next-nav, .classroom .classroom-right-nav #classroom.lessons-list-on .prev-next-nav {
      margin-left: 10px;
      margin-right: 20px; }
    #classroom.lessons-list-on header .classroom-main-nav .btn, #classroom.lessons-list-on header .classroom .classroom-right-nav .prev-next-nav .btn, .classroom .classroom-right-nav #classroom.lessons-list-on header .prev-next-nav .btn, #classroom.lessons-list-on header .classroom-main-nav .btn-browse, #classroom.lessons-list-on header .classroom .classroom-right-nav .prev-next-nav .btn-browse, .classroom .classroom-right-nav #classroom.lessons-list-on header .prev-next-nav .btn-browse, #classroom.lessons-list-on header .classroom-main-nav button, #classroom.lessons-list-on header .classroom .classroom-right-nav .prev-next-nav button, .classroom .classroom-right-nav #classroom.lessons-list-on header .prev-next-nav button, #classroom.lessons-list-on header .classroom-main-nav .play-video-responsive, #classroom.lessons-list-on header .classroom .classroom-right-nav .prev-next-nav .play-video-responsive, .classroom .classroom-right-nav #classroom.lessons-list-on header .prev-next-nav .play-video-responsive {
      padding: 19px 17px; } }

@media (min-width: 1200px) {
  #classroom.lessons-list-on .return-back, #classroom.lessons-list-on .classroom .lessons-toggle-button, .classroom #classroom.lessons-list-on .lessons-toggle-button {
    margin-right: 0; }
  #classroom.lessons-list-on .classroom-main-nav, #classroom.lessons-list-on .classroom .classroom-right-nav .prev-next-nav, .classroom .classroom-right-nav #classroom.lessons-list-on .prev-next-nav {
    margin-right: 10px; }
    #classroom.lessons-list-on .classroom-main-nav header .btn, #classroom.lessons-list-on .classroom .classroom-right-nav .prev-next-nav header .btn, .classroom .classroom-right-nav #classroom.lessons-list-on .prev-next-nav header .btn, #classroom.lessons-list-on .classroom-main-nav header .btn-browse, #classroom.lessons-list-on .classroom .classroom-right-nav .prev-next-nav header .btn-browse, .classroom .classroom-right-nav #classroom.lessons-list-on .prev-next-nav header .btn-browse, #classroom.lessons-list-on .classroom-main-nav header button, #classroom.lessons-list-on .classroom .classroom-right-nav .prev-next-nav header button, .classroom .classroom-right-nav #classroom.lessons-list-on .prev-next-nav header button, #classroom.lessons-list-on .classroom-main-nav header .play-video-responsive, #classroom.lessons-list-on .classroom .classroom-right-nav .prev-next-nav header .play-video-responsive, .classroom .classroom-right-nav #classroom.lessons-list-on .prev-next-nav header .play-video-responsive {
      font-size: 14px;
      padding: 19px 20px 19px; } }

h2.video-title {
  position: fixed;
  top: 53px;
  padding: 20px;
  left: 0;
  right: 0;
  color: white;
  width: 100%;
  background-color: yellow;
  font-size: 26px;
  background: linear-gradient(to bottom, #2f3c4e 0%, rgba(47, 60, 78, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f3c4e', endColorstr='#002f3c4e', GradientType=0); }

.vjs-fullscreen h2.video-title {
  top: 0; }

#printableArea {
  display: none;
  visibility: visible; }

@page {
  size: A4;
  margin: 2cm; }

@media print {
  html, body {
    width: 210mm;
    height: 297mm; }
  html body > div, html body > aside, html body > input {
    display: none;
    visibility: hidden; }
  /* custom */
  html body #printableArea {
    display: block !important;
    visibility: visible !important; }
  /* global */
  body {
    color: #000;
    font-size: 9pt; }
  .page-break {
    page-break-before: always; }
  h1, .cke_editable h2, .cke_editable h3, .cke_editable h4 {
    margin-bottom: 2em; }
  /* links */
  a {
    text-decoration: underline;
    color: #999; } }

.popover-content > img {
  float: left; }

.popover-content > div {
  width: calc(100% - 75px);
  float: right; }

#rclick-warning {
  display: none;
  position: fixed;
  z-index: 9999; }
  #rclick-warning.rc_open {
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.9); }
    #rclick-warning.rc_open .holder {
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
  #rclick-warning.rc_close {
    display: none; }
  #rclick-warning .message-red {
    padding: 10px 40px 35px; }

@media (min-width: 0) and (max-width: 767px) {
  #rclick-warning .img-holder {
    display: none; }
  #rclick-warning .message-red {
    padding: 20px 15px 25px; } }

@media (min-width: 544px) and (max-width: 767px) {
  #rclick-warning.rc_open .holder {
    width: 100%; } }

@media (min-width: 0) and (max-width: 543px) {
  #rclick-warning.rc_open .holder {
    position: static;
    transform: translate(0); } }

.user-notification .dd-menu-holder .user-dd-menu:after, .user-wishlist .dd-menu-holder .user-dd-menu:after, .user-points .dd-menu-holder .user-dd-menu:after {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  right: 25px;
  width: 1px;
  height: 1px;
  border: 10px solid transparent;
  border-bottom: 10px solid white; }

.main-header {
  height: 70px;
  position: absolute;
  z-index: 51;
  top: 0;
  left: 0;
  width: 100%;
  background-color: white;
  padding-top: 10px;
  padding-bottom: 10px;
  transition: all .2s;
  box-shadow: 0px 1px 5px 0px rgba(102, 102, 102, 0.5); }
  .main-header .logo {
    width: 210px;
    margin: 5px 0 0;
    float: left;
    transition: all .2s; }
    @media (min-width: 544px) {
      .main-header .logo {
        width: 240px;
        margin: 0 auto 10px 20px; } }
    .main-header .logo > a {
      display: block;
      width: 100%;
      height: 45px;
      background: url("../images/svg/krojaceva-skola-logo.svg") no-repeat;
      background-size: contain;
      text-indent: -9999px; }
      @media (min-width: 544px) {
        .main-header .logo > a {
          height: 50px; } }
  .main-header .header-right {
    float: right;
    transition: all .2s;
    font-family: "Roboto Condensed";
    color: #999;
    text-transform: uppercase; }
    .main-header .header-right:before, .main-header .header-right:after {
      content: " ";
      display: table; }
    .main-header .header-right:after {
      clear: both; }
    @media (min-width: 1300px) {
      .main-header .header-right {
        font-size: 16px; } }
    .main-header .header-right .rm-button {
      position: fixed;
      top: 10px;
      right: 10px;
      z-index: 991;
      width: 50px;
      padding-left: 0;
      padding-right: 0;
      box-shadow: none; }
    .main-header .header-right .menu {
      display: none;
      position: fixed;
      z-index: 990;
      top: 0;
      left: -100%;
      bottom: 0;
      height: 100%;
      width: 100%;
      background-color: rgba(0, 0, 0, 0.7); }
      @media (min-width: 992px) {
        .main-header .header-right .menu {
          display: block; } }
      .main-header .header-right .menu.open {
        display: block;
        left: 0; }
      .main-header .header-right .menu nav {
        position: absolute;
        top: 70px;
        width: 100%;
        left: 0; }
        .main-header .header-right .menu nav ol {
          background-color: white;
          padding-left: 0;
          list-style: none; }
          .main-header .header-right .menu nav ol:before, .main-header .header-right .menu nav ol:after {
            content: " ";
            display: table; }
          .main-header .header-right .menu nav ol:after {
            clear: both; }
          @media (max-width: 991px) {
            .main-header .header-right .menu nav ol > li.active {
              background-color: #81beba; }
              .main-header .header-right .menu nav ol > li.active > a {
                color: white; } }
          .main-header .header-right .menu nav ol > li > a {
            display: block;
            line-height: 50px;
            height: 50px;
            padding: 0 30px;
            color: #373D3F; }
      .main-header .header-right .menu .search-btn {
        position: fixed;
        top: 10px;
        right: 10px;
        z-index: 991;
        width: 50px;
        padding-left: 0;
        padding-right: 0;
        padding-top: 12px;
        position: absolute;
        top: 10px;
        left: 15px; }
        @media (min-width: 992px) {
          .main-header .header-right .menu .search-btn {
            padding-top: 4px; } }
      .main-header .header-right .menu .search-form {
        display: none; }
      .main-header .header-right .menu .header-user {
        display: block; }
        @media (min-width: 0) and (max-width: 991px) {
          .main-header .header-right .menu .header-user > a.log-in-link {
            line-height: 50px;
            padding: 0 30px;
            border-radius: 3px;
            background-color: white;
            position: fixed;
            z-index: 996;
            top: 10px;
            right: 75px; } }
        @media (min-width: 992px) {
          .main-header .header-right .menu .header-user > a.log-in-link {
            color: #333;
            line-height: 36px;
            margin-top: 7px;
            margin-right: 15px;
            display: inline-block; }
            .main-header .header-right .menu .header-user > a.log-in-link:before {
              width: 0; } }
  @media (min-width: 992px) and (min-width: 992px) {
    .main-header .header-right .menu .header-user > a.log-in-link {
      position: relative; }
      .main-header .header-right .menu .header-user > a.log-in-link:before {
        content: " ";
        display: inline-block;
        height: 6px;
        width: 0;
        margin-left: 0;
        background-color: #81beba;
        border-radius: 3px;
        position: absolute;
        top: -6px;
        left: 50%;
        transition: all .1s; }
      .main-header .header-right .menu .header-user > a.log-in-link:hover, .main-header .header-right .menu .header-user > a.log-in-link:focus {
        text-decoration: none; }
        .main-header .header-right .menu .header-user > a.log-in-link:hover:before, .main-header .header-right .menu .header-user > a.log-in-link:focus:before {
          width: 20px;
          margin-left: -10px; } }
        .main-header .header-right .menu .header-user .user-profile {
          position: fixed;
          z-index: 995;
          top: 10px;
          right: 75px;
          float: left; }
          @media (min-width: 0) and (max-width: 991px) {
            .main-header .header-right .menu .header-user .user-profile .user-menu-link > i {
              display: none; } }
          @media (min-width: 992px) {
            .main-header .header-right .menu .header-user .user-profile .user-menu-link.open .user-menu {
              transition: padding-top .3s;
              padding-top: 40px;
              right: -10px; }
              .main-header .header-right .menu .header-user .user-profile .user-menu-link.open .user-menu:before {
                transition: top .3s;
                top: 20px; } }
          .main-header .header-right .menu .header-user .user-profile .user-avatar-holder {
            float: left; }
          .main-header .header-right .menu .header-user .user-profile .user-avatar [class^='ksi-'] {
            line-height: 50px;
            display: block;
            font-size: 32px;
            color: #EA845B;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            background-color: white;
            border: 2px solid #eee; }
            @media (min-width: 992px) {
              .main-header .header-right .menu .header-user .user-profile .user-avatar [class^='ksi-'] {
                line-height: 40px;
                font-size: 26px;
                width: 40px;
                height: 40px; } }
            @media (min-width: 1200px) {
              .main-header .header-right .menu .header-user .user-profile .user-avatar [class^='ksi-'] {
                line-height: 50px;
                font-size: 32px;
                width: 50px;
                height: 50px; } }
          .main-header .header-right .menu .header-user .user-profile .user-avatar > img {
            border-radius: 50%;
            width: 50px;
            height: 50px;
            line-height: 50px; }
          .main-header .header-right .menu .header-user .user-profile .user-name {
            display: none; }
            .main-header .header-right .menu .header-user .user-profile .user-name a {
              color: #333; }
          .main-header .header-right .menu .header-user .user-profile .user-menu li > a {
            font-size: 14px;
            display: block;
            line-height: 50px;
            height: 50px;
            padding: 0 20px;
            border-bottom: 1px solid #f1f1f1;
            color: #333;
            font-weight: normal; }
            .main-header .header-right .menu .header-user .user-profile .user-menu li > a:last-child {
              border-bottom: 0; }
          .main-header .header-right .menu .header-user .user-profile .user-menu li.active > a {
            color: white;
            background-color: #EA845B; }
          .main-header .header-right .menu .header-user .user-profile .user-menu .second {
            background-color: #f5f5f5; }
            .main-header .header-right .menu .header-user .user-profile .user-menu .second .last-view a {
              color: #44B4D5; }
            .main-header .header-right .menu .header-user .user-profile .user-menu .second .help a {
              color: #308993; }
            .main-header .header-right .menu .header-user .user-profile .user-menu .second .log-out a {
              color: #F0522E; }
          .main-header .header-right .menu .header-user .user-profile .user-menu .um-list:not(.second) {
            background-color: white; }
          .main-header .header-right .menu .header-user .user-profile .user-menu .um-list .admin {
            border-bottom: 1px solid #f5f5f5; }
            .main-header .header-right .menu .header-user .user-profile .user-menu .um-list .admin a {
              font-family: "Gotham-Ultra";
              color: #333; }
          .main-header .header-right .menu .header-user .user-profile .user-menu .um-list .typing {
            display: none; }
            .main-header .header-right .menu .header-user .user-profile .user-menu .um-list .typing a:after {
              content: "Novo";
              position: relative;
              font-size: 10px;
              color: #33C9AF;
              left: 5px;
              top: -6px; }
            .main-header .header-right .menu .header-user .user-profile .user-menu .um-list .typing a:hover:after {
              color: #333; }
            @media (min-width: 1200px) {
              .main-header .header-right .menu .header-user .user-profile .user-menu .um-list .typing {
                display: block; } }
          .main-header .header-right .menu .header-user .user-profile .user-menu .um-list li a:hover, .main-header .header-right .menu .header-user .user-profile .user-menu .um-list li a:focus {
            color: white;
            background-color: #ffa173; }
          @media (min-width: 0) and (max-width: 991px) {
            .main-header .header-right .menu .header-user .user-profile .user-menu {
              display: none;
              background-color: white;
              padding-left: 0;
              list-style: none;
              padding: 10px 0; }
              .main-header .header-right .menu .header-user .user-profile .user-menu:before, .main-header .header-right .menu .header-user .user-profile .user-menu:after {
                content: " ";
                display: table; }
              .main-header .header-right .menu .header-user .user-profile .user-menu:after {
                clear: both; }
              .main-header .header-right .menu .header-user .user-profile .user-menu.open {
                display: block;
                position: fixed;
                top: 70px;
                left: 0;
                right: 0;
                padding-top: 0; } }
          .main-header .header-right .menu .header-user .user-profile .user-menu .um-list {
            padding-left: 0;
            list-style: none;
            margin-bottom: 0; }
          @media (min-width: 992px) {
            .main-header .header-right .menu .header-user .user-profile {
              float: left;
              top: 0;
              right: 0;
              position: relative; }
              .main-header .header-right .menu .header-user .user-profile .user-avatar-holder {
                margin-right: 10px; }
              .main-header .header-right .menu .header-user .user-profile .user-menu {
                position: absolute;
                padding-top: 20px;
                right: 9999px;
                clear: both;
                width: 250px;
                transition: padding-top .3s;
                text-align: left; }
                .main-header .header-right .menu .header-user .user-profile .user-menu:before {
                  content: " ";
                  display: block;
                  position: absolute;
                  top: 0;
                  right: 25px;
                  width: 1px;
                  height: 1px;
                  border: 10px solid transparent;
                  border-bottom: 10px solid white; }
                .main-header .header-right .menu .header-user .user-profile .user-menu:hover {
                  padding-top: 80px; } }
    @media (min-width: 992px) and (min-width: 992px) {
      .main-header .header-right .menu .header-user .user-profile .user-menu .um-list {
        box-shadow: 0px 1px 2px rgba(89, 89, 89, 0.65); } }
          @media (min-width: 992px) {
              .main-header .header-right .menu .header-user .user-profile .user-menu-link {
                line-height: 36px;
                border-left: 1px solid #ccc;
                text-align: center;
                display: block;
                width: 36px;
                height: 36px;
                float: left;
                font-size: 23px;
                margin: 7px 7px 0 13px;
                cursor: pointer; } }
          @media (min-width: 1200px) {
            .main-header .header-right .menu .header-user .user-profile .user-name {
              display: block;
              float: left;
              line-height: 50px; } }
      .main-header .header-right .menu.open-search .search-form {
        display: block;
        position: absolute;
        top: 70px;
        height: 50px;
        width: 100%;
        padding-right: 10px;
        padding-left: 10px; }
        .main-header .header-right .menu.open-search .search-form input {
          width: 100%;
          float: left;
          padding-left: 15px;
          padding-right: 80px;
          z-index: 99999;
          color: #373D3F; }
          .main-header .header-right .menu.open-search .search-form input::-moz-placeholder {
            color: #999;
            opacity: 1; }
          .main-header .header-right .menu.open-search .search-form input:-ms-input-placeholder {
            color: #999; }
          .main-header .header-right .menu.open-search .search-form input::-webkit-input-placeholder {
            color: #999; }
          .main-header .header-right .menu.open-search .search-form input:focus {
            border-color: white; }
        .main-header .header-right .menu.open-search .search-form .close {
          background-color: #e0839c;
          border-radius: 3px;
          text-align: center;
          padding-top: 2px;
          cursor: pointer;
          margin: 0;
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          right: 30px;
          left: auto; }
          .main-header .header-right .menu.open-search .search-form .close i {
            color: white;
            font-size: 24px; }
      .main-header .header-right .menu.open-search nav, .main-header .header-right .menu.open-search .dropmenu.dropmenu {
        top: 130px; }
  .main-header.header-shrink .header-right .menu.open-search .search-form {
    top: 62px; }
  @media (min-width: 992px) {
    .main-header {
      height: 82px;
      padding: 16px 0; }
      .main-header .header-right .rm-button {
        display: none; }
      .main-header .header-right .menu {
        position: static;
        background-color: transparent;
        height: 50px; }
        .main-header .header-right .menu nav {
          float: left;
          position: static;
          padding: 7px 0;
          width: auto; }
          .main-header .header-right .menu nav > ol {
            margin: 0;
            padding: 0; }
            .main-header .header-right .menu nav > ol > li {
              float: left;
              margin-right: 20px; }
              .main-header .header-right .menu nav > ol > li > a {
                display: inline-block;
                padding: 0;
                line-height: 36px;
                height: 36px;
                position: relative; }
                .main-header .header-right .menu nav > ol > li > a:before {
                  width: 0; } }
            @media (min-width: 992px) and (min-width: 992px) {
              .main-header .header-right .menu nav > ol > li > a {
                position: relative; }
                .main-header .header-right .menu nav > ol > li > a:before {
                  content: " ";
                  display: inline-block;
                  height: 6px;
                  width: 0;
                  margin-left: 0;
                  background-color: #81beba;
                  border-radius: 3px;
                  position: absolute;
                  top: -6px;
                  left: 50%;
                  transition: all .1s; }
                .main-header .header-right .menu nav > ol > li > a:hover, .main-header .header-right .menu nav > ol > li > a:focus {
                  text-decoration: none; }
                  .main-header .header-right .menu nav > ol > li > a:hover:before, .main-header .header-right .menu nav > ol > li > a:focus:before {
                    width: 20px;
                    margin-left: -10px; } }
  @media (min-width: 992px) {
              .main-header .header-right .menu nav > ol > li.active > a:before {
                width: 0; } }
          @media (min-width: 992px) and (min-width: 992px) {
            .main-header .header-right .menu nav > ol > li.active > a {
              position: relative; }
              .main-header .header-right .menu nav > ol > li.active > a:before {
                content: " ";
                display: inline-block;
                height: 6px;
                width: 0;
                margin-left: 0;
                background-color: #81beba;
                border-radius: 3px;
                position: absolute;
                top: -6px;
                left: 50%;
                transition: all .1s; }
              .main-header .header-right .menu nav > ol > li.active > a:hover, .main-header .header-right .menu nav > ol > li.active > a:focus {
                text-decoration: none; }
                .main-header .header-right .menu nav > ol > li.active > a:hover:before, .main-header .header-right .menu nav > ol > li.active > a:focus:before {
                  width: 20px;
                  margin-left: -10px; } }
  @media (min-width: 992px) {
              .main-header .header-right .menu nav > ol > li.active > a:before {
                width: 20px;
                margin-left: -10px; }
        .main-header .header-right .menu .search-btn {
          display: inline-block;
          position: static;
          float: left;
          width: 36px;
          height: 36px;
          margin-top: 7px;
          box-shadow: none; }
        .main-header .header-right .menu.open-search .search-form {
          height: auto;
          position: fixed;
          z-index: 400;
          top: 82px;
          left: 0;
          padding: 50px;
          background-color: rgba(255, 255, 255, 0.9); }
          .main-header .header-right .menu.open-search .search-form input {
            background-color: transparent;
            float: none;
            border-color: transparent;
            font-size: 28px;
            margin-bottom: 0;
            padding-right: 50px; }
            .main-header .header-right .menu.open-search .search-form input:focus {
              border-color: transparent; }
        .main-header .header-right .menu .header-user {
          display: block;
          float: left;
          margin-left: 20px; } }
  @media (min-width: 1300px) {
    .main-header {
      position: fixed; }
      .main-header.header-shrink {
        height: 65px;
        padding: 9px 0; }
        .main-header.header-shrink .logo {
          width: 220px; } }

.header-fix {
  position: fixed;
  height: 40px; }

.overflow-y {
  overflow: hidden; }
  @media (max-height: 670px) {
    .overflow-y .main-header .header-right .menu nav ol > li > a {
      line-height: 40px;
      height: 40px; } }
  @media (min-height: 510px) and (max-height: 669px) {
    .overflow-y .main-header .header-right .menu nav ol .myCourses a {
      line-height: 50px;
      height: 50px; } }
  @media (max-height: 475px) {
    .overflow-y .main-header .header-right .menu nav > ol > li {
      width: 50%;
      float: left;
      border-bottom: none; } }
  @media (max-height: 475px) {
    .overflow-y .main-header .header-right .menu nav > ol:before, .overflow-y .main-header .header-right .menu nav > ol:after {
      content: " ";
      display: table; }
    .overflow-y .main-header .header-right .menu nav > ol:after {
      clear: both; } }

@media (min-width: 0) and (max-width: 991px) {
  .main-header .header-right .menu nav .gallery-dd-item > a {
    display: none; } }

@media (min-width: 992px) {
  .gallery-dd-item {
    position: relative; }
    .gallery-dd-item .gallery-dd-menu {
      position: absolute;
      padding-top: 40px;
      right: 9999px;
      clear: both;
      width: 250px;
      top: 30px;
      transition: padding-top .3s; }
      .gallery-dd-item .gallery-dd-menu ol {
        background-color: white;
        box-shadow: 0 1px 2px rgba(89, 89, 89, 0.65); }
        .gallery-dd-item .gallery-dd-menu ol:before {
          content: " ";
          display: block;
          position: absolute;
          transition: top .3s;
          top: 22px;
          right: 25px;
          width: 1px;
          height: 1px;
          border: 10px solid transparent;
          border-bottom: 10px solid white; }
        .gallery-dd-item .gallery-dd-menu ol li:hover {
          background-color: #92d8d4; }
          .gallery-dd-item .gallery-dd-menu ol li:hover a {
            color: white !important; }
        .gallery-dd-item .gallery-dd-menu ol li.active {
          background-color: #81beba; }
          .gallery-dd-item .gallery-dd-menu ol li.active a {
            color: white !important; }
    .gallery-dd-item:before {
      content: " ";
      display: inline-block;
      height: 6px;
      width: 0;
      margin-left: 0;
      background-color: #81beba;
      border-radius: 3px;
      position: absolute;
      top: -6px;
      left: 50%;
      transition: all .1s; }
    .gallery-dd-item:hover {
      cursor: pointer; }
      .gallery-dd-item:hover:before {
        width: 20px;
        margin-left: -10px; }
      .gallery-dd-item:hover .gallery-dd-menu {
        transition: padding-top .3s;
        padding-top: 43px;
        right: -5px; }
        .gallery-dd-item:hover .gallery-dd-menu ol:before {
          transition: top .3s;
          top: 23px; }
  .header-shrink .gallery-dd-item:hover .gallery-dd-menu {
    padding-top: 43px; }
    .header-shrink .gallery-dd-item:hover .gallery-dd-menu ol:before {
      top: 23px; }
  .gallery-dd-item .gallery-dd-menu ol:before {
    right: 16px; } }

.user-points {
  margin-left: 10px;
  margin-right: 10px;
  position: relative;
  top: 12px;
  float: left; }
  @media (min-width: 992px) and (max-width: 1199px) {
    .user-points {
      top: 14px;
      margin-left: 5px;
      margin-right: 0; } }
  .user-points .up-first {
    font-size: 14px;
    background-color: #FABA71;
    display: inline-block;
    border-radius: 5px;
    padding: 2.5px 12px 1.5px 7px;
    line-height: 1;
    color: white;
    font-weight: bold; }
    @media (min-width: 992px) and (max-width: 1199px) {
      .user-points .up-first {
        padding: 2.5px 6px 1.5px 7px; } }
  .user-points .up-second {
    position: absolute;
    right: -10px;
    top: -3px; }
    @media (min-width: 992px) and (max-width: 1199px) {
      .user-points .up-second {
        display: none; } }
    .user-points .up-second svg {
      width: 19px; }
      .user-points .up-second svg .cls-3 {
        fill: #ffc021; }
      .user-points .up-second svg .cls-1, .user-points .up-second svg .cls-2 {
        fill: #d43b26; }

@media (min-width: 992px) and (max-width: 1380px) {
  .main-header .header-right .menu nav > ol > li {
    margin-right: 8px; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .main-header .logo {
    width: 145px;
    margin: 10px 0 0; }
    .main-header .logo a {
      height: 40px; }
  .main-header .header-right .menu .header-user {
    margin-left: 10px; }
    .main-header .header-right .menu .header-user .user-profile .user-avatar {
      margin-top: 5px; }
      .main-header .header-right .menu .header-user .user-profile .user-avatar > img {
        width: 40px;
        height: 40px;
        line-height: 40px; }
      .main-header .header-right .menu .header-user .user-profile .user-avatar .student-icons.w50 {
        width: 40px;
        height: 40px;
        line-height: 40px; }
        .main-header .header-right .menu .header-user .user-profile .user-avatar .student-icons.w50 img {
          width: 25px; }
    .main-header .header-right .menu .header-user .user-profile .user-menu-link {
      margin-right: 0;
      margin-left: 10px; } }

@media (min-width: 1101px) and (max-width: 1199px) {
  .main-header .logo {
    width: 200px;
    margin: 5px 0 0; }
    .main-header .logo a {
      height: 40px; } }

@media (min-width: 1200px) and (max-width: 1300px) {
  .main-header .logo {
    margin-left: 0;
    width: 190px;
    margin-top: 5px; }
    .main-header .logo a {
      height: 45px; }
  .main-header .header-right .menu nav > ol > li {
    margin-right: 15px; } }

@media (max-height: 540px) {
  .main-header .header-right .menu nav .gallery-dd-menu ol > li > a {
    line-height: 40px;
    height: 40px; } }

@media (max-height: 450px) {
  .main-header .header-right .menu nav .gallery-dd-menu ol > li > a {
    line-height: 30px;
    height: 30px; } }

@media (min-width: 0) and (max-width: 991px) {
  .main-header .header-right .menu nav.user-open {
    opacity: 0; }
  .main-header .header-right .menu nav.user-close {
    opacity: 1; } }

.courses-offer {
  display: none;
  float: left;
  height: 50px;
  line-height: 50px;
  margin-left: 15px;
  padding-left: 15px;
  border-left: 1px solid #ccc; }
  .courses-offer a {
    color: #373D3F;
    text-transform: uppercase; }
    .courses-offer a:hover {
      text-decoration: underline !important; }
  @media (min-width: 1600px) {
    .courses-offer.front {
      display: block; } }

@media (min-width: 768px) {
  #user-panel .courses-offer {
    display: block; } }

.main-header .header-right .menu nav ol .myCourses {
  border-bottom: 1px solid #f5f5f5; }
  @media (min-width: 992px) {
    .main-header .header-right .menu nav ol .myCourses {
      display: none; } }
  .main-header .header-right .menu nav ol .myCourses a {
    font-weight: bold;
    color: #EA845B; }
  .main-header .header-right .menu nav ol .myCourses.active {
    background-color: #EA845B; }

@media (max-height: 560px) {
  .main-header .header-right .menu nav ol .impressClass, .main-header .header-right .menu nav ol .galleVideo {
    display: none; } }

.main-footer .container, .main-footer .main-container, .user-footer .container, .user-footer .main-container {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.main-footer h3, .main-footer h4, .user-footer h3, .user-footer h4 {
  color: #fff;
  margin-top: 0;
  text-transform: none;
  font-family: "Roboto Condensed"; }

.main-footer h3, .user-footer h3 {
  font-size: 30px;
  margin-bottom: 20px; }

.main-footer h4, .user-footer h4 {
  font-size: 24px; }

.main-footer p, .user-footer p {
  margin-bottom: 20px; }

.main-footer small, .user-footer small {
  font-family: "Roboto Condensed";
  font-size: 16px;
  display: block;
  line-height: 1.4;
  font-weight: bold; }
  .main-footer small a, .user-footer small a {
    color: #C77272; }
  .main-footer small .footer-small-right, .user-footer small .footer-small-right {
    float: right;
    width: 100%; }
    @media (min-width: 992px) {
      .main-footer small .footer-small-right, .user-footer small .footer-small-right {
        width: auto; } }

.main-footer a, .user-footer a {
  font-family: "Roboto Condensed"; }

.main-footer .social-badge, .user-footer .social-badge {
  margin-bottom: 20px; }
  .main-footer .social-badge .social-net li, .user-footer .social-badge .social-net li {
    float: left;
    position: relative; }
    .main-footer .social-badge .social-net li a, .user-footer .social-badge .social-net li a {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      background-repeat: no-repeat;
      background-size: contain;
      transition: all .2s;
      text-indent: -9999px; }
    .main-footer .social-badge .social-net li .twitter, .user-footer .social-badge .social-net li .twitter {
      background-image: url(../images/svg/twitter-ico.svg); }
    .main-footer .social-badge .social-net li .face, .user-footer .social-badge .social-net li .face {
      background-image: url(../images/svg/facebook-ico.svg); }
    .main-footer .social-badge .social-net li .yout, .user-footer .social-badge .social-net li .yout {
      background-image: url(../images/svg/youtube.svg); }
    .main-footer .social-badge .social-net li .gplus, .user-footer .social-badge .social-net li .gplus {
      background-image: url(../images/svg/googleplus.svg); }
    .main-footer .social-badge .social-net li .pinterest, .user-footer .social-badge .social-net li .pinterest {
      background-image: url(../images/svg/pinterest-ico.svg); }
    .main-footer .social-badge .social-net li .instagram, .user-footer .social-badge .social-net li .instagram {
      background-image: url(../images/svg/instagram.svg); }
  .main-footer .social-badge img, .user-footer .social-badge img {
    float: right; }

.main-footer {
  background-color: #2f3c4e;
  color: white;
  border-top: 25px solid #9DBEC7;
  padding: 40px 0 20px; }
  @media (min-width: 992px) and (max-width: 1199px) {
    .main-footer {
      padding: 30px 0 20px; } }
  @media (min-width: 992px) {
    .main-footer {
      height: 460px;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%; } }
  .main-footer .home-school {
    display: none;
    margin-bottom: 20px; }
    @media (min-width: 992px) {
      .main-footer .home-school {
        display: block; } }
    @media (min-width: 1200px) {
      .main-footer .home-school {
        padding-bottom: 19px;
        margin-bottom: 30px; } }
    .main-footer .home-school a {
      display: block;
      font-size: 18px;
      color: #C77272; }
      @media (min-width: 1200px) {
        .main-footer .home-school a {
          margin-bottom: 10px; } }
    .main-footer .home-school h3 {
      margin-bottom: 10px; }
    .main-footer .home-school h4 {
      margin-bottom: 20px; }
  .main-footer .footer-right {
    margin-bottom: 10px; }
    @media (min-width: 1200px) {
      .main-footer .footer-right {
        margin-bottom: 40px; } }
    .main-footer .footer-right .footer-links {
      margin-bottom: 30px;
      margin-top: 30px;
      padding-right: 20px; }
      @media (min-width: 992px) {
        .main-footer .footer-right .footer-links {
          margin-bottom: 60px;
          margin-top: 0; } }
      .main-footer .footer-right .footer-links ul li {
        margin-bottom: 5px; }
        .main-footer .footer-right .footer-links ul li a {
          color: #586371; }
          .main-footer .footer-right .footer-links ul li a:hover {
            color: #fff;
            text-decoration: none; }
      .main-footer .footer-right .footer-links .col-sm-4:first-child, .main-footer .footer-right .footer-links .col-sm-4:nth-child(2) {
        display: none; }
        @media (min-width: 992px) {
          .main-footer .footer-right .footer-links .col-sm-4:first-child, .main-footer .footer-right .footer-links .col-sm-4:nth-child(2) {
            display: block; } }
    .main-footer .footer-right .learn-in-classroom {
      display: none; }
      @media (min-width: 992px) {
        .main-footer .footer-right .learn-in-classroom {
          display: block; } }
      .main-footer .footer-right .learn-in-classroom h4 {
        margin-bottom: 20px; }
      .main-footer .footer-right .learn-in-classroom .holder > a {
        max-width: 255px;
        width: 100%; }
        .main-footer .footer-right .learn-in-classroom .holder > a:first-of-type {
          margin-bottom: 15px;
          margin-right: 30px; }
          @media (min-width: 1200px) {
            .main-footer .footer-right .learn-in-classroom .holder > a:first-of-type {
              margin-bottom: 0;
              float: left; } }
        @media (min-width: 1200px) {
          .main-footer .footer-right .learn-in-classroom .holder > a:last-of-type {
            float: right; } }
        @media (min-width: 992px) and (max-width: 1199px) {
          .main-footer .footer-right .learn-in-classroom .holder > a {
            max-width: 200px;
            margin-bottom: 0 !important; } }
  .main-footer .newslet-soc h3 {
    margin-bottom: 10px; }
  .main-footer .newslet-soc p {
    margin-bottom: 20px; }
  .main-footer .newslet-soc .newslet-form {
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    font-family: "Roboto Condensed";
    margin-bottom: 30px; }
    @media (min-width: 992px) {
      .main-footer .newslet-soc .newslet-form {
        margin-bottom: 40px;
        display: block; } }
    .main-footer .newslet-soc .newslet-form input {
      padding: 0 15px 0 20px;
      height: 55px;
      border: 0 none;
      font-size: 20px;
      background-color: #1E2E3D;
      color: #fff; }
      @media (min-width: 992px) {
        .main-footer .newslet-soc .newslet-form input {
          padding: 0 20px;
          height: 55px;
          border: 0 none;
          font-size: 20px; } }
    .main-footer .newslet-soc .newslet-form button {
      display: none;
      position: absolute;
      top: 0;
      right: 0;
      height: 55px;
      padding: 13px 27px; }
      @media (min-width: 992px) {
        .main-footer .newslet-soc .newslet-form button {
          width: 150px;
          display: block; } }
  .main-footer .social-badge .social-net li {
    margin-right: 15px;
    width: 50px;
    height: 50px; }
    .main-footer .social-badge .social-net li a {
      width: 50px;
      height: 50px; }
      .main-footer .social-badge .social-net li a:hover {
        top: -3px;
        left: -3px;
        width: 56px;
        height: 56px; }

.user-footer {
  background-color: #2f3c4e;
  padding-top: 20px;
  padding-bottom: 20px; }
  @media (min-width: 992px) {
    .user-footer {
      height: 90px;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%; } }
  .user-footer .signature {
    margin-bottom: 15px; }
    @media (min-width: 768px) {
      .user-footer .signature {
        margin-bottom: 0; } }
    .user-footer .signature h4 {
      margin-bottom: 15px;
      font-size: 20px; }
      @media (min-width: 768px) {
        .user-footer .signature h4 {
          margin-bottom: 0; } }
  .user-footer small {
    font-weight: normal;
    font-size: 14px; }
    .user-footer small a {
      font-weight: bold; }
  .user-footer h4, .user-footer small, .user-footer small a {
    color: #f5f5f5; }
  .user-footer .social-badge {
    margin-bottom: 0;
    margin-top: 5px; }
    .user-footer .social-badge .social-net {
      margin-bottom: 15px; }
      @media (min-width: 768px) {
        .user-footer .social-badge .social-net {
          display: table;
          margin: 0 auto; } }
  .user-footer .skoljkica-img {
    display: none;
    float: right;
    margin-top: -58px;
    margin-left: 20px; }
    @media (min-width: 768px) {
      .user-footer .skoljkica-img {
        display: block; } }
  .user-footer .social-badge .social-net li {
    margin-right: 10px;
    width: 40px;
    height: 40px; }
    .user-footer .social-badge .social-net li a {
      width: 40px;
      height: 40px; }
      .user-footer .social-badge .social-net li a:hover {
        width: 44px;
        height: 44px;
        top: -2px;
        left: -2px; }
  @media (min-width: 768px) {
    .user-footer .holder:before, .user-footer .holder:after {
      content: " ";
      display: table; }
    .user-footer .holder:after {
      clear: both; }
    .user-footer .holder .social-badge {
      float: right; } }

.form-group {
  margin-bottom: 30px; }

legend {
  border-bottom: 1px solid #eee;
  margin-bottom: 20px;
  color: #333;
  font-size: 20px; }

.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
  margin-left: 0; }

.radio-inline, .checkbox-inline {
  margin-right: 20px; }
  .radio-inline:last-child, .checkbox-inline:last-child {
    margin-right: 0; }

.form-control, input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="search"],
input[type="url"],
input[type="tel"],
textarea,
select {
  padding: 6px 10px;
  height: 50px;
  box-shadow: none;
  border-color: #eee;
  font-size: 16px;
  color: #373D3F; }
  .form-control:focus, input[type="text"]:focus,
  input[type="email"]:focus,
  input[type="password"]:focus,
  input[type="number"]:focus,
  input[type="search"]:focus,
  input[type="url"]:focus,
  input[type="tel"]:focus,
  textarea:focus,
  select:focus {
    border-color: #38b4d6;
    box-shadow: none; }
  .form-control[disabled], input[disabled][type="text"],
  input[disabled][type="email"],
  input[disabled][type="password"],
  input[disabled][type="number"],
  input[disabled][type="search"],
  input[disabled][type="url"],
  input[disabled][type="tel"],
  textarea[disabled],
  select[disabled] {
    border-color: #999; }

label {
  font-weight: normal;
  margin-bottom: 0; }

textarea, textarea.form-control,
textarea {
  height: 124px;
  resize: vertical; }

.form-inline input[type="text"],
.form-inline input[type="email"],
.form-inline input[type="password"],
.form-inline input[type="number"],
.form-inline input[type="search"],
.form-inline input[type="url"],
.form-inline input[type="tel"],
.form-inline textarea,
.form-inline select {
  width: 100%; }
  @media (min-width: 768px) {
    .form-inline input[type="text"],
    .form-inline input[type="email"],
    .form-inline input[type="password"],
    .form-inline input[type="number"],
    .form-inline input[type="search"],
    .form-inline input[type="url"],
    .form-inline input[type="tel"],
    .form-inline textarea,
    .form-inline select {
      width: 25%; } }
  @media (min-width: 992px) {
    .form-inline input[type="text"],
    .form-inline input[type="email"],
    .form-inline input[type="password"],
    .form-inline input[type="number"],
    .form-inline input[type="search"],
    .form-inline input[type="url"],
    .form-inline input[type="tel"],
    .form-inline textarea,
    .form-inline select {
      width: 20%; } }

.form-icon {
  position: relative; }
  .form-icon [class^='ksi-'] {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px; }
  .form-icon input, .form-icon select {
    padding-left: 50px; }

.checkbox, .radio, .radio-inline, .checkbox-inline {
  cursor: pointer; }

.radio-inline, .checkbox-inline {
  padding-left: 0;
  margin-right: 20px; }

label.error {
  color: #AE6464;
  padding: 6px 19px 0; }

input.error, textarea.error, select.error, span.error.select2 {
  border: 1px solid #AE6464 !important; }

.btn, .btn-browse, button, .play-video-responsive {
  border-radius: 3px;
  font-size: 18px;
  font-family: "Roboto Condensed";
  text-transform: uppercase;
  padding: 12px 30px 11px; }
  .btn.btn-xs, .btn-xs.btn-browse, button.btn-xs, .btn-xs.play-video-responsive {
    height: 25px;
    min-width: 30px;
    font-size: 12px;
    padding: 3px 10px; }
  .btn.btn-sm, .btn-sm.btn-browse, button.btn-sm, .btn-sm.play-video-responsive {
    height: 40px;
    min-width: 140px;
    font-size: 14px;
    padding: 8px 15px; }
  .btn.btn-md, .btn-browse, button.btn-md, .btn-md.play-video-responsive {
    height: 40px;
    min-width: 140px;
    font-size: 16px;
    padding: 9px 37px; }
  .btn.btn-lg, .btn-lg.btn-browse, button.btn-lg, .play-video-responsive {
    height: 50px;
    min-width: 200px;
    font-size: 18px;
    padding: 12px 37px; }

.btn-browse {
  margin-right: 20px; }

button.white, .btn-white {
  color: white;
  background-color: transparent;
  border-color: white; }
  button.white:focus, button.white.focus, .btn-white:focus, .btn-white.focus {
    color: white;
    background-color: transparent;
    border-color: #e6e6e6;
    outline: none; }
  button.white:hover, .btn-white:hover {
    color: white;
    background-color: transparent;
    border-color: #e6e6e6; }
  button.white:active, button.white.active,
  .open > button.white.dropdown-toggle, .btn-white:active, .btn-white.active,
  .open > .btn-white.dropdown-toggle {
    color: white;
    background: transparent none;
    border-color: #e6e6e6; }
    button.white:active:hover, button.white:active:focus, button.white:active.focus, button.white.active:hover, button.white.active:focus, button.white.active.focus,
    .open > button.white.dropdown-toggle:hover,
    .open > button.white.dropdown-toggle:focus,
    .open > button.white.dropdown-toggle.focus, .btn-white:active:hover, .btn-white:active:focus, .btn-white:active.focus, .btn-white.active:hover, .btn-white.active:focus, .btn-white.active.focus,
    .open > .btn-white.dropdown-toggle:hover,
    .open > .btn-white.dropdown-toggle:focus,
    .open > .btn-white.dropdown-toggle.focus {
      background-color: transparent;
      border-color: transparent; }
  button.white.disabled:hover, button.white.disabled:focus, button.white.disabled.focus, button.white[disabled]:hover, button.white[disabled]:focus, button.white[disabled].focus,
  fieldset[disabled] button.white:hover,
  fieldset[disabled] button.white:focus,
  fieldset[disabled] button.white.focus, .btn-white.disabled:hover, .btn-white.disabled:focus, .btn-white.disabled.focus, .btn-white[disabled]:hover, .btn-white[disabled]:focus, .btn-white[disabled].focus,
  fieldset[disabled] .btn-white:hover,
  fieldset[disabled] .btn-white:focus,
  fieldset[disabled] .btn-white.focus {
    background-color: transparent;
    border-color: white; }
  button.white .badge, .btn-white .badge {
    color: transparent;
    background-color: white; }

button.blue-light, .btn-blue-light {
  color: white;
  background-color: #82bfd7;
  border-color: #82bfd7; }
  button.blue-light:focus, button.blue-light.focus, .btn-blue-light:focus, .btn-blue-light.focus {
    color: white;
    background-color: #5babcb;
    border-color: #5babcb;
    outline: none; }
  button.blue-light:hover, .btn-blue-light:hover {
    color: white;
    background-color: #5babcb;
    border-color: #5babcb; }
  button.blue-light:active, button.blue-light.active,
  .open > button.blue-light.dropdown-toggle, .btn-blue-light:active, .btn-blue-light.active,
  .open > .btn-blue-light.dropdown-toggle {
    color: white;
    background: #5babcb none;
    border-color: #5babcb; }
    button.blue-light:active:hover, button.blue-light:active:focus, button.blue-light:active.focus, button.blue-light.active:hover, button.blue-light.active:focus, button.blue-light.active.focus,
    .open > button.blue-light.dropdown-toggle:hover,
    .open > button.blue-light.dropdown-toggle:focus,
    .open > button.blue-light.dropdown-toggle.focus, .btn-blue-light:active:hover, .btn-blue-light:active:focus, .btn-blue-light:active.focus, .btn-blue-light.active:hover, .btn-blue-light.active:focus, .btn-blue-light.active.focus,
    .open > .btn-blue-light.dropdown-toggle:hover,
    .open > .btn-blue-light.dropdown-toggle:focus,
    .open > .btn-blue-light.dropdown-toggle.focus {
      background-color: #409dc2;
      border-color: transparent; }
  button.blue-light.disabled:hover, button.blue-light.disabled:focus, button.blue-light.disabled.focus, button.blue-light[disabled]:hover, button.blue-light[disabled]:focus, button.blue-light[disabled].focus,
  fieldset[disabled] button.blue-light:hover,
  fieldset[disabled] button.blue-light:focus,
  fieldset[disabled] button.blue-light.focus, .btn-blue-light.disabled:hover, .btn-blue-light.disabled:focus, .btn-blue-light.disabled.focus, .btn-blue-light[disabled]:hover, .btn-blue-light[disabled]:focus, .btn-blue-light[disabled].focus,
  fieldset[disabled] .btn-blue-light:hover,
  fieldset[disabled] .btn-blue-light:focus,
  fieldset[disabled] .btn-blue-light.focus {
    background-color: #82bfd7;
    border-color: #82bfd7; }
  button.blue-light .badge, .btn-blue-light .badge {
    color: #82bfd7;
    background-color: white; }

button.blue, .btn-blue, .play-video-responsive, .online-page .btn-red-lighter {
  color: white;
  background-color: #38b4d6;
  border-color: #38b4d6; }
  button.blue:focus, button.blue.focus, .btn-blue:focus, .play-video-responsive:focus, .online-page .btn-red-lighter:focus, .btn-blue.focus, .focus.play-video-responsive, .online-page .focus.btn-red-lighter {
    color: white;
    background-color: #2597b6;
    border-color: #2597b6;
    outline: none; }
  button.blue:hover, .btn-blue:hover, .play-video-responsive:hover, .online-page .btn-red-lighter:hover {
    color: white;
    background-color: #2597b6;
    border-color: #2597b6; }
  button.blue:active, button.blue.active,
  .open > button.blue.dropdown-toggle, .btn-blue:active, .play-video-responsive:active, .online-page .btn-red-lighter:active, .btn-blue.active, .active.play-video-responsive, .online-page .active.btn-red-lighter,
  .open > .btn-blue.dropdown-toggle,
  .open > .dropdown-toggle.play-video-responsive, .online-page
  .open > .dropdown-toggle.btn-red-lighter {
    color: white;
    background: #2597b6 none;
    border-color: #2597b6; }
    button.blue:active:hover, button.blue:active:focus, button.blue:active.focus, button.blue.active:hover, button.blue.active:focus, button.blue.active.focus,
    .open > button.blue.dropdown-toggle:hover,
    .open > button.blue.dropdown-toggle:focus,
    .open > button.blue.dropdown-toggle.focus, .btn-blue:active:hover, .play-video-responsive:active:hover, .online-page .btn-red-lighter:active:hover, .btn-blue:active:focus, .play-video-responsive:active:focus, .online-page .btn-red-lighter:active:focus, .btn-blue:active.focus, .play-video-responsive:active.focus, .online-page .btn-red-lighter:active.focus, .btn-blue.active:hover, .active.play-video-responsive:hover, .online-page .active.btn-red-lighter:hover, .btn-blue.active:focus, .active.play-video-responsive:focus, .online-page .active.btn-red-lighter:focus, .btn-blue.active.focus, .active.focus.play-video-responsive, .online-page .active.focus.btn-red-lighter,
    .open > .btn-blue.dropdown-toggle:hover,
    .open > .dropdown-toggle.play-video-responsive:hover, .online-page
    .open > .dropdown-toggle.btn-red-lighter:hover,
    .open > .btn-blue.dropdown-toggle:focus,
    .open > .dropdown-toggle.play-video-responsive:focus, .online-page
    .open > .dropdown-toggle.btn-red-lighter:focus,
    .open > .btn-blue.dropdown-toggle.focus,
    .open > .dropdown-toggle.focus.play-video-responsive, .online-page
    .open > .dropdown-toggle.focus.btn-red-lighter {
      background-color: #1f7e98;
      border-color: transparent; }
  button.blue.disabled:hover, button.blue.disabled:focus, button.blue.disabled.focus, button.blue[disabled]:hover, button.blue[disabled]:focus, button.blue[disabled].focus,
  fieldset[disabled] button.blue:hover,
  fieldset[disabled] button.blue:focus,
  fieldset[disabled] button.blue.focus, .btn-blue.disabled:hover, .disabled.play-video-responsive:hover, .online-page .disabled.btn-red-lighter:hover, .btn-blue.disabled:focus, .disabled.play-video-responsive:focus, .online-page .disabled.btn-red-lighter:focus, .btn-blue.disabled.focus, .disabled.focus.play-video-responsive, .online-page .disabled.focus.btn-red-lighter, .btn-blue[disabled]:hover, [disabled].play-video-responsive:hover, .online-page [disabled].btn-red-lighter:hover, .btn-blue[disabled]:focus, [disabled].play-video-responsive:focus, .online-page [disabled].btn-red-lighter:focus, .btn-blue[disabled].focus, [disabled].focus.play-video-responsive, .online-page [disabled].focus.btn-red-lighter,
  fieldset[disabled] .btn-blue:hover,
  fieldset[disabled] .play-video-responsive:hover,
  fieldset[disabled] .online-page .btn-red-lighter:hover, .online-page
  fieldset[disabled] .btn-red-lighter:hover,
  fieldset[disabled] .btn-blue:focus,
  fieldset[disabled] .play-video-responsive:focus,
  fieldset[disabled] .online-page .btn-red-lighter:focus, .online-page
  fieldset[disabled] .btn-red-lighter:focus,
  fieldset[disabled] .btn-blue.focus,
  fieldset[disabled] .focus.play-video-responsive,
  fieldset[disabled] .online-page .focus.btn-red-lighter, .online-page
  fieldset[disabled] .focus.btn-red-lighter {
    background-color: #38b4d6;
    border-color: #38b4d6; }
  button.blue .badge, .btn-blue .badge, .play-video-responsive .badge, .online-page .btn-red-lighter .badge {
    color: #38b4d6;
    background-color: white; }

button.blue-alt, .btn-blue-alt {
  color: white;
  background-color: #38b4d6;
  border-color: white; }
  button.blue-alt:focus, button.blue-alt.focus, .btn-blue-alt:focus, .btn-blue-alt.focus {
    color: white;
    background-color: #2597b6;
    border-color: #e6e6e6;
    outline: none; }
  button.blue-alt:hover, .btn-blue-alt:hover {
    color: white;
    background-color: #2597b6;
    border-color: #e6e6e6; }
  button.blue-alt:active, button.blue-alt.active,
  .open > button.blue-alt.dropdown-toggle, .btn-blue-alt:active, .btn-blue-alt.active,
  .open > .btn-blue-alt.dropdown-toggle {
    color: white;
    background: #2597b6 none;
    border-color: #e6e6e6; }
    button.blue-alt:active:hover, button.blue-alt:active:focus, button.blue-alt:active.focus, button.blue-alt.active:hover, button.blue-alt.active:focus, button.blue-alt.active.focus,
    .open > button.blue-alt.dropdown-toggle:hover,
    .open > button.blue-alt.dropdown-toggle:focus,
    .open > button.blue-alt.dropdown-toggle.focus, .btn-blue-alt:active:hover, .btn-blue-alt:active:focus, .btn-blue-alt:active.focus, .btn-blue-alt.active:hover, .btn-blue-alt.active:focus, .btn-blue-alt.active.focus,
    .open > .btn-blue-alt.dropdown-toggle:hover,
    .open > .btn-blue-alt.dropdown-toggle:focus,
    .open > .btn-blue-alt.dropdown-toggle.focus {
      background-color: #1f7e98;
      border-color: transparent; }
  button.blue-alt.disabled:hover, button.blue-alt.disabled:focus, button.blue-alt.disabled.focus, button.blue-alt[disabled]:hover, button.blue-alt[disabled]:focus, button.blue-alt[disabled].focus,
  fieldset[disabled] button.blue-alt:hover,
  fieldset[disabled] button.blue-alt:focus,
  fieldset[disabled] button.blue-alt.focus, .btn-blue-alt.disabled:hover, .btn-blue-alt.disabled:focus, .btn-blue-alt.disabled.focus, .btn-blue-alt[disabled]:hover, .btn-blue-alt[disabled]:focus, .btn-blue-alt[disabled].focus,
  fieldset[disabled] .btn-blue-alt:hover,
  fieldset[disabled] .btn-blue-alt:focus,
  fieldset[disabled] .btn-blue-alt.focus {
    background-color: #38b4d6;
    border-color: white; }
  button.blue-alt .badge, .btn-blue-alt .badge {
    color: #38b4d6;
    background-color: white; }

button.blue-new1, .btn-blue-new1 {
  color: white;
  background-color: #4AC0DC;
  border-color: #4AC0DC; }
  button.blue-new1:focus, button.blue-new1.focus, .btn-blue-new1:focus, .btn-blue-new1.focus {
    color: white;
    background-color: #27accc;
    border-color: #27accc;
    outline: none; }
  button.blue-new1:hover, .btn-blue-new1:hover {
    color: white;
    background-color: #27accc;
    border-color: #27accc; }
  button.blue-new1:active, button.blue-new1.active,
  .open > button.blue-new1.dropdown-toggle, .btn-blue-new1:active, .btn-blue-new1.active,
  .open > .btn-blue-new1.dropdown-toggle {
    color: white;
    background: #27accc none;
    border-color: #27accc; }
    button.blue-new1:active:hover, button.blue-new1:active:focus, button.blue-new1:active.focus, button.blue-new1.active:hover, button.blue-new1.active:focus, button.blue-new1.active.focus,
    .open > button.blue-new1.dropdown-toggle:hover,
    .open > button.blue-new1.dropdown-toggle:focus,
    .open > button.blue-new1.dropdown-toggle.focus, .btn-blue-new1:active:hover, .btn-blue-new1:active:focus, .btn-blue-new1:active.focus, .btn-blue-new1.active:hover, .btn-blue-new1.active:focus, .btn-blue-new1.active.focus,
    .open > .btn-blue-new1.dropdown-toggle:hover,
    .open > .btn-blue-new1.dropdown-toggle:focus,
    .open > .btn-blue-new1.dropdown-toggle.focus {
      background-color: #2293ae;
      border-color: transparent; }
  button.blue-new1.disabled:hover, button.blue-new1.disabled:focus, button.blue-new1.disabled.focus, button.blue-new1[disabled]:hover, button.blue-new1[disabled]:focus, button.blue-new1[disabled].focus,
  fieldset[disabled] button.blue-new1:hover,
  fieldset[disabled] button.blue-new1:focus,
  fieldset[disabled] button.blue-new1.focus, .btn-blue-new1.disabled:hover, .btn-blue-new1.disabled:focus, .btn-blue-new1.disabled.focus, .btn-blue-new1[disabled]:hover, .btn-blue-new1[disabled]:focus, .btn-blue-new1[disabled].focus,
  fieldset[disabled] .btn-blue-new1:hover,
  fieldset[disabled] .btn-blue-new1:focus,
  fieldset[disabled] .btn-blue-new1.focus {
    background-color: #4AC0DC;
    border-color: #4AC0DC; }
  button.blue-new1 .badge, .btn-blue-new1 .badge {
    color: #4AC0DC;
    background-color: white; }

button.green, .btn-green {
  color: white;
  background-color: #45aca8;
  border-color: #45aca8; }
  button.green:focus, button.green.focus, .btn-green:focus, .btn-green.focus {
    color: white;
    background-color: #368884;
    border-color: #368884;
    outline: none; }
  button.green:hover, .btn-green:hover {
    color: white;
    background-color: #368884;
    border-color: #368884; }
  button.green:active, button.green.active,
  .open > button.green.dropdown-toggle, .btn-green:active, .btn-green.active,
  .open > .btn-green.dropdown-toggle {
    color: white;
    background: #368884 none;
    border-color: #368884; }
    button.green:active:hover, button.green:active:focus, button.green:active.focus, button.green.active:hover, button.green.active:focus, button.green.active.focus,
    .open > button.green.dropdown-toggle:hover,
    .open > button.green.dropdown-toggle:focus,
    .open > button.green.dropdown-toggle.focus, .btn-green:active:hover, .btn-green:active:focus, .btn-green:active.focus, .btn-green.active:hover, .btn-green.active:focus, .btn-green.active.focus,
    .open > .btn-green.dropdown-toggle:hover,
    .open > .btn-green.dropdown-toggle:focus,
    .open > .btn-green.dropdown-toggle.focus {
      background-color: #2c6e6c;
      border-color: transparent; }
  button.green.disabled:hover, button.green.disabled:focus, button.green.disabled.focus, button.green[disabled]:hover, button.green[disabled]:focus, button.green[disabled].focus,
  fieldset[disabled] button.green:hover,
  fieldset[disabled] button.green:focus,
  fieldset[disabled] button.green.focus, .btn-green.disabled:hover, .btn-green.disabled:focus, .btn-green.disabled.focus, .btn-green[disabled]:hover, .btn-green[disabled]:focus, .btn-green[disabled].focus,
  fieldset[disabled] .btn-green:hover,
  fieldset[disabled] .btn-green:focus,
  fieldset[disabled] .btn-green.focus {
    background-color: #45aca8;
    border-color: #45aca8; }
  button.green .badge, .btn-green .badge {
    color: #45aca8;
    background-color: white; }

button.green, .btn-green-light {
  color: white;
  background-color: #81beba;
  border-color: #81beba; }
  button.green:focus, button.green.focus, .btn-green-light:focus, .btn-green-light.focus {
    color: white;
    background-color: #5fada8;
    border-color: #5fada8;
    outline: none; }
  button.green:hover, .btn-green-light:hover {
    color: white;
    background-color: #5fada8;
    border-color: #5fada8; }
  button.green:active, button.green.active,
  .open > button.green.dropdown-toggle, .btn-green-light:active, .btn-green-light.active,
  .open > .btn-green-light.dropdown-toggle {
    color: white;
    background: #5fada8 none;
    border-color: #5fada8; }
    button.green:active:hover, button.green:active:focus, button.green:active.focus, button.green.active:hover, button.green.active:focus, button.green.active.focus,
    .open > button.green.dropdown-toggle:hover,
    .open > button.green.dropdown-toggle:focus,
    .open > button.green.dropdown-toggle.focus, .btn-green-light:active:hover, .btn-green-light:active:focus, .btn-green-light:active.focus, .btn-green-light.active:hover, .btn-green-light.active:focus, .btn-green-light.active.focus,
    .open > .btn-green-light.dropdown-toggle:hover,
    .open > .btn-green-light.dropdown-toggle:focus,
    .open > .btn-green-light.dropdown-toggle.focus {
      background-color: #4f9994;
      border-color: transparent; }
  button.green.disabled:hover, button.green.disabled:focus, button.green.disabled.focus, button.green[disabled]:hover, button.green[disabled]:focus, button.green[disabled].focus,
  fieldset[disabled] button.green:hover,
  fieldset[disabled] button.green:focus,
  fieldset[disabled] button.green.focus, .btn-green-light.disabled:hover, .btn-green-light.disabled:focus, .btn-green-light.disabled.focus, .btn-green-light[disabled]:hover, .btn-green-light[disabled]:focus, .btn-green-light[disabled].focus,
  fieldset[disabled] .btn-green-light:hover,
  fieldset[disabled] .btn-green-light:focus,
  fieldset[disabled] .btn-green-light.focus {
    background-color: #81beba;
    border-color: #81beba; }
  button.green .badge, .btn-green-light .badge {
    color: #81beba;
    background-color: white; }

button.green-darken, .btn-green-darken {
  color: white;
  background-color: #007A87;
  border-color: #007A87; }
  button.green-darken:focus, button.green-darken.focus, .btn-green-darken:focus, .btn-green-darken.focus {
    color: white;
    background-color: #004c54;
    border-color: #004c54;
    outline: none; }
  button.green-darken:hover, .btn-green-darken:hover {
    color: white;
    background-color: #004c54;
    border-color: #004c54; }
  button.green-darken:active, button.green-darken.active,
  .open > button.green-darken.dropdown-toggle, .btn-green-darken:active, .btn-green-darken.active,
  .open > .btn-green-darken.dropdown-toggle {
    color: white;
    background: #004c54 none;
    border-color: #004c54; }
    button.green-darken:active:hover, button.green-darken:active:focus, button.green-darken:active.focus, button.green-darken.active:hover, button.green-darken.active:focus, button.green-darken.active.focus,
    .open > button.green-darken.dropdown-toggle:hover,
    .open > button.green-darken.dropdown-toggle:focus,
    .open > button.green-darken.dropdown-toggle.focus, .btn-green-darken:active:hover, .btn-green-darken:active:focus, .btn-green-darken:active.focus, .btn-green-darken.active:hover, .btn-green-darken.active:focus, .btn-green-darken.active.focus,
    .open > .btn-green-darken.dropdown-toggle:hover,
    .open > .btn-green-darken.dropdown-toggle:focus,
    .open > .btn-green-darken.dropdown-toggle.focus {
      background-color: #002c30;
      border-color: transparent; }
  button.green-darken.disabled:hover, button.green-darken.disabled:focus, button.green-darken.disabled.focus, button.green-darken[disabled]:hover, button.green-darken[disabled]:focus, button.green-darken[disabled].focus,
  fieldset[disabled] button.green-darken:hover,
  fieldset[disabled] button.green-darken:focus,
  fieldset[disabled] button.green-darken.focus, .btn-green-darken.disabled:hover, .btn-green-darken.disabled:focus, .btn-green-darken.disabled.focus, .btn-green-darken[disabled]:hover, .btn-green-darken[disabled]:focus, .btn-green-darken[disabled].focus,
  fieldset[disabled] .btn-green-darken:hover,
  fieldset[disabled] .btn-green-darken:focus,
  fieldset[disabled] .btn-green-darken.focus {
    background-color: #007A87;
    border-color: #007A87; }
  button.green-darken .badge, .btn-green-darken .badge {
    color: #007A87;
    background-color: white; }

button.green-alt, .btn-green-alt {
  color: white;
  background-color: #45aca8;
  border-color: white; }
  button.green-alt:focus, button.green-alt.focus, .btn-green-alt:focus, .btn-green-alt.focus {
    color: white;
    background-color: #368884;
    border-color: #e6e6e6;
    outline: none; }
  button.green-alt:hover, .btn-green-alt:hover {
    color: white;
    background-color: #368884;
    border-color: #e6e6e6; }
  button.green-alt:active, button.green-alt.active,
  .open > button.green-alt.dropdown-toggle, .btn-green-alt:active, .btn-green-alt.active,
  .open > .btn-green-alt.dropdown-toggle {
    color: white;
    background: #368884 none;
    border-color: #e6e6e6; }
    button.green-alt:active:hover, button.green-alt:active:focus, button.green-alt:active.focus, button.green-alt.active:hover, button.green-alt.active:focus, button.green-alt.active.focus,
    .open > button.green-alt.dropdown-toggle:hover,
    .open > button.green-alt.dropdown-toggle:focus,
    .open > button.green-alt.dropdown-toggle.focus, .btn-green-alt:active:hover, .btn-green-alt:active:focus, .btn-green-alt:active.focus, .btn-green-alt.active:hover, .btn-green-alt.active:focus, .btn-green-alt.active.focus,
    .open > .btn-green-alt.dropdown-toggle:hover,
    .open > .btn-green-alt.dropdown-toggle:focus,
    .open > .btn-green-alt.dropdown-toggle.focus {
      background-color: #2c6e6c;
      border-color: transparent; }
  button.green-alt.disabled:hover, button.green-alt.disabled:focus, button.green-alt.disabled.focus, button.green-alt[disabled]:hover, button.green-alt[disabled]:focus, button.green-alt[disabled].focus,
  fieldset[disabled] button.green-alt:hover,
  fieldset[disabled] button.green-alt:focus,
  fieldset[disabled] button.green-alt.focus, .btn-green-alt.disabled:hover, .btn-green-alt.disabled:focus, .btn-green-alt.disabled.focus, .btn-green-alt[disabled]:hover, .btn-green-alt[disabled]:focus, .btn-green-alt[disabled].focus,
  fieldset[disabled] .btn-green-alt:hover,
  fieldset[disabled] .btn-green-alt:focus,
  fieldset[disabled] .btn-green-alt.focus {
    background-color: #45aca8;
    border-color: white; }
  button.green-alt .badge, .btn-green-alt .badge {
    color: #45aca8;
    background-color: white; }

button.green-new1, .btn-green-new1 {
  color: white;
  background-color: #33C9AF;
  border-color: #33C9AF; }
  button.green-new1:focus, button.green-new1.focus, .btn-green-new1:focus, .btn-green-new1.focus {
    color: white;
    background-color: #29a08c;
    border-color: #29a08c;
    outline: none; }
  button.green-new1:hover, .btn-green-new1:hover {
    color: white;
    background-color: #29a08c;
    border-color: #29a08c; }
  button.green-new1:active, button.green-new1.active,
  .open > button.green-new1.dropdown-toggle, .btn-green-new1:active, .btn-green-new1.active,
  .open > .btn-green-new1.dropdown-toggle {
    color: white;
    background: #29a08c none;
    border-color: #29a08c; }
    button.green-new1:active:hover, button.green-new1:active:focus, button.green-new1:active.focus, button.green-new1.active:hover, button.green-new1.active:focus, button.green-new1.active.focus,
    .open > button.green-new1.dropdown-toggle:hover,
    .open > button.green-new1.dropdown-toggle:focus,
    .open > button.green-new1.dropdown-toggle.focus, .btn-green-new1:active:hover, .btn-green-new1:active:focus, .btn-green-new1:active.focus, .btn-green-new1.active:hover, .btn-green-new1.active:focus, .btn-green-new1.active.focus,
    .open > .btn-green-new1.dropdown-toggle:hover,
    .open > .btn-green-new1.dropdown-toggle:focus,
    .open > .btn-green-new1.dropdown-toggle.focus {
      background-color: #218473;
      border-color: transparent; }
  button.green-new1.disabled:hover, button.green-new1.disabled:focus, button.green-new1.disabled.focus, button.green-new1[disabled]:hover, button.green-new1[disabled]:focus, button.green-new1[disabled].focus,
  fieldset[disabled] button.green-new1:hover,
  fieldset[disabled] button.green-new1:focus,
  fieldset[disabled] button.green-new1.focus, .btn-green-new1.disabled:hover, .btn-green-new1.disabled:focus, .btn-green-new1.disabled.focus, .btn-green-new1[disabled]:hover, .btn-green-new1[disabled]:focus, .btn-green-new1[disabled].focus,
  fieldset[disabled] .btn-green-new1:hover,
  fieldset[disabled] .btn-green-new1:focus,
  fieldset[disabled] .btn-green-new1.focus {
    background-color: #33C9AF;
    border-color: #33C9AF; }
  button.green-new1 .badge, .btn-green-new1 .badge {
    color: #33C9AF;
    background-color: white; }

button.orange, .btn-orange {
  color: white;
  background-color: #EA845B;
  border-color: #EA845B; }
  button.orange:focus, button.orange.focus, .btn-orange:focus, .btn-orange.focus {
    color: white;
    background-color: #e4622e;
    border-color: #e4622e;
    outline: none; }
  button.orange:hover, .btn-orange:hover {
    color: white;
    background-color: #e4622e;
    border-color: #e4622e; }
  button.orange:active, button.orange.active,
  .open > button.orange.dropdown-toggle, .btn-orange:active, .btn-orange.active,
  .open > .btn-orange.dropdown-toggle {
    color: white;
    background: #e4622e none;
    border-color: #e4622e; }
    button.orange:active:hover, button.orange:active:focus, button.orange:active.focus, button.orange.active:hover, button.orange.active:focus, button.orange.active.focus,
    .open > button.orange.dropdown-toggle:hover,
    .open > button.orange.dropdown-toggle:focus,
    .open > button.orange.dropdown-toggle.focus, .btn-orange:active:hover, .btn-orange:active:focus, .btn-orange:active.focus, .btn-orange.active:hover, .btn-orange.active:focus, .btn-orange.active.focus,
    .open > .btn-orange.dropdown-toggle:hover,
    .open > .btn-orange.dropdown-toggle:focus,
    .open > .btn-orange.dropdown-toggle.focus {
      background-color: #d3501b;
      border-color: transparent; }
  button.orange.disabled:hover, button.orange.disabled:focus, button.orange.disabled.focus, button.orange[disabled]:hover, button.orange[disabled]:focus, button.orange[disabled].focus,
  fieldset[disabled] button.orange:hover,
  fieldset[disabled] button.orange:focus,
  fieldset[disabled] button.orange.focus, .btn-orange.disabled:hover, .btn-orange.disabled:focus, .btn-orange.disabled.focus, .btn-orange[disabled]:hover, .btn-orange[disabled]:focus, .btn-orange[disabled].focus,
  fieldset[disabled] .btn-orange:hover,
  fieldset[disabled] .btn-orange:focus,
  fieldset[disabled] .btn-orange.focus {
    background-color: #EA845B;
    border-color: #EA845B; }
  button.orange .badge, .btn-orange .badge {
    color: #EA845B;
    background-color: white; }

button.orange-alt, .btn-orange-alt {
  color: white;
  background-color: #EA845B;
  border-color: white; }
  button.orange-alt:focus, button.orange-alt.focus, .btn-orange-alt:focus, .btn-orange-alt.focus {
    color: white;
    background-color: #e4622e;
    border-color: #e6e6e6;
    outline: none; }
  button.orange-alt:hover, .btn-orange-alt:hover {
    color: white;
    background-color: #e4622e;
    border-color: #e6e6e6; }
  button.orange-alt:active, button.orange-alt.active,
  .open > button.orange-alt.dropdown-toggle, .btn-orange-alt:active, .btn-orange-alt.active,
  .open > .btn-orange-alt.dropdown-toggle {
    color: white;
    background: #e4622e none;
    border-color: #e6e6e6; }
    button.orange-alt:active:hover, button.orange-alt:active:focus, button.orange-alt:active.focus, button.orange-alt.active:hover, button.orange-alt.active:focus, button.orange-alt.active.focus,
    .open > button.orange-alt.dropdown-toggle:hover,
    .open > button.orange-alt.dropdown-toggle:focus,
    .open > button.orange-alt.dropdown-toggle.focus, .btn-orange-alt:active:hover, .btn-orange-alt:active:focus, .btn-orange-alt:active.focus, .btn-orange-alt.active:hover, .btn-orange-alt.active:focus, .btn-orange-alt.active.focus,
    .open > .btn-orange-alt.dropdown-toggle:hover,
    .open > .btn-orange-alt.dropdown-toggle:focus,
    .open > .btn-orange-alt.dropdown-toggle.focus {
      background-color: #d3501b;
      border-color: transparent; }
  button.orange-alt.disabled:hover, button.orange-alt.disabled:focus, button.orange-alt.disabled.focus, button.orange-alt[disabled]:hover, button.orange-alt[disabled]:focus, button.orange-alt[disabled].focus,
  fieldset[disabled] button.orange-alt:hover,
  fieldset[disabled] button.orange-alt:focus,
  fieldset[disabled] button.orange-alt.focus, .btn-orange-alt.disabled:hover, .btn-orange-alt.disabled:focus, .btn-orange-alt.disabled.focus, .btn-orange-alt[disabled]:hover, .btn-orange-alt[disabled]:focus, .btn-orange-alt[disabled].focus,
  fieldset[disabled] .btn-orange-alt:hover,
  fieldset[disabled] .btn-orange-alt:focus,
  fieldset[disabled] .btn-orange-alt.focus {
    background-color: #EA845B;
    border-color: white; }
  button.orange-alt .badge, .btn-orange-alt .badge {
    color: #EA845B;
    background-color: white; }

button.yellow, .btn-yellow {
  color: white;
  background-color: #EAB53F;
  border-color: #EAB53F; }
  button.yellow:focus, button.yellow.focus, .btn-yellow:focus, .btn-yellow.focus {
    color: white;
    background-color: #dea118;
    border-color: #dea118;
    outline: none; }
  button.yellow:hover, .btn-yellow:hover {
    color: white;
    background-color: #dea118;
    border-color: #dea118; }
  button.yellow:active, button.yellow.active,
  .open > button.yellow.dropdown-toggle, .btn-yellow:active, .btn-yellow.active,
  .open > .btn-yellow.dropdown-toggle {
    color: white;
    background: #dea118 none;
    border-color: #dea118; }
    button.yellow:active:hover, button.yellow:active:focus, button.yellow:active.focus, button.yellow.active:hover, button.yellow.active:focus, button.yellow.active.focus,
    .open > button.yellow.dropdown-toggle:hover,
    .open > button.yellow.dropdown-toggle:focus,
    .open > button.yellow.dropdown-toggle.focus, .btn-yellow:active:hover, .btn-yellow:active:focus, .btn-yellow:active.focus, .btn-yellow.active:hover, .btn-yellow.active:focus, .btn-yellow.active.focus,
    .open > .btn-yellow.dropdown-toggle:hover,
    .open > .btn-yellow.dropdown-toggle:focus,
    .open > .btn-yellow.dropdown-toggle.focus {
      background-color: #be8915;
      border-color: transparent; }
  button.yellow.disabled:hover, button.yellow.disabled:focus, button.yellow.disabled.focus, button.yellow[disabled]:hover, button.yellow[disabled]:focus, button.yellow[disabled].focus,
  fieldset[disabled] button.yellow:hover,
  fieldset[disabled] button.yellow:focus,
  fieldset[disabled] button.yellow.focus, .btn-yellow.disabled:hover, .btn-yellow.disabled:focus, .btn-yellow.disabled.focus, .btn-yellow[disabled]:hover, .btn-yellow[disabled]:focus, .btn-yellow[disabled].focus,
  fieldset[disabled] .btn-yellow:hover,
  fieldset[disabled] .btn-yellow:focus,
  fieldset[disabled] .btn-yellow.focus {
    background-color: #EAB53F;
    border-color: #EAB53F; }
  button.yellow .badge, .btn-yellow .badge {
    color: #EAB53F;
    background-color: white; }

button.yellow-light, .btn-yellow-light {
  color: white;
  background-color: #E9C87A;
  border-color: #E9C87A; }
  button.yellow-light:focus, button.yellow-light.focus, .btn-yellow-light:focus, .btn-yellow-light.focus {
    color: white;
    background-color: #e2b64e;
    border-color: #e2b64e;
    outline: none; }
  button.yellow-light:hover, .btn-yellow-light:hover {
    color: white;
    background-color: #e2b64e;
    border-color: #e2b64e; }
  button.yellow-light:active, button.yellow-light.active,
  .open > button.yellow-light.dropdown-toggle, .btn-yellow-light:active, .btn-yellow-light.active,
  .open > .btn-yellow-light.dropdown-toggle {
    color: white;
    background: #e2b64e none;
    border-color: #e2b64e; }
    button.yellow-light:active:hover, button.yellow-light:active:focus, button.yellow-light:active.focus, button.yellow-light.active:hover, button.yellow-light.active:focus, button.yellow-light.active.focus,
    .open > button.yellow-light.dropdown-toggle:hover,
    .open > button.yellow-light.dropdown-toggle:focus,
    .open > button.yellow-light.dropdown-toggle.focus, .btn-yellow-light:active:hover, .btn-yellow-light:active:focus, .btn-yellow-light:active.focus, .btn-yellow-light.active:hover, .btn-yellow-light.active:focus, .btn-yellow-light.active.focus,
    .open > .btn-yellow-light.dropdown-toggle:hover,
    .open > .btn-yellow-light.dropdown-toggle:focus,
    .open > .btn-yellow-light.dropdown-toggle.focus {
      background-color: #dda930;
      border-color: transparent; }
  button.yellow-light.disabled:hover, button.yellow-light.disabled:focus, button.yellow-light.disabled.focus, button.yellow-light[disabled]:hover, button.yellow-light[disabled]:focus, button.yellow-light[disabled].focus,
  fieldset[disabled] button.yellow-light:hover,
  fieldset[disabled] button.yellow-light:focus,
  fieldset[disabled] button.yellow-light.focus, .btn-yellow-light.disabled:hover, .btn-yellow-light.disabled:focus, .btn-yellow-light.disabled.focus, .btn-yellow-light[disabled]:hover, .btn-yellow-light[disabled]:focus, .btn-yellow-light[disabled].focus,
  fieldset[disabled] .btn-yellow-light:hover,
  fieldset[disabled] .btn-yellow-light:focus,
  fieldset[disabled] .btn-yellow-light.focus {
    background-color: #E9C87A;
    border-color: #E9C87A; }
  button.yellow-light .badge, .btn-yellow-light .badge {
    color: #E9C87A;
    background-color: white; }

button.red, .btn-red {
  color: white;
  background-color: #C77272;
  border-color: #C77272; }
  button.red:focus, button.red.focus, .btn-red:focus, .btn-red.focus {
    color: white;
    background-color: #b94d4d;
    border-color: #b94d4d;
    outline: none; }
  button.red:hover, .btn-red:hover {
    color: white;
    background-color: #b94d4d;
    border-color: #b94d4d; }
  button.red:active, button.red.active,
  .open > button.red.dropdown-toggle, .btn-red:active, .btn-red.active,
  .open > .btn-red.dropdown-toggle {
    color: white;
    background: #b94d4d none;
    border-color: #b94d4d; }
    button.red:active:hover, button.red:active:focus, button.red:active.focus, button.red.active:hover, button.red.active:focus, button.red.active.focus,
    .open > button.red.dropdown-toggle:hover,
    .open > button.red.dropdown-toggle:focus,
    .open > button.red.dropdown-toggle.focus, .btn-red:active:hover, .btn-red:active:focus, .btn-red:active.focus, .btn-red.active:hover, .btn-red.active:focus, .btn-red.active.focus,
    .open > .btn-red.dropdown-toggle:hover,
    .open > .btn-red.dropdown-toggle:focus,
    .open > .btn-red.dropdown-toggle.focus {
      background-color: #a24040;
      border-color: transparent; }
  button.red.disabled:hover, button.red.disabled:focus, button.red.disabled.focus, button.red[disabled]:hover, button.red[disabled]:focus, button.red[disabled].focus,
  fieldset[disabled] button.red:hover,
  fieldset[disabled] button.red:focus,
  fieldset[disabled] button.red.focus, .btn-red.disabled:hover, .btn-red.disabled:focus, .btn-red.disabled.focus, .btn-red[disabled]:hover, .btn-red[disabled]:focus, .btn-red[disabled].focus,
  fieldset[disabled] .btn-red:hover,
  fieldset[disabled] .btn-red:focus,
  fieldset[disabled] .btn-red.focus {
    background-color: #C77272;
    border-color: #C77272; }
  button.red .badge, .btn-red .badge {
    color: #C77272;
    background-color: white; }

button.red, .btn-red-light {
  color: white;
  background-color: #E08283;
  border-color: #E08283; }
  button.red:focus, button.red.focus, .btn-red-light:focus, .btn-red-light.focus {
    color: white;
    background-color: #d6595a;
    border-color: #d6595a;
    outline: none; }
  button.red:hover, .btn-red-light:hover {
    color: white;
    background-color: #d6595a;
    border-color: #d6595a; }
  button.red:active, button.red.active,
  .open > button.red.dropdown-toggle, .btn-red-light:active, .btn-red-light.active,
  .open > .btn-red-light.dropdown-toggle {
    color: white;
    background: #d6595a none;
    border-color: #d6595a; }
    button.red:active:hover, button.red:active:focus, button.red:active.focus, button.red.active:hover, button.red.active:focus, button.red.active.focus,
    .open > button.red.dropdown-toggle:hover,
    .open > button.red.dropdown-toggle:focus,
    .open > button.red.dropdown-toggle.focus, .btn-red-light:active:hover, .btn-red-light:active:focus, .btn-red-light:active.focus, .btn-red-light.active:hover, .btn-red-light.active:focus, .btn-red-light.active.focus,
    .open > .btn-red-light.dropdown-toggle:hover,
    .open > .btn-red-light.dropdown-toggle:focus,
    .open > .btn-red-light.dropdown-toggle.focus {
      background-color: #cf3d3e;
      border-color: transparent; }
  button.red.disabled:hover, button.red.disabled:focus, button.red.disabled.focus, button.red[disabled]:hover, button.red[disabled]:focus, button.red[disabled].focus,
  fieldset[disabled] button.red:hover,
  fieldset[disabled] button.red:focus,
  fieldset[disabled] button.red.focus, .btn-red-light.disabled:hover, .btn-red-light.disabled:focus, .btn-red-light.disabled.focus, .btn-red-light[disabled]:hover, .btn-red-light[disabled]:focus, .btn-red-light[disabled].focus,
  fieldset[disabled] .btn-red-light:hover,
  fieldset[disabled] .btn-red-light:focus,
  fieldset[disabled] .btn-red-light.focus {
    background-color: #E08283;
    border-color: #E08283; }
  button.red .badge, .btn-red-light .badge {
    color: #E08283;
    background-color: white; }

button.red-alt, .btn-red-alt {
  color: white;
  background-color: #C77272;
  border-color: white; }
  button.red-alt:focus, button.red-alt.focus, .btn-red-alt:focus, .btn-red-alt.focus {
    color: white;
    background-color: #b94d4d;
    border-color: #e6e6e6;
    outline: none; }
  button.red-alt:hover, .btn-red-alt:hover {
    color: white;
    background-color: #b94d4d;
    border-color: #e6e6e6; }
  button.red-alt:active, button.red-alt.active,
  .open > button.red-alt.dropdown-toggle, .btn-red-alt:active, .btn-red-alt.active,
  .open > .btn-red-alt.dropdown-toggle {
    color: white;
    background: #b94d4d none;
    border-color: #e6e6e6; }
    button.red-alt:active:hover, button.red-alt:active:focus, button.red-alt:active.focus, button.red-alt.active:hover, button.red-alt.active:focus, button.red-alt.active.focus,
    .open > button.red-alt.dropdown-toggle:hover,
    .open > button.red-alt.dropdown-toggle:focus,
    .open > button.red-alt.dropdown-toggle.focus, .btn-red-alt:active:hover, .btn-red-alt:active:focus, .btn-red-alt:active.focus, .btn-red-alt.active:hover, .btn-red-alt.active:focus, .btn-red-alt.active.focus,
    .open > .btn-red-alt.dropdown-toggle:hover,
    .open > .btn-red-alt.dropdown-toggle:focus,
    .open > .btn-red-alt.dropdown-toggle.focus {
      background-color: #a24040;
      border-color: transparent; }
  button.red-alt.disabled:hover, button.red-alt.disabled:focus, button.red-alt.disabled.focus, button.red-alt[disabled]:hover, button.red-alt[disabled]:focus, button.red-alt[disabled].focus,
  fieldset[disabled] button.red-alt:hover,
  fieldset[disabled] button.red-alt:focus,
  fieldset[disabled] button.red-alt.focus, .btn-red-alt.disabled:hover, .btn-red-alt.disabled:focus, .btn-red-alt.disabled.focus, .btn-red-alt[disabled]:hover, .btn-red-alt[disabled]:focus, .btn-red-alt[disabled].focus,
  fieldset[disabled] .btn-red-alt:hover,
  fieldset[disabled] .btn-red-alt:focus,
  fieldset[disabled] .btn-red-alt.focus {
    background-color: #C77272;
    border-color: white; }
  button.red-alt .badge, .btn-red-alt .badge {
    color: #C77272;
    background-color: white; }

button.red-lighter, .btn-red-lighter {
  color: white;
  background-color: #e0839c;
  border-color: white; }
  button.red-lighter:focus, button.red-lighter.focus, .btn-red-lighter:focus, .btn-red-lighter.focus {
    color: white;
    background-color: #d65a7b;
    border-color: #e6e6e6;
    outline: none; }
  button.red-lighter:hover, .btn-red-lighter:hover {
    color: white;
    background-color: #d65a7b;
    border-color: #e6e6e6; }
  button.red-lighter:active, button.red-lighter.active,
  .open > button.red-lighter.dropdown-toggle, .btn-red-lighter:active, .btn-red-lighter.active,
  .open > .btn-red-lighter.dropdown-toggle {
    color: white;
    background: #d65a7b none;
    border-color: #e6e6e6; }
    button.red-lighter:active:hover, button.red-lighter:active:focus, button.red-lighter:active.focus, button.red-lighter.active:hover, button.red-lighter.active:focus, button.red-lighter.active.focus,
    .open > button.red-lighter.dropdown-toggle:hover,
    .open > button.red-lighter.dropdown-toggle:focus,
    .open > button.red-lighter.dropdown-toggle.focus, .btn-red-lighter:active:hover, .btn-red-lighter:active:focus, .btn-red-lighter:active.focus, .btn-red-lighter.active:hover, .btn-red-lighter.active:focus, .btn-red-lighter.active.focus,
    .open > .btn-red-lighter.dropdown-toggle:hover,
    .open > .btn-red-lighter.dropdown-toggle:focus,
    .open > .btn-red-lighter.dropdown-toggle.focus {
      background-color: #cf3e65;
      border-color: transparent; }
  button.red-lighter.disabled:hover, button.red-lighter.disabled:focus, button.red-lighter.disabled.focus, button.red-lighter[disabled]:hover, button.red-lighter[disabled]:focus, button.red-lighter[disabled].focus,
  fieldset[disabled] button.red-lighter:hover,
  fieldset[disabled] button.red-lighter:focus,
  fieldset[disabled] button.red-lighter.focus, .btn-red-lighter.disabled:hover, .btn-red-lighter.disabled:focus, .btn-red-lighter.disabled.focus, .btn-red-lighter[disabled]:hover, .btn-red-lighter[disabled]:focus, .btn-red-lighter[disabled].focus,
  fieldset[disabled] .btn-red-lighter:hover,
  fieldset[disabled] .btn-red-lighter:focus,
  fieldset[disabled] .btn-red-lighter.focus {
    background-color: #e0839c;
    border-color: white; }
  button.red-lighter .badge, .btn-red-lighter .badge {
    color: #e0839c;
    background-color: white; }

button.red-new, .btn-red-new {
  color: white;
  background-color: #F35958;
  border-color: #F35958; }
  button.red-new:focus, button.red-new.focus, .btn-red-new:focus, .btn-red-new.focus {
    color: white;
    background-color: #f02a28;
    border-color: #f02a28;
    outline: none; }
  button.red-new:hover, .btn-red-new:hover {
    color: white;
    background-color: #f02a28;
    border-color: #f02a28; }
  button.red-new:active, button.red-new.active,
  .open > button.red-new.dropdown-toggle, .btn-red-new:active, .btn-red-new.active,
  .open > .btn-red-new.dropdown-toggle {
    color: white;
    background: #f02a28 none;
    border-color: #f02a28; }
    button.red-new:active:hover, button.red-new:active:focus, button.red-new:active.focus, button.red-new.active:hover, button.red-new.active:focus, button.red-new.active.focus,
    .open > button.red-new.dropdown-toggle:hover,
    .open > button.red-new.dropdown-toggle:focus,
    .open > button.red-new.dropdown-toggle.focus, .btn-red-new:active:hover, .btn-red-new:active:focus, .btn-red-new:active.focus, .btn-red-new.active:hover, .btn-red-new.active:focus, .btn-red-new.active.focus,
    .open > .btn-red-new.dropdown-toggle:hover,
    .open > .btn-red-new.dropdown-toggle:focus,
    .open > .btn-red-new.dropdown-toggle.focus {
      background-color: #e41210;
      border-color: transparent; }
  button.red-new.disabled:hover, button.red-new.disabled:focus, button.red-new.disabled.focus, button.red-new[disabled]:hover, button.red-new[disabled]:focus, button.red-new[disabled].focus,
  fieldset[disabled] button.red-new:hover,
  fieldset[disabled] button.red-new:focus,
  fieldset[disabled] button.red-new.focus, .btn-red-new.disabled:hover, .btn-red-new.disabled:focus, .btn-red-new.disabled.focus, .btn-red-new[disabled]:hover, .btn-red-new[disabled]:focus, .btn-red-new[disabled].focus,
  fieldset[disabled] .btn-red-new:hover,
  fieldset[disabled] .btn-red-new:focus,
  fieldset[disabled] .btn-red-new.focus {
    background-color: #F35958;
    border-color: #F35958; }
  button.red-new .badge, .btn-red-new .badge {
    color: #F35958;
    background-color: white; }

button.pink, .btn-pink {
  color: white;
  background-color: #EE6788;
  border-color: white; }
  button.pink:focus, button.pink.focus, .btn-pink:focus, .btn-pink.focus {
    color: white;
    background-color: #e93964;
    border-color: #e6e6e6;
    outline: none; }
  button.pink:hover, .btn-pink:hover {
    color: white;
    background-color: #e93964;
    border-color: #e6e6e6; }
  button.pink:active, button.pink.active,
  .open > button.pink.dropdown-toggle, .btn-pink:active, .btn-pink.active,
  .open > .btn-pink.dropdown-toggle {
    color: white;
    background: #e93964 none;
    border-color: #e6e6e6; }
    button.pink:active:hover, button.pink:active:focus, button.pink:active.focus, button.pink.active:hover, button.pink.active:focus, button.pink.active.focus,
    .open > button.pink.dropdown-toggle:hover,
    .open > button.pink.dropdown-toggle:focus,
    .open > button.pink.dropdown-toggle.focus, .btn-pink:active:hover, .btn-pink:active:focus, .btn-pink:active.focus, .btn-pink.active:hover, .btn-pink.active:focus, .btn-pink.active.focus,
    .open > .btn-pink.dropdown-toggle:hover,
    .open > .btn-pink.dropdown-toggle:focus,
    .open > .btn-pink.dropdown-toggle.focus {
      background-color: #e51a4b;
      border-color: transparent; }
  button.pink.disabled:hover, button.pink.disabled:focus, button.pink.disabled.focus, button.pink[disabled]:hover, button.pink[disabled]:focus, button.pink[disabled].focus,
  fieldset[disabled] button.pink:hover,
  fieldset[disabled] button.pink:focus,
  fieldset[disabled] button.pink.focus, .btn-pink.disabled:hover, .btn-pink.disabled:focus, .btn-pink.disabled.focus, .btn-pink[disabled]:hover, .btn-pink[disabled]:focus, .btn-pink[disabled].focus,
  fieldset[disabled] .btn-pink:hover,
  fieldset[disabled] .btn-pink:focus,
  fieldset[disabled] .btn-pink.focus {
    background-color: #EE6788;
    border-color: white; }
  button.pink .badge, .btn-pink .badge {
    color: #EE6788;
    background-color: white; }

button.aqua, .btn-aqua {
  color: white;
  background-color: #9DBEC7;
  border-color: #9DBEC7; }
  button.aqua:focus, button.aqua.focus, .btn-aqua:focus, .btn-aqua.focus {
    color: white;
    background-color: #7da8b4;
    border-color: #7da8b4;
    outline: none; }
  button.aqua:hover, .btn-aqua:hover {
    color: white;
    background-color: #7da8b4;
    border-color: #7da8b4; }
  button.aqua:active, button.aqua.active,
  .open > button.aqua.dropdown-toggle, .btn-aqua:active, .btn-aqua.active,
  .open > .btn-aqua.dropdown-toggle {
    color: white;
    background: #7da8b4 none;
    border-color: #7da8b4; }
    button.aqua:active:hover, button.aqua:active:focus, button.aqua:active.focus, button.aqua.active:hover, button.aqua.active:focus, button.aqua.active.focus,
    .open > button.aqua.dropdown-toggle:hover,
    .open > button.aqua.dropdown-toggle:focus,
    .open > button.aqua.dropdown-toggle.focus, .btn-aqua:active:hover, .btn-aqua:active:focus, .btn-aqua:active.focus, .btn-aqua.active:hover, .btn-aqua.active:focus, .btn-aqua.active.focus,
    .open > .btn-aqua.dropdown-toggle:hover,
    .open > .btn-aqua.dropdown-toggle:focus,
    .open > .btn-aqua.dropdown-toggle.focus {
      background-color: #6699a7;
      border-color: transparent; }
  button.aqua.disabled:hover, button.aqua.disabled:focus, button.aqua.disabled.focus, button.aqua[disabled]:hover, button.aqua[disabled]:focus, button.aqua[disabled].focus,
  fieldset[disabled] button.aqua:hover,
  fieldset[disabled] button.aqua:focus,
  fieldset[disabled] button.aqua.focus, .btn-aqua.disabled:hover, .btn-aqua.disabled:focus, .btn-aqua.disabled.focus, .btn-aqua[disabled]:hover, .btn-aqua[disabled]:focus, .btn-aqua[disabled].focus,
  fieldset[disabled] .btn-aqua:hover,
  fieldset[disabled] .btn-aqua:focus,
  fieldset[disabled] .btn-aqua.focus {
    background-color: #9DBEC7;
    border-color: #9DBEC7; }
  button.aqua .badge, .btn-aqua .badge {
    color: #9DBEC7;
    background-color: white; }

button.aqua-alt, .btn-aqua-alt {
  color: white;
  background-color: #9DBEC7;
  border-color: white; }
  button.aqua-alt:focus, button.aqua-alt.focus, .btn-aqua-alt:focus, .btn-aqua-alt.focus {
    color: white;
    background-color: #7da8b4;
    border-color: #e6e6e6;
    outline: none; }
  button.aqua-alt:hover, .btn-aqua-alt:hover {
    color: white;
    background-color: #7da8b4;
    border-color: #e6e6e6; }
  button.aqua-alt:active, button.aqua-alt.active,
  .open > button.aqua-alt.dropdown-toggle, .btn-aqua-alt:active, .btn-aqua-alt.active,
  .open > .btn-aqua-alt.dropdown-toggle {
    color: white;
    background: #7da8b4 none;
    border-color: #e6e6e6; }
    button.aqua-alt:active:hover, button.aqua-alt:active:focus, button.aqua-alt:active.focus, button.aqua-alt.active:hover, button.aqua-alt.active:focus, button.aqua-alt.active.focus,
    .open > button.aqua-alt.dropdown-toggle:hover,
    .open > button.aqua-alt.dropdown-toggle:focus,
    .open > button.aqua-alt.dropdown-toggle.focus, .btn-aqua-alt:active:hover, .btn-aqua-alt:active:focus, .btn-aqua-alt:active.focus, .btn-aqua-alt.active:hover, .btn-aqua-alt.active:focus, .btn-aqua-alt.active.focus,
    .open > .btn-aqua-alt.dropdown-toggle:hover,
    .open > .btn-aqua-alt.dropdown-toggle:focus,
    .open > .btn-aqua-alt.dropdown-toggle.focus {
      background-color: #6699a7;
      border-color: transparent; }
  button.aqua-alt.disabled:hover, button.aqua-alt.disabled:focus, button.aqua-alt.disabled.focus, button.aqua-alt[disabled]:hover, button.aqua-alt[disabled]:focus, button.aqua-alt[disabled].focus,
  fieldset[disabled] button.aqua-alt:hover,
  fieldset[disabled] button.aqua-alt:focus,
  fieldset[disabled] button.aqua-alt.focus, .btn-aqua-alt.disabled:hover, .btn-aqua-alt.disabled:focus, .btn-aqua-alt.disabled.focus, .btn-aqua-alt[disabled]:hover, .btn-aqua-alt[disabled]:focus, .btn-aqua-alt[disabled].focus,
  fieldset[disabled] .btn-aqua-alt:hover,
  fieldset[disabled] .btn-aqua-alt:focus,
  fieldset[disabled] .btn-aqua-alt.focus {
    background-color: #9DBEC7;
    border-color: white; }
  button.aqua-alt .badge, .btn-aqua-alt .badge {
    color: #9DBEC7;
    background-color: white; }

button.black, .btn-black {
  color: white;
  background-color: #333;
  border-color: #333; }
  button.black:focus, button.black.focus, .btn-black:focus, .btn-black.focus {
    color: white;
    background-color: #1a1a1a;
    border-color: #1a1a1a;
    outline: none; }
  button.black:hover, .btn-black:hover {
    color: white;
    background-color: #1a1a1a;
    border-color: #1a1a1a; }
  button.black:active, button.black.active,
  .open > button.black.dropdown-toggle, .btn-black:active, .btn-black.active,
  .open > .btn-black.dropdown-toggle {
    color: white;
    background: #1a1a1a none;
    border-color: #1a1a1a; }
    button.black:active:hover, button.black:active:focus, button.black:active.focus, button.black.active:hover, button.black.active:focus, button.black.active.focus,
    .open > button.black.dropdown-toggle:hover,
    .open > button.black.dropdown-toggle:focus,
    .open > button.black.dropdown-toggle.focus, .btn-black:active:hover, .btn-black:active:focus, .btn-black:active.focus, .btn-black.active:hover, .btn-black.active:focus, .btn-black.active.focus,
    .open > .btn-black.dropdown-toggle:hover,
    .open > .btn-black.dropdown-toggle:focus,
    .open > .btn-black.dropdown-toggle.focus {
      background-color: #080808;
      border-color: transparent; }
  button.black.disabled:hover, button.black.disabled:focus, button.black.disabled.focus, button.black[disabled]:hover, button.black[disabled]:focus, button.black[disabled].focus,
  fieldset[disabled] button.black:hover,
  fieldset[disabled] button.black:focus,
  fieldset[disabled] button.black.focus, .btn-black.disabled:hover, .btn-black.disabled:focus, .btn-black.disabled.focus, .btn-black[disabled]:hover, .btn-black[disabled]:focus, .btn-black[disabled].focus,
  fieldset[disabled] .btn-black:hover,
  fieldset[disabled] .btn-black:focus,
  fieldset[disabled] .btn-black.focus {
    background-color: #333;
    border-color: #333; }
  button.black .badge, .btn-black .badge {
    color: #333;
    background-color: white; }

button.btn-transparent-blue, button.btn-browse, .btn-transparent-blue, .btn-browse {
  color: #38b4d6;
  background-color: transparent;
  border-color: #38b4d6; }
  button.btn-transparent-blue:focus, button.btn-browse:focus, button.btn-transparent-blue.focus, button.focus.btn-browse, .btn-transparent-blue:focus, .btn-browse:focus, .btn-transparent-blue.focus, .focus.btn-browse {
    color: #38b4d6;
    background-color: transparent;
    border-color: #2597b6;
    outline: none; }
  button.btn-transparent-blue:hover, button.btn-browse:hover, .btn-transparent-blue:hover, .btn-browse:hover {
    color: #38b4d6;
    background-color: transparent;
    border-color: #2597b6; }
  button.btn-transparent-blue:active, button.btn-browse:active, button.btn-transparent-blue.active, button.active.btn-browse,
  .open > button.btn-transparent-blue.dropdown-toggle,
  .open > button.dropdown-toggle.btn-browse, .btn-transparent-blue:active, .btn-browse:active, .btn-transparent-blue.active, .active.btn-browse,
  .open > .btn-transparent-blue.dropdown-toggle,
  .open > .dropdown-toggle.btn-browse {
    color: #38b4d6;
    background: transparent none;
    border-color: #2597b6; }
    button.btn-transparent-blue:active:hover, button.btn-browse:active:hover, button.btn-transparent-blue:active:focus, button.btn-browse:active:focus, button.btn-transparent-blue:active.focus, button.btn-browse:active.focus, button.btn-transparent-blue.active:hover, button.active.btn-browse:hover, button.btn-transparent-blue.active:focus, button.active.btn-browse:focus, button.btn-transparent-blue.active.focus, button.active.focus.btn-browse,
    .open > button.btn-transparent-blue.dropdown-toggle:hover,
    .open > button.dropdown-toggle.btn-browse:hover,
    .open > button.btn-transparent-blue.dropdown-toggle:focus,
    .open > button.dropdown-toggle.btn-browse:focus,
    .open > button.btn-transparent-blue.dropdown-toggle.focus,
    .open > button.dropdown-toggle.focus.btn-browse, .btn-transparent-blue:active:hover, .btn-browse:active:hover, .btn-transparent-blue:active:focus, .btn-browse:active:focus, .btn-transparent-blue:active.focus, .btn-browse:active.focus, .btn-transparent-blue.active:hover, .active.btn-browse:hover, .btn-transparent-blue.active:focus, .active.btn-browse:focus, .btn-transparent-blue.active.focus, .active.focus.btn-browse,
    .open > .btn-transparent-blue.dropdown-toggle:hover,
    .open > .dropdown-toggle.btn-browse:hover,
    .open > .btn-transparent-blue.dropdown-toggle:focus,
    .open > .dropdown-toggle.btn-browse:focus,
    .open > .btn-transparent-blue.dropdown-toggle.focus,
    .open > .dropdown-toggle.focus.btn-browse {
      background-color: transparent;
      border-color: transparent; }
  button.btn-transparent-blue.disabled:hover, button.disabled.btn-browse:hover, button.btn-transparent-blue.disabled:focus, button.disabled.btn-browse:focus, button.btn-transparent-blue.disabled.focus, button.disabled.focus.btn-browse, button.btn-transparent-blue[disabled]:hover, button[disabled].btn-browse:hover, button.btn-transparent-blue[disabled]:focus, button[disabled].btn-browse:focus, button.btn-transparent-blue[disabled].focus, button[disabled].focus.btn-browse,
  fieldset[disabled] button.btn-transparent-blue:hover,
  fieldset[disabled] button.btn-browse:hover,
  fieldset[disabled] button.btn-transparent-blue:focus,
  fieldset[disabled] button.btn-browse:focus,
  fieldset[disabled] button.btn-transparent-blue.focus,
  fieldset[disabled] button.focus.btn-browse, .btn-transparent-blue.disabled:hover, .disabled.btn-browse:hover, .btn-transparent-blue.disabled:focus, .disabled.btn-browse:focus, .btn-transparent-blue.disabled.focus, .disabled.focus.btn-browse, .btn-transparent-blue[disabled]:hover, [disabled].btn-browse:hover, .btn-transparent-blue[disabled]:focus, [disabled].btn-browse:focus, .btn-transparent-blue[disabled].focus, [disabled].focus.btn-browse,
  fieldset[disabled] .btn-transparent-blue:hover,
  fieldset[disabled] .btn-browse:hover,
  fieldset[disabled] .btn-transparent-blue:focus,
  fieldset[disabled] .btn-browse:focus,
  fieldset[disabled] .btn-transparent-blue.focus,
  fieldset[disabled] .focus.btn-browse {
    background-color: transparent;
    border-color: #38b4d6; }
  button.btn-transparent-blue .badge, button.btn-browse .badge, .btn-transparent-blue .badge, .btn-browse .badge {
    color: transparent;
    background-color: #38b4d6; }

button.silver, .btn-silver {
  color: #666;
  background-color: #f5f5f5;
  border-color: #f5f5f5; }
  button.silver:focus, button.silver.focus, .btn-silver:focus, .btn-silver.focus {
    color: #666;
    background-color: gainsboro;
    border-color: gainsboro;
    outline: none; }
  button.silver:hover, .btn-silver:hover {
    color: #666;
    background-color: gainsboro;
    border-color: gainsboro; }
  button.silver:active, button.silver.active,
  .open > button.silver.dropdown-toggle, .btn-silver:active, .btn-silver.active,
  .open > .btn-silver.dropdown-toggle {
    color: #666;
    background: gainsboro none;
    border-color: gainsboro; }
    button.silver:active:hover, button.silver:active:focus, button.silver:active.focus, button.silver.active:hover, button.silver.active:focus, button.silver.active.focus,
    .open > button.silver.dropdown-toggle:hover,
    .open > button.silver.dropdown-toggle:focus,
    .open > button.silver.dropdown-toggle.focus, .btn-silver:active:hover, .btn-silver:active:focus, .btn-silver:active.focus, .btn-silver.active:hover, .btn-silver.active:focus, .btn-silver.active.focus,
    .open > .btn-silver.dropdown-toggle:hover,
    .open > .btn-silver.dropdown-toggle:focus,
    .open > .btn-silver.dropdown-toggle.focus {
      background-color: #cacaca;
      border-color: transparent; }
  button.silver.disabled:hover, button.silver.disabled:focus, button.silver.disabled.focus, button.silver[disabled]:hover, button.silver[disabled]:focus, button.silver[disabled].focus,
  fieldset[disabled] button.silver:hover,
  fieldset[disabled] button.silver:focus,
  fieldset[disabled] button.silver.focus, .btn-silver.disabled:hover, .btn-silver.disabled:focus, .btn-silver.disabled.focus, .btn-silver[disabled]:hover, .btn-silver[disabled]:focus, .btn-silver[disabled].focus,
  fieldset[disabled] .btn-silver:hover,
  fieldset[disabled] .btn-silver:focus,
  fieldset[disabled] .btn-silver.focus {
    background-color: #f5f5f5;
    border-color: #f5f5f5; }
  button.silver .badge, .btn-silver .badge {
    color: #f5f5f5;
    background-color: #666; }

button.btn-transparent-silver, .btn-transparent-silver {
  color: #333;
  background-color: transparent;
  border-color: #eee; }
  button.btn-transparent-silver:focus, button.btn-transparent-silver.focus, .btn-transparent-silver:focus, .btn-transparent-silver.focus {
    color: #333;
    background-color: transparent;
    border-color: #d5d5d5;
    outline: none; }
  button.btn-transparent-silver:hover, .btn-transparent-silver:hover {
    color: #333;
    background-color: transparent;
    border-color: #d5d5d5; }
  button.btn-transparent-silver:active, button.btn-transparent-silver.active,
  .open > button.btn-transparent-silver.dropdown-toggle, .btn-transparent-silver:active, .btn-transparent-silver.active,
  .open > .btn-transparent-silver.dropdown-toggle {
    color: #333;
    background: transparent none;
    border-color: #d5d5d5; }
    button.btn-transparent-silver:active:hover, button.btn-transparent-silver:active:focus, button.btn-transparent-silver:active.focus, button.btn-transparent-silver.active:hover, button.btn-transparent-silver.active:focus, button.btn-transparent-silver.active.focus,
    .open > button.btn-transparent-silver.dropdown-toggle:hover,
    .open > button.btn-transparent-silver.dropdown-toggle:focus,
    .open > button.btn-transparent-silver.dropdown-toggle.focus, .btn-transparent-silver:active:hover, .btn-transparent-silver:active:focus, .btn-transparent-silver:active.focus, .btn-transparent-silver.active:hover, .btn-transparent-silver.active:focus, .btn-transparent-silver.active.focus,
    .open > .btn-transparent-silver.dropdown-toggle:hover,
    .open > .btn-transparent-silver.dropdown-toggle:focus,
    .open > .btn-transparent-silver.dropdown-toggle.focus {
      background-color: transparent;
      border-color: transparent; }
  button.btn-transparent-silver.disabled:hover, button.btn-transparent-silver.disabled:focus, button.btn-transparent-silver.disabled.focus, button.btn-transparent-silver[disabled]:hover, button.btn-transparent-silver[disabled]:focus, button.btn-transparent-silver[disabled].focus,
  fieldset[disabled] button.btn-transparent-silver:hover,
  fieldset[disabled] button.btn-transparent-silver:focus,
  fieldset[disabled] button.btn-transparent-silver.focus, .btn-transparent-silver.disabled:hover, .btn-transparent-silver.disabled:focus, .btn-transparent-silver.disabled.focus, .btn-transparent-silver[disabled]:hover, .btn-transparent-silver[disabled]:focus, .btn-transparent-silver[disabled].focus,
  fieldset[disabled] .btn-transparent-silver:hover,
  fieldset[disabled] .btn-transparent-silver:focus,
  fieldset[disabled] .btn-transparent-silver.focus {
    background-color: transparent;
    border-color: #eee; }
  button.btn-transparent-silver .badge, .btn-transparent-silver .badge {
    color: transparent;
    background-color: #333; }

button.btn-transparent-silver2, .btn-transparent-silver2 {
  color: #333;
  background-color: transparent;
  border-color: #E0DEDC; }
  button.btn-transparent-silver2:focus, button.btn-transparent-silver2.focus, .btn-transparent-silver2:focus, .btn-transparent-silver2.focus {
    color: #333;
    background-color: transparent;
    border-color: #c8c5c1;
    outline: none; }
  button.btn-transparent-silver2:hover, .btn-transparent-silver2:hover {
    color: #333;
    background-color: transparent;
    border-color: #c8c5c1; }
  button.btn-transparent-silver2:active, button.btn-transparent-silver2.active,
  .open > button.btn-transparent-silver2.dropdown-toggle, .btn-transparent-silver2:active, .btn-transparent-silver2.active,
  .open > .btn-transparent-silver2.dropdown-toggle {
    color: #333;
    background: transparent none;
    border-color: #c8c5c1; }
    button.btn-transparent-silver2:active:hover, button.btn-transparent-silver2:active:focus, button.btn-transparent-silver2:active.focus, button.btn-transparent-silver2.active:hover, button.btn-transparent-silver2.active:focus, button.btn-transparent-silver2.active.focus,
    .open > button.btn-transparent-silver2.dropdown-toggle:hover,
    .open > button.btn-transparent-silver2.dropdown-toggle:focus,
    .open > button.btn-transparent-silver2.dropdown-toggle.focus, .btn-transparent-silver2:active:hover, .btn-transparent-silver2:active:focus, .btn-transparent-silver2:active.focus, .btn-transparent-silver2.active:hover, .btn-transparent-silver2.active:focus, .btn-transparent-silver2.active.focus,
    .open > .btn-transparent-silver2.dropdown-toggle:hover,
    .open > .btn-transparent-silver2.dropdown-toggle:focus,
    .open > .btn-transparent-silver2.dropdown-toggle.focus {
      background-color: transparent;
      border-color: transparent; }
  button.btn-transparent-silver2.disabled:hover, button.btn-transparent-silver2.disabled:focus, button.btn-transparent-silver2.disabled.focus, button.btn-transparent-silver2[disabled]:hover, button.btn-transparent-silver2[disabled]:focus, button.btn-transparent-silver2[disabled].focus,
  fieldset[disabled] button.btn-transparent-silver2:hover,
  fieldset[disabled] button.btn-transparent-silver2:focus,
  fieldset[disabled] button.btn-transparent-silver2.focus, .btn-transparent-silver2.disabled:hover, .btn-transparent-silver2.disabled:focus, .btn-transparent-silver2.disabled.focus, .btn-transparent-silver2[disabled]:hover, .btn-transparent-silver2[disabled]:focus, .btn-transparent-silver2[disabled].focus,
  fieldset[disabled] .btn-transparent-silver2:hover,
  fieldset[disabled] .btn-transparent-silver2:focus,
  fieldset[disabled] .btn-transparent-silver2.focus {
    background-color: transparent;
    border-color: #E0DEDC; }
  button.btn-transparent-silver2 .badge, .btn-transparent-silver2 .badge {
    color: transparent;
    background-color: #333; }

.btn-red-transp, button.red-transp {
  color: white;
  border-color: #e0839c; }
  .btn-red-transp:hover, button.red-transp:hover {
    background-color: #e0839c;
    color: white; }
  .btn-red-transp:focus, button.red-transp:focus {
    color: white; }

.btn-blue-transp, button.blue-transp {
  color: white;
  border-color: #38b4d6; }
  .btn-blue-transp:hover, button.blue-transp:hover {
    background-color: #38b4d6;
    color: white; }
  .btn-blue-transp:focus, button.blue-transp:focus {
    color: white; }

.btn-blue-light-transp, button.blue-light-transp {
  color: white;
  border-color: #82bfd7; }
  .btn-blue-light-transp:hover, button.blue-light-transp:hover {
    background-color: #82bfd7;
    color: white; }
  .btn-blue-light-transp:focus, button.blue-light-transp:focus {
    color: white; }

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent; }

.dropdown {
  position: relative; }

.dropdown-toggle:focus {
  outline: 0; }

.dropdown-menu {
  position: absolute;
  top: 90px;
  right: -5px;
  z-index: 1000;
  display: none; }
  .dropdown-menu:before {
    position: absolute;
    content: '';
    width: 260px;
    height: 60px;
    top: -58px;
    z-index: 999;
    cursor: pointer; }

.user-menu .dropdown-menu > ul {
  min-width: 250px;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  text-transform: uppercase;
  padding: 10px 0; }
  .user-menu .dropdown-menu > ul:before {
    content: " ";
    display: inline-block;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom: 10px solid #fff;
    position: absolute;
    top: -20px;
    right: 21px; }
  .user-menu .dropdown-menu > ul.pull-right {
    right: 0;
    left: auto; }
  .user-menu .dropdown-menu > ul > li > a {
    display: block;
    margin: 0;
    padding: 13px 20px;
    clear: both;
    color: #373D3F;
    white-space: nowrap;
    line-height: 18px;
    border-bottom: 1px solid #eee;
    font-family: "Roboto Condensed";
    font-weight: bold; }
    .user-menu .dropdown-menu > ul > li > a:before, .user-menu .dropdown-menu > ul > li > a:after {
      content: " ";
      display: table; }
    .user-menu .dropdown-menu > ul > li > a:after {
      clear: both; }
    .user-menu .dropdown-menu > ul > li > a > span {
      display: inline-block;
      float: right; }
  .user-menu .dropdown-menu > ul > li:last-child > a {
    border-bottom: none; }
  .user-menu .dropdown-menu > ul .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5; }

.user-menu .dropdown-menu ul > li > a:hover, .user-menu .dropdown-menu ul > li > a:focus {
  text-decoration: none;
  background-color: #FA8B60; }
  .user-menu .dropdown-menu ul > li > a:hover svg path, .user-menu .dropdown-menu ul > li > a:focus svg path {
    fill: white; }

.user-menu .dropdown-menu ul > li > a:hover, .user-menu .dropdown-menu ul > li > a:focus {
  border-bottom: 1px solid transparent;
  color: white; }

.user-menu .dropdown-menu ul > .active > a, .user-menu .dropdown-menu ul > .active > a:hover, .user-menu .dropdown-menu ul > .active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #38b4d6; }

.dropdown-menu ul > .disabled > a, .dropdown-menu ul > .disabled > a:hover, .dropdown-menu ul > .disabled > a:focus {
  color: #eee; }

.dropdown-menu ul > .disabled > a:hover, .dropdown-menu ul > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed; }

.dropdown-menu-right {
  left: auto;
  right: 0; }

.dropdown-menu-left {
  left: 0;
  right: auto; }

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.428571429;
  color: #eee;
  white-space: nowrap; }

.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990; }

.pull-right > .dropdown-menu ul {
  right: 0;
  left: auto; }

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid;
  content: ""; }

.dropup .dropdown-menu ul,
.navbar-fixed-bottom .dropdown .dropdown-menu ul {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px; }

@media (min-width: 768px) {
  .navbar-right .dropdown-menu ul {
    right: 0;
    left: auto; }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto; } }

.box, .box15, .box25, .categories-box, .contact-page .contact-address, .enrollment-page .enrollment-end, .impressions-box, .students-box, .info-box {
  position: relative;
  box-shadow: 1px 1px 6px #eee;
  padding: 15px;
  background-color: #fff; }
  .box .escape, .box15 .escape, .box25 .escape, .categories-box .escape, .contact-page .contact-address .escape, .enrollment-page .enrollment-end .escape, .impressions-box .escape, .students-box .escape, .info-box .escape {
    display: block;
    margin: -15px -15px 15px; }
  .box h1:first-of-type, .box15 h1:first-of-type, .box25 h1:first-of-type, .categories-box h1:first-of-type, .contact-page .contact-address h1:first-of-type, .enrollment-page .enrollment-end h1:first-of-type, .impressions-box h1:first-of-type, .students-box h1:first-of-type, .info-box h1:first-of-type, .box .cke_editable h2:first-of-type, .cke_editable .box h2:first-of-type, .box15 .cke_editable h2:first-of-type, .cke_editable .box15 h2:first-of-type, .box25 .cke_editable h2:first-of-type, .cke_editable .box25 h2:first-of-type, .categories-box .cke_editable h2:first-of-type, .cke_editable .categories-box h2:first-of-type, .contact-page .contact-address .cke_editable h2:first-of-type, .cke_editable .contact-page .contact-address h2:first-of-type, .enrollment-page .enrollment-end .cke_editable h2:first-of-type, .cke_editable .enrollment-page .enrollment-end h2:first-of-type, .impressions-box .cke_editable h2:first-of-type, .cke_editable .impressions-box h2:first-of-type, .students-box .cke_editable h2:first-of-type, .cke_editable .students-box h2:first-of-type, .info-box .cke_editable h2:first-of-type, .cke_editable .info-box h2:first-of-type, .box .cke_editable h3:first-of-type, .cke_editable .box h3:first-of-type, .box15 .cke_editable h3:first-of-type, .cke_editable .box15 h3:first-of-type, .box25 .cke_editable h3:first-of-type, .cke_editable .box25 h3:first-of-type, .categories-box .cke_editable h3:first-of-type, .cke_editable .categories-box h3:first-of-type, .contact-page .contact-address .cke_editable h3:first-of-type, .cke_editable .contact-page .contact-address h3:first-of-type, .enrollment-page .enrollment-end .cke_editable h3:first-of-type, .cke_editable .enrollment-page .enrollment-end h3:first-of-type, .impressions-box .cke_editable h3:first-of-type, .cke_editable .impressions-box h3:first-of-type, .students-box .cke_editable h3:first-of-type, .cke_editable .students-box h3:first-of-type, .info-box .cke_editable h3:first-of-type, .cke_editable .info-box h3:first-of-type, .box .cke_editable h4:first-of-type, .cke_editable .box h4:first-of-type, .box15 .cke_editable h4:first-of-type, .cke_editable .box15 h4:first-of-type, .box25 .cke_editable h4:first-of-type, .cke_editable .box25 h4:first-of-type, .categories-box .cke_editable h4:first-of-type, .cke_editable .categories-box h4:first-of-type, .contact-page .contact-address .cke_editable h4:first-of-type, .cke_editable .contact-page .contact-address h4:first-of-type, .enrollment-page .enrollment-end .cke_editable h4:first-of-type, .cke_editable .enrollment-page .enrollment-end h4:first-of-type, .impressions-box .cke_editable h4:first-of-type, .cke_editable .impressions-box h4:first-of-type, .students-box .cke_editable h4:first-of-type, .cke_editable .students-box h4:first-of-type, .info-box .cke_editable h4:first-of-type, .cke_editable .info-box h4:first-of-type, .box h2:first-of-type, .box15 h2:first-of-type, .box25 h2:first-of-type, .categories-box h2:first-of-type, .contact-page .contact-address h2:first-of-type, .enrollment-page .enrollment-end h2:first-of-type, .impressions-box h2:first-of-type, .students-box h2:first-of-type, .info-box h2:first-of-type, .box h3:first-of-type, .box15 h3:first-of-type, .box25 h3:first-of-type, .categories-box h3:first-of-type, .contact-page .contact-address h3:first-of-type, .enrollment-page .enrollment-end h3:first-of-type, .impressions-box h3:first-of-type, .students-box h3:first-of-type, .info-box h3:first-of-type {
    margin-top: 0; }
  .box header, .box15 header, .box25 header, .categories-box header, .contact-page .contact-address header, .enrollment-page .enrollment-end header, .impressions-box header, .students-box header, .info-box header {
    margin-bottom: 40px; }
  .box footer, .box15 footer, .box25 footer, .categories-box footer, .contact-page .contact-address footer, .enrollment-page .enrollment-end footer, .impressions-box footer, .students-box footer, .info-box footer {
    border-top: 1px solid #eee;
    padding-top: 15px;
    min-height: 55px; }
  @media (min-width: 768px) {
    .box, .box15, .box25, .categories-box, .contact-page .contact-address, .enrollment-page .enrollment-end, .impressions-box, .students-box, .info-box {
      padding: 20px; }
      .box .escape, .box15 .escape, .box25 .escape, .categories-box .escape, .contact-page .contact-address .escape, .enrollment-page .enrollment-end .escape, .impressions-box .escape, .students-box .escape, .info-box .escape {
        margin: -20px -20px 15px; } }

.box15 {
  padding: 15px;
  position: relative; }
  .box15 .escape {
    margin: -15px -15px 15px; }

.box25, .categories-box {
  padding: 15px;
  position: relative; }
  .box25 .escape, .categories-box .escape {
    margin: -15px -15px 15px; }
  @media (min-width: 768px) {
    .box25, .categories-box {
      padding: 25px; }
      .box25 .escape, .categories-box .escape {
        margin: -25px -25px 15px; } }

.block-white, .courses-page .course-entry .content .section-info, .section-instructor, .block-info, .block-courses, .latest-views {
  width: 100%;
  padding: 30px 0;
  background-color: white;
  color: #333; }
  .block-white .title, .courses-page .course-entry .content .section-info .title, .section-instructor .title, .block-info .title, .block-courses .title, .latest-views .title {
    color: #333;
    margin-top: 0; }
  @media (min-width: 992px) {
    .block-white, .courses-page .course-entry .content .section-info, .section-instructor, .block-info, .block-courses, .latest-views {
      padding: 80px 0; } }

.block-green {
  width: 100%;
  padding: 30px 0;
  background-color: #45aca8;
  color: white; }
  .block-green .title {
    color: white;
    margin-top: 0; }
  @media (min-width: 992px) {
    .block-green {
      padding: 80px 0; } }

.block-transparent {
  width: 100%;
  padding: 30px 0;
  background-color: transparent;
  color: #373D3F; }
  .block-transparent .title {
    color: #373D3F;
    margin-top: 0; }
  @media (min-width: 992px) {
    .block-transparent {
      padding: 80px 0; } }

.block-white-40 {
  width: 100%;
  background-color: white; }
  @media (min-width: 544px) {
    .block-white-40 {
      padding: 10px; } }
  @media (min-width: 768px) {
    .block-white-40 {
      padding: 20px; } }
  @media (min-width: 1200px) {
    .block-white-40 {
      padding: 40px; } }

.alert-error {
  background-color: #E08283;
  padding-top: 20px;
  padding-bottom: 20px;
  color: white; }
  .alert-error .container, .alert-error .main-container {
    position: relative; }
    .alert-error .container .content, .alert-error .main-container .content {
      float: left;
      width: calc(100% - 35px); }
      @media (min-width: 544px) {
        .alert-error .container .content, .alert-error .main-container .content {
          width: calc(100% - 115px); } }
      .alert-error .container .content .title, .alert-error .main-container .content .title {
        margin-top: 10px;
        font-size: 22px;
        text-transform: none;
        color: white; }
      .alert-error .container .content a, .alert-error .main-container .content a {
        color: #fff;
        text-decoration: underline; }
      .alert-error .container .content ul li, .alert-error .main-container .content ul li {
        margin: 5px 0; }
    .alert-error .container span[class^="ksi-"], .alert-error .main-container span[class^="ksi-"] {
      color: #ca3234;
      float: left;
      display: block;
      font-size: 60px;
      margin-right: 30px; }
  .alert-error .close {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    height: 30px;
    width: 40px;
    padding: 5px; }

.alert-success {
  background-color: #81beba;
  padding-top: 20px;
  padding-bottom: 20px;
  color: white; }
  .alert-success .container, .alert-success .main-container {
    position: relative; }
    .alert-success .container .content, .alert-success .main-container .content {
      float: left;
      width: calc(100% - 35px); }
      @media (min-width: 544px) {
        .alert-success .container .content, .alert-success .main-container .content {
          width: calc(100% - 115px); } }
      .alert-success .container .content .title, .alert-success .main-container .content .title {
        margin-top: 10px;
        font-size: 22px;
        text-transform: none;
        color: white; }
      .alert-success .container .content a, .alert-success .main-container .content a {
        color: #fff;
        text-decoration: underline; }
      .alert-success .container .content ul li, .alert-success .main-container .content ul li {
        margin: 5px 0; }
    .alert-success .container span[class^="ksi-"], .alert-success .main-container span[class^="ksi-"] {
      color: #4a8f8b;
      float: left;
      display: block;
      font-size: 60px;
      margin-right: 30px; }
  .alert-success .close {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    height: 30px;
    width: 40px;
    padding: 5px; }

.alert-info {
  background-color: #B5DBE4;
  padding-top: 20px;
  padding-bottom: 20px;
  color: white; }
  .alert-info .container, .alert-info .main-container {
    position: relative; }
    .alert-info .container .content, .alert-info .main-container .content {
      float: left;
      width: calc(100% - 35px); }
      @media (min-width: 544px) {
        .alert-info .container .content, .alert-info .main-container .content {
          width: calc(100% - 115px); } }
      .alert-info .container .content .title, .alert-info .main-container .content .title {
        margin-top: 10px;
        font-size: 22px;
        text-transform: none;
        color: white; }
      .alert-info .container .content a, .alert-info .main-container .content a {
        color: #fff;
        text-decoration: underline; }
      .alert-info .container .content ul li, .alert-info .main-container .content ul li {
        margin: 5px 0; }
    .alert-info .container span[class^="ksi-"], .alert-info .main-container span[class^="ksi-"] {
      color: #6ab7c9;
      float: left;
      display: block;
      font-size: 60px;
      margin-right: 30px; }
  .alert-info .close {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    height: 30px;
    width: 40px;
    padding: 5px; }

.alert-warning {
  background-color: #FA8B60;
  padding-top: 20px;
  padding-bottom: 20px;
  color: white; }
  .alert-warning .container, .alert-warning .main-container {
    position: relative; }
    .alert-warning .container .content, .alert-warning .main-container .content {
      float: left;
      width: calc(100% - 35px); }
      @media (min-width: 544px) {
        .alert-warning .container .content, .alert-warning .main-container .content {
          width: calc(100% - 115px); } }
      .alert-warning .container .content .title, .alert-warning .main-container .content .title {
        margin-top: 10px;
        font-size: 22px;
        text-transform: none;
        color: white; }
      .alert-warning .container .content a, .alert-warning .main-container .content a {
        color: #fff;
        text-decoration: underline; }
      .alert-warning .container .content ul li, .alert-warning .main-container .content ul li {
        margin: 5px 0; }
    .alert-warning .container span[class^="ksi-"], .alert-warning .main-container span[class^="ksi-"] {
      color: #ed4707;
      float: left;
      display: block;
      font-size: 60px;
      margin-right: 30px; }
  .alert-warning .close {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    height: 30px;
    width: 40px;
    padding: 5px; }

.admin-alert {
  margin-bottom: 25px;
  padding: 20px; }
  .admin-alert span {
    color: white;
    line-height: 30px;
    display: block;
    text-align: center;
    margin-bottom: 10px;
    font-size: 16px; }
    @media (min-width: 544px) {
      .admin-alert span {
        display: inline-block;
        margin-bottom: 0;
        font-size: 20px; } }
  .admin-alert a {
    display: table;
    margin: auto; }
    @media (min-width: 544px) {
      .admin-alert a {
        float: right; } }

.social {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  float: left; }
  .social a {
    display: block; }
  .social.fb {
    background-color: #3C5A98; }
  .social.tw {
    background-color: #00ADEE; }
  .social.in {
    background-color: #90CADD; }
  .social.gp {
    background-color: #dc4a38; }
  .social.gh {
    background-color: black; }
  .social [class^='ksi-'] {
    color: white; }
  .social.fb {
    margin-right: 3px;
    margin-left: 8px; }

.sub-header-aqua {
  background-color: #209cbd;
  height: 50px;
  padding: 10px 0; }
  .sub-header-aqua .container .sub-left, .sub-header-aqua .main-container .sub-left {
    float: left; }
    @media (min-width: 992px) {
      .sub-header-aqua .container .sub-left .breadcrumb, .sub-header-aqua .main-container .sub-left .breadcrumb {
        padding-left: 0;
        list-style: none;
        margin: 0;
        padding: 0;
        background-color: transparent;
        line-height: 30px; }
        .sub-header-aqua .container .sub-left .breadcrumb li a, .sub-header-aqua .main-container .sub-left .breadcrumb li a {
          color: #fff;
          font-size: 16px;
          font-family: "Roboto Condensed";
          text-transform: uppercase;
          text-decoration: none; }
        .sub-header-aqua .container .sub-left .breadcrumb li.active, .sub-header-aqua .main-container .sub-left .breadcrumb li.active {
          color: #b6e6f3;
          font-size: 16px;
          font-family: "Roboto Condensed";
          text-transform: uppercase; }
        .sub-header-aqua .container .sub-left .breadcrumb li + li:before, .sub-header-aqua .main-container .sub-left .breadcrumb li + li:before {
          color: #fff; } }
  .sub-header-aqua .container .sub-right, .sub-header-aqua .main-container .sub-right {
    float: right; }
    .sub-header-aqua .container .sub-right .title, .sub-header-aqua .main-container .sub-right .title {
      display: block;
      float: left;
      margin: 0;
      font-size: 16px;
      text-transform: uppercase;
      color: #fff;
      font-family: "Roboto Condensed";
      line-height: 30px; }

.sub-header-blue {
  background-color: #82bfd7;
  height: 50px;
  padding: 10px 0; }
  .sub-header-blue .container .sub-left, .sub-header-blue .main-container .sub-left {
    float: left; }
    @media (min-width: 992px) {
      .sub-header-blue .container .sub-left .breadcrumb, .sub-header-blue .main-container .sub-left .breadcrumb {
        padding-left: 0;
        list-style: none;
        margin: 0;
        padding: 0;
        background-color: transparent;
        line-height: 30px; }
        .sub-header-blue .container .sub-left .breadcrumb li a, .sub-header-blue .main-container .sub-left .breadcrumb li a {
          color: #fff;
          font-size: 16px;
          font-family: "Roboto Condensed";
          text-transform: uppercase;
          text-decoration: none; }
        .sub-header-blue .container .sub-left .breadcrumb li.active, .sub-header-blue .main-container .sub-left .breadcrumb li.active {
          color: white;
          font-size: 16px;
          font-family: "Roboto Condensed";
          text-transform: uppercase; }
        .sub-header-blue .container .sub-left .breadcrumb li + li:before, .sub-header-blue .main-container .sub-left .breadcrumb li + li:before {
          color: #fff; } }
  .sub-header-blue .container .sub-right, .sub-header-blue .main-container .sub-right {
    float: right; }
    .sub-header-blue .container .sub-right .title, .sub-header-blue .main-container .sub-right .title {
      display: block;
      float: left;
      margin: 0;
      font-size: 16px;
      text-transform: uppercase;
      color: #fff;
      font-family: "Roboto Condensed";
      line-height: 30px; }

.sub-header-red {
  background-color: #E08283;
  height: 50px;
  padding: 10px 0; }
  .sub-header-red .container .sub-left, .sub-header-red .main-container .sub-left {
    float: left; }
    @media (min-width: 992px) {
      .sub-header-red .container .sub-left .breadcrumb, .sub-header-red .main-container .sub-left .breadcrumb {
        padding-left: 0;
        list-style: none;
        margin: 0;
        padding: 0;
        background-color: transparent;
        line-height: 30px; }
        .sub-header-red .container .sub-left .breadcrumb li a, .sub-header-red .main-container .sub-left .breadcrumb li a {
          color: #fff;
          font-size: 16px;
          font-family: "Roboto Condensed";
          text-transform: uppercase;
          text-decoration: none; }
        .sub-header-red .container .sub-left .breadcrumb li.active, .sub-header-red .main-container .sub-left .breadcrumb li.active {
          color: white;
          font-size: 16px;
          font-family: "Roboto Condensed";
          text-transform: uppercase; }
        .sub-header-red .container .sub-left .breadcrumb li + li:before, .sub-header-red .main-container .sub-left .breadcrumb li + li:before {
          color: #fff; } }
  .sub-header-red .container .sub-right, .sub-header-red .main-container .sub-right {
    float: right; }
    .sub-header-red .container .sub-right .title, .sub-header-red .main-container .sub-right .title {
      display: block;
      float: left;
      margin: 0;
      font-size: 16px;
      text-transform: uppercase;
      color: #fff;
      font-family: "Roboto Condensed";
      line-height: 30px; }

.toptitle-relative {
  position: relative; }

.toptitle-group {
  width: 100%;
  position: absolute;
  top: -25px;
  text-align: center;
  z-index: 800;
  padding-left: 0;
  margin-left: 0;
  left: 0;
  right: 0; }
  .toptitle-group .toptitle {
    display: inline-block;
    padding-left: 15px;
    padding-right: 20px;
    background-color: #fff;
    height: 50px;
    line-height: 50px;
    border-radius: 25px 0 25px 25px;
    font-family: "Roboto Condensed";
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold; }
    .toptitle-group .toptitle span[class^="ksi-"] {
      margin-right: 10px;
      font-size: 20px; }
  .toptitle-group > li.toptitle-green {
    background-color: #45aca8;
    color: white; }
    .toptitle-group > li.toptitle-green a {
      display: block;
      color: white; }
  .toptitle-group > li.toptitle-red {
    background-color: #C77272;
    color: white; }
    .toptitle-group > li.toptitle-red a {
      display: block;
      color: white; }
  .toptitle-group > li.toptitle-blue {
    background-color: #38b4d6;
    color: white; }
    .toptitle-group > li.toptitle-blue a {
      display: block;
      color: white; }
  .toptitle-group > li.toptitle-blue-light {
    background-color: #82bfd7;
    color: white; }
    .toptitle-group > li.toptitle-blue-light a {
      display: block;
      color: white; }

.modal .modal-dialog {
  z-index: 9999; }

.modal .modal-content {
  border-radius: 0; }

.modal .modal-header, .modal .modal-body, .modal .modal-footer {
  padding: 20px;
  border: 0; }
  .modal .modal-header .modal-title, .modal .modal-body .modal-title, .modal .modal-footer .modal-title {
    text-transform: uppercase;
    font-size: 30px; }
  .modal .modal-header:after, .modal .modal-body:after, .modal .modal-footer:after {
    height: 17px;
    margin-top: 13px;
    background: url("../images/svg/line.svg") repeat-x;
    width: 100%; }

.modal .modal-body:after {
  display: none; }

.modal .modal-footer:after {
  display: none; }

.modal button.close {
  border-radius: 0;
  padding: 0;
  width: 24px;
  height: 24px;
  float: right; }
  .modal button.close span {
    position: relative;
    bottom: 1px; }

@media (min-width: 0) and (max-width: 990px) {
  .modal .modal-dialog {
    width: 99%; } }

.modal .form-control, .modal input[type="text"], .modal
input[type="email"], .modal
input[type="password"], .modal
input[type="number"], .modal
input[type="search"], .modal
input[type="url"], .modal
input[type="tel"], .modal
textarea, .modal
select {
  border-color: #eee; }

@media (min-width: 768px) {
  .modal#answer-box .modal-dialog {
    width: 70%; } }

@media (min-width: 1920px) {
  .modal#answer-box .modal-dialog {
    width: 50%; } }

#liModalTitle .course-name {
  color: #82bfd7;
  font-size: 20px; }
  @media (min-width: 0) and (max-width: 767px) {
    #liModalTitle .course-name {
      display: block; } }
  @media (min-width: 768px) {
    #liModalTitle .course-name {
      float: right; } }

.badges {
  position: absolute;
  top: -15px;
  left: 0;
  right: 0;
  width: 100%;
  text-align: center;
  z-index: 30; }
  .badges > li {
    float: left;
    width: 50%; }
    .badges > li > a, .badges > li span {
      border-radius: 50px 0 50px 50px;
      display: inline-block;
      padding: 0 18px;
      background-color: white;
      height: 30px;
      line-height: 30px;
      text-align: center;
      color: white;
      font-size: 14px;
      text-transform: uppercase; }
      .badges > li > a.blue, .badges > li span.blue {
        background-color: #38b4d6; }
      .badges > li > a.green, .badges > li span.green {
        background-color: #45aca8; }
      .badges > li > a.orange, .badges > li span.orange {
        background-color: #EA845B; }
      .badges > li > a.red, .badges > li span.red {
        background-color: #e0839c; }
      .badges > li > a > i, .badges > li span > i {
        display: none; }
      .badges > li > a svg, .badges > li span svg {
        display: none;
        height: 29px;
        position: relative;
        top: 10px; }
  @media (min-width: 992px) {
    .badges {
      top: -25px; }
      .badges > li {
        display: inline-block;
        overflow: hidden;
        position: relative; }
        .badges > li > a, .badges > li span {
          height: 50px;
          line-height: 50px; }
          .badges > li > a > i, .badges > li > a svg, .badges > li span > i, .badges > li span svg {
            display: inline-block;
            margin-left: -5px; } }
  .badges.single-badge > li {
    width: 100%; }

.icheckbox_square-blue, .iradio_square-blue, .icheck-orange .iradio_square-blue {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  background-color: white;
  margin: 0 5px 0 0;
  border: 1px solid transparent; }
  .icheckbox_square-blue.hover, .hover.iradio_square-blue {
    border: 1px solid #fff;
    background-color: transparent; }
  .icheckbox_square-blue.checked, .checked.iradio_square-blue {
    background: rgba(250, 250, 250, 0.55); }
    .icheckbox_square-blue.checked:before, .checked.iradio_square-blue:before {
      content: '';
      display: block;
      width: 6px;
      height: 10px;
      border: solid white;
      border-width: 0 2px 2px 0;
      transform: rotate(45deg);
      position: absolute;
      top: -3px;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto; }
    .icheckbox_square-blue.checked.hover, .checked.hover.iradio_square-blue {
      border: 1px solid transparent; }

.iradio_square-blue {
  border-radius: 50%; }

.icheck-orange .icheckbox_square-blue, .icheck-orange .iradio_square-blue {
  border: 1px solid #ccc; }
  .icheck-orange .icheckbox_square-blue.hover, .icheck-orange .hover.iradio_square-blue {
    border: 1px solid #EA845B; }
  .icheck-orange .icheckbox_square-blue.checked, .icheck-orange .checked.iradio_square-blue {
    background: #EA845B;
    border: 1px solid #EA845B; }

[class^='icheck-'] span {
  position: relative;
  top: 1px; }

.two-columns li, .two-columns dd, .two-columns dt {
  float: left;
  width: 100%; }
  @media (min-width: 544px) {
    .two-columns li, .two-columns dd, .two-columns dt {
      width: 50%; } }

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
  outline: none;
  font-size: 16px; }
  .select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 50px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--single .select2-selection__rendered {
      display: block;
      padding-left: 10px;
      padding-right: 20px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px; }
  .select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--multiple .select2-selection__rendered {
      display: inline-block;
      overflow: hidden;
      padding-left: 8px;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .select2-container .select2-search--inline {
    float: left; }
    .select2-container .select2-search--inline .select2-search__field {
      box-sizing: border-box;
      border: none;
      font-size: 100%;
      margin-top: 5px; }
      .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
        -webkit-appearance: none; }

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 0;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051; }

.select2-results {
  display: block; }

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0; }

.select2-results__option {
  padding: 6px;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none; }
  .select2-results__option[aria-selected] {
    cursor: pointer; }

.select2-container--open .select2-dropdown {
  left: 0; }

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

#buying .select2-search--dropdown {
  border: 0;
  border-bottom: 1px solid #aaa;
  border-top: 1px solid #aaa;
  _display: none;
  _padding: 4px; }

.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box; }
  .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none; }

.select2-search--dropdown.select2-search--hide {
  display: none; }

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0); }

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

.select2-container--default .select2-selection--single {
  background-color: white; }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #373D3F;
    line-height: 48px;
    border: 1px solid #eee; }
  .select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right; }
  .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 48px;
    position: absolute;
    top: 1px;
    right: 15px;
    width: 20px; }
    .select2-container--default .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default; }
  .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px; }

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 0;
  cursor: text; }
  .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%; }
  .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 5px;
    float: left; }
  .select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 0;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #333; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field {
  height: 34px;
  border: 1px solid #aaa;
  border-left: 0;
  border-right: 0; }

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none; }

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--default .select2-results__option[role=group] {
  padding: 0; }

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999;
  display: none; }

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: transparent; }

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em; }
    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
      margin-left: -2em;
      padding-left: 3em; }
      .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -3em;
        padding-left: 4em; }
        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
          margin-left: -4em;
          padding-left: 5em; }
          .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -5em;
            padding-left: 6em; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #f5f5f5;
  color: #333; }

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 0;
  outline: 0;
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
  .select2-container--classic .select2-selection--single:focus {
    border: none; }
  .select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px; }
  .select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }
    .select2-container--classic .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto; }

.select2-container--classic.select2-container--open .select2-selection--single {
  border: none; }
  .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none; }
    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
      border-color: transparent transparent #888 transparent;
      border-width: 0 4px 5px 4px; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 0;
  cursor: text;
  outline: 0; }
  .select2-container--classic .select2-selection--multiple:focus {
    border: none; }
  .select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 0;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #555; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right;
  margin-left: 5px;
  margin-right: auto; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: none; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0; }

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none; }

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent; }

.select2-container--classic .select2-dropdown--above {
  border-bottom: none; }

.select2-container--classic .select2-dropdown--below {
  border-top: none; }

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--classic .select2-results__option[role=group] {
  padding: 0; }

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey; }

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white; }

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: transparent; }

.select2 *:focus {
  outline: none !important; }

#user-panel:not(.edit-profile):not(.user-payment):not(.user-consultation):not(.team-company) .select2-container {
  max-width: 100px !important;
  font-size: 14px;
  text-transform: uppercase;
  font-family: "Roboto Condensed";
  padding-right: 25px; }
  #user-panel:not(.edit-profile):not(.user-payment):not(.user-consultation):not(.team-company) .select2-container .select2-selection--single {
    height: 30px; }

#user-panel:not(.edit-profile):not(.user-payment):not(.user-consultation):not(.team-company) .select2-container--default .select2-selection--single {
  background-color: transparent; }
  #user-panel:not(.edit-profile):not(.user-payment):not(.user-consultation):not(.team-company) .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 30px;
    color: #333; }
  #user-panel:not(.edit-profile):not(.user-payment):not(.user-consultation):not(.team-company) .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 18px;
    right: 0; }
    #user-panel:not(.edit-profile):not(.user-payment):not(.user-consultation):not(.team-company) .select2-container--default .select2-selection--single .select2-selection__arrow b {
      width: 8px;
      height: 8px;
      border: none;
      border-right: 2px solid #333;
      border-bottom: 2px solid #333;
      transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      -ms-transform: rotate(45deg); }
  #user-panel:not(.edit-profile):not(.user-payment):not(.user-consultation):not(.team-company) .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0; }

#user-panel:not(.edit-profile):not(.user-payment):not(.user-consultation):not(.team-company) .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow {
  height: 21px; }
  #user-panel:not(.edit-profile):not(.user-payment):not(.user-consultation):not(.team-company) .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    -ms-transform: rotate(225deg); }

#user-panel:not(.edit-profile):not(.user-payment):not(.user-consultation):not(.team-company) .select2-container--default.select2-container--open .select2-dropdown {
  background-color: transparent;
  border: none; }

#user-panel:not(.edit-profile):not(.user-payment):not(.user-consultation):not(.team-company) .select2-container--default .select2-results {
  background-color: #f5f5f5; }

#classroom {
  background-color: #222222;
  overflow: hidden; }
  #classroom .video-js {
    background-color: #222222;
    /*Font family new*/
    /*Font family new*/
    /*Font family for old icons*/
    /*Font family for old icons*/ }
    #classroom .video-js .vjs-resolution-button .vjs-resolution-button-staticlabel {
      font-family: VideoJS; }
    #classroom .video-js .vjs-icon-circle:before, #classroom .video-js .vjs-mouse-display:before, #classroom .video-js .vjs-play-progress:before, #classroom .video-js .vjs-volume-level:before {
      font-family: VideoJS; }
    #classroom .video-js *:before {
      color: #3E5068; }
    #classroom .video-js *:hover:before, #classroom .video-js *:focus:before {
      text-shadow: none;
      color: #82bfd7; }
    #classroom .video-js .vjs-control-bar {
      height: 50px;
      background-color: black; }
      #classroom .video-js .vjs-control-bar .vjs-volume-menu-button:before, #classroom .video-js .vjs-control-bar .vjs-time-control > div, #classroom .video-js .vjs-control-bar .vjs-fullscreen-control:before, #classroom .video-js .vjs-control-bar .seek-backward:before, #classroom .video-js .vjs-control-bar .seek-forward:before {
        line-height: 50px; }
      #classroom .video-js .vjs-control-bar .vjs-playback-rate .vjs-playback-rate-value {
        line-height: 50px; }
      #classroom .video-js .vjs-control-bar .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
        z-index: 9999;
        bottom: 25px; }
      #classroom .video-js .vjs-control-bar .vjs-resolution-button .vjs-resolution-button-staticlabel:before {
        line-height: 50px; }
    #classroom .video-js .vjs-time-control {
      padding: 0;
      text-align: center; }
      #classroom .video-js .vjs-time-control.vjs-duration {
        padding-right: 20px; }
    #classroom .video-js .vjs-volume-bar {
      margin: 23px 11px; }
      #classroom .video-js .vjs-volume-bar.vjs-slider-horizontal {
        width: 60px;
        height: 6px;
        border-radius: 2px;
        background-color: #1E2E3D; }
        #classroom .video-js .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
          height: 6px;
          border-radius: 2px;
          background-color: #82bfd7; }
    #classroom .video-js .vjs-volume-menu-button-horizontal:hover .vjs-menu-content {
      height: 50px; }
    #classroom .video-js .vjs-play-control.vjs-control.vjs-button {
      width: 60px;
      height: 30px;
      background-color: #1E2E3D;
      border-radius: 5px;
      margin: auto 10px; }
      #classroom .video-js .vjs-play-control.vjs-control.vjs-button:before {
        line-height: 30px; }
      #classroom .video-js .vjs-play-control.vjs-control.vjs-button:hover {
        background-color: #2f485f; }
    #classroom .video-js .vjs-control.vjs-volume-menu-button-horizontal {
      width: 12em !important; }
    #classroom .video-js .vjs-menu-button-inline .vjs-menu {
      opacity: 1 !important;
      left: 25px; }
    #classroom .video-js .vjs-menu li:focus, #classroom .video-js .vjs-menu li:hover {
      background-color: #1E2E3D; }
    #classroom .video-js .vjs-resolution-button .vjs-menu li {
      font-size: 16px;
      color: #2D455B;
      font-family: "Roboto";
      font-weight: bold; }
      #classroom .video-js .vjs-resolution-button .vjs-menu li.vjs-selected, #classroom .video-js .vjs-resolution-button .vjs-menu li.vjs-selected:focus, #classroom .video-js .vjs-resolution-button .vjs-menu li.vjs-selected:hover, #classroom .video-js .vjs-resolution-button .vjs-menu li:focus, #classroom .video-js .vjs-resolution-button .vjs-menu li:hover {
        background-color: transparent;
        color: #82bfd7; }
    #classroom .video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
      background-color: #000; }
    #classroom .video-js .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control, #classroom .video-js .vjs-control-bar .vjs-time-control.vjs-time-divider, #classroom .video-js .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
      font-family: "Roboto";
      font-size: 12px;
      color: #82bfd7; }
    #classroom .video-js .vjs-progress-control .vjs-progress-holder {
      background: transparent;
      border: 1px solid #678891;
      height: 12px;
      border-radius: 2px; }
      #classroom .video-js .vjs-progress-control .vjs-progress-holder .vjs-play-progress, #classroom .video-js .vjs-progress-control .vjs-progress-holder .vjs-load-progress, #classroom .video-js .vjs-progress-control .vjs-progress-holder .vjs-load-progress div {
        height: calc(100% - 2px);
        margin: auto;
        top: 0;
        bottom: 0;
        left: 2px;
        background-color: #1E2E3D;
        border-radius: 2px; }
      #classroom .video-js .vjs-progress-control .vjs-progress-holder .vjs-play-progress {
        background-color: #82bfd7; }
        #classroom .video-js .vjs-progress-control .vjs-progress-holder .vjs-play-progress:before {
          display: none; }
      #classroom .video-js .vjs-progress-control .vjs-progress-holder .vjs-load-progress {
        background-color: #1E2E3D; }
      #classroom .video-js .vjs-progress-control .vjs-progress-holder .vjs-mouse-display {
        background-color: #82bfd7; }
      #classroom .video-js .vjs-progress-control .vjs-progress-holder.vjs-slider {
        margin: 0; }
    #classroom .video-js .vjs-progress-control:hover .vjs-progress-holder {
      border: 1px solid #82bfd7; }
      #classroom .video-js .vjs-progress-control:hover .vjs-progress-holder .vjs-play-progress:before {
        display: block;
        font-size: 19px;
        color: #82bfd7;
        text-shadow: 0 0 4px black; }
    #classroom .video-js .seek-forward {
      margin-right: 15px; }
    #classroom .video-js .vjs-icon-play:before, #classroom .video-js .vjs-big-play-button:before, #classroom .video-js .vjs-play-control:before {
      content: '4';
      font-size: 12px;
      font-family: 'ks-icons'; }
    #classroom .video-js .vjs-icon-pause:before, #classroom .video-js .vjs-play-control.vjs-playing:before {
      content: '3';
      font-size: 12px;
      font-family: 'ks-icons'; }
    #classroom .video-js .vjs-icon-volume-mute:before, #classroom .video-js .vjs-mute-control.vjs-vol-0:before, #classroom .video-js .vjs-volume-menu-button.vjs-vol-0:before {
      content: '9';
      font-size: 13px;
      font-family: 'ks-icons'; }
    #classroom .video-js .vjs-icon-volume-low:before, #classroom .video-js .vjs-mute-control.vjs-vol-1:before, #classroom .video-js .vjs-volume-menu-button.vjs-vol-1:before {
      content: '8';
      font-size: 13px;
      font-family: 'ks-icons'; }
    #classroom .video-js .vjs-icon-volume-mid:before, #classroom .video-js .vjs-mute-control.vjs-vol-2:before, #classroom .video-js .vjs-volume-menu-button.vjs-vol-2:before {
      content: '7';
      font-size: 14px;
      font-family: 'ks-icons'; }
    #classroom .video-js .vjs-icon-volume-high:before, #classroom .video-js .vjs-mute-control:before, #classroom .video-js .vjs-volume-menu-button:before {
      content: '6';
      font-size: 15px;
      font-family: 'ks-icons'; }
    #classroom .video-js .vjs-icon-fullscreen-enter:before, #classroom .video-js .vjs-fullscreen-control:before {
      content: '5';
      font-size: 15px;
      font-family: 'ks-icons'; }
    #classroom .video-js .vjs-control.vjs-button.seek-backward:before {
      content: '1';
      font-size: 10px;
      font-family: 'ks-icons'; }
    #classroom .video-js .vjs-control.vjs-button.seek-forward:before {
      content: '2';
      font-size: 10px;
      font-family: 'ks-icons'; }
    #classroom .video-js .vjs-volume-level:before {
      font-size: 13px;
      color: #82bfd7; }

@media (max-width: 768px) {
  #classroom .video-js .vjs-play-control.vjs-control.vjs-button {
    margin: auto 3px;
    width: 30px; }
  #classroom .video-js .vjs-menu-button-inline:before {
    width: 23px; }
  #classroom .video-js .vjs-control.vjs-volume-menu-button-horizontal {
    width: 94px !important; }
  #classroom .video-js .vjs-volume-bar.vjs-slider-horizontal {
    width: 55px; }
  #classroom .video-js .vjs-volume-bar {
    margin: 23px 6px; }
  #classroom .seek-backward, #classroom .seek-forward {
    width: 22px; }
  #classroom .video-js .seek-forward {
    margin-right: 5px; }
  #classroom .video-js .vjs-time-control {
    min-width: 10px; }
  #classroom .video-js .vjs-time-control.vjs-duration {
    padding-right: 10px; } }

@media (max-width: 500px) {
  #classroom .video-js .vjs-menu-button-inline:before {
    display: none; }
  #classroom .video-js .vjs-control.vjs-volume-menu-button-horizontal {
    width: 56px !important; }
  #classroom .video-js .vjs-menu-button-inline .vjs-menu {
    left: 0; }
  #classroom .video-js .vjs-volume-bar {
    margin: 23px 8px; }
  #classroom .video-js .vjs-volume-bar.vjs-slider-horizontal {
    width: 40px; }
  #classroom .seek-backward, #classroom .seek-forward {
    width: 20px; }
  #classroom .video-js .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control, #classroom .video-js .vjs-control-bar .vjs-time-control.vjs-time-divider, #classroom .video-js .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
    font-size: 9px; }
  #classroom .video-js .vjs-control.vjs-playback-rate, #classroom .video-js .vjs-control.vjs-menu-button, #classroom .video-js .vjs-control.vjs-fullscreen-control {
    width: 18px; }
  #classroom .video-js .vjs-icon-fullscreen-enter:before, #classroom .video-js .vjs-fullscreen-control:before {
    font-size: 12px; }
  .vjs-resolution-button .vjs-resolution-button-staticlabel:before {
    font-size: 14px; }
  #classroom .video-js .vjs-playback-rate, #classroom .video-js .vjs-playback-rate * {
    font-size: 11px; } }

#classroom .video-js .vjs-big-play-button {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-color: #82bfd7;
  z-index: 999; }
  #classroom .video-js .vjs-big-play-button:before {
    color: #82bfd7; }
  @media (min-width: 992px) {
    #classroom .video-js .vjs-big-play-button {
      line-height: 2.5em;
      height: 2.5em;
      width: 6em; }
      #classroom .video-js .vjs-big-play-button:before {
        font-size: 22px; } }

#classroom .video-js .vjs-play-progress:after, #classroom .video-js .vjs-progress-control .vjs-mouse-display:after, #classroom .video-js .vjs-playback-rate {
  font-family: "Roboto"; }

#classroom .vjs-menu-button-popup .vjs-menu {
  width: 0; }

.cat-title, .filter-title {
  font-size: 26px;
  margin-bottom: 10px;
  margin-top: 0;
  text-transform: uppercase; }

.filter-title {
  color: #9DBEC7; }

.bordered-list {
  text-transform: uppercase;
  font-family: "Roboto Condensed";
  margin-bottom: 30px; }
  .bordered-list:last-child {
    margin-bottom: 10px; }
  .bordered-list li > a, .bordered-list label {
    display: block;
    padding: 12px 0 11px;
    font-size: 16px;
    position: relative;
    border-bottom: 1px solid #eee; }
  .bordered-list li > a {
    color: #333; }
    .bordered-list li > a:hover {
      color: gray; }
    .bordered-list li > a:after {
      content: "\00bb";
      position: absolute;
      right: 0;
      font-size: 18px;
      top: 50%;
      transform: translateY(-50%); }
  .bordered-list label {
    color: #999; }
  .bordered-list li.active a:hover {
    color: #333; }
  .bordered-list li:last-child > a {
    border-bottom: none; }
  .bordered-list label:last-child {
    border-bottom: none; }
  .bordered-list li.active {
    font-weight: bold; }

.courses-subcategory li a {
  display: block;
  padding: 5px 3px 5px 10px;
  font-size: 16px;
  border-bottom: 1px solid #f5f5f5;
  color: #999;
  text-transform: none; }
  .courses-subcategory li a:after {
    display: none; }
  .courses-subcategory li a .counter-num-courses {
    float: right; }

.courses-subcategory li:last-child a {
  border-bottom: none; }

.profile-breadcrumbs .breadcrumb {
  margin-bottom: 0;
  padding: 0; }

.profile-breadcrumbs li, .profile-breadcrumbs li a {
  text-transform: uppercase;
  color: #333;
  font-family: "Roboto Condensed"; }
  .profile-breadcrumbs li.active, .profile-breadcrumbs li a.active {
    color: #373D3F; }

.profile-breadcrumbs li + li:before {
  padding: 0 1px;
  color: #333; }

.alert-message, .finished-course, .suspend-course {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-top: 30px;
  background-color: rgba(51, 51, 51, 0.8); }

.finished-course .cup {
  text-align: center;
  margin-bottom: 15px; }
  .finished-course .cup + a {
    margin-bottom: 10px; }

.finished-course a {
  display: table;
  margin: 0 auto; }
  .finished-course a + a {
    font-family: "Roboto Condensed";
    text-transform: uppercase;
    color: white; }

.suspend-course {
  text-align: center;
  padding-top: 40px; }
  .suspend-course * {
    color: white;
    font-family: "Roboto Condensed"; }
  .suspend-course h2 {
    font-size: 26px;
    margin-bottom: 5px; }
  .suspend-course .date {
    font-size: 16px;
    margin-bottom: 25px;
    display: inline-block; }
  .suspend-course h3 {
    font-size: 18px;
    margin-bottom: 40px; }

@media (min-width: 544px) {
  .course-archive.large-box .holder .hover .onl:before {
    height: 130px; } }

@media (min-width: 1200px) {
  .course-archive.large-box .holder .hover .onl:before {
    height: 200px; } }

.course-archive.large-box .holder-group {
  margin-bottom: 25px; }
  .course-archive.large-box .holder-group .free-space-school {
    padding-top: 6px;
    float: left; }

.course-archive.large-box .student-icons.w100, .course-archive.large-box .online-impression .impressions-box .student-icons.w50, .online-impression .impressions-box .course-archive.large-box .student-icons.w50 {
  width: 60px;
  height: 60px;
  line-height: 60px; }
  .course-archive.large-box .student-icons.w100 img, .course-archive.large-box .online-impression .impressions-box .student-icons.w50 img, .online-impression .impressions-box .course-archive.large-box .student-icons.w50 img {
    width: 30px; }

@media (min-width: 0) and (max-width: 767px) {
  .course-archive.large-box .background .student-icons.w100, .course-archive.large-box .background .online-impression .impressions-box .student-icons.w50, .online-impression .impressions-box .course-archive.large-box .background .student-icons.w50 {
    width: 40px;
    height: 40px;
    line-height: 40px; }
    .course-archive.large-box .background .student-icons.w100 img, .course-archive.large-box .background .online-impression .impressions-box .student-icons.w50 img, .online-impression .impressions-box .course-archive.large-box .background .student-icons.w50 img {
      width: 20px; } }

.course-box:not(.large-box) .hit-badge-img, .course-archive:not(.large-box) .hit-badge-img {
  position: absolute;
  z-index: 1;
  bottom: -15px;
  right: -15px;
  width: 90px; }
  @media (min-width: 544px) {
    .course-box:not(.large-box) .hit-badge-img, .course-archive:not(.large-box) .hit-badge-img {
      width: 120px; } }
  @media (min-width: 1200px) {
    .course-box:not(.large-box) .hit-badge-img, .course-archive:not(.large-box) .hit-badge-img {
      right: -25px;
      width: 161px; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .course-box.large-box .students-comments li:nth-child(7), .course-box.large-box .students-comments li:nth-child(8), .course-archive.large-box .students-comments li:nth-child(7), .course-archive.large-box .students-comments li:nth-child(8) {
    display: none; } }

.course-box.large-box .title, .course-archive.large-box .title {
  text-transform: none;
  margin-bottom: 5px;
  margin-top: 0; }
  @media (min-width: 768px) {
    .course-box.large-box .title, .course-archive.large-box .title {
      font-size: 36px; } }
  .course-box.large-box .title + a, .course-archive.large-box .title + a {
    display: block; }

.course-box.large-box .hit-badge-img, .course-archive.large-box .hit-badge-img {
  position: absolute;
  z-index: 1;
  bottom: -15px;
  right: -15px;
  width: 90px; }
  @media (min-width: 544px) {
    .course-box.large-box .hit-badge-img, .course-archive.large-box .hit-badge-img {
      bottom: -25px;
      width: 120px; } }
  @media (min-width: 768px) {
    .course-box.large-box .hit-badge-img, .course-archive.large-box .hit-badge-img {
      bottom: -30px;
      right: -20px;
      width: 150px; } }
  @media (min-width: 1200px) {
    .course-box.large-box .hit-badge-img, .course-archive.large-box .hit-badge-img {
      bottom: -40px;
      right: -35px;
      width: auto; } }

.my-courses .large-box .box-body {
  margin-bottom: 20px; }

.my-courses .large-box .students-comments {
  margin-bottom: 20px; }

.featured-portfolio {
  position: relative;
  margin-bottom: 50px; }
  .featured-portfolio .portfolios {
    width: 33.3%;
    float: left; }
    .featured-portfolio .portfolios a {
      display: block; }
      .featured-portfolio .portfolios a:hover {
        opacity: .8; }
    .featured-portfolio .portfolios img {
      margin: auto; }

.students-recommendations {
  margin-bottom: 50px; }
  @media (min-width: 992px) {
    .students-recommendations {
      padding-bottom: 40px; } }
  .students-recommendations header {
    margin-bottom: 20px; }
  .students-recommendations .recommendation {
    width: 50%;
    float: left;
    padding: 0 8px;
    border-right: 1px solid #f5f5f5;
    position: relative;
    text-align: center; }
    .students-recommendations .recommendation:last-child {
      border-right: none; }
    .students-recommendations .recommendation .hover {
      opacity: 0;
      transition: all .3s;
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0; }
      .students-recommendations .recommendation .hover a {
        position: absolute;
        bottom: 30px;
        left: 0;
        right: 0;
        max-width: 100px;
        margin: auto; }
    .students-recommendations .recommendation .user-avatar {
      margin: 0 auto 10px;
      width: 60px;
      height: 60px;
      text-align: center;
      line-height: 60px;
      display: inline-block;
      border-radius: 50%;
      border: 1px solid #eee; }
      .students-recommendations .recommendation .user-avatar:not(.background) {
        border: 1px solid transparent; }
      .students-recommendations .recommendation .user-avatar img {
        width: 60px;
        height: 60px;
        text-align: center;
        line-height: 60px;
        display: inline-block;
        border-radius: 50%; }
      .students-recommendations .recommendation .user-avatar i {
        font-size: 38px; }
      .students-recommendations .recommendation .user-avatar .w100, .students-recommendations .recommendation .user-avatar .online-impression .impressions-box .student-icons.w50, .online-impression .impressions-box .students-recommendations .recommendation .user-avatar .student-icons.w50 {
        width: 60px;
        height: 60px;
        line-height: 60px; }
        .students-recommendations .recommendation .user-avatar .w100 img, .students-recommendations .recommendation .user-avatar .online-impression .impressions-box .student-icons.w50 img, .online-impression .impressions-box .students-recommendations .recommendation .user-avatar .student-icons.w50 img {
          width: 30px;
          height: auto;
          line-height: 30px; }
    .students-recommendations .recommendation .title {
      font-size: 16px; }
    .students-recommendations .recommendation q {
      font-size: 12px; }
      .students-recommendations .recommendation q:after, .students-recommendations .recommendation q:before {
        content: ""; }
    .students-recommendations .recommendation:hover .hover {
      transition: all .3s;
      cursor: pointer;
      background: rgba(255, 255, 255, 0.8);
      opacity: 1; }

.baner-gallery {
  width: 100%;
  overflow: hidden;
  padding-top: 25px;
  position: relative;
  top: -25px;
  margin-bottom: -25px; }
  .baner-gallery .badges {
    top: 0; }
  .baner-gallery > div {
    min-width: 3000px;
    margin-left: 50%; }
    @media (max-width: 1380px) {
      .baner-gallery > div {
        min-width: 2400px; } }
    .baner-gallery > div > .popup-gallery {
      width: 100%;
      margin-left: -50%; }
      .baner-gallery > div > .popup-gallery > a {
        float: left;
        width: 250px; }
        @media (max-width: 1380px) {
          .baner-gallery > div > .popup-gallery > a {
            width: 200px; } }
        .baner-gallery > div > .popup-gallery > a > img {
          width: 100%; }

.badge {
  display: inline-block;
  border-radius: 50%;
  background: #C77272;
  line-height: 1;
  text-align: center;
  font-size: 12px;
  color: white;
  font-style: normal;
  padding: 4px 7px;
  position: absolute;
  top: -13px;
  right: -7px; }

.progress {
  height: 6px;
  box-shadow: none;
  background-color: #e6e5e5;
  position: relative;
  overflow: visible;
  width: 100%; }
  .progress > span {
    position: relative;
    left: -50px;
    color: #373D3F;
    font-size: 12px;
    top: 0; }
    @media (min-width: 544px) {
      .progress > span {
        display: none; } }
    @media (min-width: 768px) {
      .progress > span {
        display: block; } }
  .progress .progress-number {
    position: absolute;
    right: -80px;
    color: #333;
    font-size: 14px;
    line-height: normal;
    top: -5px;
    width: 65px;
    font-family: "Roboto Condensed"; }
  .progress .progress-bar {
    box-shadow: none;
    background-color: #38b4d6;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transition: all .4s; }

.training-courses .box, .training-courses .box15, .training-courses .box25, .training-courses .categories-box, .training-courses .contact-page .contact-address, .contact-page .training-courses .contact-address, .training-courses .enrollment-page .enrollment-end, .enrollment-page .training-courses .enrollment-end, .training-courses .impressions-box, .training-courses .students-box, .training-courses .info-box {
  box-shadow: none;
  padding: 10px 5px; }
  @media (min-width: 768px) {
    .training-courses .box, .training-courses .box15, .training-courses .box25, .training-courses .categories-box, .training-courses .contact-page .contact-address, .contact-page .training-courses .contact-address, .training-courses .enrollment-page .enrollment-end, .enrollment-page .training-courses .enrollment-end, .training-courses .impressions-box, .training-courses .students-box, .training-courses .info-box {
      padding: 10px; } }
  @media (min-width: 1200px) {
    .training-courses .box, .training-courses .box15, .training-courses .box25, .training-courses .categories-box, .training-courses .contact-page .contact-address, .contact-page .training-courses .contact-address, .training-courses .enrollment-page .enrollment-end, .enrollment-page .training-courses .enrollment-end, .training-courses .impressions-box, .training-courses .students-box, .training-courses .info-box {
      padding: 20px; } }

.training-courses .escape {
  margin: -10px -5px 10px; }
  @media (min-width: 768px) {
    .training-courses .escape {
      margin: -10px -10px 20px; } }
  @media (min-width: 1200px) {
    .training-courses .escape {
      margin: -20px -20px 20px; } }

.training-courses .training, .training-courses .training-course {
  border: 1px solid white; }

.training-courses .training-course {
  position: relative; }
  .training-courses .training-course .progress-holder {
    margin-bottom: 15px; }
  .training-courses .training-course .holder {
    text-align: center; }
    .training-courses .training-course .holder img {
      margin: 0 auto 15px; }
    .training-courses .training-course .holder .title {
      margin: 0;
      font-size: 13px;
      color: #373D3F; }
  .training-courses .training-course .hover-holder {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.9);
    opacity: 0;
    transition: all .4s; }
    .training-courses .training-course .hover-holder a {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
  .training-courses .training-course:hover .hover-holder {
    transition: all .4s;
    opacity: 1; }
  .training-courses .training-course.finished .holder {
    opacity: .2; }

.training {
  margin-bottom: 16px; }
  @media (min-width: 992px) {
    .training {
      margin-bottom: 0; } }
  .training .title {
    font-size: 16px;
    color: #373D3F;
    margin-bottom: 5px; }
  .training .description {
    color: #999;
    font-family: "Roboto Condensed";
    margin-bottom: 18px; }
  .training .progress {
    margin-bottom: 15px; }
  .training footer {
    border: none; }

.browse-group {
  line-height: 43px; }
  .browse-group > * {
    float: left; }
  .browse-group > p {
    margin: 0;
    font-size: 18px;
    color: #373D3F;
    font-family: "Roboto Condensed";
    margin-right: 15px; }
  .browse-group .fake-path {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

.table-responsive {
  min-height: .01%;
  overflow-x: auto; }

.table thead tr th {
  font-size: 16px;
  font-weight: bold; }

.table tbody tr:nth-child(odd) {
  background-color: #f5f5f5; }

.table thead tr td, .table thead tr th, .table tbody tr td, .table tbody tr th {
  border: none;
  color: #333;
  padding: 13px;
  border-right: 1px solid #eee; }
  .table thead tr td:last-child, .table thead tr th:last-child, .table tbody tr td:last-child, .table tbody tr th:last-child {
    border-right: none; }

.popup-error {
  background-color: #C77272; }

.popup-success {
  background-color: #45aca8; }

.popup-info {
  background-color: #38b4d6; }

.popup-box {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
  width: 100%;
  padding: 10px; }
  @media (min-width: 0) and (max-width: 990px) {
    .popup-box:not(.man-case) {
      padding: 40px 30px 10px; } }
  @media (min-width: 544px) {
    .popup-box {
      width: 90%; } }
  @media (min-width: 768px) {
    .popup-box {
      width: 80%; }
      .popup-box:not(.man-case) .info-holder {
        padding-left: 105px; } }
  @media (min-width: 768px) and (max-width: 1199px) {
    .popup-box:not(.man-case) .info-holder {
      padding-top: 40px; }
    .popup-box:not(.man-case) .button-holder .btn, .popup-box:not(.man-case) .button-holder .btn-browse, .popup-box:not(.man-case) .button-holder button, .popup-box:not(.man-case) .button-holder .play-video-responsive {
      min-width: 100px;
      padding: 12px 27px; } }
  @media (min-width: 992px) {
    .popup-box {
      padding: 20px 30px; } }
  @media (min-width: 1800px) {
    .popup-box {
      width: 1140px;
      padding: 4px 0 5px 65px; }
      .popup-box.man-case {
        padding: 12px 68px 15px 53px; } }
  .popup-box .info-holder, .popup-box .img-holder {
    float: left; }
    @media (min-width: 0) and (max-width: 767px) {
      .popup-box .info-holder, .popup-box .img-holder {
        width: 100%; } }
    @media (min-width: 768px) and (max-width: 1799px) {
      .popup-box .info-holder, .popup-box .img-holder {
        width: 50%; } }
  .popup-box .img-holder {
    padding: 20px 0; }
    @media (min-width: 0) and (max-width: 500px) {
      .popup-box .img-holder {
        padding: 50px 0 10px; } }
  .popup-box .holder {
    text-align: center; }
  .popup-box .title {
    text-align: center;
    color: white;
    margin-bottom: 30px; }
  .popup-box .close-button {
    cursor: pointer; }
  .popup-box .close-absolute {
    position: absolute;
    right: 20px;
    top: 10px;
    color: white;
    font-size: 24px; }
  .popup-box .finish .button-holder {
    margin-bottom: 15px;
    overflow: hidden; }
    @media (min-width: 992px) {
      .popup-box .finish .button-holder a {
        padding: 12px 25px; }
        .popup-box .finish .button-holder a:first-child {
          margin-right: 10px !important; } }
  @media (min-width: 768px) {
    .popup-box .finish {
      margin-top: 30px; } }
  .popup-box .finish * {
    color: white;
    font-family: "Roboto Condensed"; }
  @media (min-width: 0) and (max-width: 767px) {
    .popup-box .finish img {
      width: 80px;
      margin: 0 auto; } }
  .popup-box .finish h2 {
    text-align: center; }
    @media (min-width: 992px) {
      .popup-box .finish h2 {
        text-align: left; } }
    @media (min-width: 1200px) {
      .popup-box .finish h2 {
        padding-top: 40px;
        font-size: 50px; } }
    @media (min-width: 1600px) {
      .popup-box .finish h2 {
        padding-top: 77px;
        font-size: 70px;
        margin-bottom: 0; } }
  .popup-box .finish h3 {
    text-align: center;
    margin-bottom: 20px; }
    @media (min-width: 992px) {
      .popup-box .finish h3 {
        text-align: left; } }
    @media (min-width: 1200px) {
      .popup-box .finish h3 {
        font-size: 30px;
        margin-bottom: 25px; } }
    @media (min-width: 1600px) {
      .popup-box .finish h3 {
        font-size: 36px;
        margin-bottom: 36px; } }
  .popup-box .finish a.btn:not(.btn-publish-profil), .popup-box .finish a.btn-browse:not(.btn-publish-profil), .popup-box .finish a.play-video-responsive:not(.btn-publish-profil) {
    display: table;
    margin: 0 auto 10px; }
    @media (min-width: 992px) {
      .popup-box .finish a.btn:not(.btn-publish-profil), .popup-box .finish a.btn-browse:not(.btn-publish-profil), .popup-box .finish a.play-video-responsive:not(.btn-publish-profil) {
        float: left; }
        .popup-box .finish a.btn:not(.btn-publish-profil):not(:only-of-type):first-child, .popup-box .finish a.btn-browse:not(.btn-publish-profil):not(:only-of-type):first-child, .popup-box .finish a.play-video-responsive:not(.btn-publish-profil):not(:only-of-type):first-child {
          margin-right: 5px; } }
  .popup-box .finish .quiz-info-holder {
    margin-bottom: 53px;
    font-size: 20px; }
    @media (min-width: 0) and (max-width: 991px) {
      .popup-box .finish .quiz-info-holder {
        text-align: center; } }
    @media (min-width: 0) and (max-width: 1088px) {
      .popup-box .finish .quiz-info-holder {
        margin-bottom: 20px; } }
    @media (min-width: 1600px) {
      .popup-box .finish .quiz-info-holder {
        font-size: 26px; } }
    @media (min-width: 0) and (max-width: 991px) {
      .popup-box .finish .quiz-info-holder p {
        text-align: center; } }
    @media (min-width: 1200px) {
      .popup-box .finish .quiz-info-holder p {
        display: inline-block;
        margin-bottom: 0; } }
  .popup-box .finish .quiz-score {
    font-size: 22px;
    font-weight: bold;
    width: 60px;
    height: 60px;
    display: inline-block;
    text-align: center;
    line-height: 60px;
    background-color: #FAC336; }
    @media (min-width: 1200px) {
      .popup-box .finish .quiz-score:first-of-type {
        margin-left: 25px;
        margin-right: 10px; } }
  .popup-box .social-net .share-info {
    clear: both;
    display: block;
    color: white; }
    @media (min-width: 0) and (max-width: 767px) {
      .popup-box .social-net .share-info {
        margin-top: 20px; } }
  @media (min-width: 0) and (max-width: 767px) {
    .popup-box .social-net p {
      margin-bottom: 20px !important;
      float: none !important; } }
  @media (min-width: 0) and (max-width: 767px) {
    .popup-box .social-net {
      display: table;
      margin: auto; } }
  @media (min-width: 768px) {
    .popup-box .social-net {
      float: right; } }
  @media (min-width: 992px) {
    .popup-box .social-net {
      position: absolute;
      bottom: 20px; } }
  .popup-box .social-net p {
    float: right;
    color: white;
    text-transform: uppercase;
    font-family: "Roboto Condensed";
    font-size: 16px;
    position: relative;
    top: 5px;
    font-weight: bold;
    margin: 0;
    text-align: center; }
  .popup-box .social-net ul {
    display: table;
    margin: 0 auto 5px; }
    @media (min-width: 992px) {
      .popup-box .social-net ul {
        margin: 0;
        float: right;
        margin-left: 20px; } }
    .popup-box .social-net ul li {
      float: left;
      margin-right: 5px; }
      .popup-box .social-net ul li:last-child {
        margin-right: 0; }
      .popup-box .social-net ul li a {
        width: 32px;
        height: 32px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center; }
        .popup-box .social-net ul li a i {
          color: white; }
        .popup-box .social-net ul li a.fb {
          background-color: #3C5A98; }
        .popup-box .social-net ul li a.tw {
          background-color: #00ADEE; }
        .popup-box .social-net ul li a.in {
          background-color: #90CADD; }
  @media (min-width: 768px) {
    .popup-box:not(.man-case) .social-net .share-info {
      position: relative;
      left: 55px; } }
  @media (min-width: 768px) and (max-width: 990px) {
    .popup-box:not(.man-case) .social-net {
      padding-right: 50px;
      padding-bottom: 20px; } }
  @media (min-width: 992px) {
    .popup-box:not(.man-case) .social-net {
      right: 70px; } }
  @media (min-width: 1200px) {
    .popup-box:not(.man-case) .social-net {
      right: 12%; } }
  @media (min-width: 1400px) {
    .popup-box:not(.man-case) .social-net {
      right: 15%; } }
  @media (min-width: 1600px) {
    .popup-box:not(.man-case) .social-net {
      right: 18%; } }
  @media (min-width: 1700px) {
    .popup-box:not(.man-case) .social-net {
      right: 20%; } }
  @media (min-width: 768px) {
    .popup-box.man-case .finish {
      margin-top: 0; }
      .popup-box.man-case .finish .img-holder {
        float: right; } }
  @media (min-width: 768px) {
    .popup-box.man-case .social-net {
      float: left; }
      .popup-box.man-case .social-net ul {
        display: block;
        margin: 0 20px 0 0;
        float: left; } }
  @media (min-width: 768px) {
    .popup-box.man-case .social-net .share-info {
      position: relative;
      left: 56px; } }
  @media (min-width: 768px) {
    .popup-box:not(.man-case) .finish {
      margin-top: 0; } }
  @media (min-width: 768px) {
    .popup-box:not(.man-case) .social-net {
      float: right; }
      .popup-box:not(.man-case) .social-net ul {
        display: block;
        margin: 0 20px 0 0;
        float: left; } }
  .popup-box .dont-show {
    position: absolute;
    right: 60px;
    top: 12px; }
  @media (max-width: 767px) and (max-height: 695px) {
    .popup-box .finish h3 {
      margin-bottom: 10px; }
    .popup-box .finish .quiz-info-holder {
      margin-bottom: 25px; }
    .popup-box .finish .quiz-score {
      width: 40px;
      height: 40px;
      line-height: 40px;
      font-size: 20px; }
    .popup-box .finish a.btn, .popup-box .finish a.btn-browse, .popup-box .finish a.play-video-responsive {
      margin: 0 auto 10px; } }
  @media (max-width: 543px) and (max-height: 510px) {
    .popup-box .social-net p {
      font-size: 13px; } }
  @media (max-width: 767px) and (max-height: 570px) {
    .popup-box .img-holder {
      padding: 30px 0 0; }
    .popup-box .finish .quiz-info-holder {
      margin-bottom: 15px; }
      .popup-box .finish .quiz-info-holder p {
        display: inline-block;
        margin-bottom: 0;
        margin-right: 10px; } }
  @media (max-width: 767px) and (max-height: 480px) {
    .popup-box .finish img {
      display: none; } }
  @media (max-width: 767px) and (max-height: 460px) {
    .popup-box .finish .button-holder {
      text-align: center; }
      .popup-box .finish .button-holder a.btn, .popup-box .finish .button-holder a.btn-browse, .popup-box .finish .button-holder a.play-video-responsive {
        min-width: auto;
        height: 40px;
        margin: 0;
        display: inline-block;
        font-size: 16px;
        padding: 0 20px;
        line-height: 40px; }
    .popup-box .finish .social-net p {
      margin-bottom: 0; }
    .popup-box .finish .social-net .share-info {
      margin-top: 5px; } }
  @media (max-width: 767px) and (max-height: 330px) {
    .popup-box .info-holder > h3 {
      display: none; }
    .popup-box .finish .button-holder {
      display: none; } }

.popup-bgd:after {
  content: "";
  display: block;
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
  z-index: 400; }

.cardLogos {
  padding-bottom: 0 !important; }
  .cardLogos footer {
    position: static; }

.card-logos-holder {
  background-color: white;
  padding: 10px 0; }
  .card-logos-holder .group-left {
    display: table;
    margin: 0 auto; }
    @media (min-width: 768px) {
      .card-logos-holder .group-left {
        display: block;
        margin: 0;
        float: left; }
        .card-logos-holder .group-left ul li:first-child {
          margin-right: 30px; } }
  .card-logos-holder .group-right {
    display: none; }
    @media (min-width: 768px) {
      .card-logos-holder .group-right {
        display: block;
        float: right; } }
  .card-logos-holder ul {
    margin-bottom: 0; }
    .card-logos-holder ul li {
      float: left;
      margin-right: 10px; }
      .card-logos-holder ul li:last-child {
        margin-right: 0; }

.custom_checkbox {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.custom_checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0; }

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee; }

.custom_checkbox:hover input ~ .checkmark {
  background-color: #ccc; }

.custom_checkbox input:checked ~ .checkmark {
  background-color: #2196F3; }

.checkmark:after {
  content: "";
  position: absolute;
  display: none; }

.custom_checkbox input:checked ~ .checkmark:after {
  display: block; }

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

.cookies-popup {
  position: fixed;
  width: 90%;
  background-color: #8FC357;
  padding: 10px 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 10px;
  z-index: 9999999999;
  left: 0;
  right: 0;
  margin: 0 auto; }
  @media (min-width: 0) and (max-width: 767px) {
    .cookies-popup {
      bottom: 10px; } }
  @media (min-width: 768px) {
    .cookies-popup {
      bottom: 10px; } }
  @media (min-width: 1200px) {
    .cookies-popup {
      width: 940px;
      bottom: 20px; } }
  @media (min-width: 1900px) {
    .cookies-popup {
      bottom: 40px; } }
  .cookies-popup .img-holder {
    margin-right: 10px; }
    @media (min-width: 544px) {
      .cookies-popup .img-holder {
        margin-right: 15px; } }
  .cookies-popup .content-holder {
    margin-right: 10px; }
    @media (min-width: 544px) {
      .cookies-popup .content-holder {
        margin-right: 60px; } }
    @media (min-width: 768px) {
      .cookies-popup .content-holder {
        margin-right: 110px; } }
    .cookies-popup .content-holder p, .cookies-popup .content-holder a {
      color: white; }
    .cookies-popup .content-holder p {
      font-size: 14px;
      margin-bottom: 0; }
    .cookies-popup .content-holder a {
      text-decoration: underline; }
  .cookies-popup .close-holder {
    border-left: 1px solid #77A148;
    padding-left: 20px; }
    .cookies-popup .close-holder span {
      display: inline-block;
      cursor: pointer;
      padding: 5px; }

.info-message-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  background: #FAFAFA;
  border: 1px solid #EBEBEB;
  padding: 15px 30px;
  min-height: 85px;
  text-align: left;
  max-width: 1110px;
  margin: 25px auto 0; }
  @media (min-width: 768px) {
    .info-message-box {
      margin-top: 50px; } }
  .info-message-box .img-holder {
    margin-right: 30px; }
  .info-message-box p {
    margin-bottom: 0;
    color: #333333;
    font-size: 16px; }

.skills {
  margin-bottom: 30px;
  margin-top: 30px; }
  .skills li {
    display: inline-block;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 8px 14px;
    background-color: #eee;
    font-size: 16px;
    color: #373D3F;
    font-family: "Roboto Condensed"; }
    .skills li:last-child {
      margin-right: 0; }

.instructor-page .title {
  font-size: 30px; }
  @media (min-width: 768px) {
    .instructor-page .title {
      font-size: 40px; } }

.instructor-page .about {
  text-align: center;
  margin-bottom: 50px;
  color: #373D3F; }
  .instructor-page .about .cke-editable {
    width: 70%; }

.instructor-page .block-white .title, .instructor-page .courses-page .course-entry .content .section-info .title, .courses-page .course-entry .content .instructor-page .section-info .title, .instructor-page .section-instructor .title, .instructor-page .block-info .title, .instructor-page .block-courses .title, .instructor-page .latest-views .title {
  margin-top: 10px;
  margin-bottom: 5px; }

.instructor-page main .user-avatar {
  margin: auto;
  text-align: center;
  width: 95px;
  height: 95px;
  font-size: 60px;
  padding-top: 5px;
  border-radius: 50%; }
  @media (min-width: 768px) {
    .instructor-page main .user-avatar {
      margin: 0; } }
  @media (min-width: 1200px) {
    .instructor-page main .user-avatar {
      width: 140px;
      height: 140px;
      font-size: 80px;
      padding-top: 15px; } }
  .instructor-page main .user-avatar.background {
    background-color: #f5f5f5; }

@media (min-width: 0) and (max-width: 990px) {
  .instructor-page .section-video + .block-white, .instructor-page .courses-page .course-entry .content .section-video + .section-info, .courses-page .course-entry .content .instructor-page .section-video + .section-info, .instructor-page .section-video + .section-instructor, .instructor-page .section-video + .block-info, .instructor-page .section-video + .block-courses, .instructor-page .section-video + .latest-views {
    padding-bottom: 60px; } }

@media (min-width: 768px) and (max-width: 1199px) {
  .instructor-page .col-sm-6.col-lg-4:nth-child(2n+1), .instructor-page .contact-page .contact-address .col-lg-4.left-col:nth-child(2n+1), .contact-page .contact-address .instructor-page .col-lg-4.left-col:nth-child(2n+1), .instructor-page .contact-page .contact-address .col-lg-4.right-col:nth-child(2n+1), .contact-page .contact-address .instructor-page .col-lg-4.right-col:nth-child(2n+1) {
    clear: both; } }

@media (min-width: 1200px) {
  .instructor-page .col-sm-6.col-lg-4:nth-child(3n+1), .instructor-page .contact-page .contact-address .col-lg-4.left-col:nth-child(3n+1), .contact-page .contact-address .instructor-page .col-lg-4.left-col:nth-child(3n+1), .instructor-page .contact-page .contact-address .col-lg-4.right-col:nth-child(3n+1), .contact-page .contact-address .instructor-page .col-lg-4.right-col:nth-child(3n+1) {
    clear: both; } }

.instructor-page .multi-badge + .escape .action-price {
  top: 25px; }
  @media (min-width: 544px) {
    .instructor-page .multi-badge + .escape .action-price {
      top: 25px; } }
  @media (min-width: 768px) {
    .instructor-page .multi-badge + .escape .action-price {
      top: 30px; } }
  @media (min-width: 992px) {
    .instructor-page .multi-badge + .escape .action-price {
      top: 40px; } }
  @media (min-width: 1200px) {
    .instructor-page .multi-badge + .escape .action-price {
      top: 35px; } }

.instructor-page .course-archive .holder .hover .detail-holder {
  top: 32%; }

.ks-logo {
  display: inline-block; }
  @media (min-width: 768px) {
    .ks-logo {
      margin-left: 5px; } }
  .ks-logo svg {
    width: 130px; }

.sub-title-img {
  font-size: 18px;
  margin-top: 0;
  margin-bottom: 20px; }

.relative {
  position: relative;
  padding-top: 67px; }
  .relative .arrow-separator {
    position: absolute;
    left: 50%;
    top: -57px;
    transform: translateX(-50%); }
    .relative .arrow-separator .holder-circle-main {
      background-color: #f5f5f5;
      width: 114px;
      height: 114px;
      text-align: center;
      line-height: 114px;
      display: inline-block;
      border-radius: 50%;
      line-height: normal;
      position: relative; }
      .relative .arrow-separator .holder-circle-main .holder-circle-second {
        width: 60px;
        height: 60px;
        text-align: center;
        line-height: 60px;
        display: inline-block;
        border-radius: 50%;
        background-color: #EAB53F;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
        .relative .arrow-separator .holder-circle-main .holder-circle-second i {
          color: white;
          font-size: 40px; }
    .relative .arrow-separator.white .holder-circle-main {
      background-color: white; }

[class^='block-'] > .relative {
  margin-top: -30px;
  padding-top: 70px; }
  @media (min-width: 992px) {
    [class^='block-'] > .relative {
      margin-top: -80px; } }

.main-container > .relative {
  margin-top: -25px; }
  @media (min-width: 768px) {
    .main-container > .relative {
      margin-top: -50px; } }

html#html_pdf {
  padding: 0; }

#pdf {
  position: relative;
  _width: 21cm;
  _height: 29.7cm;
  margin: 0 auto;
  color: #373D3F !important;
  _background: white;
  font-size: 14px;
  font-family: 'DejaVu Sans', sans-serif !important;
  background-color: transparent;
  _color: #58585A !important; }
  #pdf a {
    color: #38b4d6 !important;
    text-decoration: none !important; }
  #pdf .logo {
    text-align: left; }
    #pdf .logo img {
      height: 50px; }
  #pdf .company {
    text-align: right; }
    #pdf .company .street {
      font-size: 12px; }
  #pdf .details {
    margin-bottom: 50px; }
  #pdf .client {
    padding-left: 6px;
    border-left: 6px solid #38b4d6;
    text-align: left;
    font-size: 16px;
    vertical-align: middle; }
    #pdf .client .to {
      color: #333; }
  #pdf .name {
    font-size: 20px;
    font-weight: bold;
    margin: 0; }
  #pdf .invoice {
    text-align: right;
    vertical-align: middle; }
    #pdf .invoice h1, #pdf .invoice .cke_editable h2, .cke_editable #pdf .invoice h2, #pdf .invoice .cke_editable h3, .cke_editable #pdf .invoice h3, #pdf .invoice .cke_editable h4, .cke_editable #pdf .invoice h4 {
      color: #333;
      font-size: 2.4em;
      line-height: 1em;
      font-weight: normal;
      margin: 0 0 10px 0; }
    #pdf .invoice .date {
      font-size: 1.1em;
      color: #333; }
  #pdf table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 20px; }
    #pdf table th, #pdf table td {
      padding: 20px; }
    #pdf table th {
      text-align: center;
      white-space: nowrap;
      font-weight: normal; }
    #pdf table td {
      text-align: right; }
      #pdf table td h3 {
        color: #45aca8;
        font-size: 14px;
        font-weight: normal;
        margin: 0 0 0.2em 0; }
    #pdf table .desc {
      text-align: left; }
      #pdf table .desc em {
        font-size: 12px; }
    #pdf table .total {
      color: white; }
    #pdf table tfoot td {
      padding: 10px 20px;
      background: #FFFFFF;
      border-bottom: none;
      font-size: 14px;
      white-space: nowrap; }
    #pdf table tfoot tr:first-child td {
      border-top: none; }
    #pdf table tfoot tr:last-child td {
      font-size: 16px; }
    #pdf table tfoot tr:last-child td {
      border: none; }
    #pdf table tfoot tr td:first-child {
      border: none; }
    #pdf table tfoot .foot-wrapper {
      width: 21cm; }
      #pdf table tfoot .foot-wrapper .loc-time, #pdf table tfoot .foot-wrapper .stamp, #pdf table tfoot .foot-wrapper .signature {
        float: left; }
      #pdf table tfoot .foot-wrapper .loc-time {
        position: relative;
        top: 70px;
        width: 30%; }
      #pdf table tfoot .foot-wrapper .stamp {
        width: 25%; }
        #pdf table tfoot .foot-wrapper .stamp img {
          width: 200px; }
      #pdf table tfoot .foot-wrapper .signature {
        width: 30%;
        position: relative;
        top: 70px; }
  #pdf .thanks {
    font-size: 2em;
    margin-bottom: 50px; }
  #pdf .notices {
    padding-left: 6px;
    border-left: 6px solid #38b4d6; }
  #pdf .notices .notice {
    font-size: 1.2em; }
  #pdf footer {
    color: #333;
    width: 100%;
    height: 30px;
    position: absolute;
    bottom: 0;
    border-top: 1px solid #999;
    padding: 8px 0;
    text-align: center; }
  #pdf #info-table, #pdf #certificate-table {
    margin-bottom: 20px; }
    #pdf #info-table th, #pdf #info-table td, #pdf #certificate-table th, #pdf #certificate-table td {
      vertical-align: top;
      padding: 10px 0 !important;
      background: transparent; }
    #pdf #info-table .number, #pdf #certificate-table .number {
      font-size: 16px; }
      #pdf #info-table .number b, #pdf #certificate-table .number b {
        font-size: 16px; }

#info-table .company {
  font-size: 12px !important; }
  #info-table .company div, #info-table .company a {
    font-size: 12px !important; }

#info-table .invoice .number, #info-table .invoice .date {
  font-size: 12px !important; }

#invoice-table th {
  border-right: 1px solid #999;
  border-bottom: 1px solid #999; }
  #invoice-table th:not(:last-child) {
    border-right: 1px solid #999; }

#invoice-table td:not(:last-child) {
  border-right: 1px solid #999; }

#invoice-table td {
  border-right: 1px solid #999; }

#invoice-table .clean-row td {
  height: 20px;
  border: none !important; }

#invoice-table .sum-price {
  border-top: 1px solid #999; }

#invoice-table tfoot td {
  border-right: none; }

#certificate-table {
  font-family: "Gotham-Book" !important; }
  #certificate-table td {
    text-align: left !important; }
  #certificate-table .logo {
    margin-bottom: 47px; }
    #certificate-table .logo img {
      height: 60px; }
  #certificate-table .heading {
    font-size: 26px;
    color: #63647A;
    margin-bottom: 10px; }
  #certificate-table .certificate {
    z-index: 1;
    position: relative;
    left: -50px;
    margin-bottom: 0; }
  #certificate-table .finalCourse {
    font-size: 20px;
    padding-right: 108px;
    margin-bottom: 22px;
    line-height: 1.2; }
  #certificate-table .studentName {
    font-size: 46px;
    margin-bottom: 25px;
    position: relative;
    left: -47px;
    line-height: 1; }
    #certificate-table .studentName img {
      padding-top: 20px; }
    #certificate-table .studentName .leftA {
      padding-right: 20px; }
    #certificate-table .studentName .rightA {
      padding-left: 15px; }
  #certificate-table .trained {
    font-size: 18px;
    padding-right: 150px;
    letter-spacing: -0.5px;
    line-height: 1.2;
    margin-bottom: 65px; }
  #certificate-table .lines {
    position: relative;
    left: -30px;
    margin-bottom: 40px; }
  #certificate-table .loc-time {
    position: relative;
    font-family: "Gotham-Thin"; }
  #certificate-table.english .logo {
    margin-bottom: 50px; }

.pagination li {
  margin: 0 5px 5px 0;
  float: left; }
  @media (min-width: 992px) {
    .pagination li {
      margin-bottom: 0; } }
  .pagination li:last-child {
    margin-right: 0; }

.pagination li, .pagination li a, .pagination li span {
  text-align: center;
  min-width: 37px;
  max-width: 39px;
  height: 36px; }

.pagination li > a, .pagination li > span, .pagination li.disabled > a, .pagination li.disabled > span {
  color: #22a7ca;
  background-color: #B5DBE4;
  border: none;
  padding: 8px; }

.pagination li.active > a, .pagination li.active > span, .pagination li.disabled.active > a, .pagination li.disabled.active > span {
  color: white;
  background-color: #82bfd7; }

.pagination li.disabled > a, .pagination li.disabled > span, .pagination li.disabled.disabled > a, .pagination li.disabled.disabled > span {
  color: #63cae5;
  background-color: #d3eaef; }

.pagination li:hover > a, .pagination li:hover > span, .pagination li.disabled:hover > a, .pagination li.disabled:hover > span {
  color: #63cae5;
  background-color: #d3eaef; }

@media (min-width: 0) and (max-width: 992px) {
  .pagination li:not([class]) {
    display: none; } }

.pagination li:last-child, .pagination li:first-child, .pagination li:nth-last-child(2), .pagination li:nth-child(2) {
  display: inline; }

@media (min-width: 0) and (max-width: 992px) {
  .pagination.special-pagination li:not([class]) {
    display: inline; } }

@media (min-width: 319px) and (max-width: 355px) {
  .pagination.special-pagination:not(.middle) li:nth-last-child(2) {
    margin-right: 0; } }

@media (min-width: 319px) and (max-width: 355px) {
  .pagination.start-pagination li:nth-last-child(2) {
    margin-right: 0; } }

@media (min-width: 0) and (max-width: 413px) {
  .pagination.start-pagination li:nth-child(-n+5) {
    display: inline; } }

@media (min-width: 414px) and (max-width: 449px) {
  .pagination.start-pagination li:nth-child(-n+6) {
    display: inline; } }

@media (min-width: 450px) and (max-width: 992px) {
  .pagination.start-pagination li:not([class]) {
    display: inline; } }

@media (min-width: 408px) and (max-width: 486px) {
  .pagination.mid-pagination li:nth-child(4) {
    display: inline; }
  .pagination.mid-pagination li.active + li {
    display: inline; } }

@media (min-width: 487px) and (max-width: 992px) {
  .pagination.mid-pagination li:not([class]) {
    display: inline; } }

@media (min-width: 319px) and (max-width: 355px) {
  .pagination.end-pagination li:nth-last-child(2) {
    margin-right: 0; } }

@media (min-width: 0) and (max-width: 413px) {
  .pagination.end-pagination li:nth-last-child(-n+5) {
    display: inline; } }

@media (min-width: 414px) and (max-width: 449px) {
  .pagination.end-pagination li:nth-last-child(-n+6) {
    display: inline; } }

@media (min-width: 450px) and (max-width: 992px) {
  .pagination.end-pagination li:not([class]) {
    display: inline; } }

#feedback .feedback-modal-btn {
  display: inline-block;
  text-align: center;
  background-color: #38b4d6;
  position: fixed;
  right: -30px;
  color: white;
  font-weight: bold;
  width: 100px;
  height: 40px;
  line-height: 40px;
  z-index: 9999;
  transform: rotate(-90deg); }

.feedback-modal-btn {
  top: 330px; }

#user-panel .feedback-modal-btn {
  bottom: 250px; }
  @media (min-width: 768px) {
    #user-panel .feedback-modal-btn {
      bottom: 140px; } }

/*********************************************/
/*************Admin edit post*****************/
/*********************************************/
.change-entry {
  transform: rotate(-90deg);
  position: fixed;
  right: -30px;
  top: 220px;
  width: 100px;
  height: 40px;
  background-color: #B5DBE4;
  color: white;
  line-height: 40px;
  text-align: center;
  font-weight: bold;
  z-index: 40; }
  .change-entry:hover {
    color: white; }

/*************************************************
///////////HEADER DROPDOWN MENU START/////////////
*************************************************/
.user-notification, .user-wishlist {
  position: relative;
  float: left;
  margin-top: 5px;
  margin-left: 5px; }
  @media (min-width: 1400px) {
    .user-notification, .user-wishlist {
      margin-left: 10px; } }
  .user-notification .icons-holder, .user-wishlist .icons-holder {
    position: relative;
    cursor: pointer;
    width: 37px;
    height: 37px;
    border-radius: 50%;
    text-align: center; }
    .user-notification .icons-holder svg, .user-wishlist .icons-holder svg {
      width: 19px;
      position: relative;
      top: -5px; }
      .user-notification .icons-holder svg path, .user-wishlist .icons-holder svg path {
        fill: #8EC5D8; }
    .user-notification .icons-holder .not-badge, .user-wishlist .icons-holder .not-badge {
      display: none;
      width: 20px;
      height: 20px;
      font-size: 12px;
      color: white;
      font-weight: bold;
      text-align: center;
      line-height: 20px;
      background-color: #F35958;
      border-radius: 50%;
      position: absolute;
      top: -5px;
      right: -5px;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
    .user-notification .icons-holder.new-notification .not-badge, .user-wishlist .icons-holder.new-notification .not-badge {
      display: block; }
  .user-notification.open .icons-holder, .open.user-wishlist .icons-holder {
    background: #f5f5f5; }
  .user-notification .dd-menu-holder, .user-wishlist .dd-menu-holder {
    position: absolute;
    top: 24px;
    right: 9999px;
    padding-top: 30px;
    transition: padding-top .3s; }
    .user-notification .dd-menu-holder .user-dd-menu, .user-wishlist .dd-menu-holder .user-dd-menu {
      background-color: white;
      padding-bottom: 25px;
      width: 280px;
      box-shadow: 0px 1px 2px rgba(89, 89, 89, 0.65);
      z-index: 110; }
      @media (min-width: 768px) {
        .user-notification .dd-menu-holder .user-dd-menu, .user-wishlist .dd-menu-holder .user-dd-menu {
          width: 320px; } }
      .user-notification .dd-menu-holder .user-dd-menu:after, .user-wishlist .dd-menu-holder .user-dd-menu:after {
        top: -20px;
        right: 40px;
        transition: top .3s; }
      .user-notification .dd-menu-holder .user-dd-menu > a.btn, .user-wishlist .dd-menu-holder .user-dd-menu > a.btn, .user-notification .dd-menu-holder .user-dd-menu > a.btn-browse, .user-wishlist .dd-menu-holder .user-dd-menu > a.btn-browse, .user-notification .dd-menu-holder .user-dd-menu > a.play-video-responsive, .user-wishlist .dd-menu-holder .user-dd-menu > a.play-video-responsive {
        width: calc(100% - 50px);
        margin: 0 auto; }
    .user-notification .dd-menu-holder.open, .user-wishlist .dd-menu-holder.open {
      padding-top: 50px;
      transition: padding-top .3s;
      left: -190px; }
      .user-notification .dd-menu-holder.open .user-dd-menu, .user-wishlist .dd-menu-holder.open .user-dd-menu {
        position: relative; }
        .user-notification .dd-menu-holder.open .user-dd-menu:after, .user-wishlist .dd-menu-holder.open .user-dd-menu:after {
          top: -20px;
          transition: top .3s;
          right: 61px; }
      @media (min-width: 768px) {
        .user-notification .dd-menu-holder.open, .user-wishlist .dd-menu-holder.open {
          left: -230px; } }

.user-dd-menu ul {
  margin-bottom: 15px; }
  .user-dd-menu ul li > a {
    display: block;
    padding: 25px 25px 0 70px; }
    .user-dd-menu ul li > a > div {
      padding-bottom: 15px;
      border-bottom: 1px solid #e7e7e7; }
    .user-dd-menu ul li > a:hover {
      background-color: #eee; }
      .user-dd-menu ul li > a:hover > div {
        border-color: transparent; }
  .user-dd-menu ul li h3 {
    font-size: 16px;
    color: #000;
    margin-bottom: 7px;
    text-transform: none; }
  .user-dd-menu ul li time {
    font-size: 12px;
    color: #999;
    margin-bottom: 3px;
    display: block; }
  .user-dd-menu ul li p {
    font-size: 14px;
    color: #333;
    text-transform: none;
    margin-bottom: 0; }
  .user-dd-menu ul li:last-child > a > div {
    border-bottom: none; }
  .user-dd-menu ul li.active a {
    background-color: #eee; }

.user-dd-menu .not-success,
.user-dd-menu .not-reminder,
.user-dd-menu .not-promo,
.user-dd-menu .not-info {
  position: relative; }
  .user-dd-menu .not-success:before,
  .user-dd-menu .not-reminder:before,
  .user-dd-menu .not-promo:before,
  .user-dd-menu .not-info:before {
    width: 37px;
    height: 37px;
    content: "";
    display: block;
    position: absolute;
    top: 25px;
    left: 25px; }

.user-dd-menu .not-success:before {
  background: url("../images/not-success.png") no-repeat; }

.user-dd-menu .not-reminder:before {
  background: url("../images/not-reminder.png") no-repeat; }

.user-dd-menu .not-promo:before {
  background: url("../images/not-promo.png") no-repeat; }

.user-dd-menu .not-info:before {
  background: url("../images/not-info.png") no-repeat; }

/*************************************************
////////////HEADER DROPDOWN MENU END//////////////
*************************************************/
/*************************************************
///////////////PAGES ALL NOT START////////////////
*************************************************/
.notification-cover {
  margin-bottom: 40px; }

.notification-page .notificationArticle {
  display: none; }

.notification-page article .title-not,
.notification-page article .title-not a {
  font-size: 26px;
  font-family: "Roboto Condensed";
  color: #333;
  margin-bottom: 5px; }

.notification-page article .title-not a:hover {
  color: gray; }

.notification-page article time {
  color: #777;
  font-family: "Roboto Condensed";
  display: inline-block;
  margin-bottom: 5px; }

.notification-page article p {
  color: #333; }

.notification-page article .holder span {
  font-weight: bold;
  color: black; }

.notification-page article .icon-holder {
  display: none; }

@media (min-width: 768px) {
  .notification-page article {
    position: relative;
    padding-left: 80px; }
    .notification-page article .icon-holder {
      display: block;
      position: absolute;
      left: 0;
      top: 0; } }

.notification-page article .btn-custom {
  margin-top: 20px;
  min-width: 100px; }

.notification-page article .multiple-buttons a:first-child {
  margin-right: 20px; }

.notification-page:not(.single) article {
  padding-bottom: 30px;
  border-bottom: 1px solid #DDDDDD;
  margin-bottom: 30px; }
  .notification-page:not(.single) article:last-child {
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0; }

.notification-page article:last-of-type {
  border-bottom: none; }

/*************************************************
////////////////PAGES ALL NOT END/////////////////
*************************************************/
@media (min-width: 768px) {
  .load-more-holder {
    width: 36%;
    margin: 0 auto; } }

.load-more-holder ul {
  margin: 0 auto 20px; }

.load-more-holder .btn, .load-more-holder .btn-browse, .load-more-holder button, .load-more-holder .play-video-responsive {
  font-size: 14px; }

.toggle-aside {
  position: absolute;
  background: transparent;
  border: 1px solid black;
  padding: 10px 20px;
  right: 10px;
  transition: all .4s ease-in-out; }
  @media (min-width: 992px) {
    .toggle-aside {
      display: none; } }

@media (min-width: 0) and (max-width: 991px) {
  .responsive-category-menu.close {
    position: fixed;
    z-index: 999;
    width: 70%;
    left: -70%;
    top: 120px;
    transition: all .4s ease-in-out; }
    .responsive-category-menu.close .bordered-list li > a, .responsive-category-menu.close .bordered-list label {
      border-bottom: none;
      transition: all .4s ease-in-out; }
      .responsive-category-menu.close .bordered-list li > a:after, .responsive-category-menu.close .bordered-list label:after {
        display: none;
        transition: all .4s ease-in-out; }
  .responsive-category-menu.open {
    position: fixed;
    z-index: 999;
    width: 70%;
    top: 120px;
    left: 0;
    transition: all .4s ease-in-out; } }

@media (min-width: 0) and (max-width: 767px) {
  .responsive-category-menu.close .toggle-aside {
    padding: 1px 6px;
    right: -30px;
    transition: all .4s ease-in-out; } }

@media (min-width: 768px) and (max-width: 991px) {
  .responsive-category-menu.close {
    left: -65%; }
    .responsive-category-menu.close .toggle-aside {
      padding: 5px 10px;
      right: 3px; } }

.overflow-y .responsive-category-menu {
  z-index: 0; }

#homepageSlider {
  display: none; }
  @media (min-width: 1200px) {
    #homepageSlider {
      display: block; } }
  #homepageSlider a {
    display: block;
    position: relative; }
    #homepageSlider a:after {
      content: "";
      width: 100%;
      height: 100%;
      background: rgba(255, 255, 255, 0.1);
      position: absolute;
      top: 0;
      left: 0;
      display: none; }
    #homepageSlider a:hover:after {
      display: block; }
  #homepageSlider .carousel-indicators {
    bottom: 4px; }
    #homepageSlider .carousel-indicators li {
      width: 20px;
      height: 6px;
      border-radius: 3px;
      background-color: #0596AF;
      margin: 0;
      border: none; }
      #homepageSlider .carousel-indicators li.active {
        background-color: #0A7D89; }

.wishlist {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  position: relative;
  border: 2px solid;
  transition: all .3s; }
  .wishlist svg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: -2px;
    margin: auto;
    width: 16px;
    height: 14px; }
  .wishlist.case-one {
    border-color: white; }
    .wishlist.case-one svg path {
      fill: white;
      transition: all .3s; }
  .wishlist.case-two {
    border-color: #CCCCCC; }
    .wishlist.case-two svg path {
      fill: #CCCCCC;
      transition: all .3s; }
  .wishlist.case-three {
    border-color: #E08283; }
    .wishlist.case-three svg path {
      fill: #E08283;
      transition: all .3s; }
    .wishlist.case-three:hover {
      border-color: white;
      transition: all .3s; }
      .wishlist.case-three:hover svg path {
        fill: white;
        transition: all .3s; }
  .wishlist:hover {
    border-color: #E08283;
    transition: all .3s; }
    .wishlist:hover svg path {
      fill: #E08283;
      transition: all .3s; }

.course-archive .wishlist {
  display: block;
  margin: 10px auto 0; }

.user-wishlist .icons-holder svg {
  width: 20px;
  top: 8px; }

.user-wishlist .icons-holder .not-badge {
  background-color: #FABA71; }

.user-wishlist .user-dd-menu a {
  position: relative; }

.user-wishlist .wishlistIcon {
  position: absolute;
  width: 32px;
  height: 32px;
  top: 25px;
  left: 25px;
  text-align: center;
  border-radius: 50%;
  border: 2px solid #d75a4a;
  padding-top: 6px; }
  .user-wishlist .wishlistIcon svg {
    width: 16px;
    height: 14px; }

.popup-userBadges {
  position: fixed;
  z-index: 1005;
  top: 80px;
  right: 10px;
  width: 290px;
  padding: 10px;
  border-radius: 7px;
  background-color: white;
  box-shadow: 0 0 2px 0 #333;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  transform: translateX(500px);
  text-decoration: none !important; }
  @media (min-width: 544px) {
    .popup-userBadges {
      width: 350px;
      right: 20px;
      top: 100px; } }
  @media (min-width: 768px) {
    .popup-userBadges {
      top: 150px;
      right: 40px;
      width: 420px;
      padding: 15px; } }
  .popup-userBadges h2, .popup-userBadges h3 {
    font-size: 16px; }
    @media (min-width: 992px) {
      .popup-userBadges h2, .popup-userBadges h3 {
        font-size: 18px; } }
  .popup-userBadges h2 {
    font-family: "Gotham-Ultra";
    margin-bottom: 15px;
    color: #22a7ca; }
  .popup-userBadges h3 {
    color: #373D3F;
    font-weight: bold;
    margin-bottom: 5px; }
  .popup-userBadges p {
    font-family: "Roboto Condensed";
    margin: 0;
    color: #373D3F;
    font-size: 14px; }
    @media (min-width: 992px) {
      .popup-userBadges p {
        font-size: 16px; } }
  .popup-userBadges .img-holder {
    margin-right: 10px;
    -ms-flex: 1;
    flex: 1; }
    @media (min-width: 768px) {
      .popup-userBadges .img-holder {
        margin-right: 20px; } }
    .popup-userBadges .img-holder img {
      max-width: 70px; }
      @media (min-width: 544px) {
        .popup-userBadges .img-holder img {
          max-width: 90px; } }
      @media (min-width: 768px) {
        .popup-userBadges .img-holder img {
          max-width: 120px; } }
  .popup-userBadges .info-holder {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 2;
    flex: 2;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center; }
  .popup-userBadges.popupShowOn {
    animation: animationPUB 6s 1 ease-in-out; }
  .popup-userBadges.badgePopup h2, .popup-userBadges.badgePopup h3 {
    font-size: 16px; }
  .popup-userBadges.badgePopup h2 {
    margin-bottom: 10px;
    text-transform: uppercase; }
  .popup-userBadges.badgePopup p {
    font-size: 14px; }

.popup-userBadges.notifications-popup h2 {
  margin-bottom: 5px; }

.popup-userBadges.notifications-popup h2, .popup-userBadges.notifications-popup p {
  color: white; }

.popup-userBadges.notifications-popup p {
  font-size: 16px; }
  @media (min-width: 992px) {
    .popup-userBadges.notifications-popup p {
      font-size: 18px; } }

.popup-userBadges.notifications-popup .img-holder {
  margin-right: 0; }
  .popup-userBadges.notifications-popup .img-holder img {
    max-width: 60px; }
    @media (min-width: 992px) {
      .popup-userBadges.notifications-popup .img-holder img {
        max-width: 80px; } }

.popup-userBadges.notifications-popup .info-holder {
  -ms-flex: 3;
  flex: 3; }

.popup-userBadges.notifications-popup.xp-5 {
  background-color: #F9B54C; }

.popup-userBadges.notifications-popup.unsuccess {
  background-color: #F25262; }

.popup-userBadges.notifications-popup.success {
  background-color: #33C9AF; }

.popup-userBadges.notifications-popup.extra-price {
  background-color: #EA483C;
  z-index: 50; }
  .popup-userBadges.notifications-popup.extra-price .info-holder h2 {
    font-family: "Gotham-Ultra";
    font-size: 24px;
    text-transform: uppercase; }
    .popup-userBadges.notifications-popup.extra-price .info-holder h2 span {
      font-size: 18px;
      font-family: "Gotham-Ultra"; }
  @media (min-width: 0) and (max-width: 767px) {
    .popup-userBadges.notifications-popup.extra-price.popupShowOn {
      animation: animationPUB 5s 1 ease-in-out; } }
  @media (min-width: 768px) {
    .popup-userBadges.notifications-popup.extra-price.popupShowOn {
      animation: animationPUB2 6s 1 ease-in-out forwards; } }
  @media (min-width: 0) and (max-width: 991px) {
    .popup-userBadges.notifications-popup.extra-price .img-holder img {
      max-width: 60px; } }

@keyframes animationPUB {
  0% {
    transform: translateX(500px); }
  7% {
    transform: translateX(0); }
  95% {
    transform: translateX(0); }
  100% {
    transform: translateX(500px); } }

@keyframes animationPUB2 {
  0% {
    transform: translateX(500px); }
  7% {
    transform: translateX(0); }
  100% {
    transform: translateX(0); } }

/* OLD CALENDAR */
.month ul,
.weekdays ul {
  list-style-type: none; }

.days {
  list-style-type: none; }

.month {
  padding: 70px 25px;
  width: 100%;
  background: #38b4d6;
  text-align: center; }

.month ul {
  margin: 0;
  padding: 0; }

.month ul li {
  color: white;
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: 3px; }

.month .prev {
  float: left;
  padding-top: 10px; }

.month .next {
  float: right;
  padding-top: 10px; }

.weekdays {
  margin: 0;
  padding: 10px 0;
  background-color: #ddd; }

.weekdays li {
  display: inline-block;
  width: 13.6%;
  color: #666;
  text-align: center; }

.days {
  padding: 10px 0;
  background: #eee;
  margin: 0; }

.days li {
  list-style-type: none;
  display: inline-block;
  width: 13.6%;
  text-align: center;
  margin-bottom: 5px;
  font-size: 12px;
  color: #777; }

.days li .active {
  padding: 5px;
  background: #38b4d6;
  color: white !important; }

.activeDay {
  background: gold !important; }

.table thead th, .table thead td, .table tbody th, .table tbody td {
  font-size: 14px !important; }

/* Add media queries for smaller screens */
@media screen and (max-width: 720px) {
  .weekdays li, .days li {
    width: 13.1%; } }

@media screen and (max-width: 420px) {
  .weekdays li, .days li {
    width: 12.5%; }
  .days li .active {
    padding: 2px; } }

@media screen and (max-width: 290px) {
  .weekdays li, .days li {
    width: 12.2%; } }

/* OLD CALENDAR */
/* NEW CALENDAR */
#calendar {
  width: 290px;
  font-family: "Roboto Condensed"; }
  #calendar .label, #calendar .dates {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0; }
    #calendar .label li, #calendar .dates li {
      width: 14.2857143%;
      padding: 10px 0;
      text-align: center; }
  #calendar .label li {
    font-size: 16px;
    color: #ccc;
    text-transform: uppercase; }
  #calendar .dates li {
    cursor: pointer; }
  #calendar .greenBackground {
    background-color: #33C9AF; }
  #calendar .active-cell {
    background-color: #4AC0DC; }
  #calendar .greenBackground,
  #calendar .active-cell {
    color: white; }

.calendar-holder {
  border-bottom: 1px solid #E0DEDC;
  margin-bottom: 20px; }
  @media (min-width: 768px) {
    .calendar-holder {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
      justify-content: space-between;
      padding-bottom: 40px; } }
  .calendar-holder .bigDate {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center; }
    .calendar-holder .bigDate span {
      color: #33C9AF;
      font-size: 20px;
      font-family: "Gotham-Ultra"; }
    .calendar-holder .bigDate .date-day {
      font-size: 50px;
      line-height: 1; }
      @media (min-width: 992px) {
        .calendar-holder .bigDate .date-day {
          font-size: 96px; } }

/* NEW CALENDAR */
.switch {
  position: relative;
  display: inline-block;
  width: 34px;
  height: 15px; }

.switch input {
  display: none; }

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #f1f1f1;
  transition: .4s; }

.slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: -10px;
  bottom: -2px;
  background-color: white;
  transition: .4s;
  box-shadow: 1px 1px 2px rgba(102, 102, 102, 0.65); }

input:checked + .slider {
  background-color: #33C9AF; }

input:focus + .slider {
  box-shadow: 1px 1px 2px rgba(102, 102, 102, 0.65); }

input:checked + .slider:before {
  transform: translateX(26px); }

/* Rounded sliders */
.slider.round {
  border-radius: 34px; }

.slider.round:before {
  border-radius: 50%; }

.haveSwitch {
  position: relative; }
  .haveSwitch .switchHolder {
    position: absolute;
    right: 0;
    top: 0; }

.ratings-sprite-holder {
  background: url("../images/rating-stars.png") repeat-x;
  font-size: 0;
  height: 13px;
  line-height: 0;
  overflow: hidden;
  text-indent: -999em;
  width: 73px;
  margin: 2px auto 3px; }
  .ratings-sprite-holder .ratings-sprite {
    background: url("../images/rating-stars.png") repeat-x;
    background-position: 0 100%;
    float: left;
    height: 12.9px;
    display: block;
    margin-bottom: 0 !important; }
  .ratings-sprite-holder + .rating-students {
    font-size: 14px !important;
    margin-bottom: 0 !important; }

/* Rating Star Widgets Style */
.rating-stars-list ul {
  margin-bottom: 0; }
  .rating-stars-list ul li {
    float: left;
    margin-right: 5px;
    cursor: pointer; }
    .rating-stars-list ul li:last-child {
      margin-right: 0; }
    .rating-stars-list ul li svg {
      width: 24px; }
      .rating-stars-list ul li svg path {
        fill: transparent;
        stroke: #FEC024;
        stroke-width: 2px;
        transition: all .3s; }
    .rating-stars-list ul li.hover svg path {
      fill: #EAB53F; }
    .rating-stars-list ul li.selected svg path {
      fill: #FEC024; }

.stars-ratings {
  font-size: 24px;
  height: 36px;
  width: 99px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  padding: 0; }
  .stars-ratings .stars-ratings-top {
    color: #FFCC00;
    padding: 0;
    position: absolute;
    z-index: 1;
    display: block;
    left: 0;
    overflow: hidden; }
  .stars-ratings .stars-ratings-bottom {
    z-index: 0;
    color: #FFCC00; }

.osx .stars-ratings {
  width: 119px; }

.action-countdown {
  background-color: #E0698C;
  background-color: #E0698C;
  position: relative;
  transition: all .3s; }
  .action-countdown > a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 6px 50px; }
    .action-countdown > a p {
      margin: 0;
      color: white;
      text-align: center;
      font-size: 16px; }
      .action-countdown > a p span {
        font-size: 22px;
        display: block;
        font-weight: bold; }
  .action-countdown .close {
    position: absolute;
    right: 20px;
    top: calc(50% - 10px);
    cursor: pointer; }
    .action-countdown .close img {
      width: 10px; }

.action-sticker {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #FEC024;
  text-align: center;
  line-height: 50px;
  font-family: "Roboto Condensed";
  font-size: 18px;
  color: #000000;
  font-weight: bold;
  z-index: 10;
  position: absolute;
  top: -10px;
  left: -10px; }

.contact-page {
  padding-bottom: 0 !important; }
  .contact-page .map-canvas {
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    z-index: 0; }
  .contact-page main {
    min-height: 600px; }
    @media (min-width: 768px) {
      .contact-page main {
        height: calc(100vh - 82px - 300px); } }
    .contact-page main article {
      transition: all 400ms; }
    .contact-page main .minimizer {
      background-color: #999;
      color: white;
      border-radius: 50%;
      width: 20px;
      height: 20px;
      line-height: 20px;
      text-align: center;
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
    .contact-page main .minimized {
      width: 60px !important;
      height: 60px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-align: center;
      align-items: center; }
  .contact-page .main-container {
    color: #000;
    position: relative;
    pointer-events: none; }
    .contact-page .main-container .btn-green {
      pointer-events: all; }
  .contact-page .full-height-background-element {
    background-color: #acbcc9; }
  .contact-page .contact-address {
    position: relative; }
    .contact-page .contact-address:before {
      content: " ";
      display: inline-block;
      width: 0;
      height: 0;
      border: 10px solid transparent;
      border-right: 10px solid #fff;
      position: absolute;
      top: 22px;
      left: -20px; }
    .contact-page .contact-address .title {
      margin-bottom: 0;
      color: #333; }
    .contact-page .contact-address .address-title {
      color: #333;
      margin-bottom: 20px; }
    @media (min-width: 768px) {
      .contact-page .contact-address .left-col {
        border-right: 1px solid rgba(153, 153, 153, 0.5); } }
    @media (min-width: 768px) {
      .contact-page .contact-address .right-col {
        padding-left: 20px; } }
    .contact-page .contact-address li {
      color: #999;
      margin-bottom: 0;
      font-size: 16px;
      font-family: "Roboto Condensed"; }
    .contact-page .contact-address .link {
      color: #45aca8; }
  .contact-page .school-info.box, .contact-page .school-info.box15, .contact-page .school-info.box25, .contact-page .school-info.categories-box, .contact-page .school-info.contact-address, .contact-page .enrollment-page .school-info.enrollment-end, .enrollment-page .contact-page .school-info.enrollment-end, .contact-page .school-info.impressions-box, .contact-page .school-info.students-box, .contact-page .school-info.info-box {
    pointer-events: all; }
    .contact-page .school-info.box h2, .contact-page .school-info.box15 h2, .contact-page .school-info.box25 h2, .contact-page .school-info.categories-box h2, .contact-page .school-info.contact-address h2, .contact-page .enrollment-page .school-info.enrollment-end h2, .enrollment-page .contact-page .school-info.enrollment-end h2, .contact-page .school-info.impressions-box h2, .contact-page .school-info.students-box h2, .contact-page .school-info.info-box h2 {
      font-size: 26px;
      margin: 0; }
      .contact-page .school-info.box h2:nth-child(2), .contact-page .school-info.box15 h2:nth-child(2), .contact-page .school-info.box25 h2:nth-child(2), .contact-page .school-info.categories-box h2:nth-child(2), .contact-page .school-info.contact-address h2:nth-child(2), .contact-page .enrollment-page .school-info.enrollment-end h2:nth-child(2), .enrollment-page .contact-page .school-info.enrollment-end h2:nth-child(2), .contact-page .school-info.impressions-box h2:nth-child(2), .contact-page .school-info.students-box h2:nth-child(2), .contact-page .school-info.info-box h2:nth-child(2) {
        margin-bottom: 15px; }
      .contact-page .school-info.box h2 span, .contact-page .school-info.box15 h2 span, .contact-page .school-info.box25 h2 span, .contact-page .school-info.categories-box h2 span, .contact-page .school-info.contact-address h2 span, .contact-page .enrollment-page .school-info.enrollment-end h2 span, .enrollment-page .contact-page .school-info.enrollment-end h2 span, .contact-page .school-info.impressions-box h2 span, .contact-page .school-info.students-box h2 span, .contact-page .school-info.info-box h2 span {
        text-transform: uppercase; }
  @media (min-width: 992px) {
    .contact-page .school-info.box, .contact-page .school-info.box15, .contact-page .school-info.box25, .contact-page .school-info.categories-box, .contact-page .school-info.contact-address, .contact-page .enrollment-page .school-info.enrollment-end, .enrollment-page .contact-page .school-info.enrollment-end, .contact-page .school-info.impressions-box, .contact-page .school-info.students-box, .contact-page .school-info.info-box {
      width: 500px; }
      .contact-page .school-info.box.has-arrow:before, .contact-page .school-info.has-arrow.box15:before, .contact-page .school-info.has-arrow.box25:before, .contact-page .school-info.has-arrow.categories-box:before, .contact-page .school-info.has-arrow.contact-address:before, .contact-page .enrollment-page .school-info.has-arrow.enrollment-end:before, .enrollment-page .contact-page .school-info.has-arrow.enrollment-end:before, .contact-page .school-info.has-arrow.impressions-box:before, .contact-page .school-info.has-arrow.students-box:before, .contact-page .school-info.has-arrow.info-box:before {
        content: " ";
        display: inline-block;
        width: 0;
        height: 0;
        border: 10px solid transparent;
        border-right: 10px solid #fff;
        position: absolute;
        top: 22px;
        left: -20px; } }
  .contact-page .modal-body .contact-recaptcha {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center; }
    .contact-page .modal-body .contact-recaptcha .g-recaptcha {
      display: inline-block;
      margin-bottom: 25px; }
    .contact-page .modal-body .contact-recaptcha .btn, .contact-page .modal-body .contact-recaptcha .btn-browse, .contact-page .modal-body .contact-recaptcha button, .contact-page .modal-body .contact-recaptcha .play-video-responsive {
      margin-bottom: 25px;
      display: inline-block; }
  .contact-page #send-us-mail button {
    float: left; }
  .contact-page #send-us-mail .ks-viber {
    margin-left: 10px;
    pointer-events: all;
    width: 50px;
    height: 50px;
    border-radius: 3px;
    overflow: hidden;
    display: block;
    float: left; }
    .contact-page #send-us-mail .ks-viber img {
      width: 50px; }
    .contact-page #send-us-mail .ks-viber:hover {
      opacity: .9; }

.courses-page aside {
  margin-bottom: 50px; }

.courses-page .modal-body .program-recaptcha {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center; }
  .courses-page .modal-body .program-recaptcha .g-recaptcha {
    display: inline-block;
    margin-bottom: 25px; }
  .courses-page .modal-body .program-recaptcha .btn, .courses-page .modal-body .program-recaptcha .btn-browse, .courses-page .modal-body .program-recaptcha button, .courses-page .modal-body .program-recaptcha .play-video-responsive {
    margin-bottom: 25px;
    display: inline-block; }

.courses-page .modal-body .block-courses {
  padding: 0; }

.cover {
  position: relative; }
  @media (min-width: 0) and (max-width: 543px) {
    .cover {
      overflow: hidden; } }
  @media (min-width: 0) and (max-width: 543px) {
    .cover > img {
      height: 200px;
      max-width: none; } }
  .cover .icon-play-holder {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center; }
    .cover .icon-play-holder i {
      font-size: 30px;
      color: white;
      line-height: 1.2; }
      @media (min-width: 0) and (max-width: 767px) {
        .cover .icon-play-holder i {
          position: relative;
          top: -15px;
          font-size: 30px; } }
      @media (min-width: 992px) {
        .cover .icon-play-holder i {
          font-size: 60px; } }
    .cover .icon-play-holder .wishlist {
      display: table;
      margin: 0 auto 5px !important; }
      @media (min-width: 768px) {
        .cover .icon-play-holder .wishlist {
          width: 36px;
          height: 36px; }
          .cover .icon-play-holder .wishlist svg {
            width: 20px;
            height: 18px; } }
    .cover .icon-play-holder .rating-students {
      font-family: "Roboto Condensed";
      font-size: 16px !important;
      font-weight: bold;
      color: white; }
    .cover .icon-play-holder .ratings-sprite-holder {
      margin: 2px auto 7px; }

.play-video-responsive {
  display: none;
  margin: 30px 0 20px; }

@media (max-width: 543px) {
  .play-video-responsive {
    display: block; } }

.course-archive {
  margin-bottom: 50px; }
  .course-archive .holder {
    transition: all 400ms;
    position: relative;
    display: table;
    margin: 0 auto;
    overflow: hidden; }
    @media (min-width: 992px) {
      .course-archive .holder {
        display: block;
        margin: 0; } }
    .course-archive .holder .hover {
      background-color: rgba(30, 46, 61, 0.7); }
      @media (min-width: 992px) {
        .course-archive .holder .hover {
          background-color: rgba(30, 46, 61, 0.9); } }
      .course-archive .holder .hover.opt11 .onl, .course-archive .holder .hover.opt11 .clsr {
        width: 50%; }
      .course-archive .holder .hover .detail-holder {
        position: absolute;
        left: 50%;
        top: 20%;
        transform: translateX(-50%); }
        @media (min-width: 1200px) {
          .course-archive .holder .hover .detail-holder {
            top: 32%; } }
        .course-archive .holder .hover .detail-holder .btn, .course-archive .holder .hover .detail-holder .btn-browse, .course-archive .holder .hover .detail-holder button, .course-archive .holder .hover .detail-holder .play-video-responsive {
          display: block; }
        .course-archive .holder .hover .detail-holder .ratings-sprite-holder {
          margin: 12px auto 3px; }
      .course-archive .holder .hover .onl, .course-archive .holder .hover .clsr {
        height: 100%;
        width: 100%;
        float: left;
        text-align: center;
        position: relative; }
        .course-archive .holder .hover .onl span, .course-archive .holder .hover .clsr span {
          font-size: 18px;
          color: white;
          margin-bottom: 5px; }
      .course-archive .holder .hover .onl {
        position: relative; }
        .course-archive .holder .hover .onl:before {
          content: "";
          display: block;
          position: absolute;
          width: 1px;
          height: 95px;
          background: #22a7ca;
          right: 0;
          top: 0;
          bottom: 0;
          margin: auto; }
          @media (min-width: 1200px) {
            .course-archive .holder .hover .onl:before {
              height: 130px; } }
    .course-archive .holder .free-course-badge {
      background-color: #F24295;
      transform: rotate(45deg);
      position: absolute;
      width: 160px;
      top: 30px;
      right: -40px;
      z-index: 10; }
      .course-archive .holder .free-course-badge h4 {
        margin: 0;
        font-family: "Gotham-Ultra";
        text-transform: uppercase;
        font-size: 14px;
        line-height: 32px;
        text-align: center;
        color: white; }
  .course-archive .hover {
    opacity: 1;
    display: none; }
    @media (min-width: 1025px) {
      .course-archive .hover {
        opacity: 0; } }
  @media (min-width: 1025px) {
    .course-archive:hover .hover {
      opacity: 1; } }
  .course-archive .text {
    font-size: 14px;
    color: #373D3F; }
  .course-archive.large-box .holder .hover .detail-holder {
    top: 20%; }
    @media (min-width: 544px) {
      .course-archive.large-box .holder .hover .detail-holder {
        top: 29%; } }
    @media (min-width: 370px) and (max-width: 543px) {
      .course-archive.large-box .holder .hover .detail-holder {
        top: 40%; } }
    @media (min-width: 768px) {
      .course-archive.large-box .holder .hover .detail-holder {
        top: 33%; } }
    @media (min-width: 1200px) {
      .course-archive.large-box .holder .hover .detail-holder {
        top: 36%; } }
  .course-archive.large-box footer .resets {
    line-height: 48px;
    margin: 0; }
  .course-archive footer .border {
    border-right: 1px solid #eee; }
  .course-archive footer .footer-price {
    line-height: 37px;
    margin-bottom: 0;
    font-size: 22px;
    color: #333; }
    .course-archive footer .footer-price a {
      color: #333; }

.old-price {
  position: relative;
  color: #999 !important;
  font-size: 16px !important; }
  .old-price:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #999;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 50%;
    transform: translateY(-50%); }

.new-price.red {
  color: #F25262; }

.course-archive:not(.large-box) .text {
  height: 60px;
  overflow-y: hidden;
  margin-bottom: 0; }

.course-box .title, .course-archive .title {
  font-size: 20px;
  margin-bottom: 5px; }
  @media (min-width: 768px) and (max-width: 1199px) {
    .course-box .title, .course-archive .title {
      min-height: 44px; } }
  .course-box .title a, .course-archive .title a {
    color: #333; }
    .course-box .title a:hover, .course-archive .title a:hover {
      color: black; }

.course-box .escape .holder a, .course-archive .escape .holder a {
  display: block; }
  .course-box .escape .holder a img, .course-archive .escape .holder a img {
    transition: all .3s; }
  .course-box .escape .holder a:hover img, .course-archive .escape .holder a:hover img {
    filter: grayscale(0.7); }

.courses-page .course-entry {
  /* Mobile sticky bottom start */
  /* Mobile sticky bottom end */ }
  .courses-page .course-entry .badge-circle {
    width: 100px;
    height: 100px;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    line-height: 100px;
    margin-bottom: 15px; }
  .courses-page .course-entry .blue {
    background-color: #38b4d6; }
  .courses-page .course-entry .red:not(.new-price) {
    background-color: #C77272; }
  .courses-page .course-entry header {
    background-color: #f5f5f5; }
    @media (min-width: 768px) and (max-width: 1199px) {
      .courses-page .course-entry header .container, .courses-page .course-entry header .main-container {
        padding-bottom: 15px; } }
    @media (min-width: 1200px) {
      .courses-page .course-entry header .container, .courses-page .course-entry header .main-container {
        padding-bottom: 30px; } }
    .courses-page .course-entry header .container .course-nav, .courses-page .course-entry header .main-container .course-nav {
      margin-top: -30px;
      margin-bottom: 30px;
      text-align: center;
      min-height: 30px;
      position: relative; }
      @media (min-width: 544px) {
        .courses-page .course-entry header .container .course-nav, .courses-page .course-entry header .main-container .course-nav {
          text-align: left; } }
      @media (min-width: 992px) {
        .courses-page .course-entry header .container .course-nav, .courses-page .course-entry header .main-container .course-nav {
          margin-top: -40px; } }
      .courses-page .course-entry header .container .course-nav a, .courses-page .course-entry header .main-container .course-nav a {
        width: 180px;
        height: 30px;
        display: inline-block;
        text-align: center;
        font-family: "Roboto Condensed";
        text-transform: uppercase;
        font-size: 16px;
        color: white;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
        line-height: 30px; }
        @media (min-width: 992px) {
          .courses-page .course-entry header .container .course-nav a, .courses-page .course-entry header .main-container .course-nav a {
            width: 250px;
            height: 40px;
            line-height: 40px; } }
        .courses-page .course-entry header .container .course-nav a.active, .courses-page .course-entry header .main-container .course-nav a.active {
          height: 40px;
          color: #373D3F;
          line-height: 40px;
          margin-top: -10px;
          display: none; }
          @media (min-width: 544px) {
            .courses-page .course-entry header .container .course-nav a.active, .courses-page .course-entry header .main-container .course-nav a.active {
              display: inline-block; } }
          @media (min-width: 992px) {
            .courses-page .course-entry header .container .course-nav a.active, .courses-page .course-entry header .main-container .course-nav a.active {
              height: 50px;
              line-height: 50px; } }
    .courses-page .course-entry header .badge {
      text-align: center; }
      @media (min-width: 768px) {
        .courses-page .course-entry header .badge {
          text-align: left; } }
      .courses-page .course-entry header .badge [class^="ksi-"] {
        font-size: 40px;
        color: white; }
      .courses-page .course-entry header .badge .badge-info {
        color: #373D3F;
        font-family: "Roboto Condensed";
        text-align: center; }
    .courses-page .course-entry header .title {
      text-align: left; }
      .courses-page .course-entry header .title p {
        font-size: 14px; }
      .courses-page .course-entry header .title h1, .courses-page .course-entry header .title .cke_editable h2, .cke_editable .courses-page .course-entry header .title h2, .courses-page .course-entry header .title .cke_editable h3, .cke_editable .courses-page .course-entry header .title h3, .courses-page .course-entry header .title .cke_editable h4, .cke_editable .courses-page .course-entry header .title h4 {
        margin: 0 0 5px;
        float: left; }
      .courses-page .course-entry header .title .enrollmentAlert {
        float: left;
        background-color: #CC2746;
        border-radius: 4px;
        height: 26px;
        line-height: 26px;
        padding-left: 7px;
        padding-right: 7px;
        margin-left: 20px;
        margin-top: 11px; }
        @media (min-width: 0) and (max-width: 1199px) {
          .courses-page .course-entry header .title .enrollmentAlert {
            width: 280px;
            clear: both;
            margin: 5px 0 20px; } }
        .courses-page .course-entry header .title .enrollmentAlert img {
          width: 14px;
          position: relative;
          top: -2px; }
        .courses-page .course-entry header .title .enrollmentAlert span {
          margin-left: 3px;
          color: white;
          font-family: "Roboto Condensed"; }
      .courses-page .course-entry header .title .lead {
        color: #373D3F;
        margin-bottom: 20px; }
    @media (min-width: 768px) {
      .courses-page .course-entry header div.info {
        text-align: left; } }
    .courses-page .course-entry header div.info ul {
      font-family: "Roboto Condensed";
      margin-bottom: 0; }
      .courses-page .course-entry header div.info ul li {
        border-right: 1px solid #e6e6e6;
        padding-right: 10px;
        margin-right: 10px;
        margin-bottom: 20px; }
        @media (min-width: 768px) {
          .courses-page .course-entry header div.info ul li {
            margin-right: 5px;
            padding-right: 5px; } }
        @media (min-width: 992px) {
          .courses-page .course-entry header div.info ul li {
            padding-right: 5px;
            margin-right: 0; } }
        @media (min-width: 1200px) {
          .courses-page .course-entry header div.info ul li {
            padding-right: 10px;
            margin-right: 10px; } }
        .courses-page .course-entry header div.info ul li:last-child {
          border-right: none;
          margin-right: 0; }
        .courses-page .course-entry header div.info ul li .info-title {
          font-size: 16px;
          margin-top: 5px;
          margin-bottom: 6px; }
          @media (min-width: 768px) and (max-width: 1199px) {
            .courses-page .course-entry header div.info ul li .info-title {
              font-size: 14px; } }
        .courses-page .course-entry header div.info ul li .info-subtitle {
          font-size: 20px;
          color: #FA8B60;
          line-height: 1.25; }
          @media (min-width: 768px) and (max-width: 990px) {
            .courses-page .course-entry header div.info ul li .info-subtitle {
              font-size: 14px; } }
          @media (min-width: 992px) and (max-width: 1199px) {
            .courses-page .course-entry header div.info ul li .info-subtitle {
              font-size: 16px; } }
        .courses-page .course-entry header div.info ul li .info-desc {
          color: #333; }
    @media (min-width: 0) and (max-width: 767px) {
      .courses-page .course-entry header div.info ul {
        margin-bottom: 10px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        .courses-page .course-entry header div.info ul li {
          padding: 10px;
          display: block;
          border: none;
          margin: 0; }
          .courses-page .course-entry header div.info ul li .info-subtitle {
            font-size: 16px; } }
    @media (min-width: 0) and (max-width: 399px) {
      .courses-page .course-entry header div.info ul li {
        width: 50%; } }
    @media (min-width: 400px) and (max-width: 767px) {
      .courses-page .course-entry header div.info ul li {
        width: 33.3%; } }
    .courses-page .course-entry header .enrollment-info {
      /* NEW CSS START */
      /* NEW CSS END */ }
      @media (min-width: 768px) and (max-width: 991px) {
        .courses-page .course-entry header .enrollment-info {
          padding-top: 8px; } }
      .courses-page .course-entry header .enrollment-info .price-box {
        font-family: "Roboto Condensed"; }
        @media (min-width: 768px) and (max-width: 1199px) {
          .courses-page .course-entry header .enrollment-info .price-box {
            float: left; } }
        .courses-page .course-entry header .enrollment-info .price-box .price {
          text-transform: uppercase;
          font-size: 22px;
          color: #333;
          line-height: 1;
          margin-bottom: 0; }
          .courses-page .course-entry header .enrollment-info .price-box .price[content="0"] {
            position: relative;
            top: 1px; }
          @media (min-width: 768px) and (max-width: 991px) {
            .courses-page .course-entry header .enrollment-info .price-box .price[content="0"] {
              font-size: 18px;
              line-height: 40px; } }
          @media (min-width: 992px) and (max-width: 1199px) {
            .courses-page .course-entry header .enrollment-info .price-box .price[content="0"] {
              line-height: 50px; } }
        .courses-page .course-entry header .enrollment-info .price-box .info {
          margin: 0; }
          @media (min-width: 768px) and (max-width: 991px) {
            .courses-page .course-entry header .enrollment-info .price-box .info {
              font-size: 12px; } }
        @media (min-width: 768px) and (max-width: 991px) {
          .courses-page .course-entry header .enrollment-info .price-box.no-group .info {
            font-size: 13px;
            padding-top: 3px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .courses-page .course-entry header .enrollment-info a {
          min-width: 110px;
          height: 40px;
          padding: 9px 10px;
          font-size: 16px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        .courses-page .course-entry header .enrollment-info a {
          min-width: 160px; } }
      @media (min-width: 768px) and (max-width: 1199px) {
        .courses-page .course-entry header .enrollment-info a {
          float: right; } }
      @media (min-width: 1200px) {
        .courses-page .course-entry header .enrollment-info a {
          float: right;
          height: 60px;
          min-width: 220px;
          padding: 17px 37px; } }
      @media (min-width: 0) and (max-width: 767px) {
        .courses-page .course-entry header .enrollment-info {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
          align-items: center;
          -ms-flex-pack: justify;
          justify-content: space-between; } }
      .courses-page .course-entry header .enrollment-info .rate-course {
        margin: auto auto auto 0; }
        @media (min-width: 768px) {
          .courses-page .course-entry header .enrollment-info .rate-course {
            display: none; } }
        .courses-page .course-entry header .enrollment-info .rate-course .ratings-sprite-holder {
          margin: 0 0 5px; }
      .courses-page .course-entry header .enrollment-info .ei-bp-holder {
        margin: auto 0 auto auto; }
        @media (min-width: 0) and (max-width: 543px) {
          .courses-page .course-entry header .enrollment-info .ei-bp-holder .btn, .courses-page .course-entry header .enrollment-info .ei-bp-holder .btn-browse, .courses-page .course-entry header .enrollment-info .ei-bp-holder button, .courses-page .course-entry header .enrollment-info .ei-bp-holder .play-video-responsive {
            min-width: 150px;
            height: 45px;
            padding: 10px 20px; } }
      @media (min-width: 0) and (max-width: 767px) {
        .courses-page .course-entry header .enrollment-info .ei-bp-holder {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
          align-items: center; }
          .courses-page .course-entry header .enrollment-info .ei-bp-holder .btn, .courses-page .course-entry header .enrollment-info .ei-bp-holder .btn-browse, .courses-page .course-entry header .enrollment-info .ei-bp-holder button, .courses-page .course-entry header .enrollment-info .ei-bp-holder .play-video-responsive {
            -ms-flex-order: 2;
            order: 2;
            margin: 0 !important; }
          .courses-page .course-entry header .enrollment-info .ei-bp-holder .price-box {
            -ms-flex-order: 1;
            order: 1;
            margin-right: 20px;
            text-align: right; } }
  @media (min-width: 0) and (max-width: 767px) {
    .courses-page .course-entry .mobile-fixed {
      position: fixed;
      padding: 30px;
      width: 100%;
      left: 0;
      bottom: 0;
      background: white;
      z-index: 50;
      box-shadow: 0 1px 5px 0 rgba(219, 219, 219, 0.75); } }
  @media (min-width: 0) and (max-width: 543px) {
    .courses-page .course-entry .mobile-fixed {
      padding: 20px; } }
  @media (min-width: 1200px) {
    .courses-page .course-entry #sticky:not(.stick) {
      position: relative; } }
  @media (min-width: 0) and (max-width: 543px) {
    .courses-page .course-entry #sticky:not(.stick) a {
      margin-bottom: 15px; } }
  @media (min-width: 0) and (max-width: 380px) {
    .courses-page .course-entry #sticky:not(.stick) a {
      min-width: 80px;
      padding: 7px 10px;
      height: 32px;
      font-size: 14px; } }
  @media (min-width: 1200px) {
    .courses-page .course-entry #sticky:not(.stick) .price-box {
      padding: 0;
      position: absolute;
      left: 30px;
      top: 50%;
      transform: translateY(-50%); } }
  @media (min-width: 1200px) {
    .courses-page .course-entry #sticky:not(.stick) .price-box.no-group {
      left: 30px; } }
  .courses-page .course-entry .content {
    text-align: center; }
    .courses-page .course-entry .content .container, .courses-page .course-entry .content .main-container {
      padding-top: 30px;
      padding-bottom: 30px; }
    .courses-page .course-entry .content .details ul, .courses-page .course-entry .content .program ul, .courses-page .course-entry .content .benefits ul {
      margin-bottom: 0; }
    .courses-page .course-entry .content .bordered {
      border-bottom: 1px solid #eee;
      margin-top: 0;
      padding-bottom: 10px; }
    .courses-page .course-entry .content .details {
      margin-bottom: 40px; }
      .courses-page .course-entry .content .details .border {
        border-bottom: 1px solid #eee;
        margin-bottom: 20px;
        padding-bottom: 20px; }
      .courses-page .course-entry .content .details li {
        margin-bottom: 5px; }
      .courses-page .course-entry .content .details:last-child {
        padding-bottom: 0; }
      .courses-page .course-entry .content .details .one-column li:last-child {
        margin-top: 20px; }
    .courses-page .course-entry .content .benefits .cke-editable {
      margin-bottom: 20px; }
    .courses-page .course-entry .content .benefits ul {
      margin-bottom: 20px; }
    .courses-page .course-entry .content .program ul li {
      padding: 10px 0;
      border-bottom: 1px solid #eee;
      color: #373D3F;
      line-height: 25px; }
      .courses-page .course-entry .content .program ul li:last-child {
        border-bottom: none;
        margin-bottom: 20px; }
      @media (min-width: 544px) {
        .courses-page .course-entry .content .program ul li {
          font-size: 14px; } }
      .courses-page .course-entry .content .program ul li .title {
        margin: 0;
        margin-right: 10px;
        padding: 0;
        color: #1E2E3D;
        border-bottom: none;
        font-weight: normal;
        font-size: 16px;
        text-transform: none;
        float: left;
        line-height: 25px; }
      .courses-page .course-entry .content .program ul li .total-time {
        display: none; }
        @media (min-width: 544px) {
          .courses-page .course-entry .content .program ul li .total-time {
            display: block;
            float: right; } }
      .courses-page .course-entry .content .program ul li a.btn, .courses-page .course-entry .content .program ul li a.btn-browse, .courses-page .course-entry .content .program ul li a.play-video-responsive {
        display: none; }
        @media (min-width: 544px) {
          .courses-page .course-entry .content .program ul li a.btn, .courses-page .course-entry .content .program ul li a.btn-browse, .courses-page .course-entry .content .program ul li a.play-video-responsive {
            display: inline-block;
            float: right;
            margin-right: 10px; } }
    @media (min-width: 768px) {
      .courses-page .course-entry .content .program .col-sm-3:nth-child(4n+1) {
        clear: both; } }
    .courses-page .course-entry .content .program .course-archive {
      margin-bottom: 30px; }
      .courses-page .course-entry .content .program .course-archive .title {
        margin-bottom: 5px;
        font-size: 16px; }
      .courses-page .course-entry .content .program .course-archive .text {
        font-size: 12px;
        margin-bottom: 0; }
    .courses-page .course-entry .content .program .about {
      margin-bottom: 30px; }
      .courses-page .course-entry .content .program .about .cke-editable {
        margin-bottom: 30px; }
    .courses-page .course-entry .content .section-info {
      padding: 0; }
      .courses-page .course-entry .content .section-info .info {
        margin-bottom: 30px; }
  .courses-page .course-entry .wishlist {
    display: inline-block;
    margin-left: 5px;
    position: relative;
    top: 5px; }
    .courses-page .course-entry .wishlist.case-three:hover {
      border-color: #ccc;
      transition: all .3s; }
      .courses-page .course-entry .wishlist.case-three:hover svg path {
        fill: #ccc;
        transition: all .3s; }

@media (min-width: 992px) {
  .courses-page .course-box .escape .holder a img, .courses-page .course-archive .escape .holder a img {
    height: 196px; } }

.section-instructor {
  padding: 0; }
  .section-instructor article {
    text-align: center; }
    .section-instructor article > a:hover {
      opacity: .8; }
    .section-instructor article .user-avatar {
      width: 115px;
      height: 115px;
      text-align: center;
      line-height: 115px;
      display: inline-block;
      border-radius: 50%;
      margin: 0 auto 10px; }
      .section-instructor article .user-avatar [class^='ksi-'] {
        font-size: 80px; }
      @media (min-width: 544px) {
        .section-instructor article .user-avatar {
          width: 165px;
          height: 165px;
          text-align: center;
          line-height: 165px;
          display: inline-block;
          border-radius: 50%; } }
    .section-instructor article .title {
      font-size: 16px;
      font-family: "Roboto";
      font-weight: bold;
      margin-bottom: 5px; }
    .section-instructor article .sub-title {
      font-size: 12px;
      font-family: "Roboto";
      margin-top: 0; }
  .section-instructor .instructor-single {
    display: inline-block;
    width: 49%;
    margin-bottom: 30px; }
    @media (min-width: 768px) {
      .section-instructor .instructor-single {
        width: 33%; } }
    @media (min-width: 992px) {
      .section-instructor .instructor-single {
        width: 20%; } }

.student-impression-new {
  text-align: left; }
  .student-impression-new .user-avatar {
    width: 75px;
    height: 75px; }
    @media (min-width: 0) and (max-width: 767px) {
      .student-impression-new .user-avatar {
        margin: 0 auto 15px; } }
    .student-impression-new .user-avatar .student-icons.w100, .student-impression-new .user-avatar .online-impression .impressions-box .student-icons.w50, .online-impression .impressions-box .student-impression-new .user-avatar .student-icons.w50 {
      position: relative;
      width: 75px;
      height: 75px; }
      .student-impression-new .user-avatar .student-icons.w100 img, .student-impression-new .user-avatar .online-impression .impressions-box .student-icons.w50 img, .online-impression .impressions-box .student-impression-new .user-avatar .student-icons.w50 img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 40px; }
  .student-impression-new article {
    padding-bottom: 20px;
    border-bottom: 1px solid #f5f5f5;
    margin-bottom: 20px; }
  .student-impression-new .name {
    margin-top: 0;
    text-transform: none;
    font-size: 16px;
    color: #333; }
    @media (min-width: 0) and (max-width: 767px) {
      .student-impression-new .name {
        text-align: center;
        margin-bottom: 20px; } }
  .student-impression-new q {
    display: inline-block;
    margin-bottom: 15px;
    min-height: 30px; }
    .student-impression-new q:before, .student-impression-new q:after {
      content: ""; }
  .student-impression-new .impressionArticle {
    display: none; }

.section-video {
  font-family: "Roboto Condensed"; }
  .section-video .popup-video {
    position: relative;
    display: block; }

.block-suggestions {
  background-color: white;
  text-align: left; }

.online-page .course-nav a {
  background-color: #e0839c; }

.online-page .course-archive .holder {
  cursor: pointer; }
  @media (min-width: 992px) {
    .online-page .course-archive .holder .hover-holder-element {
      opacity: 0;
      transition: all .3s; }
    .online-page .course-archive .holder:hover .hover-holder-element {
      opacity: 1;
      transition: all .3s; } }

.online-page .hover-holder-element {
  background-color: rgba(30, 46, 61, 0.7);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
  .online-page .hover-holder-element .content-holder {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: left;
    width: 185px; }
    .online-page .hover-holder-element .content-holder a {
      display: block;
      margin-bottom: 9px; }
      .online-page .hover-holder-element .content-holder a h3 {
        color: white;
        font-family: "Gotham-Ultra";
        text-transform: uppercase;
        font-size: 14px;
        letter-spacing: 1.1px;
        margin: 0;
        transition: all .3s; }
    .online-page .hover-holder-element .content-holder svg {
      width: 22px;
      height: 22px;
      position: relative;
      top: 6px;
      margin-right: 10px; }
      .online-page .hover-holder-element .content-holder svg path {
        fill: white;
        transition: all .3s; }
    .online-page .hover-holder-element .content-holder a:hover h3 {
      color: #38b4d6;
      transition: all .3s; }
      .online-page .hover-holder-element .content-holder a:hover h3 svg path {
        fill: #38b4d6;
        transition: all .3s; }

.online-page .cover:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  top: 0;
  left: 0; }

.classroom-page .course-nav a {
  background-color: #38b4d6; }

.classroom-page .hover-holder-element {
  display: none; }

.courses-page .course-nav a.active {
  background-color: #f5f5f5; }

.courses-page .enrollment-info a {
  color: white; }

.courses-page .course-archive {
  box-shadow: 1px 1px 6px #ccc; }

.block-scroll {
  min-height: 94px; }
  .block-scroll .hidden-xs p {
    font-family: "Roboto Condensed"; }

#sticky.stick {
  position: fixed;
  top: 0;
  margin-top: 0;
  padding-top: 15px;
  padding-bottom: 15px;
  right: 0;
  width: 100%;
  background-color: white;
  z-index: 999;
  box-shadow: 0 1px 5px 0 rgba(219, 219, 219, 0.75); }
  #sticky.stick .container, #sticky.stick .main-container {
    padding-top: 0;
    padding-bottom: 0; }
  #sticky.stick .info {
    float: left; }
  #sticky.stick .enrollment-info {
    float: right;
    margin-top: 6px;
    position: relative;
    width: 100%; }
    #sticky.stick .enrollment-info .btn, #sticky.stick .enrollment-info .btn-browse, #sticky.stick .enrollment-info button, #sticky.stick .enrollment-info .play-video-responsive {
      height: 47px;
      font-size: 16px;
      padding: 11px 35px;
      min-width: 40px; }
    #sticky.stick .enrollment-info .price-box {
      padding-top: 0;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      margin: 0;
      right: 160px; }
      #sticky.stick .enrollment-info .price-box .price {
        font-size: 18px; }

#sticky-anchor {
  height: auto !important; }

.course-likes {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-color: #F0E8E8;
  text-align: center;
  line-height: 30px;
  border-radius: 50%;
  color: #E08283; }
  .course-likes:hover {
    color: #E08283; }

.section-groups-available {
  margin-bottom: 20px; }
  .section-groups-available .calendar-img-holder {
    width: 100px;
    height: 100px;
    text-align: center;
    line-height: 100px;
    display: inline-block;
    border-radius: 50%;
    background-color: #EAB53F;
    font-size: 50px;
    color: #f5f5f5;
    margin-bottom: 20px; }
    @media (min-width: 768px) {
      .section-groups-available .calendar-img-holder {
        display: table;
        margin: 0 auto 20px; } }
  @media (min-width: 0) and (max-width: 767px) {
    .section-groups-available .groups-available .available-single:first-of-type {
      padding-bottom: 19px;
      margin-bottom: 20px;
      border-bottom: 1px solid #eee; } }
  @media (min-width: 768px) {
    .section-groups-available .groups-available .available-single {
      width: 49%;
      margin: auto;
      display: inline-block;
      vertical-align: top; } }
  .section-groups-available .groups-available .info .title {
    margin-top: 0;
    margin-bottom: 20px; }
  .section-groups-available .groups-available .info p {
    color: #373D3F;
    margin-bottom: 15px; }
    .section-groups-available .groups-available .info p:last-of-type {
      margin-bottom: 20px; }
  .section-groups-available .groups-available .desc {
    margin-bottom: 40px; }

#entry-info {
  text-align: left; }
  @media (min-width: 0) and (max-width: 1199px) {
    #entry-info .modal-dialog {
      width: 90%;
      margin: 50px auto; } }
  @media (min-width: 1200px) {
    #entry-info .modal-dialog {
      width: 980px; } }
  #entry-info .modal-content {
    padding: 20px; }
    @media (min-width: 992px) {
      #entry-info .modal-content {
        padding: 50px; } }
    #entry-info .modal-content #info-tabs li {
      margin-bottom: 25px; }
      #entry-info .modal-content #info-tabs li:last-child {
        margin-bottom: 0; }
      #entry-info .modal-content #info-tabs li a {
        text-align: center;
        display: block;
        font-family: "Roboto Condensed";
        font-weight: bold;
        color: #9DBEC7; }
        #entry-info .modal-content #info-tabs li a svg {
          display: block;
          margin: 0 auto 10px; }
          #entry-info .modal-content #info-tabs li a svg path {
            opacity: .3;
            transition: all .4s; }
      #entry-info .modal-content #info-tabs li:hover a {
        color: #84A0A7;
        transition: all .4s; }
        #entry-info .modal-content #info-tabs li:hover a svg path {
          opacity: 1; }
      #entry-info .modal-content #info-tabs li.active a {
        color: #84A0A7; }
        #entry-info .modal-content #info-tabs li.active a svg path {
          opacity: 1; }
    @media (min-width: 0) and (max-width: 990px) {
      #entry-info .modal-content #info-tabs:before, #entry-info .modal-content #info-tabs:after {
        content: " ";
        display: table; }
      #entry-info .modal-content #info-tabs:after {
        clear: both; }
      #entry-info .modal-content #info-tabs li {
        float: left;
        width: 33.3%;
        margin-bottom: 0; }
        #entry-info .modal-content #info-tabs li a svg {
          width: 90px;
          height: auto; } }
    @media (min-width: 0) and (max-width: 543px) {
      #entry-info .modal-content #info-tabs li a svg {
        width: 60px; } }
    #entry-info .modal-content .info-content {
      padding-top: 5px; }
      #entry-info .modal-content .info-content h2, #entry-info .modal-content .info-content h3, #entry-info .modal-content .info-content h4, #entry-info .modal-content .info-content h5 {
        margin-top: 20px;
        margin-bottom: 5px; }
      #entry-info .modal-content .info-content a:last-child {
        margin-top: 35px; }

@media (min-width: 0) and (max-width: 767px) {
  .block-info {
    padding: 0; } }

@media (min-width: 992px) {
  .block-info {
    padding: 40px 0 60px; } }

@media (min-width: 992px) {
  .block-info .desc {
    width: 80%;
    margin: 0 auto 30px; } }

.block-info .desc > h2, .block-info .desc > p {
  text-align: left; }
  @media (min-width: 992px) {
    .block-info .desc > h2, .block-info .desc > p {
      text-align: center; } }

.block-info .info-links a {
  padding: 15px 5px 20px;
  display: block; }
  @media (min-width: 1200px) {
    .block-info .info-links a {
      padding: 25px 15px 20px; } }
  .block-info .info-links a:hover {
    background: rgba(238, 238, 238, 0.5); }

.block-info .info-links svg {
  height: 124px;
  margin-bottom: 5px; }

.block-info .info-links p {
  color: #333; }

.block-info .info-links .moreLink {
  text-transform: uppercase;
  color: #38b4d6;
  font-size: 15px;
  font-family: "Roboto Condensed"; }

.block-info .info-links > div {
  margin-bottom: 50px; }
  @media (min-width: 992px) {
    .block-info .info-links > div {
      margin-bottom: 0; } }

.escape {
  position: relative; }
  .escape .action-price {
    position: absolute;
    right: -8px;
    top: 50px;
    z-index: 10; }
    .escape .action-price p {
      background-color: #FFCC00;
      color: #333;
      font-weight: bold;
      font-family: "Roboto Condensed";
      display: table;
      margin: auto 0 2px auto;
      text-transform: uppercase;
      padding: 2px 5px; }
    .escape .action-price.left {
      right: auto;
      left: -8px; }
      .escape .action-price.left p {
        margin: auto auto 2px 0; }

.block-dates {
  margin-bottom: 40px; }
  @media (min-width: 992px) {
    .block-dates .desc {
      width: 80%;
      margin: auto; } }
  .block-dates.course-reset {
    margin-bottom: 0; }
    .block-dates.course-reset > .container.reset-pt, .block-dates.course-reset > .reset-pt.main-container {
      padding-bottom: 0; }
    .block-dates.course-reset + .block-courses {
      padding-top: 40px; }
      @media (min-width: 0) and (max-width: 990px) {
        .block-dates.course-reset + .block-courses {
          padding-bottom: 70px; } }

@media (min-width: 992px) {
  .block-courses > .container, .block-courses > .main-container {
    padding-bottom: 50px !important; } }

@media (min-width: 0) and (max-width: 991px) {
  .block-courses {
    padding-bottom: 60px; } }

.block-courses .about {
  margin-bottom: 60px; }

.block-courses .program-days article {
  padding: 10px; }
  .block-courses .program-days article:nth-child(even) {
    background-color: #f5f5f5; }
  .block-courses .program-days article > *:not [a] {
    line-height: 25px; }
  .block-courses .program-days article .courseProgramInfo {
    margin-bottom: 10px; }
  .block-courses .program-days article i {
    float: left;
    color: #82bfd7;
    font-size: 16px;
    margin-right: 10px;
    display: none;
    margin-top: 2px; }
    @media (min-width: 768px) {
      .block-courses .program-days article i {
        display: block; } }
  .block-courses .program-days article .title {
    float: left;
    font-size: 14px;
    margin-bottom: 0;
    text-align: left;
    font-weight: bold; }
    @media (min-width: 0) and (max-width: 543px) {
      .block-courses .program-days article .title {
        width: 100%; } }
    @media (min-width: 544px) and (max-width: 767px) {
      .block-courses .program-days article .title {
        text-overflow: ellipsis;
        width: 64%;
        white-space: nowrap;
        overflow: hidden;
        height: 28px; } }
    @media (min-width: 768px) {
      .block-courses .program-days article .title {
        font-size: 16px; } }
    .block-courses .program-days article .title .preview-btn .f-word {
      display: none; }
    @media (min-width: 0) and (max-width: 543px) {
      .block-courses .program-days article .title .preview-btn {
        float: right; } }
    @media (min-width: 992px) {
      .block-courses .program-days article .title .preview-btn {
        margin-left: 20px; }
        .block-courses .program-days article .title .preview-btn .f-word {
          display: inline-block; } }
  .block-courses .program-days article .num-lection {
    float: right;
    font-size: 12px;
    margin: 0;
    padding-right: 10px; }
    @media (min-width: 768px) {
      .block-courses .program-days article .num-lection {
        font-size: 16px; } }
    .block-courses .program-days article .num-lection:nth-child(4) {
      border-right: 1px solid #999; }
    @media (min-width: 0) and (max-width: 543px) {
      .block-courses .program-days article .num-lection {
        display: none; } }
  .block-courses .program-days article .time {
    float: right;
    text-align: right;
    font-size: 14px;
    padding-left: 10px;
    min-width: 95px;
    margin: 0;
    font-family: "Roboto Condensed";
    display: none; }
    @media (min-width: 544px) {
      .block-courses .program-days article .time {
        display: block; } }
    @media (min-width: 768px) {
      .block-courses .program-days article .time {
        font-size: 20px; } }
  .block-courses .program-days article > a {
    float: left;
    margin-top: 10px;
    margin-right: 5px; }
    @media (min-width: 768px) {
      .block-courses .program-days article > a {
        float: right;
        margin-top: 0; } }
  .block-courses .program-days article .courseProgram {
    padding-left: 10px;
    text-align: left; }
    .block-courses .program-days article .courseProgram li {
      clear: both; }
      .block-courses .program-days article .courseProgram li i {
        font-size: 14px; }

.block-courses .program-days.pkpd {
  text-align: left; }
  @media (min-width: 1200px) {
    .block-courses .program-days.pkpd {
      width: 70%;
      margin: 0 auto; } }
  .block-courses .program-days.pkpd .pcourses {
    padding: 0;
    padding-left: 30px;
    margin-left: 20px;
    border-left: 2px solid #EAB53F; }
    @media (min-width: 992px) {
      .block-courses .program-days.pkpd .pcourses {
        padding-left: 50px;
        margin-left: 25px; } }
    .block-courses .program-days.pkpd .pcourses.last {
      border-color: transparent; }
      .block-courses .program-days.pkpd .pcourses.last .number {
        line-height: 28px;
        background-color: #38b4d6; }
        @media (min-width: 992px) {
          .block-courses .program-days.pkpd .pcourses.last .number {
            line-height: 44px; } }
      .block-courses .program-days.pkpd .pcourses.last .courseProgramInfo {
        margin-bottom: 5px; }
    .block-courses .program-days.pkpd .pcourses:nth-child(even) {
      background-color: #f5f5f5; }
    .block-courses .program-days.pkpd .pcourses i {
      font-size: 14px; }
    .block-courses .program-days.pkpd .pcourses strong {
      color: #33C9AF;
      font-weight: normal;
      font-family: "Roboto Condensed";
      font-size: 16px; }
      @media (min-width: 768px) {
        .block-courses .program-days.pkpd .pcourses strong:first-child {
          margin-left: 34px; } }
    .block-courses .program-days.pkpd .pcourses ul {
      margin-bottom: 25px; }
  .block-courses .program-days.pkpd ul {
    padding-left: 10px; }
    .block-courses .program-days.pkpd ul li {
      line-height: 25px;
      font-size: 16px;
      font-family: "Roboto Condensed"; }
      .block-courses .program-days.pkpd ul li a {
        display: inline-block;
        margin-left: 15px;
        text-transform: uppercase;
        color: #38b4d6;
        font-size: 15px;
        font-family: "Roboto Condensed"; }
  .block-courses .program-days.pkpd .courseProgramInfo {
    margin-bottom: 10px;
    position: relative; }
    .block-courses .program-days.pkpd .courseProgramInfo .number {
      width: 30px;
      height: 30px;
      display: block;
      background: #EAB53F;
      border-radius: 50%;
      text-align: center;
      line-height: 30px;
      position: absolute;
      left: -46px;
      top: -1px;
      font-size: 16px;
      color: white; }
      @media (min-width: 992px) {
        .block-courses .program-days.pkpd .courseProgramInfo .number {
          width: 50px;
          height: 50px;
          line-height: 50px;
          font-size: 20px;
          left: -75px;
          top: -10px; } }
    .block-courses .program-days.pkpd .courseProgramInfo .title {
      float: left;
      font-size: 20px;
      font-family: "Roboto Condensed";
      font-weight: normal; }
    .block-courses .program-days.pkpd .courseProgramInfo .time {
      float: right; }

.block-impressions .desc {
  margin-bottom: 30px; }
  @media (min-width: 1200px) {
    .block-impressions .desc {
      margin-bottom: 60px; } }

.block-impressions .instructor-single {
  margin-bottom: 60px; }
  @media (min-width: 1200px) {
    .block-impressions .instructor-single {
      margin-bottom: 130px; } }
  .block-impressions .instructor-single article > a {
    display: table;
    width: 100px;
    margin: 0 auto 15px; }
    .block-impressions .instructor-single article > a:hover {
      opacity: .8; }
  .block-impressions .instructor-single article > .user-avatar {
    width: 100px;
    display: table;
    margin: 0 auto 15px; }
    .block-impressions .instructor-single article > .user-avatar i {
      font-size: 60px; }
  .block-impressions .instructor-single .title {
    margin-bottom: 15px; }
  .block-impressions .instructor-single .desc {
    margin-bottom: 20px; }
    @media (min-width: 992px) {
      .block-impressions .instructor-single .desc {
        width: 80%;
        margin: 0 auto 30px; } }

.courses-page.online-page .content .desc h5 {
  background-color: #38b4d6;
  padding: 10px;
  display: inline-block;
  margin-top: 20px;
  color: white;
  font-size: 22px; }

.courses-page.classroom-page .content .desc h5 {
  background-color: #e0839c;
  padding: 10px;
  display: inline-block;
  margin-top: 20px;
  color: white;
  font-size: 22px; }

.online-course-duration {
  margin-top: 15px;
  margin-bottom: 0;
  font-size: 20px;
  color: black;
  font-family: "Roboto Condensed"; }

.login-page .lead {
  margin-bottom: 50px;
  font-size: 16px; }

.login-page .forgot-password-link {
  display: inline-block;
  margin-top: 15px; }

.login-page input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 100px #38938f inset;
  -webkit-text-fill-color: white !important; }

.login-page .facebook-login {
  padding: 6px 15px;
  color: white;
  background-color: #3C5A98;
  text-transform: none; }
  .login-page .facebook-login .fb-logo {
    padding-right: 9px;
    margin-left: -5px;
    font-size: 24px;
    border-right: solid 1px white; }
  .login-page .facebook-login .fb-text {
    padding-left: 15px;
    padding-right: 5px;
    font-size: 16px;
    position: relative;
    top: -2px; }
  @media (min-width: 0) and (max-width: 1199px) {
    .login-page .facebook-login .visibleSocials {
      display: none; } }

.password-reset-page .lead {
  margin-bottom: 20px;
  font-size: 16px; }

@media (min-width: 768px) {
  .password-reset-page h2.title {
    font-size: 50px; } }

.password-reset-page .user-password-content {
  padding-top: 40px;
  padding-left: 20px; }
  .password-reset-page .user-password-content p {
    font-size: 16px; }

#google-login {
  padding: 7px 26px 2px 11px;
  background: #dd4b39; }
  #google-login i {
    background: url("../images/gplus.png") no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    background-size: contain;
    border-right: solid 1px white;
    padding-right: 35px;
    margin-right: 2px; }
  #google-login > span {
    vertical-align: unset;
    position: relative;
    top: -9px; }

@media (min-width: 0) and (max-width: 767px) {
  .registration #facebook-login {
    display: table; } }

@media (min-width: 1200px) {
  .registration #google-login {
    float: right; } }

@media (min-width: 544px) and (max-width: 560px) {
  .registration .green-alt {
    padding: 12px 20px 11px; } }

.registration .socialsHolder.largeDevices {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px; }
  .registration .socialsHolder.largeDevices #facebook-login {
    float: left;
    margin-bottom: 0; }
  .registration .socialsHolder.largeDevices #google-login {
    float: right;
    clear: none !important; }

.login-page .registration .facebook-login .fb-logo {
  padding-right: 5px; }

.login-page .registration .facebook-login .fb-text {
  padding-right: 5px;
  font-size: 14px;
  padding-left: 6px; }

.login-page .registration #google-login {
  padding: 7px 26px 2px 6px; }

.login-page .login .socialsHolder, .login-page .registration .socialsHolder {
  float: right; }
  .login-page .login .socialsHolder #facebook-login, .login-page .registration .socialsHolder #facebook-login {
    margin-bottom: 15px; }
    @media (min-width: 544px) {
      .login-page .login .socialsHolder #facebook-login, .login-page .registration .socialsHolder #facebook-login {
        margin: 0 10px 0 0; } }
    @media (min-width: 992px) {
      .login-page .login .socialsHolder #facebook-login, .login-page .registration .socialsHolder #facebook-login {
        margin: 0 0 15px 0; } }
  .login-page .login .socialsHolder #google-login, .login-page .registration .socialsHolder #google-login {
    clear: both;
    display: table; }
    @media (min-width: 544px) {
      .login-page .login .socialsHolder #google-login, .login-page .registration .socialsHolder #google-login {
        clear: none; } }
    @media (min-width: 992px) {
      .login-page .login .socialsHolder #google-login, .login-page .registration .socialsHolder #google-login {
        clear: both; } }
  @media (min-width: 544px) {
    .login-page .login .socialsHolder .facebook-login, .login-page .registration .socialsHolder .facebook-login {
      float: left; } }
  @media (min-width: 1200px) {
    .login-page .login .socialsHolder .facebook-login, .login-page .registration .socialsHolder .facebook-login {
      float: right; } }

@media (min-width: 0) and (max-width: 340px) {
  .login-page .login .green-alt {
    padding: 12px 20px 11px; } }

@media (min-width: 0) and (max-width: 370px) {
  .login-page .registration .green-alt {
    padding: 8px 10px 8px;
    font-size: 16px; } }

.enrollment-page {
  background-color: #45aca8; }
  .enrollment-page .general-info p {
    font-size: 16px; }
  .enrollment-page .info-course .title {
    margin: 0;
    color: white;
    background-color: #22a7ca;
    font-size: 16px;
    text-transform: uppercase;
    padding: 13px 0;
    text-align: center;
    letter-spacing: 4px;
    font-weight: normal;
    font-family: "Roboto"; }
    @media (min-width: 992px) {
      .enrollment-page .info-course .title {
        letter-spacing: 9px; } }
  .enrollment-page .info-course .box, .enrollment-page .info-course .box15, .enrollment-page .info-course .box25, .enrollment-page .info-course .categories-box, .enrollment-page .info-course .contact-page .contact-address, .contact-page .enrollment-page .info-course .contact-address, .enrollment-page .info-course .enrollment-end, .enrollment-page .info-course .impressions-box, .enrollment-page .info-course .students-box, .enrollment-page .info-course .info-box {
    background-color: #373D3F;
    box-shadow: none; }
    .enrollment-page .info-course .box dl dt, .enrollment-page .info-course .box15 dl dt, .enrollment-page .info-course .box25 dl dt, .enrollment-page .info-course .categories-box dl dt, .enrollment-page .info-course .contact-page .contact-address dl dt, .contact-page .enrollment-page .info-course .contact-address dl dt, .enrollment-page .info-course .enrollment-end dl dt, .enrollment-page .info-course .impressions-box dl dt, .enrollment-page .info-course .students-box dl dt, .enrollment-page .info-course .info-box dl dt {
      width: 47%;
      text-transform: uppercase;
      color: #84A0A7;
      font-family: "Roboto Condensed";
      float: left; }
    .enrollment-page .info-course .box dl dd, .enrollment-page .info-course .box15 dl dd, .enrollment-page .info-course .box25 dl dd, .enrollment-page .info-course .categories-box dl dd, .enrollment-page .info-course .contact-page .contact-address dl dd, .contact-page .enrollment-page .info-course .contact-address dl dd, .enrollment-page .info-course .enrollment-end dl dd, .enrollment-page .info-course .impressions-box dl dd, .enrollment-page .info-course .students-box dl dd, .enrollment-page .info-course .info-box dl dd {
      border-left: 1px solid #22a7ca;
      color: white;
      width: 53%;
      padding-left: 30px;
      float: left; }
    .enrollment-page .info-course .box dl.price-list dd, .enrollment-page .info-course .box15 dl.price-list dd, .enrollment-page .info-course .box25 dl.price-list dd, .enrollment-page .info-course .categories-box dl.price-list dd, .enrollment-page .info-course .contact-page .contact-address dl.price-list dd, .contact-page .enrollment-page .info-course .contact-address dl.price-list dd, .enrollment-page .info-course .enrollment-end dl.price-list dd, .enrollment-page .info-course .impressions-box dl.price-list dd, .enrollment-page .info-course .students-box dl.price-list dd, .enrollment-page .info-course .info-box dl.price-list dd {
      border-color: transparent; }
  .enrollment-page .price .user {
    text-align: center; }
    @media (min-width: 768px) {
      .enrollment-page .price .user {
        text-align: left; } }
    .enrollment-page .price .user p {
      font-size: 18px;
      font-family: "Roboto Condensed";
      text-transform: uppercase;
      color: #22a7ca; }
      .enrollment-page .price .user p strong {
        color: #333;
        font-size: 22px;
        margin-left: 0;
        display: block; }
        @media (min-width: 768px) {
          .enrollment-page .price .user p strong {
            margin-left: 30px;
            display: inline-block; } }
  .enrollment-page .price .submit {
    overflow: hidden;
    text-align: left; }
    .enrollment-page .price .submit button {
      float: left;
      margin-right: 20px; }
    .enrollment-page .price .submit .submit-info-container {
      padding-top: 15px;
      font-size: 16px;
      float: left;
      display: inline-block; }
  .enrollment-page .enrollment-end .content .cke-editable {
    margin-bottom: 20px; }
  .enrollment-page main {
    color: white; }
    .enrollment-page main * {
      font-family: "Roboto Condensed"; }
    .enrollment-page main a {
      color: white;
      text-decoration: underline; }
    .enrollment-page main p.lead:first-of-type {
      margin-bottom: 0; }
    .enrollment-page main h1, .enrollment-page main .cke_editable h2, .cke_editable .enrollment-page main h2, .enrollment-page main .cke_editable h3, .cke_editable .enrollment-page main h3, .enrollment-page main .cke_editable h4, .cke_editable .enrollment-page main h4, .enrollment-page main h2 {
      color: white; }
    .enrollment-page main .main-title {
      margin-bottom: 15px; }
    .enrollment-page main .form-control, .enrollment-page main input[type="text"], .enrollment-page main
    input[type="email"], .enrollment-page main
    input[type="password"], .enrollment-page main
    input[type="number"], .enrollment-page main
    input[type="search"], .enrollment-page main
    input[type="url"], .enrollment-page main
    input[type="tel"], .enrollment-page main
    textarea, .enrollment-page main
    select, .enrollment-page main .select2-container--default .select2-selection--single {
      background-color: #38938f; }
    .enrollment-page main form input, .enrollment-page main form select, .enrollment-page main form span {
      color: white !important;
      border: none !important; }
      .enrollment-page main form input::-webkit-input-placeholder, .enrollment-page main form select::-webkit-input-placeholder, .enrollment-page main form span::-webkit-input-placeholder {
        /* WebKit, Blink, Edge */
        color: #81beba; }
      .enrollment-page main form input:-moz-placeholder, .enrollment-page main form select:-moz-placeholder, .enrollment-page main form span:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        color: #81beba;
        opacity: 1; }
      .enrollment-page main form input::-moz-placeholder, .enrollment-page main form select::-moz-placeholder, .enrollment-page main form span::-moz-placeholder {
        /* Mozilla Firefox 19+ */
        color: #81beba;
        opacity: 1; }
      .enrollment-page main form input:-ms-input-placeholder, .enrollment-page main form select:-ms-input-placeholder, .enrollment-page main form span:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: #81beba; }
    .enrollment-page main form .select2-selection__arrow b {
      border-color: white transparent transparent transparent !important; }
    .enrollment-page main form .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
      border-color: transparent transparent white transparent !important; }
  .enrollment-page .static-text {
    text-align: right;
    margin-top: -15px;
    margin-bottom: 30px; }
    .enrollment-page .static-text p {
      margin-bottom: 0; }
  .enrollment-page .form-group {
    margin-bottom: 20px; }
    .enrollment-page .form-group label:not(.icheck-orange) {
      margin-left: 10px; }
  .enrollment-page .enroll-installments {
    margin-bottom: 30px; }
  .enrollment-page .enroll-promocode {
    margin-bottom: 40px; }
  .enrollment-page .enroll-groups {
    margin-bottom: 50px; }
  .enrollment-page .promo-info {
    font-size: 16px;
    min-height: 50px; }
  .enrollment-page .action-promo-code {
    background: #EA483C;
    padding: 7px 31px;
    font-size: 16px;
    display: inline-block;
    border-radius: 5px;
    margin-top: 7px;
    position: relative; }
    .enrollment-page .action-promo-code .animation-promo {
      display: none;
      position: absolute;
      right: 0;
      bottom: 24px;
      z-index: -1;
      transform-origin: center bottom;
      animation: promoScale 1s cubic-bezier(0.67, 0.07, 0, 0.97) 1; }
      @media (min-width: 1200px) {
        .enrollment-page .action-promo-code .animation-promo {
          display: inline-block; } }

@keyframes promoScale {
  from {
    transform: scale(0); }
  to {
    transform: scale(1); } }

.enrollment-page-end {
  background-color: #45aca8;
  color: white; }
  .enrollment-page-end .content {
    margin: 50px 0; }
    @media (min-width: 992px) {
      .enrollment-page-end .content {
        margin: 100px 0; } }
    @media (min-width: 768px) and (max-width: 990px) {
      .enrollment-page-end .content {
        margin: 200px 0; } }
    .enrollment-page-end .content .main-title {
      color: white;
      margin-top: 20px;
      margin-bottom: 10px;
      font-size: 40px;
      font-family: "Gotham-Ultra";
      text-transform: uppercase; }
      @media (min-width: 992px) {
        .enrollment-page-end .content .main-title {
          margin-top: 25px; } }
      @media (min-width: 1200px) {
        .enrollment-page-end .content .main-title {
          font-size: 60px; } }
    .enrollment-page-end .content .lead {
      margin-bottom: 50px;
      font-size: 18px; }
    .enrollment-page-end .content .clearfix.text-left a:first-child, .enrollment-page-end .content #user-panel .user-header .text-left.container a:first-child, #user-panel .user-header .enrollment-page-end .content .text-left.container a:first-child, .enrollment-page-end .content #user-panel .user-header .text-left.main-container a:first-child, #user-panel .user-header .enrollment-page-end .content .text-left.main-container a:first-child, .enrollment-page-end .content #user-panel .user-header .text-left.user-nav a:first-child, #user-panel .user-header .enrollment-page-end .content .text-left.user-nav a:first-child, .enrollment-page-end .content #user-panel .text-left.content-filters a:first-child, #user-panel .enrollment-page-end .content .text-left.content-filters a:first-child, .enrollment-page-end .user-payment-end .content .user-payments-content p.text-left a:first-child, .user-payment-end .enrollment-page-end .content .user-payments-content p.text-left a:first-child, .enrollment-page-end .content .text-left.popover-content a:first-child, .enrollment-page-end .content .main-footer small.text-left a:first-child, .main-footer .enrollment-page-end .content small.text-left a:first-child, .enrollment-page-end .content .user-footer small.text-left a:first-child, .user-footer .enrollment-page-end .content small.text-left a:first-child, .enrollment-page-end .content .main-footer .social-badge .text-left.social-net a:first-child, .main-footer .social-badge .enrollment-page-end .content .text-left.social-net a:first-child, .enrollment-page-end .content .user-footer .social-badge .text-left.social-net a:first-child, .user-footer .social-badge .enrollment-page-end .content .text-left.social-net a:first-child, .enrollment-page-end .content .main-footer .footer-right .learn-in-classroom .text-left.holder a:first-child, .main-footer .footer-right .learn-in-classroom .enrollment-page-end .content .text-left.holder a:first-child, .enrollment-page-end .content .alert-error .text-left.container a:first-child, .alert-error .enrollment-page-end .content .text-left.container a:first-child, .enrollment-page-end .content .alert-error .text-left.main-container a:first-child, .alert-error .enrollment-page-end .content .text-left.main-container a:first-child, .enrollment-page-end .content .alert-success .text-left.container a:first-child, .alert-success .enrollment-page-end .content .text-left.container a:first-child, .enrollment-page-end .content .alert-success .text-left.main-container a:first-child, .alert-success .enrollment-page-end .content .text-left.main-container a:first-child, .enrollment-page-end .content .alert-info .text-left.container a:first-child, .alert-info .enrollment-page-end .content .text-left.container a:first-child, .enrollment-page-end .content .alert-info .text-left.main-container a:first-child, .alert-info .enrollment-page-end .content .text-left.main-container a:first-child, .enrollment-page-end .content .alert-warning .text-left.container a:first-child, .alert-warning .enrollment-page-end .content .text-left.container a:first-child, .enrollment-page-end .content .alert-warning .text-left.main-container a:first-child, .alert-warning .enrollment-page-end .content .text-left.main-container a:first-child, .enrollment-page-end .content .text-left.admin-alert a:first-child, .enrollment-page-end .content .sub-header-aqua .text-left.container a:first-child, .sub-header-aqua .enrollment-page-end .content .text-left.container a:first-child, .enrollment-page-end .content .sub-header-aqua .text-left.main-container a:first-child, .sub-header-aqua .enrollment-page-end .content .text-left.main-container a:first-child, .enrollment-page-end .content .sub-header-aqua .container .text-left.sub-right a:first-child, .sub-header-aqua .container .enrollment-page-end .content .text-left.sub-right a:first-child, .enrollment-page-end .content .sub-header-aqua .main-container .text-left.sub-right a:first-child, .sub-header-aqua .main-container .enrollment-page-end .content .text-left.sub-right a:first-child, .enrollment-page-end .content .sub-header-blue .text-left.container a:first-child, .sub-header-blue .enrollment-page-end .content .text-left.container a:first-child, .enrollment-page-end .content .sub-header-blue .text-left.main-container a:first-child, .sub-header-blue .enrollment-page-end .content .text-left.main-container a:first-child, .enrollment-page-end .content .sub-header-blue .container .text-left.sub-right a:first-child, .sub-header-blue .container .enrollment-page-end .content .text-left.sub-right a:first-child, .enrollment-page-end .content .sub-header-blue .main-container .text-left.sub-right a:first-child, .sub-header-blue .main-container .enrollment-page-end .content .text-left.sub-right a:first-child, .enrollment-page-end .content .sub-header-red .text-left.container a:first-child, .sub-header-red .enrollment-page-end .content .text-left.container a:first-child, .enrollment-page-end .content .sub-header-red .text-left.main-container a:first-child, .sub-header-red .enrollment-page-end .content .text-left.main-container a:first-child, .enrollment-page-end .content .sub-header-red .container .text-left.sub-right a:first-child, .sub-header-red .container .enrollment-page-end .content .text-left.sub-right a:first-child, .enrollment-page-end .content .sub-header-red .main-container .text-left.sub-right a:first-child, .sub-header-red .main-container .enrollment-page-end .content .text-left.sub-right a:first-child, .enrollment-page-end .content .toptitle-group .text-left.toptitle a:first-child, .toptitle-group .enrollment-page-end .content .text-left.toptitle a:first-child, .enrollment-page-end .content .text-left.badges a:first-child, .enrollment-page-end .content .text-left.two-columns a:first-child, .enrollment-page-end .content .courses-subcategory li a.text-left a:first-child, .courses-subcategory li .enrollment-page-end .content a.text-left a:first-child, .enrollment-page-end .content .course-archive.large-box .text-left.holder-group a:first-child, .course-archive.large-box .enrollment-page-end .content .text-left.holder-group a:first-child, .enrollment-page-end .content .text-left.featured-portfolio a:first-child, .enrollment-page-end .content .text-left.students-recommendations a:first-child, .enrollment-page-end .content .baner-gallery > div > .text-left.popup-gallery a:first-child, .enrollment-page-end .content .popup-box .text-left.social-net a:first-child, .popup-box .enrollment-page-end .content .text-left.social-net a:first-child, .enrollment-page-end .content .popup-box .social-net ul.text-left a:first-child, .popup-box .social-net .enrollment-page-end .content ul.text-left a:first-child, .enrollment-page-end .content .text-left.card-logos-holder a:first-child, .enrollment-page-end .content .card-logos-holder ul.text-left a:first-child, .card-logos-holder .enrollment-page-end .content ul.text-left a:first-child, .enrollment-page-end .content .text-left.skills a:first-child, .enrollment-page-end .content .text-left.pagination a:first-child, .enrollment-page-end .content .rating-stars-list ul.text-left a:first-child, .rating-stars-list .enrollment-page-end .content ul.text-left a:first-child, .enrollment-page-end .content .contact-page .text-left#send-us-mail a:first-child, .contact-page .enrollment-page-end .content .text-left#send-us-mail a:first-child, .enrollment-page-end .content .courses-page .course-entry header .text-left.enrollment-info a:first-child, .courses-page .course-entry header .enrollment-page-end .content .text-left.enrollment-info a:first-child, .enrollment-page-end .courses-page .course-entry .content .program ul li.text-left a:first-child, .courses-page .course-entry .enrollment-page-end .content .program ul li.text-left a:first-child, .enrollment-page-end .content #sticky.stick .text-left.container a:first-child, #sticky.stick .enrollment-page-end .content .text-left.container a:first-child, .enrollment-page-end .content #sticky.stick .text-left.main-container a:first-child, #sticky.stick .enrollment-page-end .content .text-left.main-container a:first-child, .enrollment-page-end .content .block-courses .program-days article.text-left a:first-child, .block-courses .program-days .enrollment-page-end .content article.text-left a:first-child, .enrollment-page-end .content .block-courses .program-days article .text-left.courseProgramInfo a:first-child, .block-courses .program-days article .enrollment-page-end .content .text-left.courseProgramInfo a:first-child, .enrollment-page-end .content .block-courses .program-days article .text-left.title a:first-child, .block-courses .program-days article .enrollment-page-end .content .text-left.title a:first-child, .enrollment-page-end .content .block-courses .program-days.pkpd ul li.text-left a:first-child, .block-courses .program-days.pkpd ul .enrollment-page-end .content li.text-left a:first-child, .enrollment-page-end .content .block-courses .program-days.pkpd .text-left.courseProgramInfo a:first-child, .block-courses .program-days.pkpd .enrollment-page-end .content .text-left.courseProgramInfo a:first-child, .enrollment-page-end .content .enrollment-page .info-course .box dl.text-left a:first-child, .enrollment-page .info-course .box .enrollment-page-end .content dl.text-left a:first-child, .enrollment-page-end .content .enrollment-page .info-course .box15 dl.text-left a:first-child, .enrollment-page .info-course .box15 .enrollment-page-end .content dl.text-left a:first-child, .enrollment-page-end .content .enrollment-page .info-course .box25 dl.text-left a:first-child, .enrollment-page .info-course .box25 .enrollment-page-end .content dl.text-left a:first-child, .enrollment-page-end .content .enrollment-page .info-course .categories-box dl.text-left a:first-child, .enrollment-page .info-course .categories-box .enrollment-page-end .content dl.text-left a:first-child, .enrollment-page-end .content .enrollment-page .info-course .contact-page .contact-address dl.text-left a:first-child, .enrollment-page .info-course .contact-page .contact-address .enrollment-page-end .content dl.text-left a:first-child, .enrollment-page-end .content .contact-page .enrollment-page .info-course .contact-address dl.text-left a:first-child, .contact-page .enrollment-page .info-course .contact-address .enrollment-page-end .content dl.text-left a:first-child, .enrollment-page-end .content .enrollment-page .info-course .enrollment-end dl.text-left a:first-child, .enrollment-page .info-course .enrollment-end .enrollment-page-end .content dl.text-left a:first-child, .enrollment-page-end .content .enrollment-page .info-course .impressions-box dl.text-left a:first-child, .enrollment-page .info-course .impressions-box .enrollment-page-end .content dl.text-left a:first-child, .enrollment-page-end .content .enrollment-page .info-course .students-box dl.text-left a:first-child, .enrollment-page .info-course .students-box .enrollment-page-end .content dl.text-left a:first-child, .enrollment-page-end .content .enrollment-page .info-course .info-box dl.text-left a:first-child, .enrollment-page .info-course .info-box .enrollment-page-end .content dl.text-left a:first-child, .enrollment-page-end .content .enrollment-page .enrollment-end .text-left.content a:first-child, .enrollment-page .enrollment-end .enrollment-page-end .content .text-left.content a:first-child, .enrollment-page-end .content #modal-profile-password .modal-body .text-left.form-group a:first-child, #modal-profile-password .modal-body .enrollment-page-end .content .text-left.form-group a:first-child, .enrollment-page-end .content .user-course-page .course-lessons .day .text-left.quiz a:first-child, .user-course-page .course-lessons .day .enrollment-page-end .content .text-left.quiz a:first-child, .enrollment-page-end .content .user-course-page .course-lessons .day .quiz .text-left.quiz-body a:first-child, .user-course-page .course-lessons .day .quiz .enrollment-page-end .content .text-left.quiz-body a:first-child, .enrollment-page-end .content .my-courses .text-left.progress-holder a:first-child, .my-courses .enrollment-page-end .content .text-left.progress-holder a:first-child, .enrollment-page-end .content .home-page .students-box footer.text-left a:first-child, .home-page .students-box .enrollment-page-end .content footer.text-left a:first-child, .enrollment-page-end .content .comments-hover-menu header.text-left a:first-child, .comments-hover-menu .enrollment-page-end .content header.text-left a:first-child, .enrollment-page-end .content .students-comments ul.text-left a:first-child, .students-comments .enrollment-page-end .content ul.text-left a:first-child, .enrollment-page-end .content .text-left.free-space-school a:first-child, .enrollment-page-end .content .impressions-box .text-left.holder a:first-child, .impressions-box .enrollment-page-end .content .text-left.holder a:first-child, .enrollment-page-end .content .students-box > .text-left.holder a:first-child, .enrollment-page-end .content .text-left.search-students a:first-child, .enrollment-page-end .content .showcase-page .students-box footer .text-left.holder a:first-child, .showcase-page .students-box footer .enrollment-page-end .content .text-left.holder a:first-child, .enrollment-page-end .content .student-page .text-left.student-social a:first-child, .student-page .enrollment-page-end .content .text-left.student-social a:first-child, .enrollment-page-end .content .info-page .text-left.shares a:first-child, .info-page .enrollment-page-end .content .text-left.shares a:first-child, .enrollment-page-end .content .info-box .text-left.holder a:first-child, .info-box .enrollment-page-end .content .text-left.holder a:first-child, .enrollment-page-end .content .user-payment .user-payments-content .text-left.static-text a:first-child, .user-payment .user-payments-content .enrollment-page-end .content .text-left.static-text a:first-child, .enrollment-page-end .content .user-consultation .text-left.buy-consultation-holder a:first-child, .user-consultation .enrollment-page-end .content .text-left.buy-consultation-holder a:first-child, .enrollment-page-end .content .top-list-page article.text-left a:first-child, .top-list-page .enrollment-page-end .content article.text-left a:first-child, .enrollment-page-end .content .user-points .dd-menu-holder .user-dd-menu .text-left.badges-holder a:first-child, .user-points .dd-menu-holder .user-dd-menu .enrollment-page-end .content .text-left.badges-holder a:first-child {
      margin-right: 15px; }
    @media (min-width: 0) and (max-width: 543px) {
      .enrollment-page-end .content .clearfix.text-left a, .enrollment-page-end .content #user-panel .user-header .text-left.container a, #user-panel .user-header .enrollment-page-end .content .text-left.container a, .enrollment-page-end .content #user-panel .user-header .text-left.main-container a, #user-panel .user-header .enrollment-page-end .content .text-left.main-container a, .enrollment-page-end .content #user-panel .user-header .text-left.user-nav a, #user-panel .user-header .enrollment-page-end .content .text-left.user-nav a, .enrollment-page-end .content #user-panel .text-left.content-filters a, #user-panel .enrollment-page-end .content .text-left.content-filters a, .enrollment-page-end .user-payment-end .content .user-payments-content p.text-left a, .user-payment-end .enrollment-page-end .content .user-payments-content p.text-left a, .enrollment-page-end .content .text-left.popover-content a, .enrollment-page-end .content .main-footer small.text-left a, .main-footer .enrollment-page-end .content small.text-left a, .enrollment-page-end .content .user-footer small.text-left a, .user-footer .enrollment-page-end .content small.text-left a, .enrollment-page-end .content .main-footer .social-badge .text-left.social-net a, .main-footer .social-badge .enrollment-page-end .content .text-left.social-net a, .enrollment-page-end .content .user-footer .social-badge .text-left.social-net a, .user-footer .social-badge .enrollment-page-end .content .text-left.social-net a, .enrollment-page-end .content .main-footer .footer-right .learn-in-classroom .text-left.holder a, .main-footer .footer-right .learn-in-classroom .enrollment-page-end .content .text-left.holder a, .enrollment-page-end .content .alert-error .text-left.container a, .alert-error .enrollment-page-end .content .text-left.container a, .enrollment-page-end .content .alert-error .text-left.main-container a, .alert-error .enrollment-page-end .content .text-left.main-container a, .enrollment-page-end .content .alert-success .text-left.container a, .alert-success .enrollment-page-end .content .text-left.container a, .enrollment-page-end .content .alert-success .text-left.main-container a, .alert-success .enrollment-page-end .content .text-left.main-container a, .enrollment-page-end .content .alert-info .text-left.container a, .alert-info .enrollment-page-end .content .text-left.container a, .enrollment-page-end .content .alert-info .text-left.main-container a, .alert-info .enrollment-page-end .content .text-left.main-container a, .enrollment-page-end .content .alert-warning .text-left.container a, .alert-warning .enrollment-page-end .content .text-left.container a, .enrollment-page-end .content .alert-warning .text-left.main-container a, .alert-warning .enrollment-page-end .content .text-left.main-container a, .enrollment-page-end .content .text-left.admin-alert a, .enrollment-page-end .content .sub-header-aqua .text-left.container a, .sub-header-aqua .enrollment-page-end .content .text-left.container a, .enrollment-page-end .content .sub-header-aqua .text-left.main-container a, .sub-header-aqua .enrollment-page-end .content .text-left.main-container a, .enrollment-page-end .content .sub-header-aqua .container .text-left.sub-right a, .sub-header-aqua .container .enrollment-page-end .content .text-left.sub-right a, .enrollment-page-end .content .sub-header-aqua .main-container .text-left.sub-right a, .sub-header-aqua .main-container .enrollment-page-end .content .text-left.sub-right a, .enrollment-page-end .content .sub-header-blue .text-left.container a, .sub-header-blue .enrollment-page-end .content .text-left.container a, .enrollment-page-end .content .sub-header-blue .text-left.main-container a, .sub-header-blue .enrollment-page-end .content .text-left.main-container a, .enrollment-page-end .content .sub-header-blue .container .text-left.sub-right a, .sub-header-blue .container .enrollment-page-end .content .text-left.sub-right a, .enrollment-page-end .content .sub-header-blue .main-container .text-left.sub-right a, .sub-header-blue .main-container .enrollment-page-end .content .text-left.sub-right a, .enrollment-page-end .content .sub-header-red .text-left.container a, .sub-header-red .enrollment-page-end .content .text-left.container a, .enrollment-page-end .content .sub-header-red .text-left.main-container a, .sub-header-red .enrollment-page-end .content .text-left.main-container a, .enrollment-page-end .content .sub-header-red .container .text-left.sub-right a, .sub-header-red .container .enrollment-page-end .content .text-left.sub-right a, .enrollment-page-end .content .sub-header-red .main-container .text-left.sub-right a, .sub-header-red .main-container .enrollment-page-end .content .text-left.sub-right a, .enrollment-page-end .content .toptitle-group .text-left.toptitle a, .toptitle-group .enrollment-page-end .content .text-left.toptitle a, .enrollment-page-end .content .text-left.badges a, .enrollment-page-end .content .text-left.two-columns a, .enrollment-page-end .content .courses-subcategory li a.text-left a, .courses-subcategory li .enrollment-page-end .content a.text-left a, .enrollment-page-end .content .course-archive.large-box .text-left.holder-group a, .course-archive.large-box .enrollment-page-end .content .text-left.holder-group a, .enrollment-page-end .content .text-left.featured-portfolio a, .enrollment-page-end .content .text-left.students-recommendations a, .enrollment-page-end .content .baner-gallery > div > .text-left.popup-gallery a, .enrollment-page-end .content .popup-box .text-left.social-net a, .popup-box .enrollment-page-end .content .text-left.social-net a, .enrollment-page-end .content .popup-box .social-net ul.text-left a, .popup-box .social-net .enrollment-page-end .content ul.text-left a, .enrollment-page-end .content .text-left.card-logos-holder a, .enrollment-page-end .content .card-logos-holder ul.text-left a, .card-logos-holder .enrollment-page-end .content ul.text-left a, .enrollment-page-end .content .text-left.skills a, .enrollment-page-end .content .text-left.pagination a, .enrollment-page-end .content .rating-stars-list ul.text-left a, .rating-stars-list .enrollment-page-end .content ul.text-left a, .enrollment-page-end .content .contact-page .text-left#send-us-mail a, .contact-page .enrollment-page-end .content .text-left#send-us-mail a, .enrollment-page-end .content .courses-page .course-entry header .text-left.enrollment-info a, .courses-page .course-entry header .enrollment-page-end .content .text-left.enrollment-info a, .enrollment-page-end .courses-page .course-entry .content .program ul li.text-left a, .courses-page .course-entry .enrollment-page-end .content .program ul li.text-left a, .enrollment-page-end .content #sticky.stick .text-left.container a, #sticky.stick .enrollment-page-end .content .text-left.container a, .enrollment-page-end .content #sticky.stick .text-left.main-container a, #sticky.stick .enrollment-page-end .content .text-left.main-container a, .enrollment-page-end .content .block-courses .program-days article.text-left a, .block-courses .program-days .enrollment-page-end .content article.text-left a, .enrollment-page-end .content .block-courses .program-days article .text-left.courseProgramInfo a, .block-courses .program-days article .enrollment-page-end .content .text-left.courseProgramInfo a, .enrollment-page-end .content .block-courses .program-days article .text-left.title a, .block-courses .program-days article .enrollment-page-end .content .text-left.title a, .enrollment-page-end .content .block-courses .program-days.pkpd ul li.text-left a, .block-courses .program-days.pkpd ul .enrollment-page-end .content li.text-left a, .enrollment-page-end .content .block-courses .program-days.pkpd .text-left.courseProgramInfo a, .block-courses .program-days.pkpd .enrollment-page-end .content .text-left.courseProgramInfo a, .enrollment-page-end .content .enrollment-page .info-course .box dl.text-left a, .enrollment-page .info-course .box .enrollment-page-end .content dl.text-left a, .enrollment-page-end .content .enrollment-page .info-course .box15 dl.text-left a, .enrollment-page .info-course .box15 .enrollment-page-end .content dl.text-left a, .enrollment-page-end .content .enrollment-page .info-course .box25 dl.text-left a, .enrollment-page .info-course .box25 .enrollment-page-end .content dl.text-left a, .enrollment-page-end .content .enrollment-page .info-course .categories-box dl.text-left a, .enrollment-page .info-course .categories-box .enrollment-page-end .content dl.text-left a, .enrollment-page-end .content .enrollment-page .info-course .contact-page .contact-address dl.text-left a, .enrollment-page .info-course .contact-page .contact-address .enrollment-page-end .content dl.text-left a, .enrollment-page-end .content .contact-page .enrollment-page .info-course .contact-address dl.text-left a, .contact-page .enrollment-page .info-course .contact-address .enrollment-page-end .content dl.text-left a, .enrollment-page-end .content .enrollment-page .info-course .enrollment-end dl.text-left a, .enrollment-page .info-course .enrollment-end .enrollment-page-end .content dl.text-left a, .enrollment-page-end .content .enrollment-page .info-course .impressions-box dl.text-left a, .enrollment-page .info-course .impressions-box .enrollment-page-end .content dl.text-left a, .enrollment-page-end .content .enrollment-page .info-course .students-box dl.text-left a, .enrollment-page .info-course .students-box .enrollment-page-end .content dl.text-left a, .enrollment-page-end .content .enrollment-page .info-course .info-box dl.text-left a, .enrollment-page .info-course .info-box .enrollment-page-end .content dl.text-left a, .enrollment-page-end .content .enrollment-page .enrollment-end .text-left.content a, .enrollment-page .enrollment-end .enrollment-page-end .content .text-left.content a, .enrollment-page-end .content #modal-profile-password .modal-body .text-left.form-group a, #modal-profile-password .modal-body .enrollment-page-end .content .text-left.form-group a, .enrollment-page-end .content .user-course-page .course-lessons .day .text-left.quiz a, .user-course-page .course-lessons .day .enrollment-page-end .content .text-left.quiz a, .enrollment-page-end .content .user-course-page .course-lessons .day .quiz .text-left.quiz-body a, .user-course-page .course-lessons .day .quiz .enrollment-page-end .content .text-left.quiz-body a, .enrollment-page-end .content .my-courses .text-left.progress-holder a, .my-courses .enrollment-page-end .content .text-left.progress-holder a, .enrollment-page-end .content .home-page .students-box footer.text-left a, .home-page .students-box .enrollment-page-end .content footer.text-left a, .enrollment-page-end .content .comments-hover-menu header.text-left a, .comments-hover-menu .enrollment-page-end .content header.text-left a, .enrollment-page-end .content .students-comments ul.text-left a, .students-comments .enrollment-page-end .content ul.text-left a, .enrollment-page-end .content .text-left.free-space-school a, .enrollment-page-end .content .impressions-box .text-left.holder a, .impressions-box .enrollment-page-end .content .text-left.holder a, .enrollment-page-end .content .students-box > .text-left.holder a, .enrollment-page-end .content .text-left.search-students a, .enrollment-page-end .content .showcase-page .students-box footer .text-left.holder a, .showcase-page .students-box footer .enrollment-page-end .content .text-left.holder a, .enrollment-page-end .content .student-page .text-left.student-social a, .student-page .enrollment-page-end .content .text-left.student-social a, .enrollment-page-end .content .info-page .text-left.shares a, .info-page .enrollment-page-end .content .text-left.shares a, .enrollment-page-end .content .info-box .text-left.holder a, .info-box .enrollment-page-end .content .text-left.holder a, .enrollment-page-end .content .user-payment .user-payments-content .text-left.static-text a, .user-payment .user-payments-content .enrollment-page-end .content .text-left.static-text a, .enrollment-page-end .content .user-consultation .text-left.buy-consultation-holder a, .user-consultation .enrollment-page-end .content .text-left.buy-consultation-holder a, .enrollment-page-end .content .top-list-page article.text-left a, .top-list-page .enrollment-page-end .content article.text-left a, .enrollment-page-end .content .user-points .dd-menu-holder .user-dd-menu .text-left.badges-holder a, .user-points .dd-menu-holder .user-dd-menu .enrollment-page-end .content .text-left.badges-holder a {
        margin-bottom: 15px; } }
    @media (max-width: 1199px) {
      .enrollment-page-end .content img {
        width: 250px;
        margin: auto; } }

.promo-col {
  _overflow: hidden; }
  .promo-col .enroll-promocode {
    float: left; }
    .promo-col .enroll-promocode input.promocode-control {
      width: 200px;
      text-transform: uppercase;
      display: inline-block;
      float: left; }
    .promo-col .enroll-promocode button.promo-submit {
      margin-right: 20px;
      float: left; }
    .promo-col .enroll-promocode .promo-info-container {
      padding-top: 15px;
      float: left; }
    .promo-col .enroll-promocode .promo-fields {
      _overflow: hidden; }
    .promo-col .enroll-promocode .promo-message-ok, .promo-col .enroll-promocode .promo-message-bad {
      padding: 10px 15px;
      background: white;
      color: #45aca8;
      display: inline-block;
      margin: 15px 0; }
    .promo-col .enroll-promocode .promo-message-bad {
      color: #C77272; }

.enroll-price {
  margin-bottom: 20px; }
  .enroll-price h2 {
    margin-bottom: 0; }

.enrollment-info-box {
  margin-top: 30px;
  padding: 25px;
  background-color: #38938f; }
  @media (min-width: 992px) {
    .enrollment-info-box {
      margin-bottom: 0; } }
  .enrollment-info-box h2, .enrollment-info-box h3 {
    font-family: "Gotham-Ultra";
    font-size: 24px;
    text-transform: uppercase;
    color: white; }
  @media (min-width: 1200px) {
    .enrollment-info-box h2 {
      font-size: 50px; } }
  .enrollment-info-box h3 {
    margin-bottom: 20px; }
  .enrollment-info-box ul li {
    font-size: 16px; }
    .enrollment-info-box ul li a {
      text-decoration: none; }

.nothingAnyPay {
  margin-top: 15px;
  float: left; }

@media (min-width: 992px) {
  .enrollmentFlex {
    display: -ms-flexbox;
    display: flex; }
    .enrollmentFlex .flexElement {
      -ms-flex-item-align: end;
      align-self: flex-end; } }

.hover-element-script-practice, .user-course-page .course-lessons .day .lesson .lesson-practice .hover-element, .user-course-page .course-lessons .day .lesson .lesson-script .hover-element {
  display: none;
  position: absolute;
  background: #eee;
  min-width: 150px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  top: -55px;
  left: -68px;
  border-radius: 4px; }
  .hover-element-script-practice:after, .user-course-page .course-lessons .day .lesson .lesson-practice .hover-element:after, .user-course-page .course-lessons .day .lesson .lesson-script .hover-element:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #eee;
    bottom: -10px;
    margin: auto;
    left: 0;
    right: 0; }

.user-course-page section.consultation-form h4 {
  margin-top: 0;
  margin-bottom: 12px; }

.user-course-page section.consultation-form .form-group {
  margin-bottom: 10px; }

.user-course-page section.consultation-form button {
  margin-left: 10px; }

.user-course-page .course-lessons header .row, .user-course-page .course-lessons header .sub-header-block {
  width: calc(100% - 55px); }

.user-course-page .course-lessons header {
  background-color: white;
  padding: 20px 0;
  font-size: 20px;
  position: relative; }
  .user-course-page .course-lessons header > .container, .user-course-page .course-lessons header > .main-container {
    position: relative; }
  .user-course-page .course-lessons header span {
    font-size: 18px; }
  .user-course-page .course-lessons header h1, .user-course-page .course-lessons header .cke_editable h2, .cke_editable .user-course-page .course-lessons header h2, .user-course-page .course-lessons header .cke_editable h3, .cke_editable .user-course-page .course-lessons header h3, .user-course-page .course-lessons header .cke_editable h4, .cke_editable .user-course-page .course-lessons header h4 {
    margin-top: 0;
    margin-bottom: 0;
    text-align: center; }
    @media (min-width: 544px) {
      .user-course-page .course-lessons header h1, .user-course-page .course-lessons header .cke_editable h2, .cke_editable .user-course-page .course-lessons header h2, .user-course-page .course-lessons header .cke_editable h3, .cke_editable .user-course-page .course-lessons header h3, .user-course-page .course-lessons header .cke_editable h4, .cke_editable .user-course-page .course-lessons header h4 {
        line-height: 46px;
        text-align: left; } }
    @media (min-width: 768px) {
      .user-course-page .course-lessons header h1, .user-course-page .course-lessons header .cke_editable h2, .cke_editable .user-course-page .course-lessons header h2, .user-course-page .course-lessons header .cke_editable h3, .cke_editable .user-course-page .course-lessons header h3, .user-course-page .course-lessons header .cke_editable h4, .cke_editable .user-course-page .course-lessons header h4 {
        font-size: 36px; } }
  .user-course-page .course-lessons header p {
    margin: 0 40px 0 0;
    display: inline-block;
    font-size: 16px; }
  .user-course-page .course-lessons header .course-progress {
    width: calc(100% - 70px); }
    .user-course-page .course-lessons header .course-progress .progress {
      width: 100%;
      background-color: #eee;
      height: 10px; }
      .user-course-page .course-lessons header .course-progress .progress .progress-bar {
        background-color: #38b4d6;
        height: 10px;
        width: 0;
        transition: all 1s;
        transition-timing-function: ease-out; }
    .user-course-page .course-lessons header .course-progress .cat-icon {
      display: none;
      position: absolute;
      top: -41px;
      right: -21px; }
      @media (min-width: 992px) {
        .user-course-page .course-lessons header .course-progress .cat-icon {
          display: block; } }
      .user-course-page .course-lessons header .course-progress .cat-icon .hover-element {
        display: none;
        background-color: #eee;
        width: 110px;
        height: 40px;
        text-align: center;
        line-height: 40px;
        position: absolute;
        left: -32px;
        bottom: -54px;
        border-radius: 4px; }
        .user-course-page .course-lessons header .course-progress .cat-icon .hover-element:after {
          content: "";
          position: absolute;
          width: 0;
          height: 0;
          border-left: 10px solid transparent;
          border-right: 10px solid transparent;
          border-bottom: 10px solid #eee;
          top: -10px;
          left: 0;
          right: 0;
          margin: auto; }
      .user-course-page .course-lessons header .course-progress .cat-icon:hover .hover-element {
        display: inline-block; }
      .user-course-page .course-lessons header .course-progress .cat-icon #c_cat {
        opacity: 0;
        transition: all 0.4s; }
  .user-course-page .course-lessons header .left-column, .user-course-page .course-lessons header .right-column {
    padding-left: 15px;
    padding-right: 15px; }
  .user-course-page .course-lessons header .right-column {
    position: relative;
    padding-right: 0; }
    @media (min-width: 544px) {
      .user-course-page .course-lessons header .right-column {
        text-align: right; } }
  .user-course-page .course-lessons header .info {
    line-height: 40px;
    font-family: "Roboto Condensed"; }
    @media (min-width: 544px) {
      .user-course-page .course-lessons header .info {
        display: inline-block; } }
  .user-course-page .course-lessons header .icon {
    position: absolute;
    display: inline-block;
    bottom: -5px; }
    .user-course-page .course-lessons header .icon svg {
      width: 50px;
      height: 50px; }
      .user-course-page .course-lessons header .icon svg path:first-child {
        fill: #38b4d6; }
    .user-course-page .course-lessons header .icon.finished {
      right: -7px; }
      .user-course-page .course-lessons header .icon.finished svg {
        width: 95px;
        height: 95px; }
    .user-course-page .course-lessons header .icon.regular {
      right: 14px; }
  .user-course-page .course-lessons header #c_title {
    display: inline-block; }
    @media (min-width: 0) and (max-width: 499px) {
      .user-course-page .course-lessons header #c_title h1, .user-course-page .course-lessons header #c_title .cke_editable h2, .cke_editable .user-course-page .course-lessons header #c_title h2, .user-course-page .course-lessons header #c_title .cke_editable h3, .cke_editable .user-course-page .course-lessons header #c_title h3, .user-course-page .course-lessons header #c_title .cke_editable h4, .cke_editable .user-course-page .course-lessons header #c_title h4 {
        font-size: 16px;
        font-weight: bold; } }

.user-course-page .course-lessons .day {
  margin-bottom: 50px; }
  .user-course-page .course-lessons .day > h2 {
    text-indent: 20px;
    margin-top: 0;
    font-size: 18px;
    text-transform: none;
    font-weight: normal;
    color: #22a7ca; }
    @media (min-width: 768px) {
      .user-course-page .course-lessons .day > h2 {
        font-size: 24px; } }
    .user-course-page .course-lessons .day > h2 span {
      color: #333; }
  .user-course-page .course-lessons .day .lesson {
    background-color: white;
    border-bottom: 1px solid #f5f5f5; }
    .user-course-page .course-lessons .day .lesson:last-child {
      border-bottom: 0; }
    .user-course-page .course-lessons .day .lesson a {
      position: relative;
      padding: 10px;
      display: block;
      line-height: 0;
      color: #373D3F;
      font-family: "Roboto Condensed";
      transition: color 0.4s; }
      @media (min-width: 544px) {
        .user-course-page .course-lessons .day .lesson a {
          padding: 15px; } }
      .user-course-page .course-lessons .day .lesson a:hover, .user-course-page .course-lessons .day .lesson a:focus {
        color: #333; }
    .user-course-page .course-lessons .day .lesson .lesson-state {
      float: left;
      display: inline-block;
      text-align: center;
      width: 24px;
      line-height: 24px;
      margin-right: 10px;
      margin-top: 5px;
      position: relative; }
      @media (min-width: 544px) {
        .user-course-page .course-lessons .day .lesson .lesson-state {
          margin-right: 29px;
          margin-top: 0; } }
      .user-course-page .course-lessons .day .lesson .lesson-state:after {
        content: "";
        position: absolute;
        width: 1px;
        height: calc(100% + 30px);
        background-color: #f5f5f5;
        right: 0;
        top: -15px; }
        @media (min-width: 544px) {
          .user-course-page .course-lessons .day .lesson .lesson-state:after {
            right: -15px; } }
    @media (min-width: 544px) {
      .user-course-page .course-lessons .day .lesson .lesson-state-1 {
        width: 24px;
        height: 24px;
        line-height: 24px; } }
    .user-course-page .course-lessons .day .lesson .lesson-state-2 {
      border: 4px solid #EA845B; }
      @media (min-width: 544px) {
        .user-course-page .course-lessons .day .lesson .lesson-state-2 {
          width: 24px;
          height: 24px;
          line-height: 24px; } }
    .user-course-page .course-lessons .day .lesson .lesson-state-3 {
      border: 4px solid #EA845B;
      background-color: #EA845B; }
      @media (min-width: 544px) {
        .user-course-page .course-lessons .day .lesson .lesson-state-3 {
          width: 24px;
          height: 24px;
          line-height: 24px; } }
    .user-course-page .course-lessons .day .lesson h3 {
      color: inherit;
      line-height: 24px;
      display: inline-block;
      font-weight: normal;
      text-transform: none;
      font-size: 14px;
      margin: 0;
      width: 50%; }
      @media (min-width: 544px) {
        .user-course-page .course-lessons .day .lesson h3 {
          font-size: 16px;
          width: 62%; } }
      @media (min-width: 1200px) {
        .user-course-page .course-lessons .day .lesson h3 {
          width: 77%; } }
    .user-course-page .course-lessons .day .lesson .icons-holder {
      position: absolute;
      top: 14px;
      right: 10px; }
      .user-course-page .course-lessons .day .lesson .icons-holder .scr-mat {
        padding-right: 9px;
        border-right: 1px solid #eee; }
    .user-course-page .course-lessons .day .lesson .lesson-play, .user-course-page .course-lessons .day .lesson .lesson-script, .user-course-page .course-lessons .day .lesson .lesson-practice {
      display: inline-block; }
      .user-course-page .course-lessons .day .lesson .lesson-play i, .user-course-page .course-lessons .day .lesson .lesson-script i, .user-course-page .course-lessons .day .lesson .lesson-practice i {
        color: #82bfd7;
        position: relative;
        top: 2px; }
        @media (min-width: 544px) {
          .user-course-page .course-lessons .day .lesson .lesson-play i, .user-course-page .course-lessons .day .lesson .lesson-script i, .user-course-page .course-lessons .day .lesson .lesson-practice i {
            font-size: 16px; } }
      .user-course-page .course-lessons .day .lesson .lesson-play .numberCircle, .user-course-page .course-lessons .day .lesson .lesson-script .numberCircle, .user-course-page .course-lessons .day .lesson .lesson-practice .numberCircle {
        position: absolute;
        top: -6px;
        right: -2px;
        width: 14px;
        height: 14px;
        background: #C77272;
        display: inline-block;
        line-height: 14px;
        text-align: center;
        border-radius: 50%;
        color: white;
        font-size: 10px; }
    .user-course-page .course-lessons .day .lesson .lesson-practice {
      position: relative; }
      .user-course-page .course-lessons .day .lesson .lesson-practice:hover .hover-element {
        display: block; }
      .user-course-page .course-lessons .day .lesson .lesson-practice i {
        margin-right: 3px; }
    .user-course-page .course-lessons .day .lesson .lesson-duration {
      display: none;
      position: relative;
      top: -2px;
      margin-right: 5px; }
      @media (min-width: 768px) {
        .user-course-page .course-lessons .day .lesson .lesson-duration {
          display: inline-block; } }
    .user-course-page .course-lessons .day .lesson .lesson-play {
      font-size: 14px;
      line-height: 24px;
      min-width: 70px;
      text-align: right; }
      @media (min-width: 0) and (max-width: 543px) {
        .user-course-page .course-lessons .day .lesson .lesson-play {
          min-width: 45px; } }
      .user-course-page .course-lessons .day .lesson .lesson-play i {
        margin-left: 3px; }
        @media (min-width: 0) and (max-width: 543px) {
          .user-course-page .course-lessons .day .lesson .lesson-play i {
            display: none; } }
    .user-course-page .course-lessons .day .lesson .lesson-script {
      position: relative; }
      @media (min-width: 0) and (max-width: 543px) {
        .user-course-page .course-lessons .day .lesson .lesson-script {
          padding-right: 5px;
          margin-right: 0; } }
      .user-course-page .course-lessons .day .lesson .lesson-script:hover .hover-element {
        display: block; }
    .user-course-page .course-lessons .day .lesson:hover h3.title {
      text-decoration: underline; }
    .user-course-page .course-lessons .day .lesson.lesson-module-kviz > a {
      height: 60px; }
      @media (min-width: 544px) {
        .user-course-page .course-lessons .day .lesson.lesson-module-kviz > a {
          height: 80px; } }
    .user-course-page .course-lessons .day .lesson.lesson-module-kviz .title {
      width: 62%;
      font-weight: normal;
      line-height: 1.5; }
      @media (min-width: 992px) {
        .user-course-page .course-lessons .day .lesson.lesson-module-kviz .title {
          font-size: 22px;
          line-height: 1.1; } }
      .user-course-page .course-lessons .day .lesson.lesson-module-kviz .title b {
        font-size: 14px;
        text-transform: uppercase; }
    .user-course-page .course-lessons .day .lesson.lesson-module-kviz .play-start-holder {
      float: right;
      margin-top: 9px; }
      @media (min-width: 544px) {
        .user-course-page .course-lessons .day .lesson.lesson-module-kviz .play-start-holder {
          margin-top: 13px; } }
      @media (min-width: 1200px) {
        .user-course-page .course-lessons .day .lesson.lesson-module-kviz .play-start-holder {
          margin-top: 9px; } }
      @media (min-width: 0) and (max-width: 1199px) {
        .user-course-page .course-lessons .day .lesson.lesson-module-kviz .play-start-holder > button {
          display: none; } }
    .user-course-page .course-lessons .day .lesson.lesson-module-kviz .lesson-play {
      margin-right: 10px;
      line-height: normal;
      font-size: 16px; }
    .user-course-page .course-lessons .day .lesson.lesson-module-kviz .lesson-state {
      line-height: 1;
      margin-top: 13px; }
      .user-course-page .course-lessons .day .lesson.lesson-module-kviz .lesson-state:after {
        height: calc(100% + 45px);
        top: -23px; }
        @media (min-width: 544px) {
          .user-course-page .course-lessons .day .lesson.lesson-module-kviz .lesson-state:after {
            height: calc(100% + 56px);
            top: -28px; } }
  .user-course-page .course-lessons .day .quiz {
    background-color: white; }
    .user-course-page .course-lessons .day .quiz .quiz-head {
      background-color: #135f73;
      padding: 20px 30px;
      float: left;
      font-size: 16px;
      color: #38b4d6;
      text-transform: uppercase;
      font-weight: bold;
      margin-right: 15px;
      line-height: 1; }
    .user-course-page .course-lessons .day .quiz .quiz-body {
      padding: 8px; }
      .user-course-page .course-lessons .day .quiz .quiz-body > * {
        float: left; }
        .user-course-page .course-lessons .day .quiz .quiz-body > *:not(.btn):not(.btn-browse):not(button):not(.play-video-responsive) {
          padding-top: 12px;
          padding-bottom: 12px; }
        .user-course-page .course-lessons .day .quiz .quiz-body > *:first-child {
          position: relative;
          padding-left: 60px; }
          .user-course-page .course-lessons .day .quiz .quiz-body > *:first-child:before {
            content: "";
            position: absolute;
            width: 1px;
            height: calc(100% + 16px);
            background-color: #f5f5f5;
            top: -8px;
            left: 45px; }
      .user-course-page .course-lessons .day .quiz .quiz-body h3 {
        color: #135f73;
        font-size: 16px;
        margin: 0 0 0 10px;
        border-left: 1px solid #f5f5f5;
        padding-left: 9px; }
      .user-course-page .course-lessons .day .quiz .quiz-body a {
        float: right;
        position: relative;
        top: 10px; }
    .user-course-page .course-lessons .day .quiz.finished-quiz .quiz-body h2 {
      font-size: 30px;
      color: #38b4d6;
      margin: 0;
      padding-top: 6px;
      padding-bottom: 6px; }
    .user-course-page .course-lessons .day .quiz.finished-quiz .quiz-body h3 {
      text-transform: none;
      border-left: none;
      font-size: 20px;
      color: #373D3F; }
  .user-course-page .course-lessons .day:last-of-type {
    margin-bottom: 90px; }

.user-course-page .course-lessons .total-info {
  padding: 18px 18px 13px;
  margin-top: -30px; }
  .user-course-page .course-lessons .total-info h3.total-info-text {
    font-size: 24px;
    width: 100%;
    margin: 0; }
  .user-course-page .course-lessons .total-info .duration-info {
    padding-top: 1px;
    font-size: 16px; }

.user-course-page .training-courses {
  margin-top: 36px; }
  .user-course-page .training-courses .training-courses-title {
    margin-bottom: 20px; }
  .user-course-page .training-courses .course-list {
    padding-left: 0;
    list-style: none; }
    .user-course-page .training-courses .course-list .course-item {
      margin-bottom: 10px; }
      .user-course-page .training-courses .course-list .course-item .course_link {
        margin-bottom: 5px;
        font-size: 16px;
        color: #333;
        font-family: "Roboto Condensed"; }
      .user-course-page .training-courses .course-list .course-item .progress {
        margin-top: 5px; }

.user-course-page .consultations {
  margin-top: 36px; }

.user-course-page .consultations {
  background-color: #C2E4E7;
  padding: 20px; }
  .user-course-page .consultations strong {
    display: block;
    margin-bottom: 10px; }
  .user-course-page .consultations p {
    margin-bottom: 30px; }
  .user-course-page .consultations a {
    font-weight: bold;
    text-transform: capitalize; }
    @media (min-width: 768px) and (max-width: 991px) {
      .user-course-page .consultations a {
        padding: 5px 25px;
        min-width: 115px;
        height: 35px; } }

@media (min-width: 768px) {
  .user-course-page .course-archive .title {
    font-size: 24px;
    min-height: 52px; } }

.user-course-page .course-archive:not(.large-box) .text {
  height: auto;
  margin-bottom: 10px; }

.user-course-page .course-archive > .text {
  min-height: 60px; }

.courses-page .course-entry .content > section:nth-child(odd) {
  background-color: #f5f5f5; }
  .courses-page .course-entry .content > section:nth-child(odd) .holder-circle-main {
    background-color: white; }

.courses-page .course-entry .content > section:nth-child(even) {
  background-color: white; }
  .courses-page .course-entry .content > section:nth-child(even) .holder-circle-main {
    background-color: #f5f5f5; }

.courses-page.online-page #course-details #course-details-content article > *:not(i) {
  font-size: 14px; }

.courses-page.online-page #course-details .modal-header, .courses-page.online-page #course-details .modal .modal-body, .modal .courses-page.online-page #course-details .modal-body, .courses-page.online-page #course-details .modal .modal-footer, .modal .courses-page.online-page #course-details .modal-footer {
  padding-bottom: 10px;
  position: relative; }
  .courses-page.online-page #course-details .modal-header h3, .courses-page.online-page #course-details .modal .modal-body h3, .modal .courses-page.online-page #course-details .modal-body h3, .courses-page.online-page #course-details .modal .modal-footer h3, .modal .courses-page.online-page #course-details .modal-footer h3 {
    margin-bottom: 0; }
  .courses-page.online-page #course-details .modal-header:after, .courses-page.online-page #course-details .modal .modal-body:after, .modal .courses-page.online-page #course-details .modal-body:after, .courses-page.online-page #course-details .modal .modal-footer:after, .modal .courses-page.online-page #course-details .modal-footer:after {
    display: none; }
  .courses-page.online-page #course-details .modal-header #courseLinkDetail, .courses-page.online-page #course-details .modal .modal-body #courseLinkDetail, .modal .courses-page.online-page #course-details .modal-body #courseLinkDetail, .courses-page.online-page #course-details .modal .modal-footer #courseLinkDetail, .modal .courses-page.online-page #course-details .modal-footer #courseLinkDetail {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }

.courses-page.online-page #course-details .modal-body {
  padding-top: 0; }

@media (min-width: 0) and (max-width: 990px) {
  #course-details .modal-dialog {
    width: 90%;
    margin: 20px 10px 10px; } }

#classroom .quiz-section {
  padding: 0;
  padding-bottom: 30px;
  margin: 130px auto; }
  #classroom .quiz-section .quiz-section-child {
    background-color: white; }
    #classroom .quiz-section .quiz-section-child h1, #classroom .quiz-section .quiz-section-child .cke_editable h2, .cke_editable #classroom .quiz-section .quiz-section-child h2, #classroom .quiz-section .quiz-section-child .cke_editable h3, .cke_editable #classroom .quiz-section .quiz-section-child h3, #classroom .quiz-section .quiz-section-child .cke_editable h4, .cke_editable #classroom .quiz-section .quiz-section-child h4 {
      background-color: #B5DBE4;
      color: white;
      text-transform: uppercase;
      padding: 18px 20px 18px 39px;
      letter-spacing: 6.8px;
      margin-bottom: 25px; }
    #classroom .quiz-section .quiz-section-child .lead {
      padding: 0 42px;
      color: #999; }
    #classroom .quiz-section .quiz-section-child .answers {
      padding: 0 135px;
      margin-bottom: 25px; }
      #classroom .quiz-section .quiz-section-child .answers > * {
        float: left;
        clear: both;
        text-align: left; }
      #classroom .quiz-section .quiz-section-child .answers .btn, #classroom .quiz-section .quiz-section-child .answers .btn-browse, #classroom .quiz-section .quiz-section-child .answers button, #classroom .quiz-section .quiz-section-child .answers .play-video-responsive {
        background-color: transparent;
        font-size: 18px;
        margin-bottom: 3px;
        display: inherit;
        color: #999; }
        #classroom .quiz-section .quiz-section-child .answers .btn.selected, #classroom .quiz-section .quiz-section-child .answers .selected.btn-browse, #classroom .quiz-section .quiz-section-child .answers button.selected, #classroom .quiz-section .quiz-section-child .answers .selected.play-video-responsive {
          background-color: #82bfd7;
          color: white; }
        #classroom .quiz-section .quiz-section-child .answers .btn.correct, #classroom .quiz-section .quiz-section-child .answers .correct.btn-browse, #classroom .quiz-section .quiz-section-child .answers button.correct, #classroom .quiz-section .quiz-section-child .answers .correct.play-video-responsive {
          background-color: #45aca8;
          color: white; }
          #classroom .quiz-section .quiz-section-child .answers .btn.correct:hover, #classroom .quiz-section .quiz-section-child .answers .correct.btn-browse:hover, #classroom .quiz-section .quiz-section-child .answers button.correct:hover, #classroom .quiz-section .quiz-section-child .answers .correct.play-video-responsive:hover {
            background-color: #45aca8; }
        #classroom .quiz-section .quiz-section-child .answers .btn.wrong, #classroom .quiz-section .quiz-section-child .answers .wrong.btn-browse, #classroom .quiz-section .quiz-section-child .answers button.wrong, #classroom .quiz-section .quiz-section-child .answers .wrong.play-video-responsive {
          color: white;
          background-color: #C77272; }
          #classroom .quiz-section .quiz-section-child .answers .btn.wrong:hover, #classroom .quiz-section .quiz-section-child .answers .wrong.btn-browse:hover, #classroom .quiz-section .quiz-section-child .answers button.wrong:hover, #classroom .quiz-section .quiz-section-child .answers .wrong.play-video-responsive:hover {
            color: white;
            background-color: #C77272; }
      #classroom .quiz-section .quiz-section-child .answers .explanation {
        margin-bottom: 0;
        background-color: transparent;
        color: #45aca8;
        font-size: 17px; }
      #classroom .quiz-section .quiz-section-child .answers + p {
        margin-bottom: 0; }
    #classroom .quiz-section .quiz-section-child p .btn, #classroom .quiz-section .quiz-section-child p .btn-browse, #classroom .quiz-section .quiz-section-child p button, #classroom .quiz-section .quiz-section-child p .play-video-responsive {
      display: table;
      margin: auto;
      color: white !important; }
  #classroom .quiz-section .quiz-results .btn, #classroom .quiz-section .quiz-results .btn-browse, #classroom .quiz-section .quiz-results button, #classroom .quiz-section .quiz-results .play-video-responsive {
    color: white; }
  #classroom .quiz-section .quiz-section-child .result-circle {
    width: 200px;
    height: 200px;
    margin: 50px auto; }
    #classroom .quiz-section .quiz-section-child .result-circle .progressbar-text {
      letter-spacing: 2px;
      font-size: 26px;
      color: #eee;
      text-align: center; }
  #classroom .quiz-section .quiz-section-child p {
    color: #38b4d6;
    font-size: 21px;
    margin-bottom: 30px; }
  #classroom .quiz-section .btn-answer {
    width: 100%; }

.quiz-home-content {
  height: 100%;
  padding: 55px 174px; }
  .quiz-home-content h2 {
    font-size: 18px;
    text-transform: uppercase;
    color: #82bfd7;
    margin-top: 0;
    letter-spacing: 9px;
    padding-bottom: 20px;
    border-bottom: 1px solid #82bfd7;
    margin-bottom: 20px;
    text-align: center; }
  .quiz-home-content h1, .quiz-home-content .cke_editable h2, .cke_editable .quiz-home-content h2, .quiz-home-content .cke_editable h3, .cke_editable .quiz-home-content h3, .quiz-home-content .cke_editable h4, .cke_editable .quiz-home-content h4 {
    font-size: 30px;
    text-transform: uppercase;
    margin-top: 0;
    font-weight: bold;
    color: #22a7ca;
    text-align: center;
    margin-bottom: 2px; }
  .quiz-home-content p {
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    margin-bottom: 33px; }
  .quiz-home-content .btn, .quiz-home-content .btn-browse, .quiz-home-content button, .quiz-home-content .play-video-responsive {
    display: table;
    margin: 0 auto;
    color: #fff !important; }

/*Kviz index end*/
/*Quiz results start*/
.quiz-results #graph {
  margin: 0 auto; }
  .quiz-results #graph svg text tspan {
    fill: #82bfd7; }

.quiz-results > p {
  font-size: 20px;
  text-align: center; }

.quiz-results > .btn, .quiz-results > .btn-browse, .quiz-results > button, .quiz-results > .play-video-responsive {
  display: table;
  margin: 0 auto; }

/*Quiz results end*/
@media (max-height: 880px) {
  #classroom .quiz-section {
    margin: 120px auto; } }

@media (max-height: 820px) {
  #classroom .quiz-section {
    margin: 50px auto; } }

@media (max-height: 768px) {
  #classroom .quiz-section .quiz-section-child .answers {
    padding: 0 50px; } }

@media (max-height: 680px) {
  #classroom {
    overflow-y: auto; }
    #classroom .quiz-section {
      position: static;
      margin: 55px auto; } }

@media (max-width: 544px) {
  #classroom .quiz-section .quiz-section-child .answers {
    padding: 0 15px; }
    #classroom .quiz-section .quiz-section-child .answers .btn, #classroom .quiz-section .quiz-section-child .answers .btn-browse, #classroom .quiz-section .quiz-section-child .answers button, #classroom .quiz-section .quiz-section-child .answers .play-video-responsive {
      font-size: 16px; }
  #classroom .quiz-home-content {
    height: 100%;
    padding: 45px 30px; } }

.quiz-article-result {
  margin-left: -30px;
  margin-right: -30px; }
  @media (min-width: 768px) {
    .quiz-article-result .quiz-results {
      display: -ms-flexbox;
      display: flex; } }
  .quiz-article-result .quiz-results .circle-holder {
    margin-bottom: 40px; }
    @media (min-width: 768px) {
      .quiz-article-result .quiz-results .circle-holder {
        margin-right: 40px; } }
    .quiz-article-result .quiz-results .circle-holder #quiz-result-circle {
      margin: 0 auto; }
  .quiz-article-result .quiz-results .content-holder {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex: 1;
    flex: 1; }
    .quiz-article-result .quiz-results .content-holder .badges-conquer-title {
      margin-bottom: 40px; }
      .quiz-article-result .quiz-results .content-holder .badges-conquer-title p {
        margin-bottom: 0;
        font-size: 16px;
        color: #333; }
    .quiz-article-result .quiz-results .content-holder .wrong-answer h3 {
      font-family: "Gotham-Ultra";
      text-transform: uppercase;
      font-size: 20px;
      color: #333333;
      margin-bottom: 25px; }
    .quiz-article-result .quiz-results .content-holder .wrong-answer .quiz-article-question {
      width: 100%;
      font-family: "Roboto Condensed";
      margin-bottom: 40px; }
      .quiz-article-result .quiz-results .content-holder .wrong-answer .quiz-article-question .answers {
        margin-bottom: 15px; }
      .quiz-article-result .quiz-results .content-holder .wrong-answer .quiz-article-question .quiz-question-title {
        font-size: 20px;
        color: #333;
        margin-bottom: 10px; }
      .quiz-article-result .quiz-results .content-holder .wrong-answer .quiz-article-question .answer {
        padding: 10px;
        font-size: 16px;
        color: #333; }
        .quiz-article-result .quiz-results .content-holder .wrong-answer .quiz-article-question .answer.correct {
          background-color: transparent;
          padding-left: 14px;
          padding-top: 0;
          padding-bottom: 0; }
        .quiz-article-result .quiz-results .content-holder .wrong-answer .quiz-article-question .answer.exact {
          color: #33C9AF; }
      .quiz-article-result .quiz-results .content-holder .wrong-answer .quiz-article-question > a {
        height: 30px;
        min-width: 135px;
        padding: 4px 10px;
        margin-left: 33px; }
    @media (min-width: 0) and (max-width: 543px) {
      .quiz-article-result .quiz-results .content-holder .button-holder a:first-child:not(:only-child) {
        display: table;
        margin-bottom: 20px; } }
    @media (min-width: 544px) {
      .quiz-article-result .quiz-results .content-holder .button-holder {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between; } }

.quizzes-section {
  position: relative; }

.loadingElement {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: loadingRotate 2s infinite linear; }
  .loadingElement i {
    font-size: 60px; }

@keyframes loadingRotate {
  from {
    transform: translate(-50%, -50%) rotate(0); }
  to {
    transform: translate(-50%, -50%) rotate(360deg); } }

.notification-error {
  position: absolute;
  z-index: 20;
  top: 0;
  right: 15px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 100px 100px 0;
  border-color: transparent #E08283 transparent transparent; }
  .notification-error > span, .notification-error > svg {
    position: absolute;
    top: 15px; }
  .notification-error > span {
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    display: inline-block;
    border-radius: 50%;
    background-color: #EAB53F;
    right: -85px; }
    .notification-error > span i {
      font-size: 18px; }
    .notification-error > span span {
      font-size: 18px;
      font-weight: bold;
      color: white; }
  .notification-error > svg {
    right: -90px; }
  .notification-error .wishlist {
    position: absolute;
    left: 53px;
    top: 15px;
    z-index: 60; }

.notification-success {
  position: absolute;
  z-index: 20;
  top: 0;
  right: 15px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 100px 100px 0;
  border-color: transparent #45aca8 transparent transparent; }
  .notification-success > span, .notification-success > svg {
    position: absolute;
    top: 15px; }
  .notification-success > span {
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    display: inline-block;
    border-radius: 50%;
    background-color: #EAB53F;
    right: -85px; }
    .notification-success > span i {
      font-size: 18px; }
    .notification-success > span span {
      font-size: 18px;
      font-weight: bold;
      color: white; }
  .notification-success > svg {
    right: -90px; }
  .notification-success .wishlist {
    position: absolute;
    left: 53px;
    top: 15px;
    z-index: 60; }

.notification-info {
  position: absolute;
  z-index: 20;
  top: 0;
  right: 15px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 100px 100px 0;
  border-color: transparent #82bfd7 transparent transparent; }
  .notification-info > span, .notification-info > svg {
    position: absolute;
    top: 15px; }
  .notification-info > span {
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    display: inline-block;
    border-radius: 50%;
    background-color: #EAB53F;
    right: -85px; }
    .notification-info > span i {
      font-size: 18px; }
    .notification-info > span span {
      font-size: 18px;
      font-weight: bold;
      color: white; }
  .notification-info > svg {
    right: -90px; }
  .notification-info .wishlist {
    position: absolute;
    left: 53px;
    top: 15px;
    z-index: 60; }

.notification-wish {
  position: absolute;
  z-index: 20;
  top: 0;
  right: 15px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 100px 100px 0;
  border-color: transparent #E9C87A transparent transparent; }
  .notification-wish > span, .notification-wish > svg {
    position: absolute;
    top: 15px; }
  .notification-wish > span {
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    display: inline-block;
    border-radius: 50%;
    background-color: #EAB53F;
    right: -85px; }
    .notification-wish > span i {
      font-size: 18px; }
    .notification-wish > span span {
      font-size: 18px;
      font-weight: bold;
      color: white; }
  .notification-wish > svg {
    right: -90px; }
  .notification-wish .wishlist {
    position: absolute;
    left: 53px;
    top: 15px;
    z-index: 60; }

#modal-edit-avatar .modal-body {
  padding-top: 0; }

.form-edit-avatar .modal-body-background {
  background-color: #F5F8FA;
  padding: 30px 20px;
  margin-bottom: 20px; }

.modal-buttons-par input {
  display: block;
  margin-bottom: 20px; }
  @media (min-width: 544px) {
    .modal-buttons-par input {
      margin-bottom: 0;
      display: inline-block; } }

.latest-views {
  text-align: center;
  font-family: "Roboto Condensed"; }
  @media (min-width: 992px) {
    .latest-views {
      padding: 60px 0; } }
  @media (min-width: 768px) {
    .latest-views .students-comments {
      margin-top: 40px;
      margin-bottom: 40px; } }
  .latest-views .students-comments ul {
    display: inline-block; }
  .latest-views .students-comments .progress {
    margin-top: 10px; }
    @media (min-width: 0) and (max-width: 768px) {
      .latest-views .students-comments .progress {
        margin-top: 5px; } }
  .latest-views .students-comments .hover-element {
    display: none;
    position: absolute;
    background-color: #eee;
    min-width: 140px;
    width: 100%;
    top: -70px;
    left: -40px;
    padding: 10px 0;
    border-radius: 3px; }
    .latest-views .students-comments .hover-element h4 {
      font-size: 16px;
      margin: 0; }
    .latest-views .students-comments .hover-element:after {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 10px solid #eee;
      left: 0;
      right: 0;
      margin: auto;
      bottom: -10px; }
  .latest-views .students-comments li {
    margin-bottom: 30px;
    float: none;
    display: inline-block; }
    .latest-views .students-comments li:hover .hover-element {
      display: block; }
  @media (min-width: 768px) {
    .latest-views article {
      width: 80%;
      margin: 0 auto 55px; } }
  .latest-views article h1, .latest-views article .cke_editable h2, .cke_editable .latest-views article h2, .latest-views article .cke_editable h3, .cke_editable .latest-views article h3, .latest-views article .cke_editable h4, .cke_editable .latest-views article h4 {
    margin-bottom: 5px; }
  .latest-views article p {
    margin-bottom: 30px;
    color: #333; }
  .latest-views article .progress-holder {
    margin-bottom: 40px; }
    .latest-views article .progress-holder .progress {
      height: 10px; }
      @media (min-width: 768px) {
        .latest-views article .progress-holder .progress {
          float: none;
          margin: auto;
          position: relative;
          left: -10px; } }
  .latest-views article .course_link {
    margin-bottom: 10px; }

@media (min-width: 768px) {
  section.my-courses {
    position: relative;
    top: -96px; } }

section.my-courses .courses-filter {
  display: table;
  margin: auto;
  text-align: center; }
  @media (min-width: 0) and (max-width: 990px) {
    section.my-courses .courses-filter {
      width: 100%; } }
  section.my-courses .courses-filter form:before, section.my-courses .courses-filter form:after {
    content: " ";
    display: table; }
  section.my-courses .courses-filter form:after {
    clear: both; }
  section.my-courses .courses-filter form > label {
    float: left;
    margin: 0 4px;
    font-size: 16px;
    background-color: #38b4d6;
    font-family: "Roboto Condensed";
    text-align: center;
    width: 100%;
    color: white;
    display: inline-block;
    padding: 12px 0;
    cursor: pointer; }
    @media (min-width: 768px) {
      section.my-courses .courses-filter form > label {
        width: 160px; } }
    @media (min-width: 1200px) {
      section.my-courses .courses-filter form > label {
        width: 200px; } }
    section.my-courses .courses-filter form > label:first-child {
      margin-left: 0; }
    section.my-courses .courses-filter form > label:last-child {
      margin-right: 0; }
    section.my-courses .courses-filter form > label.active {
      background-color: #f5f5f5;
      color: #333; }
      @media (min-width: 768px) {
        section.my-courses .courses-filter form > label.active {
          padding: 17px 0;
          position: relative;
          top: -10px; } }
    @media (min-width: 0) and (max-width: 990px) {
      section.my-courses .courses-filter form > label {
        margin-bottom: 5px; }
        section.my-courses .courses-filter form > label:last-child {
          margin-bottom: 0; } }

section.my-courses .courses-content {
  padding-top: 45px; }
  section.my-courses .courses-content .course-box .box-body .title {
    min-height: 44px; }

.my-courses .course-box {
  min-height: 384px;
  margin-bottom: 30px; }
  @media (min-width: 992px) {
    .my-courses .course-box {
      margin-bottom: 50px; } }
  .my-courses .course-box img {
    margin: auto; }

.my-courses header {
  margin-bottom: 0; }

.my-courses .box-body {
  margin-bottom: 30px; }

.my-courses .course-box a.btn, .my-courses .course-box a.btn-browse, .my-courses .course-box a.play-video-responsive {
  margin-bottom: 10px; }

.my-courses .quiz-status {
  line-height: 36px; }
  .my-courses .quiz-status [class^="ksi-"] {
    font-size: 16px;
    color: #D17450; }
  .my-courses .quiz-status .progress-quiz span {
    font-size: 16px;
    font-family: "Roboto Condensed";
    color: #333; }

.my-courses .progress-holder [class^="ksi-"] {
  float: right;
  position: relative;
  top: -9px;
  font-size: 20px;
  color: #22a7ca;
  margin-bottom: -6px; }

.my-courses .progress {
  width: 85%;
  float: left; }
  .my-courses .progress .progress-number {
    width: auto;
    right: -50px; }

.my-courses .course-box.large-box li {
  margin-bottom: 30px; }
  .my-courses .course-box.large-box li .user-avatar .progress {
    margin-top: 10px; }

.my-courses .info-message-box {
  margin-top: 0;
  margin-bottom: 50px; }
  @media (min-width: 992px) {
    .my-courses .info-message-box {
      margin-bottom: 60px; } }

.sub-header-block {
  margin-bottom: 50px; }

p.red {
  color: #C77272; }

p.red, p.last-view {
  margin-bottom: 20px; }

@media (min-width: 992px) and (max-width: 1199px) {
  .my-courses .my-courses .courses-content .course-box .button-wrapper .course_link {
    height: 36px;
    min-width: 100px;
    font-size: 14px;
    padding: 8px 5px; } }

@media (min-width: 1200px) {
  .my-courses .my-courses .courses-content .course-box .button-wrapper .course_link {
    min-width: 130px;
    padding: 9px 22px; } }

.home-page .top-students .hover, .home-page .promo-video .holder .hover {
  transition: all .3s;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
  background-color: rgba(30, 46, 61, 0.7); }
  @media (min-width: 992px) {
    .home-page .top-students .hover, .home-page .promo-video .holder .hover {
      opacity: 0;
      cursor: none;
      background-color: transparent; } }

@media (min-width: 992px) {
  .home-page .top-students .hover:hover, .home-page .promo-video .holder .hover:hover {
    transition: all .3s;
    cursor: pointer;
    background-color: rgba(30, 46, 61, 0.7);
    opacity: 1; } }

.home-page .top-students .hover a, .home-page .promo-video .holder a {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9; }

.home-page .main-container {
  padding-top: 25px; }
  @media (min-width: 768px) {
    .home-page .main-container {
      padding-top: 50px; } }

.home-page .course-archive {
  margin-bottom: 50px; }
  @media (min-width: 1920px) {
    .home-page .course-archive footer .ratings-sprite-holder .ratings-sprite {
      background-position: 0 97%; } }

.home-page .students-box {
  margin-bottom: 50px; }
  .home-page .students-box .name a {
    font-size: 18px; }
  .home-page .students-box footer {
    border: none;
    padding-top: 0; }
    .home-page .students-box footer .left {
      float: left;
      text-transform: uppercase;
      padding-top: 13px;
      color: #999;
      font-size: 12px; }
  .home-page .students-box .featured-info:hover {
    opacity: .8; }

.home-page .baner-company {
  position: relative;
  margin-bottom: 48px;
  padding-top: 10px;
  background-color: #539cd5; }
  .home-page .baner-company .bc-body {
    padding: 0 20px 30px; }
    .home-page .baner-company .bc-body p {
      color: white;
      font-size: 15px;
      font-family: "Roboto Condensed";
      letter-spacing: 0.5px;
      line-height: 1.4;
      margin-bottom: 30px; }
    .home-page .baner-company .bc-body h2 {
      font-family: "Gotham-Ultra";
      text-transform: uppercase;
      font-weight: bold;
      color: white;
      margin-top: -20px;
      margin-bottom: 20px; }
    .home-page .baner-company .bc-body .btn, .home-page .baner-company .bc-body .btn-browse, .home-page .baner-company .bc-body button, .home-page .baner-company .bc-body .play-video-responsive {
      display: table;
      margin: 0 auto;
      padding: 7px 50px; }

.home-page .top-students {
  position: relative;
  background-image: url("../images/top-list-img.jpg");
  background: #273655;
  background-image: url("../images/top-list-img.jpg"), linear-gradient(to bottom, #223150 0%, #405B90 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#223150', endColorstr='#405B90', GradientType=0);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  padding-top: 20px;
  margin: 0 auto 50px;
  width: 304px;
  height: 350px; }
  @media (min-width: 544px) {
    .home-page .top-students {
      padding-top: 40px;
      height: 418px;
      max-width: 361px;
      width: 100%; } }
  @media (min-width: 992px) {
    .home-page .top-students {
      height: 340px; } }
  @media (min-width: 1200px) {
    .home-page .top-students {
      height: 418px; } }
  .home-page .top-students .img-holder {
    position: relative;
    margin-bottom: 20px; }
    .home-page .top-students .img-holder .user-photo > img {
      width: 80px;
      margin: 0 auto; }
    .home-page .top-students .img-holder .user-photo .student-icons {
      display: block;
      margin: 0 auto; }
    .home-page .top-students .img-holder > span {
      display: block;
      text-align: center;
      position: absolute;
      left: 0;
      right: 0;
      bottom: -20px; }
      .home-page .top-students .img-holder > span svg {
        width: 25px; }
  .home-page .top-students h3, .home-page .top-students h4 {
    font-size: 18px;
    text-align: center;
    font-weight: bold; }
  .home-page .top-students h3 {
    color: white;
    margin-bottom: 5px; }
  .home-page .top-students h4 {
    color: #FFE05D;
    margin-bottom: 0; }

.home-page .promo-video {
  position: relative;
  display: table;
  margin: 0 auto 48px; }

.home-page .baner-social {
  text-align: center;
  margin-bottom: 50px;
  display: block; }
  .home-page .baner-social iframe {
    display: block;
    margin: auto; }
  .home-page .baner-social .fb_page span {
    margin-bottom: 50px; }

.home-page .home-cover {
  position: relative;
  display: none; }
  @media (min-width: 544px) and (max-width: 1199px) {
    .home-page .home-cover {
      display: block; } }
  .home-page .home-cover .holder {
    bottom: 33px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%); }
    @media (min-width: 1200px) {
      .home-page .home-cover .holder {
        width: 930px; } }
    .home-page .home-cover .holder h2 {
      font-size: 22px;
      text-transform: uppercase;
      text-align: center;
      color: white;
      border-bottom: 3px solid white;
      font-weight: bold; }
      @media (min-width: 768px) {
        .home-page .home-cover .holder h2 {
          margin-bottom: 20px;
          font-size: 50px; } }
      @media (min-width: 1200px) {
        .home-page .home-cover .holder h2 {
          font-size: 80px; } }
    .home-page .home-cover .holder h3 {
      margin: 0;
      color: white;
      text-align: center;
      font-size: 18px;
      text-transform: uppercase; }
      @media (min-width: 768px) {
        .home-page .home-cover .holder h3 {
          font-size: 30px; } }
      @media (min-width: 1200px) {
        .home-page .home-cover .holder h3 {
          font-size: 40px; } }

.comments-hover-menu {
  opacity: 0;
  position: absolute;
  width: 0;
  text-align: left;
  bottom: 30px;
  padding-bottom: 0;
  left: -5px;
  border-radius: 3px;
  transition: padding-bottom .3s;
  z-index: -10;
  cursor: default; }
  @media (min-width: 768px) {
    .comments-hover-menu {
      bottom: 60px; } }
  .comments-hover-menu > .comments-holder {
    display: none;
    padding: 15px 15px 20px;
    background-color: #3E5068; }
    .comments-hover-menu > .comments-holder:after {
      opacity: 0;
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-top: 8px solid #3E5068;
      left: 20px;
      bottom: 8px;
      transition: bottom .3s; }
  .comments-hover-menu header {
    margin-bottom: 15px; }
  .comments-hover-menu .img-holder {
    float: left;
    margin-right: 10px;
    font-size: 0; }
    .comments-hover-menu .img-holder .user-avatar > img {
      border: 2px solid white;
      display: block !important;
      width: 40px;
      height: 40px;
      text-align: center;
      line-height: 40px;
      display: inline-block;
      border-radius: 50%; }
    .comments-hover-menu .img-holder .user-avatar.background .w100, .comments-hover-menu .img-holder .user-avatar.background .online-impression .impressions-box .student-icons.w50, .online-impression .impressions-box .comments-hover-menu .img-holder .user-avatar.background .student-icons.w50 {
      width: 40px;
      height: 40px;
      line-height: 40px; }
      .comments-hover-menu .img-holder .user-avatar.background .w100 img, .comments-hover-menu .img-holder .user-avatar.background .online-impression .impressions-box .student-icons.w50 img, .online-impression .impressions-box .comments-hover-menu .img-holder .user-avatar.background .student-icons.w50 img {
        width: 25px; }
  .comments-hover-menu .info-holder {
    float: left; }
    .comments-hover-menu .info-holder h3 {
      margin-top: 0;
      font-size: 16px;
      color: white;
      text-transform: capitalize;
      margin-bottom: 5px; }
    .comments-hover-menu .info-holder h4 {
      font-size: 12px;
      color: #82bfd7;
      text-transform: capitalize;
      margin: 0; }
      .comments-hover-menu .info-holder h4 span {
        color: white; }
  .comments-hover-menu q {
    font-size: 12px;
    display: block;
    color: white;
    margin-bottom: 20px; }
    .comments-hover-menu q:after, .comments-hover-menu q:before {
      content: ""; }
    .comments-hover-menu q:before {
      display: none; }
  .comments-hover-menu a {
    display: table;
    margin: auto; }

.students-comments {
  margin-top: 20px;
  margin-bottom: 10px; }
  @media (min-width: 768px) {
    .students-comments {
      margin-top: 30px;
      margin-bottom: 30px; } }
  .students-comments ul li {
    float: left;
    margin-right: 10px;
    cursor: pointer;
    margin-bottom: 5px;
    font-size: 20px;
    font-family: "Roboto Condensed";
    color: #eee; }
    @media (min-width: 768px) {
      .students-comments ul li {
        margin-bottom: 0; } }
    .students-comments ul li:last-child {
      margin-right: 0; }
    .students-comments ul li.comments-more {
      line-height: 40px;
      margin-right: 10px; }
      @media (min-width: 768px) {
        .students-comments ul li.comments-more {
          line-height: 60px; } }
    @media (min-width: 768px) {
      .students-comments ul li {
        font-size: 34px; } }
    .students-comments ul li:hover .comments-hover-menu {
      opacity: 1;
      padding-bottom: 25px;
      transition: padding-bottom .3s;
      z-index: 10;
      width: 290px; }
      .students-comments ul li:hover .comments-hover-menu > .comments-holder {
        display: block; }
        .students-comments ul li:hover .comments-hover-menu > .comments-holder:after {
          opacity: 1;
          bottom: 17px;
          transition: bottom .3s; }
    @media (min-width: 768px) {
      .students-comments ul li:hover .comments-hover-menu {
        left: 5px; } }
    @media (min-width: 0) and (max-width: 400px) {
      .students-comments ul li:first-child:hover .comments-hover-menu {
        left: -21px;
        z-index: 999 !important; }
        .students-comments ul li:first-child:hover .comments-hover-menu .comments-holder:after {
          left: 34px; }
      .students-comments ul li:nth-child(2):hover .comments-hover-menu {
        left: -75px;
        z-index: 999 !important; }
        .students-comments ul li:nth-child(2):hover .comments-hover-menu .comments-holder:after {
          left: 87px; }
      .students-comments ul li:nth-child(3):hover .comments-hover-menu {
        left: -118px;
        z-index: 999 !important; }
        .students-comments ul li:nth-child(3):hover .comments-hover-menu .comments-holder:after {
          left: 130px; }
      .students-comments ul li:nth-child(4):hover .comments-hover-menu {
        left: -178px;
        width: 280px;
        z-index: 999 !important; }
        .students-comments ul li:nth-child(4):hover .comments-hover-menu .comments-holder:after {
          left: 189px; } }
    @media (min-width: 401px) and (max-width: 543px) {
      .students-comments ul li:nth-child(3):hover .comments-hover-menu {
        left: -45px;
        z-index: 999 !important; }
        .students-comments ul li:nth-child(3):hover .comments-hover-menu .comments-holder:after {
          left: 58px; }
      .students-comments ul li:nth-child(4):hover .comments-hover-menu {
        left: -95px;
        z-index: 999 !important; }
        .students-comments ul li:nth-child(4):hover .comments-hover-menu .comments-holder:after {
          left: 108px; }
      .students-comments ul li:nth-child(5):hover .comments-hover-menu {
        left: -135px;
        z-index: 999 !important; }
        .students-comments ul li:nth-child(5):hover .comments-hover-menu .comments-holder:after {
          left: 147px; }
      .students-comments ul li:nth-child(6):hover .comments-hover-menu {
        left: -185px;
        z-index: 999 !important; }
        .students-comments ul li:nth-child(6):hover .comments-hover-menu .comments-holder:after {
          left: 198px; }
      .students-comments ul li:nth-child(7):hover .comments-hover-menu {
        left: -145px;
        z-index: 999 !important; }
        .students-comments ul li:nth-child(7):hover .comments-hover-menu .comments-holder:after {
          left: 158px; }
      .students-comments ul li:nth-child(8):hover .comments-hover-menu {
        left: -195px;
        z-index: 999 !important; }
        .students-comments ul li:nth-child(8):hover .comments-hover-menu .comments-holder:after {
          left: 208px; } }
    @media (min-width: 544px) and (max-width: 767px) {
      .students-comments ul li:nth-child(6):hover .comments-hover-menu {
        left: -50px; }
        .students-comments ul li:nth-child(6):hover .comments-hover-menu .comments-holder:after {
          left: 63px; }
      .students-comments ul li:nth-child(7):hover .comments-hover-menu {
        left: -230px; }
        .students-comments ul li:nth-child(7):hover .comments-hover-menu .comments-holder:after {
          left: 243px; }
      .students-comments ul li:nth-child(8):hover .comments-hover-menu {
        left: -240px; }
        .students-comments ul li:nth-child(8):hover .comments-hover-menu .comments-holder:after {
          left: 253px; } }
    .students-comments ul li.comments-more a {
      color: #eee; }
    @media (min-width: 0) and (max-width: 767px) {
      .students-comments ul li > .user-avatar.background .student-icons.w100, .students-comments ul li > .user-avatar.background .online-impression .impressions-box .student-icons.w50, .online-impression .impressions-box .students-comments ul li > .user-avatar.background .student-icons.w50 {
        width: 40px;
        height: 40px;
        line-height: 40px; }
        .students-comments ul li > .user-avatar.background .student-icons.w100 img, .students-comments ul li > .user-avatar.background .online-impression .impressions-box .student-icons.w50 img, .online-impression .impressions-box .students-comments ul li > .user-avatar.background .student-icons.w50 img {
          width: 25px; } }
    @media (min-width: 0) and (max-width: 400px) {
      .students-comments ul li:not(.comments-more):nth-child(5), .students-comments ul li:not(.comments-more):nth-child(6), .students-comments ul li:not(.comments-more):nth-child(7), .students-comments ul li:not(.comments-more):nth-child(8) {
        display: none; } }
    @media (min-width: 401px) and (max-width: 500px) {
      .students-comments ul li:not(.comments-more):nth-child(7), .students-comments ul li:not(.comments-more):nth-child(8) {
        display: none; } }
  .students-comments ul li:not(.comments-more) {
    background-color: #f5f5f5;
    text-align: center;
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 50%; }
    @media (min-width: 768px) {
      .students-comments ul li:not(.comments-more) {
        width: 60px;
        height: 60px; } }
    .students-comments ul li:not(.comments-more) > img {
      width: 40px;
      height: 40px;
      text-align: center;
      line-height: 40px;
      display: inline-block;
      border-radius: 50%; }
      @media (min-width: 768px) {
        .students-comments ul li:not(.comments-more) > img {
          width: 60px;
          height: 60px;
          text-align: center;
          line-height: 60px;
          display: inline-block;
          border-radius: 50%; } }
    .students-comments ul li:not(.comments-more) [class^='ksi-'] {
      color: #38b4d6;
      font-size: 28px; }
      @media (min-width: 768px) {
        .students-comments ul li:not(.comments-more) [class^='ksi-'] {
          font-size: 42px; } }

.free-space-school {
  margin-bottom: 10px; }
  @media (min-width: 544px) {
    .free-space-school {
      margin-bottom: 0; } }
  .free-space-school span {
    float: left;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    display: inline-block;
    border-radius: 50%;
    display: inline-block;
    background-color: #38b4d6;
    margin-right: 10px; }
    .free-space-school span i {
      font-size: 20px;
      color: white; }
  .free-space-school p {
    font-size: 16px;
    color: #373D3F;
    float: left;
    margin-bottom: 0;
    line-height: 40px; }

.impressions-page .avatar-holder {
  height: 75px;
  position: relative; }

.impressions-page .impressions-box {
  margin-bottom: 50px; }
  .impressions-page .impressions-box article .user-avatar {
    position: static;
    margin: 0 auto 5px; }
    @media (min-width: 768px) {
      .impressions-page .impressions-box article .user-avatar {
        position: absolute;
        left: 0;
        right: 0;
        margin: auto; } }
  .impressions-page .impressions-box article .name {
    text-align: center;
    margin-bottom: 20px; }
    @media (min-width: 768px) {
      .impressions-page .impressions-box article .name {
        margin-bottom: 5px; } }
    .impressions-page .impressions-box article .name a {
      font-weight: bold;
      color: #333; }
    @media (min-width: 768px) {
      .impressions-page .impressions-box article .name {
        text-align: left; } }
  .impressions-page .impressions-box .avatar-holder {
    margin-bottom: 15px; }

.impressions-box h2 {
  text-transform: none;
  margin-bottom: 0;
  font-weight: bold; }

.impressions-box .holder {
  margin-bottom: 10px; }

.impressions-box .date {
  float: right;
  text-transform: uppercase;
  font-family: "Roboto Condensed";
  margin-top: 10px;
  color: #999; }

.impressions-box h3 {
  text-transform: uppercase;
  color: #C77272;
  margin-bottom: 20px;
  font-size: 18px; }

.impressions-box article {
  padding-bottom: 20px;
  border-bottom: 1px solid #f5f5f5;
  margin-bottom: 20px; }
  .impressions-box article .user-avatar {
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    width: 75px;
    height: 75px;
    text-align: center;
    line-height: 75px; }
    .impressions-box article .user-avatar i {
      font-size: 53px; }
    .impressions-box article .user-avatar .student-icons.w100, .online-impression .impressions-box article .user-avatar .student-icons.w50 {
      width: 75px;
      height: 75px; }
      .impressions-box article .user-avatar .student-icons.w100 img, .online-impression .impressions-box article .user-avatar .student-icons.w50 img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 40px; }
  .impressions-box article .name {
    margin-top: 0;
    text-transform: none;
    font-size: 16px;
    color: #333; }
  .impressions-box article q {
    display: inline-block;
    margin-bottom: 15px;
    min-height: 30px; }
    .impressions-box article q:after, .impressions-box article q:before {
      content: ''; }
  .impressions-box article q + a {
    display: table; }

.online-impression .impressions-box {
  border-bottom: none;
  padding-bottom: 0; }

@media (min-width: 992px) {
  .students-page .col-md-6:nth-child(2n+1) {
    clear: both; } }

@media (min-width: 992px) {
  .student-page .students-portfolio-row .col-md-4:nth-child(3n+1), .student-page .students-portfolio-row .student-info.activate-account .right-column:nth-child(3n+1), .student-info.activate-account .student-page .students-portfolio-row .right-column:nth-child(3n+1) {
    clear: both; } }

.categories-box {
  margin-bottom: 30px; }

.students-box {
  position: relative;
  margin-bottom: 45px; }
  .students-box .user-avatar > img {
    top: 15px;
    left: 15px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    width: 70px;
    height: 70px;
    text-align: center;
    line-height: 70px; }
    .students-box .user-avatar > img i {
      font-size: 48px; }
    @media (min-width: 992px) {
      .students-box .user-avatar > img {
        border-radius: 50%;
        overflow: hidden;
        position: absolute;
        width: 100px;
        height: 100px;
        text-align: center;
        line-height: 100px; }
        .students-box .user-avatar > img i {
          font-size: 78px; } }
  .students-box .user-avatar .student-icons {
    position: absolute;
    top: 15px;
    left: 15px; }
    @media (min-width: 0) and (max-width: 990px) {
      .students-box .user-avatar .student-icons {
        width: 70px;
        height: 70px;
        line-height: 70px; }
        .students-box .user-avatar .student-icons img {
          width: 40px; } }
  .students-box .name, .students-box .name a {
    font-size: 20px;
    color: #333;
    margin-bottom: 5px;
    font-weight: bold; }
  .students-box .description {
    font-size: 14px;
    color: #373D3F;
    margin: 0;
    min-height: 40px; }
  .students-box .time {
    margin-bottom: 10px;
    color: #999; }
  .students-box > .holder .portfolio-url {
    display: inline-block;
    float: right;
    color: #373D3F;
    margin-bottom: 5px; }
  .students-box .escape .holder {
    position: relative; }
  .students-box .hover {
    background-color: rgba(30, 46, 61, 0.7); }
    @media (min-width: 992px) {
      .students-box .hover {
        background-color: rgba(30, 46, 61, 0.9); } }
    .students-box .hover a {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 9; }
  .students-box .hover {
    opacity: 1; }
    @media (min-width: 992px) {
      .students-box .hover {
        opacity: 0; } }
  @media (min-width: 992px) {
    .students-box:hover .hover {
      opacity: 1; } }
  .students-box footer {
    padding-top: 10px;
    margin-top: 15px; }

.search-students > input {
  width: calc(100% - 100px);
  float: left; }

.search-students > button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  font-size: 16px;
  padding: 13px 15px;
  width: 100px;
  float: left; }

.showcase-page .students-box footer .holder a {
  float: right; }

.showcase-page .badges > li a {
  color: white; }
  .showcase-page .badges > li a:hover {
    color: inherit; }

.showcase-page .badges > li span svg {
  margin-left: 0; }

.showcase-page .user-avatar > img {
  width: 75px;
  height: 75px;
  line-height: 75px;
  top: 0;
  left: 0; }

.showcase-page .user-avatar .student-icons {
  top: 0;
  left: 0; }
  .showcase-page .user-avatar .student-icons.w100, .showcase-page .user-avatar .online-impression .impressions-box .student-icons.w50, .online-impression .impressions-box .showcase-page .user-avatar .student-icons.w50 {
    width: 75px;
    height: 75px;
    line-height: 75px; }
    .showcase-page .user-avatar .student-icons.w100 img, .showcase-page .user-avatar .online-impression .impressions-box .student-icons.w50 img, .online-impression .impressions-box .showcase-page .user-avatar .student-icons.w50 img {
      width: 40px; }

.gallery-page .gallery-main .gallery-article {
  position: relative;
  margin-bottom: 30px;
  padding: 0 15px; }
  @media (min-width: 544px) {
    .gallery-page .gallery-main .gallery-article .hover-box {
      width: 100%; } }
  .gallery-page .gallery-main .gallery-article .hover-box h2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    width: 80%;
    text-align: center; }
    @media (min-width: 768px) {
      .gallery-page .gallery-main .gallery-article .hover-box h2 {
        font-size: 26px; } }
    .gallery-page .gallery-main .gallery-article .hover-box h2 span {
      text-align: center;
      text-transform: lowercase;
      font-size: 20px;
      display: block; }
  @media (min-width: 544px) {
    .gallery-page .gallery-main .gallery-article {
      float: left;
      width: 50%;
      margin-bottom: 40px; } }
  @media (min-width: 992px) {
    .gallery-page .gallery-main .gallery-article {
      width: 33.3%; } }
  @media (min-width: 1200px) {
    .gallery-page .gallery-main .gallery-article.gallery-first {
      width: 63.99317%;
      height: 732px; }
    .gallery-page .gallery-main .gallery-article.gallery-second, .gallery-page .gallery-main .gallery-article.gallery-third, .gallery-page .gallery-main .gallery-article.gallery-fourth {
      width: 36.00683%;
      height: 346px; }
    .gallery-page .gallery-main .gallery-article.gallery-fifth {
      width: 63.99317%;
      height: 346px; } }
  @media (min-width: 1200px) {
    .gallery-page .gallery-main .gallery-article > a {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      width: calc(100% - 20px);
      height: 100%;
      overflow: hidden; } }
  .gallery-page .gallery-main .gallery-article > a:hover .hover-box {
    opacity: 1; }

/************************************/
/*          Gallery detail          */
/************************************/
.galleries-nav {
  margin-bottom: 45px;
  text-align: center; }
  @media (min-width: 768px) {
    .galleries-nav {
      text-align: left; } }
  .galleries-nav li {
    padding: 0;
    margin-right: 12px;
    margin-bottom: 10px; }
    @media (min-width: 992px) {
      .galleries-nav li {
        margin-bottom: 20px; }
        .galleries-nav li:last-child {
          margin-right: 0; } }
    .galleries-nav li a {
      padding: 10px 20px;
      background-color: #81beba;
      display: inline-block;
      color: white;
      text-transform: uppercase;
      font-size: 14px; }
      .galleries-nav li a:hover {
        background-color: #45aca8; }
    .galleries-nav li.active {
      position: relative; }
      .galleries-nav li.active a {
        background-color: #45aca8; }

.gallery-entry h1, .gallery-entry .cke_editable h2, .cke_editable .gallery-entry h2, .gallery-entry .cke_editable h3, .cke_editable .gallery-entry h3, .gallery-entry .cke_editable h4, .cke_editable .gallery-entry h4 {
  margin-top: 20px;
  margin-bottom: 10px; }
  @media (min-width: 768px) {
    .gallery-entry h1, .gallery-entry .cke_editable h2, .cke_editable .gallery-entry h2, .gallery-entry .cke_editable h3, .cke_editable .gallery-entry h3, .gallery-entry .cke_editable h4, .cke_editable .gallery-entry h4 {
      margin-top: 30px;
      margin-bottom: 20px;
      font-size: 36px; } }

.gallery-entry .cke_editable {
  margin-bottom: 30px; }

.gallery-item {
  padding: 0 15px;
  margin-bottom: 30px; }
  .gallery-item a img {
    transition: all 0.3s;
    margin: auto;
    width: 100%; }
    .gallery-item a img:hover {
      opacity: 0.8; }
    @media (min-width: 768px) {
      .gallery-item a img:hover {
        opacity: 0.8;
        transform: scale(1.1); } }
  @media (min-width: 544px) {
    .gallery-item {
      float: left;
      width: 50%; } }
  @media (min-width: 768px) {
    .gallery-item {
      width: 33.3%; } }
  @media (min-width: 992px) {
    .gallery-item {
      width: 25%; } }

.mfp-zoom-out-cur {
  overflow: hidden; }

.student-page .title {
  margin-top: 10px;
  font-size: 30px; }
  @media (min-width: 768px) {
    .student-page .title {
      font-size: 40px; } }

.student-page .large-box {
  margin-bottom: 45px; }
  @media (min-width: 768px) {
    .student-page .large-box {
      margin-bottom: 65px; } }
  .student-page .large-box .text {
    font-style: italic; }

.student-page main .user-avatar {
  margin-bottom: 20px;
  width: 95px;
  height: 95px; }
  @media (min-width: 1200px) {
    .student-page main .user-avatar {
      width: 165px;
      height: 165px; } }
  .student-page main .user-avatar .student-icons {
    width: 95px;
    height: 95px;
    position: relative; }
    @media (min-width: 1200px) {
      .student-page main .user-avatar .student-icons {
        width: 165px;
        height: 165px; } }
    .student-page main .user-avatar .student-icons img {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 50px; }
      @media (min-width: 1200px) {
        .student-page main .user-avatar .student-icons img {
          width: 70px; } }

.student-page .student-social {
  display: table;
  margin: 0 auto 30px; }

.student-page .cke-editable {
  margin-bottom: 40px; }

.student-page .skills {
  margin: 0; }
  .student-page .skills li {
    background-color: #38b4d6;
    color: white;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 5px; }
    @media (min-width: 768px) {
      .student-page .skills li {
        margin-top: 0;
        margin-bottom: 0; } }
  .student-page .skills.haveMoreRows li {
    margin-top: 5px;
    margin-bottom: 5px; }
  .student-page .skills + .btn, .student-page .skills + .btn-browse, .student-page .skills + button, .student-page .skills + .play-video-responsive {
    display: table;
    margin: auto; }
    @media (min-width: 544px) {
      .student-page .skills + .btn, .student-page .skills + .btn-browse, .student-page .skills + button, .student-page .skills + .play-video-responsive {
        display: inline-block; } }

.student-page .about {
  margin-bottom: 70px; }
  @media (min-width: 992px) {
    .student-page .about {
      margin-bottom: 10px; } }

.student-page .students-box {
  margin-bottom: 75px; }
  .student-page .students-box img:hover {
    opacity: 0.8; }

@media (min-width: 0) and (max-width: 990px) {
  .student-page .cover + .block-white.pt30, .student-page .courses-page .course-entry .content .cover + .pt30.section-info, .courses-page .course-entry .content .student-page .cover + .pt30.section-info, .student-page .cover + .pt30.section-instructor, .student-page .cover + .pt30.block-info, .student-page .cover + .pt30.block-courses, .student-page .cover + .pt30.latest-views {
    padding-bottom: 90px; } }

.student-page .student-about .title {
  margin-bottom: -5px;
  float: left; }
  @media (min-width: 544px) {
    .student-page .student-about .title {
      margin-bottom: 5px; } }

.student-page .student-about .badges-conquer-title {
  clear: both;
  margin-bottom: 10px; }
  @media (min-width: 544px) {
    .student-page .student-about .badges-conquer-title {
      clear: none;
      margin-left: 15px;
      margin-bottom: 0;
      float: left; } }
  @media (min-width: 768px) {
    .student-page .student-about .badges-conquer-title {
      margin-top: 10px; } }
  .student-page .student-about .badges-conquer-title .cls-3 {
    fill: #ffc021; }

.student-page .student-about .sub-title-img {
  margin-bottom: 20px; }

.student-page .student-about .cke-editable h3 {
  margin-top: 20px; }

.student-page .student-about .badges-holder .row, .student-page .student-about .badges-holder .sub-header-block {
  margin-left: -7px;
  margin-right: -7px; }
  .student-page .student-about .badges-holder .row [class^="col-"], .student-page .student-about .badges-holder .sub-header-block [class^="col-"] {
    padding-left: 7px;
    padding-right: 7px; }

.student-page .student-about .badges-holder .conquer-badge {
  margin-top: 10px;
  margin-bottom: 10px; }
  @media (min-width: 768px) {
    .student-page .student-about .badges-holder .conquer-badge {
      margin-top: 0;
      margin-bottom: 0; } }
  .student-page .student-about .badges-holder .conquer-badge .badge-holder {
    margin-bottom: 0; }
  @media (min-width: 0) and (max-width: 543px) {
    .student-page .student-about .badges-holder .conquer-badge {
      width: 73px; } }
  @media (min-width: 544px) and (max-width: 767px) {
    .student-page .student-about .badges-holder .conquer-badge {
      width: 100px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .student-page .student-about .badges-holder .conquer-badge {
      width: 87px; } }
  .student-page .student-about .badges-holder .conquer-badge .hover-element {
    display: none;
    background-color: #eee;
    width: 130px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    position: absolute;
    left: -20px;
    top: -55px;
    border-radius: 4px; }
    @media (min-width: 544px) {
      .student-page .student-about .badges-holder .conquer-badge .hover-element {
        left: -6px; } }
    @media (min-width: 768px) {
      .student-page .student-about .badges-holder .conquer-badge .hover-element {
        left: -13px; } }
    @media (min-width: 992px) {
      .student-page .student-about .badges-holder .conquer-badge .hover-element {
        left: -2px; } }
    @media (min-width: 1200px) {
      .student-page .student-about .badges-holder .conquer-badge .hover-element {
        left: -24px; } }
    .student-page .student-about .badges-holder .conquer-badge .hover-element:after {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 10px solid #eee;
      bottom: -10px;
      left: 0;
      right: 0;
      margin: auto; }
  .student-page .student-about .badges-holder .conquer-badge:hover .hover-element {
    display: inline-block; }

.student-page .student-about .badges-holder.spbhMoreRows .conquer-badge {
  margin-top: 10px;
  margin-bottom: 10px; }

.student-page .student-social li {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  float: left;
  margin-right: 5px; }
  .student-page .student-social li a {
    display: block; }
  .student-page .student-social li.fb {
    background-color: #3C5A98; }
  .student-page .student-social li.tw {
    background-color: #00ADEE; }
  .student-page .student-social li.in {
    background-color: #90CADD; }
  .student-page .student-social li.gp {
    background-color: #dc4a38; }
  .student-page .student-social li.gh {
    background-color: black; }
  .student-page .student-social li [class^='ksi-'] {
    color: white; }
  .student-page .student-social li:last-child {
    margin-right: 0; }
  @media (min-width: 768px) and (max-width: 1199px) {
    .student-page .student-social li:nth-child(2n+1) {
      clear: both;
      margin-bottom: 10px; } }

.student-page .titleCurly .mainTC {
  font-size: 18px;
  font-family: "Gotham-Ultra";
  color: #FDBE3E;
  margin-top: 6px; }
  @media (min-width: 768px) {
    .student-page .titleCurly .mainTC {
      width: 85px; } }
  @media (min-width: 992px) {
    .student-page .titleCurly .mainTC {
      width: 110px; } }

.student-page .titleCurly .curlyB {
  color: #E6E9EE;
  font-family: "Roboto";
  display: none; }
  @media (min-width: 768px) {
    .student-page .titleCurly .curlyB {
      display: inline-block;
      font-size: 76px; } }
  @media (min-width: 992px) {
    .student-page .titleCurly .curlyB {
      font-size: 96px; } }

.student-page .flex {
  margin-bottom: 30px; }

@media (min-width: 768px) {
  .student-page .flex {
    display: -ms-flexbox;
    display: flex; }
    .student-page .flex > .col-sm-2 {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center; }
    .student-page .flex > .col-sm-10 {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center; }
      .student-page .flex > .col-sm-10 .badges-holder {
        -ms-flex: 1;
        flex: 1; }
    .student-page .flex .titleCurly {
      margin: 0;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center; } }

.info-page h1, .info-page .cke_editable h2, .cke_editable .info-page h2, .info-page .cke_editable h3, .cke_editable .info-page h3, .info-page .cke_editable h4, .cke_editable .info-page h4 {
  font-size: 30px;
  margin-bottom: 30px; }
  @media (min-width: 768px) {
    .info-page h1, .info-page .cke_editable h2, .cke_editable .info-page h2, .info-page .cke_editable h3, .cke_editable .info-page h3, .info-page .cke_editable h4, .cke_editable .info-page h4 {
      margin-bottom: 60px;
      font-size: 50px; } }

.info-page .date {
  color: #999;
  text-transform: uppercase;
  margin-bottom: 15px;
  display: inline-block; }

.info-page h2 {
  text-transform: none;
  margin-bottom: 15px; }
  .info-page h2 a {
    color: #333; }

.info-box {
  margin-bottom: 60px; }

.forms-legend {
  border-bottom: 1px solid #eee;
  margin-bottom: 20px; }
  .forms-legend legend {
    border-bottom: none;
    margin-bottom: 5px; }

.edit-profile .icheck-orange.gender-radio {
  margin-top: 10px; }
  @media (min-width: 992px) {
    .edit-profile .icheck-orange.gender-radio {
      margin-top: 38px; } }

.edit-profile .modal-btn {
  margin-top: -10px; }
  @media (min-width: 992px) {
    .edit-profile .modal-btn {
      margin-top: -25px; } }

.edit-profile form > .btn, .edit-profile form > .btn-browse, .edit-profile form > button, .edit-profile form > .play-video-responsive {
  margin-bottom: 20px; }
  @media (min-width: 768px) {
    .edit-profile form > .btn, .edit-profile form > .btn-browse, .edit-profile form > button, .edit-profile form > .play-video-responsive {
      margin-bottom: 0; } }

.edit-profile .newsletter {
  font-family: "Roboto Condensed"; }
  .edit-profile .newsletter .icheck-orange label {
    cursor: pointer;
    margin-bottom: 0;
    font-weight: normal; }
  .edit-profile .newsletter .icheck-orange span {
    font-size: 18px;
    color: #333; }
  .edit-profile .newsletter .info {
    padding-left: 30px;
    padding-top: 5px; }
    .edit-profile .newsletter .info p {
      margin-bottom: 0; }

.edit-profile .info-message-box {
  max-width: 1140px;
  transform: translateX(15px); }

.edit-profile label[for]:not(.error), .user-portfolio label[for]:not(.error) {
  position: relative;
  left: 10px; }

#user-panel .avatar-holder .user-avatar a {
  width: 140px;
  height: 140px;
  text-align: center;
  line-height: 140px;
  display: inline-block;
  border-radius: 50%;
  border: 5px solid #22a7ca;
  position: relative; }
  @media (min-width: 768px) and (max-width: 990px) {
    #user-panel .avatar-holder .user-avatar a {
      width: 90px;
      height: 90px;
      text-align: center;
      line-height: 90px;
      display: inline-block;
      border-radius: 50%; } }
  #user-panel .avatar-holder .user-avatar a .icon-holder i {
    font-size: 60px;
    color: #EA845B; }
  #user-panel .avatar-holder .user-avatar a .edit-avatar {
    opacity: 0;
    transition: all .3s;
    line-height: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 140px;
    height: 140px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    background: rgba(51, 51, 51, 0.7);
    border-radius: 50%; }
    @media (min-width: 768px) and (max-width: 990px) {
      #user-panel .avatar-holder .user-avatar a .edit-avatar {
        width: 90px;
        height: 90px; } }
    #user-panel .avatar-holder .user-avatar a .edit-avatar i {
      color: white;
      font-size: 35px; }
      @media (min-width: 768px) and (max-width: 990px) {
        #user-panel .avatar-holder .user-avatar a .edit-avatar i {
          font-size: 25px; } }
    #user-panel .avatar-holder .user-avatar a .edit-avatar p {
      font-size: 13px;
      color: white;
      margin: 5px 0 0; }
  #user-panel .avatar-holder .user-avatar a:hover .edit-avatar {
    opacity: 1;
    transition: all .3s; }

#user-panel .avatar-holder .holder .registration-date p {
  margin: 0;
  font-family: "Roboto Condensed"; }

#user-panel .profile-info {
  margin-top: -20px;
  margin-bottom: 40px; }

#user-panel .user-portfolio-content .box legend, #user-panel .user-portfolio-content .box15 legend, #user-panel .user-portfolio-content .box25 legend, #user-panel .user-portfolio-content .categories-box legend, #user-panel .user-portfolio-content .contact-page .contact-address legend, .contact-page #user-panel .user-portfolio-content .contact-address legend, #user-panel .user-portfolio-content .enrollment-page .enrollment-end legend, .enrollment-page #user-panel .user-portfolio-content .enrollment-end legend, #user-panel .user-portfolio-content .impressions-box legend, #user-panel .user-portfolio-content .students-box legend, #user-panel .user-portfolio-content .info-box legend {
  margin-top: 10px; }

#user-panel .user-portfolio-content .portfolio-profile form .form-group.browse-group {
  float: left;
  width: 100%; }
  @media (min-width: 0) and (max-width: 543px) {
    #user-panel .user-portfolio-content .portfolio-profile form .form-group.browse-group {
      margin-bottom: 20px; } }
  @media (min-width: 544px) {
    #user-panel .user-portfolio-content .portfolio-profile form .form-group.browse-group {
      float: none;
      width: auto; } }

#user-panel .user-portfolio-content .portfolio-profile form .btn-success {
  float: left; }
  @media (min-width: 544px) {
    #user-panel .user-portfolio-content .portfolio-profile form .btn-success {
      float: none; } }

.user-portfolio .bordered-list {
  margin-bottom: 30px; }
  @media (min-width: 992px) {
    .user-portfolio .bordered-list {
      margin-bottom: 0; } }

.user-portfolio .char-remaining-text {
  margin-top: -25px; }
  .user-portfolio .char-remaining-text #counter {
    transition: all 0.8s;
    color: #373D3F; }

.user-payment *:not([class^="message"] *) {
  font-family: "Roboto Condensed"; }

.user-payment p:not([class^="message"] *) {
  font-size: 16px; }

.user-payment .block-green {
  padding-top: 0;
  color: white; }
  .user-payment .block-green .title {
    margin-bottom: 15px; }
  .user-payment .block-green .lead:first-of-type {
    margin-bottom: 0; }
  .user-payment .block-green input, .user-payment .block-green select, .user-payment .block-green span {
    background-color: #38938f;
    color: white !important; }
    .user-payment .block-green input .select2-selection__arrow b, .user-payment .block-green select .select2-selection__arrow b, .user-payment .block-green span .select2-selection__arrow b {
      border-color: white transparent transparent transparent; }
  .user-payment .block-green h2 {
    color: white; }
  .user-payment .block-green .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent white transparent !important; }

.user-payment .holder {
  margin-bottom: 30px; }

.user-payment footer .holder {
  margin-bottom: 0; }

.user-payment .user-payments-content fieldset {
  padding-top: 30px; }

.user-payment .user-payments-content .custom-link {
  color: white;
  text-decoration: underline; }

.user-payment .user-payments-content .static-text {
  text-align: right;
  margin-top: -15px; }
  .user-payment .user-payments-content .static-text label {
    float: left;
    margin: 0; }
  .user-payment .user-payments-content .static-text p {
    float: right;
    margin-bottom: 0; }

@media (min-width: 768px) {
  .user-payment .user-payments-content .payment-method {
    margin-bottom: 70px; } }

.user-payment .user-payments-content .company-form .row:last-child, .user-payment .user-payments-content .company-form .sub-header-block:last-child {
  margin-bottom: 50px; }

.user-payment .user-payments-content .lead {
  margin-bottom: 0; }

.user-payment .user-payments-content .desc {
  font-size: 16px;
  margin-bottom: 0; }

.user-payment .form-group {
  margin-bottom: 20px; }
  .user-payment .form-group label:not(.radio) {
    margin-left: 10px; }
  .user-payment .form-group input {
    border: none; }

.user-payment .select2-container--default .select2-selection--single .select2-selection__rendered {
  border: none; }

@media (min-width: 992px) {
  .user-payment [class^="message-"] .row, .user-payment [class^="message-"] .sub-header-block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center; }
    .user-payment [class^="message-"] .row .img-holder, .user-payment [class^="message-"] .sub-header-block .img-holder {
      margin: 0; }
    .user-payment [class^="message-"] .row h4, .user-payment [class^="message-"] .sub-header-block h4 {
      margin-top: 0; } }

.card-payment .content {
  margin-top: 0; }

.visa-payment .content .main-title {
  font-size: 40px;
  text-transform: uppercase;
  font-family: "Gotham-Ultra";
  margin-top: 20px;
  margin-bottom: 10px; }
  @media (min-width: 1200px) {
    .visa-payment .content .main-title {
      font-size: 60px;
      margin-top: 25px; } }

.visa-payment p {
  font-size: 18px; }

.visa-payment .border-title {
  border-bottom: 2px solid white;
  padding-bottom: 10px;
  margin-bottom: 10px;
  display: inline-block; }

.visa-payment h4 {
  font-size: 24px;
  margin-bottom: 30px;
  color: white; }

.visa-payment .btn, .visa-payment .btn-browse, .visa-payment button, .visa-payment .play-video-responsive {
  margin-bottom: 30px; }

.visa-payment .user-content {
  margin-bottom: 30px; }

.visa-payment .payment-holder-info {
  padding: 30px;
  background-color: #38938f; }
  .visa-payment .payment-holder-info h2 {
    font-family: "Gotham-Ultra";
    text-transform: uppercase;
    font-size: 30px;
    margin-bottom: 15px;
    color: white; }
    @media (min-width: 1200px) {
      .visa-payment .payment-holder-info h2 {
        font-size: 60px; } }

.visa-payment ul li {
  font-size: 18px; }

.unsuccess-payment {
  background-color: #C77272; }
  .unsuccess-payment h4 {
    color: white; }
  .unsuccess-payment .user-content {
    margin-bottom: 30px;
    margin-top: 30px; }
    .unsuccess-payment .user-content a {
      color: white;
      text-decoration: underline; }
  .unsuccess-payment .content .skoljkica {
    margin-bottom: 30px; }

@media (min-width: 0) and (max-width: 767px) {
  .about-page .section-instructor .col-xs-6.col-sm-3:nth-child(2n+1) {
    clear: both; } }

@media (min-width: 768px) {
  .about-page .section-instructor .col-xs-6.col-sm-3:nth-child(4n+1) {
    clear: both; } }

.about-page .section-instructor .icon-holder {
  width: 115px;
  height: 115px;
  text-align: center;
  line-height: 115px;
  display: inline-block;
  border-radius: 50%;
  background-color: #f5f5f5; }
  @media (min-width: 544px) {
    .about-page .section-instructor .icon-holder {
      width: 165px;
      height: 165px;
      text-align: center;
      line-height: 165px;
      display: inline-block;
      border-radius: 50%; } }

@media (min-width: 0) and (max-width: 990px) {
  .about-page .main-container.pt30 + .block-white, .about-page .courses-page .course-entry .content .main-container.pt30 + .section-info, .courses-page .course-entry .content .about-page .main-container.pt30 + .section-info, .about-page .main-container.pt30 + .section-instructor, .about-page .main-container.pt30 + .block-info, .about-page .main-container.pt30 + .block-courses, .about-page .main-container.pt30 + .latest-views {
    padding-bottom: 60px; } }

.about-page .cover {
  overflow: hidden;
  width: 100%;
  height: 500px; }
  .about-page .cover video {
    min-height: 100%;
    min-width: 100%;
    object-fit: contain;
    background-position: center center;
    display: inline-block;
    position: relative;
    top: -100px; }

.about {
  text-align: center;
  margin-bottom: 50px; }
  .about .cke-editable {
    width: 90%;
    margin: 0 auto 50px; }
    @media (min-width: 992px) {
      .about .cke-editable {
        width: 70%; } }
  .about .reward {
    text-align: center; }
    .about .reward img {
      margin: 0 auto 10px; }
    .about .reward .title {
      font-size: 16px;
      font-weight: bold; }
    .about .reward p {
      font-size: 12px; }
  @media (min-width: 0) and (max-width: 767px) {
    .about .col-xs-6.col-sm-2:nth-child(2n+1) {
      clear: both; } }

@media (min-width: 768px) {
  .user-activation h2.title {
    font-size: 50px; } }

.user-activation .user-activated-content {
  padding-top: 40px;
  padding-left: 20px; }
  .user-activation .user-activated-content p {
    font-size: 16px; }

.user-activated .user-activated-content h2, .user-activated .user-activated-content h3, .user-activated .user-activated-content h4, .user-activated .user-activated-content p {
  font-family: "Gotham-Ultra"; }

.user-activated .user-activated-content .title {
  text-transform: uppercase;
  font-size: 30px;
  margin-bottom: 20px; }

.user-activated .user-activated-content h4, .user-activated .user-activated-content p {
  font-size: 20px;
  letter-spacing: .7px; }

.set-password-page .user-activated-content {
  padding-top: 40px;
  padding-left: 20px; }
  .set-password-page .user-activated-content p {
    font-size: 16px; }

@media (min-width: 992px) {
  .set-password-page .main-container {
    position: relative; }
    .set-password-page .main-container:before {
      width: 190px;
      height: 190px;
      background-color: #FEAC1C;
      border-radius: 50%;
      position: absolute;
      right: 0;
      top: -96px;
      z-index: -1; } }

#user-panel .user-consultation-content header.header {
  padding-bottom: 15px;
  border-bottom: 5px solid #f5f5f5;
  margin-bottom: 50px; }
  #user-panel .user-consultation-content header.header h2 {
    font-size: 26px;
    text-transform: uppercase; }
  #user-panel .user-consultation-content header.header p {
    margin: 0; }

#user-panel .consultation-info-header {
  position: relative;
  min-height: 170px;
  text-align: center;
  background-color: #f5f5f5;
  padding-top: 30px; }
  @media (min-width: 544px) {
    #user-panel .consultation-info-header {
      min-height: 170px; } }
  @media (min-width: 768px) {
    #user-panel .consultation-info-header {
      min-height: 215px; } }
  @media (min-width: 1200px) {
    #user-panel .consultation-info-header {
      padding-top: 50px; } }
  #user-panel .consultation-info-header h2 {
    text-transform: uppercase; }
  #user-panel .consultation-info-header p {
    font-size: 16px;
    color: #333; }
    #user-panel .consultation-info-header p span {
      font-size: 22px; }
    #user-panel .consultation-info-header p .tiket-link {
      color: #FA8B60; }

#user-panel .content-filters {
  margin-bottom: 30px; }
  @media (min-width: 768px) {
    #user-panel .content-filters {
      margin-bottom: 0; } }
  #user-panel .content-filters li a.consultation-tabs {
    text-transform: uppercase; }
    #user-panel .content-filters li a.consultation-tabs.active, #user-panel .content-filters li a.consultation-tabs:hover {
      background-color: white !important; }
    #user-panel .content-filters li a.consultation-tabs.tab-orange {
      background-color: #EA845B; }
    #user-panel .content-filters li a.consultation-tabs.tab-green {
      background-color: #45aca8; }
  #user-panel .content-filters li a i {
    position: relative;
    top: 4px;
    margin-right: 15px; }
    @media (min-width: 768px) and (max-width: 990px) {
      #user-panel .content-filters li a i {
        display: none; } }

#user-panel .user-consultation-content form fieldset label {
  font-size: 16px; }

#user-panel .user-consultation-content form .add-file, #user-panel .user-consultation-content form .add-file-info {
  float: left; }

#user-panel .user-consultation-content form .add-file {
  margin-right: 10px;
  margin-bottom: 5px; }
  @media (min-width: 768px) {
    #user-panel .user-consultation-content form .add-file {
      margin-bottom: 0; } }

#user-panel .user-consultation-content form .add-file-info {
  margin-bottom: 15px; }
  @media (min-width: 768px) {
    #user-panel .user-consultation-content form .add-file-info {
      line-height: 50px;
      margin-bottom: 0; } }
  #user-panel .user-consultation-content form .add-file-info p {
    margin-bottom: 0; }

#user-panel .user-consultation-content form .text-right {
  text-align: left; }
  @media (min-width: 992px) {
    #user-panel .user-consultation-content form .text-right {
      text-align: right; } }

#user-panel .user-consultation-content form .termins .form-group {
  margin-bottom: 0; }
  @media (min-width: 768px) {
    #user-panel .user-consultation-content form .termins .form-group {
      margin-bottom: 30px; } }

#user-panel .user-consultation-content form .termins p {
  margin-bottom: 30px; }
  @media (min-width: 768px) {
    #user-panel .user-consultation-content form .termins p {
      margin-bottom: 0;
      margin-top: 22px;
      line-height: 50px; } }

#user-panel .user-consultation-content form .select2-container--default .select2-selection--single {
  background-color: #f5f5f5; }

#user-panel .user-consultation-content form .md-editor .editor-toolbar i {
  color: transparent;
  text-shadow: none !important; }

#user-panel .user-consultation-content form .md-editor .editor-toolbar.fullscreen {
  z-index: 60; }

#user-panel .user-consultation-content form .md-editor .CodeMirror-fullscreen {
  z-index: 60; }

#user-panel .user-consultation-content form .md-editor .editor-preview-side {
  z-index: 60; }

#user-panel .user-consultation-content table .state {
  margin-right: 8px;
  position: relative;
  font-size: 26px;
  height: 18px;
  float: left;
  top: -10px; }

#user-panel .user-consultation-content table .state-r {
  color: #C77272; }

#user-panel .user-consultation-content table .state-g {
  color: #45aca8; }

#user-panel .user-consultation-content table .state-b {
  color: #38b4d6; }

#user-panel .user-consultation-content .available-table tr.expired td {
  color: #C77272; }

#user-panel .user-consultation-content .available-table tr.expired .expiration {
  font-weight: bold; }

#kupi .subtitle {
  margin-bottom: 60px; }

#kupi table {
  width: 100%;
  margin-bottom: 40px;
  font-size: 16px; }
  #kupi table p {
    display: none; }
    @media (min-width: 768px) {
      #kupi table p {
        display: inline; } }
  #kupi table td, #kupi table th {
    padding: 20px; }
    #kupi table td:first-child, #kupi table th:first-child {
      padding-left: 0; }
    #kupi table td:not(:last-of-type), #kupi table th:not(:last-of-type) {
      border-right: solid 1px #eee; }
  #kupi table thead {
    border-bottom: solid 4px #eee; }
    #kupi table thead th {
      padding: 5px 20px; }
    #kupi table thead .amount {
      width: 140px; }
  #kupi table tbody {
    border-bottom: solid 4px #eee; }
    #kupi table tbody tr {
      border-bottom: solid 2px #eee; }
    #kupi table tbody input {
      width: 100px; }
    #kupi table tbody h4 {
      font-size: 16px; }
  #kupi table tfoot td:first-child {
    text-align: right; }
  #kupi table tfoot td:last-child {
    background-color: #eee; }
  #kupi table tfoot h3 {
    margin-bottom: 0; }

.user-consulting .consulting-head {
  padding-bottom: 10px;
  border-bottom: solid 4px #eee;
  margin-bottom: 40px;
  overflow: hidden; }
  .user-consulting .consulting-head h3 {
    margin-bottom: 15px; }
  .user-consulting .consulting-head p.c-detail {
    line-height: 32px;
    float: left; }
  .user-consulting .consulting-head .categories {
    list-style-type: none;
    float: left;
    display: inline;
    padding-left: 30px; }
    .user-consulting .consulting-head .categories li {
      display: inline;
      float: left;
      padding: 6px 15px;
      margin-right: 5px;
      background-color: #eee;
      border-radius: 3px; }

.user-consulting .consulting-body {
  border-left: solid 3px #eee;
  padding-left: 50px;
  margin-left: 37px; }
  .user-consulting .consulting-body .message {
    position: relative;
    padding-bottom: 25px;
    margin-bottom: 40px;
    border-bottom: solid 3px #eee; }
    .user-consulting .consulting-body .message .user-avatar {
      width: 70px;
      height: 70px;
      position: absolute;
      left: -87px;
      top: -20px;
      border: solid 3px #eee;
      border-radius: 50%; }
      .user-consulting .consulting-body .message .user-avatar img {
        width: 70px; }
      .user-consulting .consulting-body .message .user-avatar i {
        font-size: 51px; }
        .user-consulting .consulting-body .message .user-avatar i.ksi-male {
          margin-left: -1px; }
      .user-consulting .consulting-body .message .user-avatar.background {
        background-color: white;
        overflow: hidden; }
    .user-consulting .consulting-body .message .name {
      margin-bottom: 0; }
    .user-consulting .consulting-body .message .timestamp {
      font-size: 12px;
      font-weight: bold;
      margin-bottom: 20px; }
    .user-consulting .consulting-body .message .content {
      margin-bottom: 40px; }
    .user-consulting .consulting-body .message:nth-child(2) {
      border-bottom: none; }
  .user-consulting .consulting-body .student-icons.w100, .user-consulting .consulting-body .online-impression .impressions-box .student-icons.w50, .online-impression .impressions-box .user-consulting .consulting-body .student-icons.w50 {
    width: 64px;
    height: 64px;
    line-height: 64px; }
    .user-consulting .consulting-body .student-icons.w100 img, .user-consulting .consulting-body .online-impression .impressions-box .student-icons.w50 img, .online-impression .impressions-box .user-consulting .consulting-body .student-icons.w50 img {
      width: 35px; }

.consultation-confirmation table.consultation-table {
  width: 100%; }
  .consultation-confirmation table.consultation-table th, .consultation-confirmation table.consultation-table td {
    font-size: 16px;
    padding: 13px;
    color: white;
    border-right: none; }
  .consultation-confirmation table.consultation-table h2, .consultation-confirmation table.consultation-table h3, .consultation-confirmation table.consultation-table h4 {
    color: white; }
  .consultation-confirmation table.consultation-table .column-sm {
    width: 135px;
    white-space: nowrap; }
  .consultation-confirmation table.consultation-table .column-md {
    width: 235px;
    white-space: nowrap; }
  .consultation-confirmation table.consultation-table tbody tr {
    background-color: transparent !important;
    border-bottom: solid 1px white;
    border-top: solid 1px white; }
  .consultation-confirmation table.consultation-table tfoot .bor-bot-white {
    border-bottom: solid 1px white; }

.user-consultation .buy-consultation-holder {
  margin-bottom: 60px; }
  .user-consultation .buy-consultation-holder button {
    float: left; }
    @media (min-width: 0) and (max-width: 543px) {
      .user-consultation .buy-consultation-holder button {
        margin-bottom: 20px; } }
    @media (min-width: 544px) {
      .user-consultation .buy-consultation-holder button {
        float: right; } }
  .user-consultation .buy-consultation-holder p {
    float: left;
    margin-right: 20px;
    margin-bottom: 0; }
    @media (min-width: 544px) {
      .user-consultation .buy-consultation-holder p {
        float: right; } }
    @media (min-width: 544px) {
      .user-consultation .buy-consultation-holder p {
        line-height: 50px; } }

.user-consultation .info-message-box {
  max-width: 1140px;
  transform: translateX(15px); }

.page-404 {
  background-color: #22a7ca;
  color: white; }
  .page-404 .content {
    font-family: "Roboto Condensed";
    display: table;
    margin: 0 auto; }
    .page-404 .content h2 {
      color: white;
      text-transform: uppercase;
      margin-bottom: 20px; }
      @media (min-width: 992px) {
        .page-404 .content h2 {
          font-size: 50px; } }
    .page-404 .content p {
      font-size: 18px;
      margin-bottom: 0; }
    .page-404 .content .svg-holder {
      margin-top: 30px;
      margin-bottom: 20px; }
      .page-404 .content .svg-holder svg {
        width: 100%;
        height: auto; }
    .page-404 .content h3 {
      font-size: 26px;
      color: white;
      margin-bottom: 20px; }
    .page-404 .content ol {
      padding-left: 0;
      list-style: none;
      font-size: 18px;
      margin-bottom: 40px; }
    .page-404 .content .holder {
      margin-bottom: 50px; }
      @media (min-width: 0) and (max-width: 543px) {
        .page-404 .content .holder a:first-child {
          display: table;
          margin: 0 0 20px; } }
      @media (min-width: 544px) {
        .page-404 .content .holder a:first-child {
          margin-right: 20px; } }

.student-icons {
  display: inline-block;
  border-radius: 50%;
  text-align: center; }
  .student-icons img {
    height: auto; }
  .student-icons.w40 {
    width: 40px;
    height: 40px;
    line-height: 40px; }
    .student-icons.w40 img {
      width: 25px; }
  .student-icons.w50 {
    width: 50px;
    height: 50px;
    line-height: 50px; }
    .student-icons.w50 img {
      width: 30px; }
  .student-icons.w80 {
    width: 80px;
    height: 80px;
    line-height: 80px; }
    .student-icons.w80 img {
      width: 50px; }
  .student-icons.w100, .online-impression .impressions-box .student-icons.w50 {
    width: 100px;
    height: 100px;
    line-height: 100px; }
    .student-icons.w100 img, .online-impression .impressions-box .student-icons.w50 img {
      width: 50px; }
  .student-icons.male {
    background-color: #B5DBE4; }
  .student-icons.female {
    background-color: #38b4d6; }

.top-list-page {
  font-family: "Roboto Condensed"; }
  .top-list-page main {
    background: #273654;
    background-image: url("../images/top40/starsky.png"), linear-gradient(to bottom, #273654 0%, #4567a7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#273654', endColorstr='#4567a7', GradientType=0);
    background-repeat: no-repeat;
    background-position-y: 50px;
    overflow: hidden;
    background-position-x: center;
    padding-bottom: 35%; }
    @media (min-width: 1200px) {
      .top-list-page main {
        padding-bottom: 25%; } }
    @media (min-width: 1200px) and (max-width: 1650px) {
      .top-list-page main > .main-container {
        padding-left: 10%; } }
  @media (min-width: 1200px) and (max-width: 1650px) {
    .top-list-page .content-holder {
      width: 60%;
      position: relative;
      z-index: 9; } }
  @media (min-width: 1651px) {
    .top-list-page .content-holder {
      width: 50%; } }
  .top-list-page .page-title {
    font-size: 30px;
    text-transform: uppercase;
    padding-bottom: 10px;
    border-bottom: 5px solid rgba(32, 92, 116, 0.33);
    position: relative;
    padding-left: 190px;
    margin-bottom: 55px;
    color: white; }
    @media (min-width: 992px) {
      .top-list-page .page-title {
        width: 80%; } }
    @media (min-width: 0) and (max-width: 990px) {
      .top-list-page .page-title {
        font-size: 24px;
        padding-left: 50px;
        margin-bottom: 20px; } }
    @media (min-width: 0) and (max-width: 543px) {
      .top-list-page .page-title {
        padding-left: 0; } }
    @media (min-width: 0) and (max-width: 1199px) {
      .top-list-page .page-title {
        margin-bottom: 45px; } }
    .top-list-page .page-title:before {
      content: "";
      display: block;
      background: url("../images/svg/user-points.svg");
      background-size: cover;
      width: 73px;
      height: 100px;
      position: absolute;
      left: 105px;
      top: -15px; }
      @media (min-width: 0) and (max-width: 990px) {
        .top-list-page .page-title:before {
          display: none; } }
    .top-list-page .page-title > span {
      position: absolute;
      bottom: -35px;
      left: 190px;
      font-size: 20px;
      text-transform: none; }
      @media (min-width: 0) and (max-width: 543px) {
        .top-list-page .page-title > span {
          left: 0; } }
      @media (min-width: 544px) and (max-width: 990px) {
        .top-list-page .page-title > span {
          left: 50px; } }
  .top-list-page article {
    height: 60px;
    line-height: 60px;
    color: white; }
    .top-list-page article > div {
      float: left; }
      .top-list-page article > div:last-child {
        float: right; }
    .top-list-page article .have-image {
      width: 40px;
      height: 40px; }
    .top-list-page article .number {
      padding: 0 15px 0 10px;
      min-width: 60px;
      text-align: right; }
      @media (min-width: 0) and (max-width: 543px) {
        .top-list-page article .number {
          min-width: 40px;
          padding: 0 10px; } }
    .top-list-page article .name-holder {
      padding: 0 15px; }
      .top-list-page article .name-holder > span:not(:first-child) {
        margin-left: 10px; }
      .top-list-page article .name-holder .name {
        font-size: 16px; }
        @media (min-width: 0) and (max-width: 543px) {
          .top-list-page article .name-holder .name {
            font-size: 14px; } }
        @media (min-width: 0) and (max-width: 350px) {
          .top-list-page article .name-holder .name .l-name {
            display: none; } }
      .top-list-page article .name-holder .best-student svg {
        width: 19px;
        height: 26px;
        position: relative;
        top: 7px; }
      @media (min-width: 0) and (max-width: 543px) {
        .top-list-page article .name-holder .best-student {
          display: none; } }
      @media (min-width: 0) and (max-width: 543px) {
        .top-list-page article .name-holder {
          padding-left: 0; } }
      @media (min-width: 0) and (max-width: 400px) {
        .top-list-page article .name-holder > img, .top-list-page article .name-holder > .student-icons {
          display: none; } }
    .top-list-page article .points {
      padding: 0 50px 0 10px; }
      @media (min-width: 0) and (max-width: 543px) {
        .top-list-page article .points {
          padding: 0 10px; } }

.list-head > div {
  font-size: 18px;
  text-transform: uppercase; }

.student-list:nth-child(even) {
  background-color: rgba(32, 92, 116, 0.33); }

.student-list .number {
  font-size: 26px; }
  @media (min-width: 0) and (max-width: 543px) {
    .student-list .number {
      font-size: 16px; } }

.student-list .points {
  font-size: 26px;
  color: #B8E8EC;
  min-width: 85px;
  padding-right: 10px !important;
  text-align: right; }
  @media (min-width: 0) and (max-width: 543px) {
    .student-list .points {
      min-width: auto; } }
  .student-list .points .disable-shadow, .student-list .points .user-course-page .consultations a, .user-course-page .consultations .student-list .points a, .student-list .points .courses-page.online-page #course-details .modal-header #courseLinkDetail a, .courses-page.online-page #course-details .modal-header #courseLinkDetail .student-list .points a, .student-list .points .courses-page.online-page #course-details .modal .modal-body #courseLinkDetail a, .courses-page.online-page #course-details .modal .modal-body #courseLinkDetail .student-list .points a, .student-list .points .modal .courses-page.online-page #course-details .modal-body #courseLinkDetail a, .modal .courses-page.online-page #course-details .modal-body #courseLinkDetail .student-list .points a, .student-list .points .courses-page.online-page #course-details .modal .modal-footer #courseLinkDetail a, .courses-page.online-page #course-details .modal .modal-footer #courseLinkDetail .student-list .points a, .student-list .points .modal .courses-page.online-page #course-details .modal-footer #courseLinkDetail a, .modal .courses-page.online-page #course-details .modal-footer #courseLinkDetail .student-list .points a {
    position: relative;
    top: -2px;
    margin-right: 35px;
    height: 20px;
    padding: 0 10px; }
    @media (min-width: 0) and (max-width: 543px) {
      .student-list .points .disable-shadow, .student-list .points .user-course-page .consultations a, .user-course-page .consultations .student-list .points a, .student-list .points .courses-page.online-page #course-details .modal-header #courseLinkDetail a, .courses-page.online-page #course-details .modal-header #courseLinkDetail .student-list .points a, .student-list .points .courses-page.online-page #course-details .modal .modal-body #courseLinkDetail a, .courses-page.online-page #course-details .modal .modal-body #courseLinkDetail .student-list .points a, .student-list .points .modal .courses-page.online-page #course-details .modal-body #courseLinkDetail a, .modal .courses-page.online-page #course-details .modal-body #courseLinkDetail .student-list .points a, .student-list .points .courses-page.online-page #course-details .modal .modal-footer #courseLinkDetail a, .courses-page.online-page #course-details .modal .modal-footer #courseLinkDetail .student-list .points a, .student-list .points .modal .courses-page.online-page #course-details .modal-footer #courseLinkDetail a, .modal .courses-page.online-page #course-details .modal-footer #courseLinkDetail .student-list .points a {
        margin-right: 5px; } }
  .student-list .points > span {
    position: relative; }
    .student-list .points > span:before {
      content: "";
      display: block;
      background: url("../images/svg/star.svg");
      background-size: cover;
      width: 17px;
      height: 16px;
      position: absolute;
      left: -21px;
      top: 8px; }
      @media (min-width: 0) and (max-width: 543px) {
        .student-list .points > span:before {
          display: none; } }

.student-list:nth-child(1n+1) {
  clear: both; }

.student-list:nth-child(2) {
  animation: top-student-scan 15s 1s ease 1; }

.moon-holder {
  position: absolute;
  left: -123px;
  top: 85px;
  display: none;
  animation: moonRotate 100s linear infinite; }
  @media (min-width: 1200px) {
    .moon-holder {
      display: block; } }
  @media (min-width: 1200px) and (max-width: 1650px) {
    .moon-holder {
      left: -263px; } }

.rocket-holder {
  position: absolute;
  top: 270px;
  right: 385px;
  display: none;
  animation: rocket 15s ease-in-out 1 both; }
  @media (min-width: 1200px) {
    .rocket-holder {
      display: block; } }
  @media (min-width: 1200px) and (max-width: 1650px) {
    .rocket-holder {
      right: 165px;
      width: 200px; } }
  @media (min-width: 1450px) and (max-width: 1650px) {
    .rocket-holder {
      right: 265px; } }

.saturn-holder {
  position: absolute;
  top: 110px;
  right: -410px;
  display: none; }
  @media (min-width: 1200px) {
    .saturn-holder {
      display: block; } }
  @media (min-width: 1200px) and (max-width: 1650px) {
    .saturn-holder {
      width: 400px;
      right: -230px; } }

.earth-holder {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center; }
  .earth-holder img:first-child {
    margin: 0 auto; }
  .earth-holder [class^="sat-"] {
    position: absolute; }
  .earth-holder .sat-one {
    top: -80px;
    left: 15%;
    transform: rotate(-45deg);
    animation: sateliteOne 15s linear infinite; }
    @media (min-width: 0) and (max-width: 543px) {
      .earth-holder .sat-one {
        width: 40px;
        top: -40px; } }
    @media (min-width: 544px) and (max-width: 767px) {
      .earth-holder .sat-one {
        width: 70px;
        top: -70px; } }
  .earth-holder .sat-two {
    left: 50%;
    top: -170px;
    transform: translateX(-50%);
    animation: sateliteTwo 16s linear infinite; }
    @media (min-width: 0) and (max-width: 543px) {
      .earth-holder .sat-two {
        width: 40px;
        top: -60px; } }
    @media (min-width: 544px) and (max-width: 767px) {
      .earth-holder .sat-two {
        width: 70px;
        top: -130px; } }
  .earth-holder .sat-three {
    top: -70px;
    right: 10%;
    transform: rotate(30deg);
    animation: sateliteThree 14s linear infinite; }
    @media (min-width: 0) and (max-width: 543px) {
      .earth-holder .sat-three {
        width: 40px;
        top: -30px; } }
    @media (min-width: 544px) and (max-width: 767px) {
      .earth-holder .sat-three {
        width: 70px;
        top: -70px; } }

.animate-image-holder > * {
  position: absolute; }

.spaceship-animation {
  position: relative;
  display: none; }
  @media (min-width: 1200px) {
    .spaceship-animation {
      display: block; } }
  .spaceship-animation .spaceship-holder {
    position: absolute;
    top: -110px;
    left: -200px;
    animation: spaceship 15s 1s ease 1 forwards; }
    .spaceship-animation .spaceship-holder .spaceship {
      width: 43px;
      position: absolute; }
    .spaceship-animation .spaceship-holder .spaceship-light {
      width: 40px;
      position: absolute;
      top: 22px;
      left: 2px;
      opacity: 0;
      animation: spaceship-light 15s 1s ease-in 1; }

.star-one {
  width: 30px;
  left: 280px;
  top: 260px;
  animation: star-one 4s .5s linear infinite; }

.star-two {
  width: 64px;
  left: 130px;
  top: 490px;
  transform: rotate(45deg);
  animation: star-two 5s 1s linear infinite; }

.star-three {
  width: 40px;
  left: 1000px;
  animation: star-one 6s 1s linear infinite; }
  @media (min-width: 0) and (max-width: 1199px) {
    .star-three {
      left: 70%; } }

.star-four {
  width: 30px;
  right: 760px;
  top: 520px;
  opacity: 0;
  transform: rotate(45deg);
  animation: star-four 3s .5s linear infinite; }
  @media (min-width: 0) and (max-width: 1199px) {
    .star-four {
      right: 30%; } }

.star-five {
  width: 55px;
  top: 80px;
  right: 480px;
  transform: rotate(45deg);
  animation: star-two 4s .5s linear infinite; }
  @media (min-width: 0) and (max-width: 1199px) {
    .star-five {
      top: 15%; } }

.star-six {
  width: 30px;
  right: 230px;
  top: 610px;
  animation: star-one 6s .5s linear infinite; }

@media (max-width: 1199px) {
  [class^="star-"] {
    width: 20px; } }

@keyframes star-one {
  0% {
    opacity: 1;
    transform: scale(1.1) rotate(0); }
  16.6% {
    opacity: .75;
    transform: scale(1); }
  33.3% {
    opacity: .5;
    transform: scale(0.9) rotate(-10deg); }
  50% {
    opacity: .25;
    transform: scale(0.9) rotate(0); }
  66.6% {
    opacity: .5;
    transform: scale(0.9) rotate(10deg); }
  83.3% {
    opacity: .75; }
  100% {
    opacity: 1;
    transform: scale(1.1) rotate(0); } }

@keyframes star-two {
  0% {
    opacity: 1;
    transform: rotate(45deg) scale(1); }
  25% {
    opacity: .9; }
  50% {
    opacity: .3;
    transform: rotate(60deg) scale(0.9); }
  75% {
    opacity: .9; }
  100% {
    opacity: 1;
    transform: rotate(45deg) scale(1); } }

@keyframes star-four {
  0% {
    opacity: .4;
    transform: rotate(45deg) scale(0.9); }
  50% {
    opacity: 1;
    transform: rotate(45deg) scale(1); }
  100% {
    opacity: .4;
    transform: rotate(45deg) scale(0.9); } }

@keyframes spaceship {
  0% {
    transform: rotate(0deg); }
  5% {
    transform: rotate(30deg);
    top: -110px;
    left: -200px; }
  15% {
    top: 8px;
    left: -10px;
    z-index: 999; }
  20% {
    transform: rotate(0deg); }
  25% {
    top: 8px;
    left: -10px; }
  60% {
    top: 8px;
    left: 520px; }
  62% {
    transform: rotate(0); }
  67% {
    transform: rotate(30deg);
    top: 8px;
    left: 520px; }
  75% {
    z-index: 999;
    top: -132px;
    left: 740px; }
  99% {
    top: 138px;
    left: 1790px;
    opacity: 1; }
  100% {
    top: 138px;
    left: 1790px;
    opacity: 0; } }

@keyframes spaceship-light {
  0% {
    opacity: 0; }
  20% {
    opacity: 0; }
  23% {
    opacity: 1; }
  60% {
    opacity: 1; }
  62% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@keyframes top-student-scan {
  0% {
    background-color: rgba(32, 92, 116, 0.33); }
  20% {
    background-color: rgba(32, 92, 116, 0.33); }
  23% {
    background-color: rgba(255, 255, 255, 0.1); }
  60% {
    background-color: rgba(255, 255, 255, 0.1); }
  62% {
    background-color: rgba(32, 92, 116, 0.33); }
  100% {
    background-color: rgba(32, 92, 116, 0.33); } }

@keyframes moonRotate {
  from {
    transform: rotate(0); }
  to {
    transform: rotate(-360deg); } }

@keyframes sateliteOne {
  0% {
    transform: rotate(-45deg); }
  50% {
    transform: rotate(-10deg); }
  100% {
    transform: rotate(-45deg); } }

@keyframes sateliteTwo {
  0% {
    transform: rotate(0deg) translateX(-50%); }
  33.33% {
    transform: rotate(-15deg) translateX(-50%); }
  66.66% {
    transform: rotate(15deg) translateX(-50%); }
  100% {
    transform: rotate(0deg) translateX(-50%); } }

@keyframes sateliteThree {
  0% {
    transform: rotate(30deg); }
  50% {
    transform: rotate(10deg); }
  100% {
    transform: rotate(30deg); } }

@keyframes rocket {
  0% {
    transform: scale(0.1);
    top: 3120px; }
  75% {
    top: 270px;
    transform: scale(1); }
  85% {
    transform: scale(1) rotate(0); }
  86% {
    transform: scale(1) rotate(1deg); }
  87% {
    transform: scale(1) rotate(-1deg); }
  88% {
    transform: scale(1) rotate(1deg); }
  89% {
    transform: scale(1) rotate(-1deg); }
  90% {
    transform: scale(1) rotate(1deg); }
  91% {
    transform: scale(1) rotate(-1deg); }
  92% {
    transform: scale(1) rotate(1deg); }
  93% {
    transform: scale(1) rotate(0); }
  94% {
    top: 270px; }
  100% {
    top: -1270px; } }

@media (min-width: 1200px) and (max-width: 1650px) {
  @keyframes spaceship {
    0% {
      transform: rotate(0deg); }
    5% {
      transform: rotate(30deg);
      top: -110px;
      left: -200px; }
    15% {
      top: 8px;
      left: -10px;
      z-index: 999; }
    20% {
      transform: rotate(0deg); }
    25% {
      top: 8px;
      left: -10px; }
    60% {
      top: 8px;
      left: 570px; }
    62% {
      transform: rotate(0); }
    67% {
      transform: rotate(30deg);
      top: 8px;
      left: 570px; }
    75% {
      z-index: 999;
      top: -132px;
      left: 740px; }
    99% {
      top: 138px;
      left: 1790px;
      opacity: 1; }
    100% {
      top: 138px;
      left: 1790px;
      opacity: 0; } } }

.badges-more-bullets, .load-more-holder ul {
  display: table;
  margin: 0 auto 5px; }
  .badges-more-bullets li, .load-more-holder ul li {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #E2E2E2;
    text-indent: -9999px; }
    .badges-more-bullets li:not(:last-child), .load-more-holder ul li:not(:last-child) {
      margin-right: 3px; }

.badges-conquer-page {
  font-family: "Roboto Condensed"; }
  @media (min-width: 0) and (max-width: 543px) {
    .badges-conquer-page .custom-col {
      width: 50%;
      float: left; } }
  @media (min-width: 544px) and (max-width: 767px) {
    .badges-conquer-page .custom-col {
      width: 33.3%;
      float: left; } }
  @media (min-width: 0) and (max-width: 543px) {
    .badges-conquer-page .col-clear:nth-child(2n+1) {
      clear: both; } }
  @media (min-width: 544px) and (max-width: 991px) {
    .badges-conquer-page .col-clear:nth-child(3n+1) {
      clear: both; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .badges-conquer-page .col-clear:nth-child(4n+1) {
      clear: both; } }
  @media (min-width: 1200px) {
    .badges-conquer-page .col-clear:nth-child(6n+1) {
      clear: both; } }
  @media (min-width: 768px) {
    .badges-conquer-page .col-clear:nth-child(6n+1) {
      clear: both; } }
  .badges-conquer-page .cmb30 {
    margin-bottom: 30px; }
  .badges-conquer-page .badges-conquer-title {
    margin-bottom: 40px; }
    @media (min-width: 992px) {
      .badges-conquer-page .badges-conquer-title {
        padding-left: 15px; } }

.badges-conquer-title .svg-badge {
  margin-right: 5px; }
  .badges-conquer-title .svg-badge svg {
    width: 20px;
    height: 26px; }

.badges-conquer-title .svg-badge .cls-3 {
  fill: #ffc021; }

.badges-conquer-title .user-total-points {
  font-family: "Gotham-Ultra";
  font-size: 34px;
  color: #0DA6BE;
  text-transform: none; }

.badges-conquer-title p {
  font-size: 16px;
  color: #333; }

.badge-area-title {
  line-height: 100px;
  font-size: 30px;
  font-family: "Gotham-Ultra";
  color: #333; }

.conquer-badge {
  text-align: center;
  margin-bottom: 20px;
  cursor: pointer; }
  .conquer-badge .badge-holder {
    margin-bottom: 10px; }
    .conquer-badge .badge-holder img {
      margin: 0 auto;
      width: 100px; }
  .conquer-badge .badge-name {
    font-size: 16px;
    color: #333;
    display: block; }
  .conquer-badge .badge-points {
    font-size: 18px;
    color: #22a7ca;
    font-family: "Gotham-Ultra";
    display: block; }
  .conquer-badge.disable {
    opacity: .4;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all .3s ease-in-out; }
    .conquer-badge.disable .badge-holder img {
      transition: all .3s ease-in-out; }
    .conquer-badge.disable:hover {
      opacity: 1; }
      .conquer-badge.disable:hover .badge-holder img {
        transform: scale(1.05); }

.user-points .dd-menu-holder {
  position: absolute;
  top: 24px;
  right: 9999px;
  padding-top: 30px;
  transition: padding-top .3s; }
  .user-points .dd-menu-holder .user-dd-menu {
    background-color: white;
    padding-bottom: 25px;
    width: 280px;
    box-shadow: 0px 1px 2px rgba(89, 89, 89, 0.65);
    z-index: 110; }
    .user-points .dd-menu-holder .user-dd-menu:after {
      top: -20px;
      right: 40px;
      transition: top .3s; }
    .user-points .dd-menu-holder .user-dd-menu > a.btn, .user-points .dd-menu-holder .user-dd-menu > a.btn-browse, .user-points .dd-menu-holder .user-dd-menu > a.play-video-responsive {
      width: calc(100% - 50px);
      margin: 0 auto; }

.user-points.open .dd-menu-holder {
  padding-top: 50px;
  transition: padding-top .3s;
  left: -85px; }
  .user-points.open .dd-menu-holder .user-dd-menu {
    position: relative; }
    .user-points.open .dd-menu-holder .user-dd-menu:after {
      top: -20px;
      transition: top .3s;
      right: 61px; }
  @media (min-width: 544px) {
    .user-points.open .dd-menu-holder {
      left: -190px; } }

.user-points .dd-menu-holder .user-dd-menu {
  width: 280px;
  padding: 20px; }
  .user-points .dd-menu-holder .user-dd-menu .badges-conquer-title {
    padding: 0;
    margin-bottom: 15px; }
    .user-points .dd-menu-holder .user-dd-menu .badges-conquer-title p {
      font-size: 14px;
      text-transform: none; }
  .user-points .dd-menu-holder .user-dd-menu .badges-holder {
    margin-bottom: 20px; }
    .user-points .dd-menu-holder .user-dd-menu .badges-holder li {
      width: 25%;
      float: left;
      padding: 0 5px; }
      .user-points .dd-menu-holder .user-dd-menu .badges-holder li:first-child {
        padding-left: 0; }
      .user-points .dd-menu-holder .user-dd-menu .badges-holder li:last-child {
        padding-right: 0; }
  .user-points .dd-menu-holder .user-dd-menu .dd-footer a {
    color: #333; }

.calendar-activity .badge-holder {
  max-width: 110px;
  margin: 0 0 20px 0; }
  @media (min-width: 768px) {
    .calendar-activity .badge-holder {
      max-width: 150px;
      margin: 0 0 0 auto; } }

@media (min-width: 768px) {
  .calendar-activity .customFlex {
    display: -ms-flexbox;
    display: flex; }
    .calendar-activity .customFlex .customFlexItem {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center; } }

.calendar-activity #logovanja {
  margin-top: 25px;
  margin-bottom: 30px; }
  @media (min-width: 768px) {
    .calendar-activity #logovanja {
      margin-bottom: 70px; } }

.typing-game.PlayerInfo {
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .typing-game.PlayerInfo .game-result-holder {
    position: relative; }
    .typing-game.PlayerInfo .game-result-holder:before {
      content: "";
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 49; }

#user-panel.typing-game textarea {
  height: 80%; }

.user-scores {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%; }
  .user-scores .user {
    display: -ms-flexbox;
    display: flex;
    font-family: "Gotham-Ultra";
    margin-bottom: 10px;
    -ms-flex-align: center;
    align-items: center; }
    @media (min-width: 0) and (max-width: 1699px) {
      .user-scores .user:nth-child(n+7) {
        display: none; } }
    .user-scores .user:last-child {
      margin-bottom: 0; }
    .user-scores .user .place {
      font-size: 29px;
      color: white;
      min-width: 60px;
      display: inline-block; }
    .user-scores .user .user-avatar {
      width: 42px;
      height: 42px;
      margin-right: 10px; }
      .user-scores .user .user-avatar .student-icons.w100, .user-scores .user .user-avatar .online-impression .impressions-box .student-icons.w50, .online-impression .impressions-box .user-scores .user .user-avatar .student-icons.w50, .user-scores .user .user-avatar .student-icons.w50 {
        width: 42px;
        height: 42px;
        line-height: 42px; }
        .user-scores .user .user-avatar .student-icons.w100 img, .user-scores .user .user-avatar .online-impression .impressions-box .student-icons.w50 img, .online-impression .impressions-box .user-scores .user .user-avatar .student-icons.w50 img, .user-scores .user .user-avatar .student-icons.w50 img {
          width: 25px; }
    .user-scores .user .user-name-time .name {
      font-size: 16px;
      color: white;
      font-family: "Gotham-Ultra";
      margin-bottom: 5px; }
    .user-scores .user .user-name-time .time {
      font-size: 16px;
      color: black; }
  .user-scores .score {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center; }
    .user-scores .score .user .place {
      min-width: 50px; }

.your-time {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }
  .your-time .infoHolder {
    margin-right: 50px; }
    .your-time .infoHolder h3 {
      font-family: "Gotham-Ultra";
      font-size: 26px;
      text-transform: uppercase;
      color: white; }

.textare-code, .user-code {
  width: 50%; }

.textare-code {
  background-color: #EBEBEB; }
  .textare-code pre {
    color: #333;
    background: transparent;
    border: none;
    outline: none;
    font-size: 16px;
    font-family: "Roboto Condensed";
    padding: 0 0 0 65px;
    width: 90%;
    margin-top: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    @media (min-width: 1500px) {
      .textare-code pre {
        margin-top: 65px; } }

.user-code {
  background-color: black;
  position: relative;
  overflow: hidden; }
  .user-code textarea {
    width: 60%;
    padding: 0 0 0 70px;
    background: transparent;
    border: none;
    outline: none;
    resize: none;
    color: #CCCCCC;
    overflow: hidden; }

.game-holder {
  display: -ms-flexbox;
  display: flex;
  height: calc(30vh - 86px);
  transition: all .4s; }
  @media (min-width: 1500px) {
    .game-holder {
      height: calc(20vh - 86px); } }

.result-holder {
  display: -ms-flexbox;
  display: flex;
  height: calc(70vh - 86px);
  transition: all .4s;
  background-color: #33C9AF;
  opacity: 1;
  overflow: visible; }
  @media (min-width: 1500px) {
    .result-holder {
      height: calc(80vh - 86px); } }
  .result-holder .main-container {
    padding-top: 0;
    padding-bottom: 0;
    height: 100%; }

.points-title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }
  .points-title h3 {
    margin-right: 15px; }
  .points-title .listBtn {
    min-width: 90px;
    height: 30px;
    padding: 4px 10px;
    background-color: #33C9AF;
    border-color: #33C9AF; }
    @media (min-width: 1500px) {
      .points-title .listBtn {
        min-width: 110px;
        padding: 4px 15px; } }

.onlyGame .game-holder {
  height: calc(100vh - 172px);
  transition: all .4s; }

.onlyGame .result-holder {
  opacity: 0;
  overflow: hidden;
  height: 0;
  transition: all .4s; }

.relative-parrent {
  width: 100%;
  position: relative; }
  .relative-parrent .close-top-list {
    position: absolute;
    right: 20px;
    bottom: 20px; }

.codeHeader {
  height: 70px;
  padding-left: 15px;
  padding-right: 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media (min-width: 1500px) {
    .codeHeader {
      height: 100px;
      padding-left: 65px;
      padding-right: 20px; } }
  .codeHeader h3 {
    font-family: "Gotham-Ultra";
    font-size: 16px;
    color: #F9B971;
    margin-bottom: 0; }
    .codeHeader h3 .place {
      color: #95C6EA;
      margin-left: 5px;
      margin-right: 5px; }
    .codeHeader h3 .time {
      color: white; }
  .codeHeader .start .timeCount {
    position: relative;
    top: 1px;
    margin-right: 5px;
    font-size: 20px;
    color: white;
    font-family: "Gotham-Ultra"; }
    @media (min-width: 1500px) {
      .codeHeader .start .timeCount {
        position: static;
        margin-right: 30px;
        font-size: 30px; } }
  .codeHeader .start button {
    position: relative;
    top: -1px; }
    @media (min-width: 0) and (max-width: 1499px) {
      .codeHeader .start button {
        min-width: 90px;
        height: 30px;
        padding: 3px 20px;
        font-size: 14px; } }
    @media (min-width: 1500px) {
      .codeHeader .start button {
        top: -6px; } }

.finishGameInfoBox {
  position: absolute;
  z-index: 50;
  top: 80px;
  right: 10px;
  width: 290px;
  padding: 10px;
  border-radius: 7px;
  background-color: #5DD5E5;
  box-shadow: 0 0 4px 0 #666666;
  display: none;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-family: "Gotham-Ultra";
  transform: translateX(200%);
  transition: all .3s; }
  @media (min-width: 544px) {
    .finishGameInfoBox {
      width: 350px;
      right: 20px;
      top: 100px; } }
  @media (min-width: 768px) {
    .finishGameInfoBox {
      top: 80px;
      right: 20px;
      width: 420px;
      padding: 15px 45px 20px 15px; } }
  .finishGameInfoBox h2 {
    font-size: 18px;
    font-family: "Gotham-Ultra";
    margin-bottom: 10px;
    color: white;
    text-transform: uppercase; }
  .finishGameInfoBox p {
    margin-bottom: 20px;
    color: #574D70;
    font-size: 16px; }
    .finishGameInfoBox p .not-time {
      margin-left: 5px; }
  .finishGameInfoBox .img-holder {
    -ms-flex: 1;
    flex: 1;
    margin-right: 5px; }
    .finishGameInfoBox .img-holder img {
      max-width: 80px; }
  .finishGameInfoBox .info-holder {
    margin-top: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 3;
    flex: 3;
    -ms-flex-direction: column;
    flex-direction: column; }
    .finishGameInfoBox .info-holder .buttonHolder {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .finishGameInfoBox .info-holder .buttonHolder a {
        min-width: 110px;
        height: 30px;
        padding: 3px 11px; }
      .finishGameInfoBox .info-holder .buttonHolder .againBtn {
        background-color: #3FC0DD;
        border-color: #3FC0DD; }
        .finishGameInfoBox .info-holder .buttonHolder .againBtn:hover {
          background-color: #23a8c6; }
  .finishGameInfoBox.gameEnd {
    display: -ms-flexbox;
    display: flex;
    transition: .3s;
    transform: translateX(0); }

.game-result-holder:not(.onlyGame) .user-code {
  overflow: visible; }

.game-result-holder:not(.onlyGame) .textare-code {
  overflow: hidden; }
  .game-result-holder:not(.onlyGame) .textare-code pre {
    margin-top: 10px; }

.game-result-holder:not(.onlyGame) textarea {
  height: 10% !important; }

.game-result-holder:not(.onlyGame) .gameEnd {
  top: -70px; }
  @media (min-width: 1500px) {
    .game-result-holder:not(.onlyGame) .gameEnd {
      top: -150px; } }

.quiz-test h2, .quiz-test h3, .quiz-test h4, .quiz-test h5, .quiz-test h6 {
  font-family: "Gotham-Ultra"; }

.quiz-test .wrapper-left span {
  font-family: "Roboto Condensed"; }

.quiz-test .lesson-title {
  position: absolute;
  left: 60%;
  transform: translate(-50%, -50%);
  color: white;
  font-size: 18px;
  margin: 0;
  width: 210px;
  top: 50%; }
  @media (min-width: 544px) {
    .quiz-test .lesson-title {
      left: 50%;
      width: auto; } }

.quiz-test .container.cont1, .quiz-test .cont1.main-container {
  padding-top: 100px;
  padding-bottom: 100px; }

.quiz-test .questions-timer-counter {
  margin-bottom: 30px; }
  .quiz-test .questions-timer-counter .question-number {
    color: #D8C5C5;
    font-size: 16px;
    margin-bottom: 0; }

.quiz-test .ct-holder {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }
  .quiz-test .ct-holder .counter-holder {
    display: -ms-flexbox;
    display: flex;
    width: 100%; }
    .quiz-test .ct-holder .counter-holder .timelineItem {
      height: 10px;
      background-color: #E3E2E2;
      margin-right: 1px;
      width: 100%; }
      .quiz-test .ct-holder .counter-holder .timelineItem:last-child {
        margin-right: 0; }
      .quiz-test .ct-holder .counter-holder .timelineItem.correct {
        background-color: #33C9AF; }
      .quiz-test .ct-holder .counter-holder .timelineItem.uncorrect {
        background-color: #F35958; }
  .quiz-test .ct-holder .timer-holder {
    width: 80px;
    text-align: right; }
    .quiz-test .ct-holder .timer-holder span {
      font-size: 16px; }
    .quiz-test .ct-holder .timer-holder span, .quiz-test .ct-holder .timer-holder img {
      position: relative;
      top: 1px; }

.quiz-test .quiz-question .qq-title {
  margin-bottom: 30px; }
  .quiz-test .quiz-question .qq-title h3 {
    font-size: 22px; }
  .quiz-test .quiz-question .qq-title p {
    margin-bottom: 0;
    font-size: 16px;
    color: #333; }

.quiz-test .quiz-question #preTag {
  padding: 0;
  margin: 0;
  background-color: white;
  border: none;
  font-size: 14px; }

.quiz-test .quiz-question .resolved {
  font-family: "Roboto";
  font-weight: bold; }

.quiz-test .quiz-question .not-resolved {
  width: 30px;
  height: 22px;
  display: inline-block;
  border: 1px solid #ccc;
  position: relative;
  top: 6px; }

.quiz-test .task.case-1 .task-question {
  padding: 20px;
  background-color: white;
  margin-bottom: 25px; }

.quiz-test .task.case-1 .task-answer ul li {
  background: white;
  display: inline-block;
  padding: 9px 21px;
  margin-right: 18px;
  border: 1px solid white;
  min-width: 80px;
  cursor: pointer;
  transition: all .2s;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .quiz-test .task.case-1 .task-answer ul li:hover {
    background-color: #333;
    color: white; }
  .quiz-test .task.case-1 .task-answer ul li:active {
    border-color: #333; }

.quiz-test .task.case-2 .task-question li {
  background: url("../images/hamburger.png") no-repeat right 10px center;
  background-color: white;
  margin-bottom: 12px;
  cursor: pointer;
  padding-left: 10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .quiz-test .task.case-2 .task-question li pre {
    border: none;
    padding: 0;
    margin: 0;
    font-size: 16px;
    color: #333;
    background: transparent;
    line-height: 1px;
    overflow: hidden; }
  .quiz-test .task.case-2 .task-question li pre, .quiz-test .task.case-2 .task-question li xmp {
    font-family: "Roboto"; }

.quiz-test .task.case-3 .task-question [class^="icheck-"], .quiz-test .task.case-4 .task-question [class^="icheck-"] {
  margin-bottom: 30px; }
  .quiz-test .task.case-3 .task-question [class^="icheck-"] label, .quiz-test .task.case-4 .task-question [class^="icheck-"] label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center; }
    .quiz-test .task.case-3 .task-question [class^="icheck-"] label xmp, .quiz-test .task.case-4 .task-question [class^="icheck-"] label xmp {
      margin: 0; }
    .quiz-test .task.case-3 .task-question [class^="icheck-"] label pre, .quiz-test .task.case-3 .task-question [class^="icheck-"] label xmp, .quiz-test .task.case-4 .task-question [class^="icheck-"] label pre, .quiz-test .task.case-4 .task-question [class^="icheck-"] label xmp {
      font-family: "Roboto"; }
    .quiz-test .task.case-3 .task-question [class^="icheck-"] label pre, .quiz-test .task.case-4 .task-question [class^="icheck-"] label pre {
      margin: 0 0 0 10px;
      border: none;
      padding: 0;
      font-size: 16px; }

.question-notification {
  padding-top: 35px;
  padding-bottom: 35px;
  position: fixed;
  left: 0;
  bottom: -100%;
  width: 100%;
  height: 70%;
  transition: all .4s; }
  @media (min-width: 768px) {
    .question-notification {
      height: 50%; } }
  @media (min-width: 1900px) {
    .question-notification {
      height: 30%; } }
  .question-notification.correct {
    background-color: #33C9AF; }
  .question-notification.uncorrect {
    background-color: #F35958; }
  .question-notification h4 {
    text-transform: uppercase;
    font-size: 20px;
    margin-bottom: 20px;
    color: white; }
  .question-notification p {
    color: white;
    margin-bottom: 20px; }
    @media (min-width: 992px) {
      .question-notification p {
        font-size: 16px;
        margin-bottom: 40px; } }

.qn-open-close {
  display: inline-block;
  cursor: pointer;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  right: 30px;
  transition: .5s; }

.question-notification.close {
  transition: all .4s; }
  .question-notification.close .qn-open-close {
    position: fixed;
    bottom: 50px;
    background: url("../images/double-arrow-up-gray.png") no-repeat; }

.question-notification.open {
  transition: all .4s;
  bottom: 0; }
  .question-notification.open .qn-open-close {
    position: absolute;
    top: 20px;
    transform: rotate(180deg);
    background: url("../images/double-arrow-up.png") no-repeat; }

.external-lecture .info-message-box {
  max-width: 1140px;
  transform: translateX(15px); }

.external-lecture .silverDesc strong {
  color: #333; }

.team-company .company-logo {
  margin-bottom: -5px; }

.team-company .table th {
  font-size: 16px !important; }

.team-company .table tbody tr:nth-child(odd) {
  background-color: #f6f6f6; }

.team-company .user-name {
  font-size: 16px;
  color: #0B5B84; }

.team-company .custom-width .select2-container.select2-container--default {
  width: 100% !important; }

.table-activity .user-name {
  font-size: 14px; }

.course-list-wrapper .more-items {
  font-size: 20px;
  text-align: center;
  margin: 0 auto -10px;
  display: none;
  cursor: pointer;
  width: 25px; }

.team-course-list .team-course-item {
  display: none; }

.team-course-list .end, .team-course-list .in-progress, .team-course-list .not-viewed {
  text-transform: uppercase; }

.team-course-list .end {
  color: #66CC33; }

.team-course-list .in-progress {
  color: #3399CC; }

.team-course-list .not-viewed {
  color: #FF0000; }

@media (min-width: 0) and (max-width: 767px) {
  .loadMoreBtnWrp {
    margin: 15px 0; } }

.landing-page {
  font-family: 'Raleway', sans-serif;
  background-color: white; }
  .landing-page * {
    font-family: 'Raleway', sans-serif; }
  .landing-page ul, .landing-page ol {
    list-style: none;
    padding: 0;
    margin: 0; }
  .landing-page a {
    text-decoration: none;
    color: white;
    outline: none;
    box-shadow: none;
    display: inline-block; }
  .landing-page .land-btn {
    font-size: 14px;
    padding: 9px 20px;
    border-radius: 30px;
    transition: all .3s;
    font-weight: bold; }
    @media (min-width: 1200px) {
      .landing-page .land-btn {
        padding: 11px 36px; } }
    .landing-page .land-btn.md {
      font-size: 18px; }
      @media (min-width: 1200px) {
        .landing-page .land-btn.md {
          font-size: 22px;
          padding: 11px 57px; } }
    .landing-page .land-btn.lg {
      font-size: 22px;
      padding: 11px 70px; }
      @media (min-width: 1200px) {
        .landing-page .land-btn.lg {
          padding: 12px 108px; } }
    .landing-page .land-btn.uppercase {
      text-transform: uppercase; }
    .landing-page .land-btn.pink {
      background-color: #DFB1C5;
      border-bottom: 3px solid #000; }
      .landing-page .land-btn.pink:hover {
        background-color: #ebcedb; }
    .landing-page .land-btn.black {
      background-color: #000;
      border-bottom: 3px solid #DEB4C7; }
      .landing-page .land-btn.black:hover {
        background-color: #141414; }
  .landing-page .cover-submit {
    border: 1px solid #D3E7F0;
    font-size: 18px; }
    @media (min-width: 1200px) {
      .landing-page .cover-submit {
        padding: 14px 28px; } }
    .landing-page .cover-submit:hover {
      background-color: rgba(255, 255, 255, 0.1); }
  .landing-page footer {
    padding-bottom: 45px;
    background: url("../images/landing-footer.png") no-repeat top center;
    height: 250px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end; }
    @media (min-width: 992px) {
      .landing-page footer {
        height: 314px; } }
    .landing-page footer .signature {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column; }
      @media (min-width: 992px) {
        .landing-page footer .signature {
          -ms-flex-direction: row;
          flex-direction: row;
          -ms-flex-align: end;
          align-items: flex-end;
          -ms-flex-pack: justify;
          justify-content: space-between; } }
    .landing-page footer h4 {
      color: white;
      font-size: 16px; }
    .landing-page footer small {
      color: white; }
    .landing-page footer .left {
      margin-bottom: 20px; }
      @media (min-width: 992px) {
        .landing-page footer .left {
          margin-bottom: 0; } }
      .landing-page footer .left small {
        font-size: 16px; }
  .landing-page .modal-dialog {
    width: 97%; }
    @media (min-width: 1200px) {
      .landing-page .modal-dialog {
        width: 1020px; } }
  .landing-page .modal-body {
    padding: 50px 70px 50px 60px; }
    @media (min-width: 1200px) {
      .landing-page .modal-body {
        padding: 50px 90px 70px 100px; } }
    .landing-page .modal-body .close {
      color: #000;
      font-size: 30px;
      position: absolute;
      right: 30px;
      top: 20px;
      padding: 0 10px; }
    .landing-page .modal-body .form-group {
      margin-bottom: 20px; }
      .landing-page .modal-body .form-group label {
        margin-left: 10px; }
    .landing-page .modal-body .modal-title {
      text-transform: none;
      font-size: 28px;
      margin-bottom: 50px; }
      @media (min-width: 1200px) {
        .landing-page .modal-body .modal-title {
          font-size: 36px; } }
    .landing-page .modal-body .modal-subtitle {
      display: block;
      font-size: 16px; }
    .landing-page .modal-body .discount-notes {
      margin-bottom: 30px; }
      .landing-page .modal-body .discount-notes span {
        display: block;
        margin-bottom: 5px; }
    .landing-page .modal-body .user-choice {
      margin-bottom: 50px; }
      .landing-page .modal-body .user-choice .title {
        font-size: 30px;
        margin-bottom: 10px; }
      .landing-page .modal-body .user-choice span {
        display: block;
        margin-bottom: 5px; }
    .landing-page .modal-body .price-wrapper {
      margin-bottom: 60px; }
      .landing-page .modal-body .price-wrapper .title {
        font-size: 20px;
        margin-bottom: 10px; }
    .landing-page .modal-body .submit-wrap {
      text-align: center; }
      .landing-page .modal-body .submit-wrap button {
        text-transform: none; }
  @media (min-width: 992px) and (max-width: 1199px) {
    .landing-page .col-md-6:nth-child(2n+1) {
      clear: both; } }
  @media (min-width: 1200px) {
    .landing-page .col-lg-4:nth-child(3n+1) {
      clear: both; } }
  .landing-page .alert {
    width: 80%;
    padding: 20px 30px;
    position: absolute;
    z-index: 99;
    top: 3%;
    right: 5%; }
    @media (min-width: 768px) {
      .landing-page .alert {
        max-width: 554px;
        width: auto;
        padding: 30px 50px; } }
    .landing-page .alert h2 {
      color: #000;
      font-weight: bold;
      font-size: 20px; }
    .landing-page .alert p {
      font-size: 20px;
      color: white;
      margin-bottom: 0; }
  .landing-page .select2.select2-container {
    width: 100% !important; }
  .landing-page .select2 .select2-search__field {
    height: 42px;
    margin: 0; }
  .landing-page .select2-container--default .select2-selection--multiple {
    border-color: #eee; }
    .landing-page .select2-container--default .select2-selection--multiple .select2-selection__rendered {
      padding: 0 27px 0 5px; }
  @media (min-width: 1200px) {
    .landing-page .custom-container {
      width: 960px; } }
  .landing-page .form-wrap.modal-body {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0; }
  .landing-page .title-landing2 {
    font-size: 28px;
    margin-bottom: 50px;
    padding-top: 50px; }
    @media (min-width: 1200px) {
      .landing-page .title-landing2 {
        font-size: 30px;
        padding-top: 80px; } }
    .landing-page .title-landing2 .modal-subtitle {
      display: block;
      font-size: 16px; }

.landing-page-main header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 40px;
  position: relative;
  z-index: 1; }
  @media (max-width: 380px) {
    .landing-page-main header {
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-align: start;
      align-items: flex-start; } }
  .landing-page-main header .logo {
    width: 140px; }
    @media (min-width: 544px) {
      .landing-page-main header .logo {
        width: 160px; } }
    @media (min-width: 1200px) {
      .landing-page-main header .logo {
        width: 231px; } }
    .landing-page-main header .logo a {
      display: block;
      width: 100%;
      height: 45px;
      background: url("../images/krojaceva-skola-logo-white.png") no-repeat;
      background-size: contain;
      text-indent: -9999px; }
  .landing-page-main header .land-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column; }
    @media (min-width: 544px) {
      .landing-page-main header .land-nav {
        -ms-flex-direction: row;
        flex-direction: row; } }
    .landing-page-main header .land-nav .login {
      margin-bottom: 10px; }
      @media (min-width: 544px) {
        .landing-page-main header .land-nav .login {
          margin-right: 20px;
          margin-bottom: 0; } }

.landing-page-main .cover {
  border-bottom: 5px solid #DF6F87;
  position: relative;
  height: 80vh; }
  @media (max-width: 1199px) {
    .landing-page-main .cover {
      position: relative;
      background-image: url("../images/landing-cover.jpg");
      background-repeat: no-repeat;
      background-position: top center;
      background-attachment: fixed;
      background-size: cover; } }
  @media (min-width: 1200px) {
    .landing-page-main .cover {
      height: 70vh; } }
  @media (min-width: 1600px) {
    .landing-page-main .cover {
      height: 750px; } }
  .landing-page-main .cover .video-wrap {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden; }
    @media (min-width: 1200px) {
      .landing-page-main .cover .video-wrap {
        display: block; } }
    .landing-page-main .cover .video-wrap video {
      max-width: 100%;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      margin: auto;
      min-width: 100%; }
  .landing-page-main .cover:after {
    content: "";
    background-image: url("../images/land-cover-bg-shape2.png");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: -100%;
    left: 0;
    z-index: -1; }
    @media (min-width: 1920px) {
      .landing-page-main .cover:after {
        background-size: 100%; } }
  .landing-page-main .cover:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 1; }
  .landing-page-main .cover .title-wrap {
    position: relative;
    z-index: 1;
    margin-top: 8%;
    margin-left: 6%; }
    @media (min-width: 1200px) {
      .landing-page-main .cover .title-wrap {
        margin-top: 3%; } }
    @media (min-width: 1600px) {
      .landing-page-main .cover .title-wrap {
        margin-top: 13%; } }
    .landing-page-main .cover .title-wrap .title {
      color: white;
      font-size: 24px;
      margin-bottom: 20px; }
      @media (min-width: 1600px) {
        .landing-page-main .cover .title-wrap .title {
          font-size: 46px; } }
    .landing-page-main .cover .title-wrap p {
      color: white;
      font-size: 14px;
      margin-bottom: 30px;
      width: 90%; }
      @media (min-width: 1200px) {
        .landing-page-main .cover .title-wrap p {
          width: 70%;
          margin-bottom: 40px; } }
      @media (min-width: 1600px) {
        .landing-page-main .cover .title-wrap p {
          font-size: 16px; } }

.landing-page-main .content {
  position: relative;
  z-index: 2;
  margin-top: -10%; }
  @media (min-width: 1200px) {
    .landing-page-main .content {
      margin-top: -2%; } }
  @media (min-width: 1600px) {
    .landing-page-main .content {
      margin-top: -8%; } }

.landing-page-main .product-courses-wrap {
  margin-bottom: 110px; }
  @media (min-width: 1200px) {
    .landing-page-main .product-courses-wrap {
      margin-bottom: 180px; } }
  .landing-page-main .product-courses-wrap .courses-box {
    color: #000;
    margin-bottom: 30px; }
    .landing-page-main .product-courses-wrap .courses-box .img-wrap {
      position: relative;
      cursor: pointer;
      text-align: center;
      margin-bottom: 20px; }
      .landing-page-main .product-courses-wrap .courses-box .img-wrap:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        transition: all .3s;
        opacity: 0;
        background: rgba(250, 250, 250, 0.3);
        z-index: 5; }
      .landing-page-main .product-courses-wrap .courses-box .img-wrap:hover:after {
        opacity: 1; }
      .landing-page-main .product-courses-wrap .courses-box .img-wrap img {
        margin: 0 auto; }
      .landing-page-main .product-courses-wrap .courses-box .img-wrap .promo-badge {
        min-width: 84px;
        height: 26px;
        background-color: #FF4D4D;
        position: absolute;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        padding-left: 10px;
        right: -10px;
        top: 20px;
        z-index: 99; }
        .landing-page-main .product-courses-wrap .courses-box .img-wrap .promo-badge:after {
          content: "";
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 10px 10px 0 0;
          border-color: #E10000 transparent transparent transparent;
          position: absolute;
          bottom: -10px;
          right: 0; }
        .landing-page-main .product-courses-wrap .courses-box .img-wrap .promo-badge span {
          text-transform: uppercase;
          color: white; }
    .landing-page-main .product-courses-wrap .courses-box .price-wrap {
      position: absolute;
      bottom: 20px;
      left: 50%;
      transform: translateX(-50%);
      text-align: center;
      color: #000; }
      .landing-page-main .product-courses-wrap .courses-box .price-wrap .holder {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: end;
        align-items: flex-end;
        margin-bottom: -8px; }
      .landing-page-main .product-courses-wrap .courses-box .price-wrap .from {
        margin-bottom: 15px;
        margin-right: 10px; }
      .landing-page-main .product-courses-wrap .courses-box .price-wrap .price {
        font-size: 32px; }
      .landing-page-main .product-courses-wrap .courses-box .price-wrap .currency {
        font-size: 22px; }
      .landing-page-main .product-courses-wrap .courses-box .price-wrap .monthly {
        display: block;
        font-size: 26px; }
    .landing-page-main .product-courses-wrap .courses-box .checkbox-wrap {
      position: absolute;
      bottom: 10px;
      right: 10px;
      z-index: 10; }
    .landing-page-main .product-courses-wrap .courses-box .styled-checkbox {
      position: absolute;
      opacity: 0; }
      .landing-page-main .product-courses-wrap .courses-box .styled-checkbox + label {
        position: relative;
        cursor: pointer;
        padding: 0;
        outline: none !important; }
      .landing-page-main .product-courses-wrap .courses-box .styled-checkbox + label:before {
        content: '';
        display: inline-block;
        vertical-align: text-top;
        width: 16px;
        height: 16px;
        background: white; }
      .landing-page-main .product-courses-wrap .courses-box .styled-checkbox:checked + label:before {
        background: #EE6788; }
      .landing-page-main .product-courses-wrap .courses-box .styled-checkbox:disabled + label {
        color: #b8b8b8;
        cursor: auto; }
      .landing-page-main .product-courses-wrap .courses-box .styled-checkbox:disabled + label:before {
        box-shadow: none;
        background: #ddd; }
      .landing-page-main .product-courses-wrap .courses-box .styled-checkbox:checked + label:after {
        content: '';
        position: absolute;
        left: 3px;
        top: 8px;
        background: white;
        width: 2px;
        height: 2px;
        box-shadow: 2px 0 0 white,
 4px 0 0 white,
 4px -2px 0 white,
 4px -4px 0 white,
 4px -6px 0 white,
 4px -8px 0 white;
        transform: rotate(45deg); }
    .landing-page-main .product-courses-wrap .courses-box .title {
      text-transform: uppercase;
      font-size: 20px;
      margin-bottom: 10px;
      text-align: center;
      color: #000; }
    @media (min-width: 992px) {
      .landing-page-main .product-courses-wrap .courses-box p {
        padding: 0 10px; } }
    @media (min-width: 1200px) {
      .landing-page-main .product-courses-wrap .courses-box p {
        padding: 0 20px; } }
    .landing-page-main .product-courses-wrap .courses-box p a {
      color: #37779C; }
  .landing-page-main .product-courses-wrap .button-wrap {
    text-align: center;
    margin-top: 30px; }
    @media (min-width: 1200px) {
      .landing-page-main .product-courses-wrap .button-wrap {
        margin-top: 60px; } }
    @media (min-width: 1200px) {
      .landing-page-main .product-courses-wrap .button-wrap .land-btn {
        width: 284px;
        height: 58px;
        transform: translateX(-20px); } }

.landing-page-main .student-recommendation-wrap {
  margin-bottom: 60px;
  margin-top: 20px; }
  @media (min-width: 1200px) {
    .landing-page-main .student-recommendation-wrap {
      margin-bottom: 110px; } }
  .landing-page-main .student-recommendation-wrap .st-title {
    font-size: 36px;
    margin-bottom: 20px; }
  .landing-page-main .student-recommendation-wrap .st-desc {
    font-size: 16px;
    color: #202020;
    margin-bottom: 40px; }
  .landing-page-main .student-recommendation-wrap .student-recommendation {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px; }
    @media (min-width: 1200px) {
      .landing-page-main .student-recommendation-wrap .student-recommendation {
        -ms-flex-direction: row;
        flex-direction: row; } }
    .landing-page-main .student-recommendation-wrap .student-recommendation .img-wrap {
      margin-bottom: 50px;
      padding-top: 15px; }
      @media (min-width: 1200px) {
        .landing-page-main .student-recommendation-wrap .student-recommendation .img-wrap {
          margin-bottom: 0;
          margin-right: 30px; } }
      .landing-page-main .student-recommendation-wrap .student-recommendation .img-wrap .bordered-wrap {
        position: relative; }
        .landing-page-main .student-recommendation-wrap .student-recommendation .img-wrap .bordered-wrap:after {
          content: "";
          display: block;
          width: 164px;
          height: 164px;
          background-color: #EBEEF7;
          border-radius: 50%;
          position: absolute;
          left: 0;
          bottom: 0;
          z-index: -1; }
      .landing-page-main .student-recommendation-wrap .student-recommendation .img-wrap img {
        width: 150px;
        height: 150px;
        border-radius: 50%; }
    .landing-page-main .student-recommendation-wrap .student-recommendation .content-wrap p {
      margin-bottom: 20px; }
    .landing-page-main .student-recommendation-wrap .student-recommendation .content-wrap .title {
      font-size: 16px;
      margin-bottom: 5px;
      font-weight: bold; }
    .landing-page-main .student-recommendation-wrap .student-recommendation .content-wrap .course-name {
      color: #222222; }
  .landing-page-main .student-recommendation-wrap .button-wrap {
    text-align: center; }
  .landing-page-main .student-recommendation-wrap .carousel-indicators {
    left: 0;
    width: 100%;
    top: 180px; }
    @media (min-width: 1200px) {
      .landing-page-main .student-recommendation-wrap .carousel-indicators {
        bottom: -15px;
        top: auto;
        width: 150px; } }
    .landing-page-main .student-recommendation-wrap .carousel-indicators li {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background-color: #EBEEF7;
      border: none;
      margin-right: 3px; }
      .landing-page-main .student-recommendation-wrap .carousel-indicators li.active {
        width: 10px;
        height: 10px;
        background-color: #333; }

.landing-page-main .company-privileges-wrap .cp-title {
  font-size: 36px;
  margin-bottom: 10px;
  color: #000; }

.landing-page-main .company-privileges-wrap .cp-desc {
  font-size: 16px;
  margin-bottom: 60px;
  color: #000; }

.landing-page-main .company-privileges-wrap .company-privileges-box {
  margin-bottom: 30px;
  padding-top: 20px;
  border-top: 3px solid #CDD6E2;
  padding-bottom: 40px; }
  .landing-page-main .company-privileges-wrap .company-privileges-box .mini-logo {
    margin-bottom: 22px; }
  .landing-page-main .company-privileges-wrap .company-privileges-box .title {
    font-size: 20px;
    margin-bottom: 20px;
    color: #000; }
  .landing-page-main .company-privileges-wrap .company-privileges-box p {
    margin-bottom: 0;
    color: #000; }

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }
  .mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur {
  cursor: zoom-out; }
  .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader, .mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent;
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
         * Remove all paddings around the image on small screen
         */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75); }
  .mfp-arrow-left {
    transform-origin: 0; }
  .mfp-arrow-right {
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

/**
 *  Master Slider
 * 	Core css file
 */
#home #masterslider {
  margin-bottom: 59px !important; }

.master-slider {
  position: relative;
  visibility: hidden;
  -moz-transform: translate3d(0, 0, 0);
  box-sizing: content-box; }
  .master-slider a {
    transition: none; }
  .master-slider * {
    box-sizing: content-box; }
  .master-slider.ms-fullheight {
    height: 100%; }

.ms-layout-partialview .ms-view {
  overflow: visible;
  background-color: transparent; }

.ms-layout-partialview .ms-container {
  overflow: hidden; }

.master-slider img, .ms-slide-bgvideocont video {
  max-width: none; }

.ms-ie img {
  border: none; }

.ms-ie8 * {
  opacity: inherit;
  filter: inherit; }

.ms-ie7 {
  zoom: 1; }

.ms-moz .ms-slide-bgcont > img {
  transform: translateX(0px); }

.ms-loading-container {
  position: absolute;
  width: 100%;
  top: 0; }

.ms-slide-auto-height {
  display: table; }

.ms-loading-container .ms-loading, .ms-slide .ms-slide-loading {
  width: 36px;
  height: 36px;
  background: url(../images/loading-2.gif) no-repeat center white;
  border-radius: 60px;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -18px;
  opacity: 0.9; }

/* grab cursor */
.ms-no-swipe, .ms-def-cursor {
  cursor: auto !important; }

.ms-grab-cursor {
  cursor: url(../images/grab.png), move; }

.ms-grabbing-cursor {
  cursor: url(../images/grabbing.png), move; }

.ms-ie .ms-grab-cursor, .ms-ie .ms-grabbing-cursor {
  cursor: move; }

.ms-view {
  margin: 0px auto;
  overflow: hidden;
  background: black;
  position: relative;
  -ms-perspective: 2000px;
  perspective: 2000px; }
  .ms-view .ms-slide-container {
    position: relative; }

.ms-slide {
  position: absolute;
  height: 100%;
  transform: translateZ(0px); }

.ms-wk .ms-slide {
  transform-style: preserve-3d; }

.ms-slide .ms-slide-bgcont, .ms-slide .ms-slide-bgvideocont {
  position: absolute;
  overflow: hidden;
  width: 100%; }

.ms-slide .ms-slide-link {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 110; }

.ms-ie .ms-slide-link {
  background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBR‌​AA7") 0 0 repeat; }

.ms-slide .ms-slide-bgvideocont {
  z-index: 105;
  height: 100%; }

.ms-wk .ms-slide .ms-slide-bgvideocont, .ms-wk .ms-slide-bgvideocont > video {
  transform: translateZ(0.3px); }

.ms-slide .ms-slide-bgvideo {
  position: absolute;
  top: 0px; }

.ms-inner-controls-cont, .ms-container {
  position: relative;
  margin: 0 auto; }

.ms-slide .ms-slide-bgcont img, .ms-container, .ms-inner-controls-cont {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.ms-slide .ms-layer, .ms-fixed-layers .ms-layer {
  position: absolute;
  pointer-events: auto; }

.ms-slide .ms-slide-layers, .ms-fixed-layers {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
  z-index: 109;
  top: 0px;
  pointer-events: none; }

.ms-slide .ms-slide-video {
  position: absolute;
  top: 0;
  z-index: 111;
  background: black;
  padding: 0;
  margin: 0;
  border: none; }

.ms-parallax-layer {
  width: 100%;
  position: absolute;
  top: 0; }

.ms-scroll-parallax-cont {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%; }

.ms-wk .ms-scroll-parallax-cont {
  transform: translateZ(0.4px); }

/*.ms-scroll-parallax .ms-sl-selected .ms-scroll-parallax-cont,
.ms-scroll-parallax .ms-sl-selected .ms-slide-bgcont{}
.ms-scroll-parallax .ms-slide-bgcont{}*/
/*-----------------------------------------------------------*/
.ms-action-layer {
  cursor: pointer; }

.ms-btn-container {
  position: absolute; }

.ms-btn {
  text-decoration: none;
  display: inline-block;
  color: black;
  position: relative;
  padding: 8px 15px;
  cursor: pointer;
  white-space: nowrap; }

.ms-default-btn {
  background: #0074A2;
  border-radius: 5px;
  color: #FFF; }
  .ms-default-btn:hover {
    background-color: #0098D5; }
  .ms-default-btn:active {
    top: 1px; }

.ms-btn-s {
  padding: 14px 17px;
  font-size: 80%;
  line-height: 0; }

.ms-btn-m {
  padding: 12px 40px; }

.ms-btn-n {
  padding: 8px 25px;
  font-size: 95%; }

.ms-btn-l {
  padding: 17px 50px;
  font-size: 120%; }

.ms-btn-round {
  border-radius: 5px; }

.ms-btn-circle {
  border-radius: 100px; }

.ms-btn-outline-round {
  border-radius: 5px; }

.ms-btn-outline-circle {
  border-radius: 100px; }

/*-----------------------------------------------------------*/
.ms-layer.video-box {
  background: black; }
  .ms-layer.video-box iframe {
    padding: 0;
    margin: 0;
    border: none;
    position: absolute;
    z-index: 111; }

.ms-slide .ms-slide-vpbtn, .ms-slide .ms-video-btn {
  position: absolute;
  cursor: pointer;
  z-index: 112; }

.ms-slide .ms-slide-vcbtn {
  position: absolute;
  cursor: pointer;
  z-index: 113; }

.ms-slide-vcbtn-mobile {
  position: relative;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 28px;
  background-color: black;
  color: white;
  text-align: center;
  cursor: pointer;
  z-index: 113; }
  .ms-slide-vcbtn-mobile .ms-vcbtn-txt {
    text-transform: uppercase;
    font-family: sans-serif;
    font-size: 0.75em;
    display: inline-block;
    background: url(video-close-btn.png) no-repeat 0px 3px;
    padding-left: 15px;
    height: 15px;
    color: #DBDBDB;
    margin-top: 7px; }

.ms-wk .ms-slide .ms-slide-vcbtn, .ms-wk .ms-slide .ms-slide-layers, .ms-wk .ms-slide .ms-slide-vpbtn, .ms-wk .ms-slide .ms-slide-video {
  transform: translateZ(0.44px); }

.ms-wk .ms-slide-link {
  transform: translateZ(0.44px); }

.ms-video-img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }

.ms-mask-frame {
  overflow: hidden;
  position: absolute;
  float: left; }

/* controls */
.ms-thumb-list {
  overflow: hidden;
  position: absolute; }
  .ms-thumb-list.ms-dir-h {
    width: 100%; }
  .ms-thumb-list.ms-dir-v {
    height: 100%;
    top: 0; }

.ms-thumbs-cont {
  position: relative; }

.ms-thumb-frame {
  cursor: pointer;
  float: left;
  overflow: hidden;
  opacity: 0.5;
  transition: opacity 300ms; }
  .ms-thumb-frame img {
    width: 100%;
    height: auto; }

.ms-thumb-frame-selected {
  opacity: 1; }

.ms-tabs .ms-thumb-frame {
  background-color: #F6f6f6;
  text-shadow: 0 1px 1px white;
  color: #222;
  border: solid 1px white;
  border-width: 0 1px 1px 0;
  overflow: visible;
  position: relative;
  opacity: 1;
  transition: all 300ms ease-out; }

.ms-tabs.ms-dir-h .ms-thumb-frame {
  margin-top: 12px; }

.ms-tabs.ms-dir-v .ms-thumb-frame {
  margin-left: 12px; }

.ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame {
  margin-left: 0px; }

.ms-tabs.ms-dir-h.ms-align-top {
  z-index: 140; }
  .ms-tabs.ms-dir-h.ms-align-top .ms-thumb-frame {
    margin-top: -12px; }

.ms-tabs .ms-thumb {
  padding: 20px 20px; }

.ms-tabs .ms-thumb-frame-selected {
  opacity: 1;
  background: #EDEDED; }

.ms-tabs .ms-thumb-frame .ms-thumb-ol {
  position: absolute;
  opacity: 0;
  transition: all 300ms ease-out; }

.ms-tabs.ms-dir-h .ms-thumb-frame .ms-thumb-ol {
  top: 0px;
  left: 50%;
  margin-left: -12px;
  border-bottom: solid 12px #F6f6f6;
  border-left: solid 12px transparent;
  border-right: solid 12px transparent; }

.ms-tabs.ms-dir-h.ms-align-bottom .ms-thumb-frame-selected .ms-thumb-ol {
  opacity: 1;
  top: -12px;
  border-bottom-color: #EDEDED; }

.ms-tabs.ms-dir-h.ms-align-top .ms-thumb-frame .ms-thumb-ol {
  bottom: 0px;
  top: auto;
  border-bottom: 0px;
  border-top: solid 12px #F6f6f6; }

.ms-tabs.ms-dir-h.ms-align-top .ms-thumb-frame-selected .ms-thumb-ol {
  opacity: 1;
  bottom: -12px;
  border-top-color: #EDEDED; }

.ms-tabs.ms-dir-v .ms-thumb-frame .ms-thumb-ol {
  top: 50%;
  left: 0;
  margin-top: -12px;
  border-right: solid 12px #EDEDED;
  border-top: solid 12px transparent;
  border-bottom: solid 12px transparent; }

.ms-tabs.ms-dir-v.ms-align-right .ms-thumb-frame-selected .ms-thumb-ol {
  opacity: 1;
  left: -12px;
  border-right-color: #EDEDED; }

.ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame .ms-thumb-ol {
  left: auto;
  right: 0;
  border-right: 0;
  border-left: solid 12px #EDEDED; }

.ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame-selected .ms-thumb-ol {
  opacity: 1;
  right: -12px;
  border-left-color: #EDEDED; }

/* horizontal thumblist arrows*/
.ms-thumb-list.ms-dir-h .ms-thumblist-fwd {
  height: 100%;
  width: 20px;
  position: absolute;
  left: 0;
  cursor: pointer;
  background: rgba(128, 128, 128, 0.5);
  text-align: center;
  color: white; }

.ms-thumb-list.ms-dir-h .ms-thumblist-bwd {
  height: 100%;
  width: 20px;
  position: absolute;
  left: 0;
  cursor: pointer;
  background: rgba(128, 128, 128, 0.5);
  text-align: center;
  color: white;
  right: 0;
  left: auto; }

.ms-thumb-list.ms-dir-h .ms-thumblist-fwd:after {
  content: close-quote;
  top: 43%;
  position: relative;
  border: solid transparent;
  border-width: 5px 5px 5px 0px;
  display: block;
  border-right-color: #FFF;
  width: 6px;
  height: 1px; }

.ms-thumb-list.ms-dir-h .ms-thumblist-bwd:after {
  content: close-quote;
  top: 43%;
  position: relative;
  border: solid transparent;
  border-width: 5px 5px 5px 0px;
  display: block;
  border-right-color: #FFF;
  width: 6px;
  height: 1px;
  border-width: 5px 0px 5px 5px;
  border-left-color: #FFF;
  left: 7px; }

.ms-thumb-list.ms-dir-v .ms-thumblist-fwd {
  width: 100%;
  height: 20px;
  position: absolute;
  top: 0;
  cursor: pointer;
  background: rgba(128, 128, 128, 0.5);
  text-align: center;
  color: white; }

.ms-thumb-list.ms-dir-v .ms-thumblist-bwd {
  width: 100%;
  height: 20px;
  position: absolute;
  top: 0;
  cursor: pointer;
  background: rgba(128, 128, 128, 0.5);
  text-align: center;
  color: white;
  bottom: 0;
  top: auto; }

.ms-thumb-list.ms-dir-v .ms-thumblist-fwd:after {
  content: close-quote;
  left: 43%;
  position: relative;
  border: solid transparent;
  border-width: 0px 5px 5px 5px;
  display: block;
  border-bottom-color: #FFF;
  height: 1px;
  top: 5px;
  width: 0; }

.ms-thumb-list.ms-dir-v .ms-thumblist-bwd:after {
  content: close-quote;
  left: 43%;
  position: relative;
  border: solid transparent;
  border-width: 0px 5px 5px 5px;
  display: block;
  border-bottom-color: #FFF;
  height: 1px;
  top: 5px;
  width: 0;
  border-width: 5px 5px 0px 5px;
  border-top-color: #FFF;
  top: 7px; }

/* vertical thumblist arrows */
.ms-bullet {
  cursor: pointer;
  float: left; }

.ms-bullets.ms-dir-h {
  position: absolute;
  bottom: 20px;
  right: 50%;
  width: 100px; }

.ms-bullets.ms-dir-v {
  position: absolute;
  top: 50%; }
  .ms-bullets.ms-dir-v .ms-bullet {
    float: none; }

.ms-bullets.ms-dir-h .ms-bullets-count {
  position: relative;
  right: -50%; }

.ms-sbar {
  position: absolute; }
  .ms-sbar.ms-dir-h {
    left: 10px;
    right: 10px;
    top: 5px; }
  .ms-sbar.ms-dir-v {
    top: 10px;
    bottom: 10px;
    right: 5px; }
  .ms-sbar .ms-bar {
    height: 4px;
    background: #333;
    border-radius: 4px; }
  .ms-sbar.ms-dir-v .ms-bar {
    width: 4px; }
  .ms-sbar .ms-bar {
    position: relative;
    transition: opacity 300ms; }

.ms-timerbar {
  width: 100%;
  bottom: 0px;
  position: absolute; }

.ms-ctimer {
  position: absolute;
  top: 30px;
  left: 30px;
  cursor: pointer; }

.ms-time-bar {
  transition: width 120ms linear; }

.ms-ie7 .ms-tooltip-arrow {
  height: 0px; }

.ms-slide-info {
  position: absolute; }
  .ms-slide-info.ms-dir-v {
    top: 0; }
  .ms-slide-info.ms-dir-h {
    width: 100%; }

@keyframes point-anim {
  0% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    opacity: 1; }
  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    -ms-transform: scale(1.5);
    opacity: 0; } }

/* In Android browser, using css animations over slider causes some crashes */
.ms-android .ms-tooltip-point .ms-point-border {
  animation: none;
  -moz-animation: none;
  -webkit-animation: none;
  -o-animation: none; }

/**
 * simplemde v1.11.2
 * Copyright Next Step Webs, Inc.
 * @link https://github.com/NextStepWebs/simplemde-markdown-editor
 * @license MIT
 */
.CodeMirror {
  color: #000; }

.CodeMirror-lines {
  padding: 4px 0; }

.CodeMirror pre {
  padding: 0 4px; }

.CodeMirror-gutter-filler, .CodeMirror-scrollbar-filler {
  background-color: #fff; }

.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap; }

.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999;
  white-space: nowrap; }

.CodeMirror-guttermarker {
  color: #000; }

.CodeMirror-guttermarker-subtle {
  color: #999; }

.CodeMirror-cursor {
  border-left: 1px solid #000;
  border-right: none;
  width: 0; }

.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver; }

.cm-fat-cursor .CodeMirror-cursor {
  width: auto;
  border: 0 !important;
  background: #7e7; }

.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1; }

.cm-animate-fat-cursor {
  width: auto;
  border: 0;
  animation: blink 1.06s steps(1) infinite;
  background-color: #7e7; }

@keyframes blink {
  50% {
    background-color: transparent; } }

.cm-tab {
  display: inline-block;
  text-decoration: inherit; }

.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  position: absolute; }

.cm-s-default .cm-header {
  color: #00f; }

.cm-s-default .cm-quote {
  color: #090; }

.cm-negative {
  color: #d44; }

.cm-positive {
  color: #292; }

.cm-header, .cm-strong {
  font-weight: 700; }

.cm-em {
  font-style: italic; }

.cm-link {
  text-decoration: underline; }

.cm-strikethrough {
  text-decoration: line-through; }

.cm-s-default .cm-keyword {
  color: #708; }

.cm-s-default .cm-atom {
  color: #219; }

.cm-s-default .cm-number {
  color: #164; }

.cm-s-default .cm-def {
  color: #00f; }

.cm-s-default .cm-variable-2 {
  color: #05a; }

.cm-s-default .cm-variable-3 {
  color: #085; }

.cm-s-default .cm-comment {
  color: #a50; }

.cm-s-default .cm-string {
  color: #a11; }

.cm-s-default .cm-string-2 {
  color: #f50; }

.cm-s-default .cm-meta, .cm-s-default .cm-qualifier {
  color: #555; }

.cm-s-default .cm-builtin {
  color: #30a; }

.cm-s-default .cm-bracket {
  color: #997; }

.cm-s-default .cm-tag {
  color: #170; }

.cm-s-default .cm-attribute {
  color: #00c; }

.cm-s-default .cm-hr {
  color: #999; }

.cm-s-default .cm-link {
  color: #00c; }

.cm-invalidchar, .cm-s-default .cm-error {
  color: red; }

.CodeMirror-composing {
  border-bottom: 2px solid; }

div.CodeMirror span.CodeMirror-matchingbracket {
  color: #0f0; }

div.CodeMirror span.CodeMirror-nonmatchingbracket {
  color: #f22; }

.CodeMirror-matchingtag {
  background: rgba(255, 150, 0, 0.3); }

.CodeMirror-activeline-background {
  background: #e8f2ff; }

.CodeMirror {
  position: relative;
  overflow: hidden;
  background: #fff; }

.CodeMirror-scroll {
  overflow: scroll !important;
  margin-bottom: -30px;
  margin-right: -30px;
  padding-bottom: 30px;
  height: 100%;
  outline: 0;
  position: relative; }

.CodeMirror-sizer {
  position: relative;
  border-right: 30px solid transparent; }

.CodeMirror-gutter-filler, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-vscrollbar {
  position: absolute;
  z-index: 6;
  display: none; }

.CodeMirror-vscrollbar {
  right: 0;
  top: 0;
  overflow-x: hidden;
  overflow-y: scroll; }

.CodeMirror-hscrollbar {
  bottom: 0;
  left: 0;
  overflow-y: hidden;
  overflow-x: scroll; }

.CodeMirror-scrollbar-filler {
  right: 0;
  bottom: 0; }

.CodeMirror-gutter-filler {
  left: 0;
  bottom: 0; }

.CodeMirror-gutters {
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100%;
  z-index: 3; }

.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: -30px; }

.CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  background: 0 0 !important;
  border: none !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.CodeMirror-gutter-background {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 4; }

.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4; }

.CodeMirror-lines {
  cursor: text;
  min-height: 1px; }

.CodeMirror pre {
  border-radius: 0;
  border-width: 0;
  background: 0 0;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  font-variant-ligatures: none; }

.CodeMirror-wrap pre {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal; }

.CodeMirror-linebackground {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0; }

.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  overflow: auto; }

.CodeMirror-code {
  outline: 0; }

.CodeMirror-gutter, .CodeMirror-gutters, .CodeMirror-linenumber, .CodeMirror-scroll, .CodeMirror-sizer {
  box-sizing: content-box; }

.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden; }

.CodeMirror-cursor {
  position: absolute; }

.CodeMirror-measure pre {
  position: static; }

div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3; }

.CodeMirror-focused div.CodeMirror-cursors, div.CodeMirror-dragcursors {
  visibility: visible; }

.CodeMirror-selected {
  background: #d9d9d9; }

.CodeMirror-focused .CodeMirror-selected, .CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection {
  background: #d7d4f0; }

.CodeMirror-focused .CodeMirror-selected, .CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection {
  background: #d7d4f0; }

.CodeMirror-crosshair {
  cursor: crosshair; }

.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection {
  background: #d7d4f0; }

.cm-searching {
  background: #ffa;
  background: rgba(255, 255, 0, 0.4); }

.cm-force-border {
  padding-right: .1px; }

@media print {
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden; } }

.cm-tab-wrap-hack:after {
  content: ''; }

span.CodeMirror-selectedtext {
  background: 0 0; }

.CodeMirror {
  height: auto;
  min-height: 300px;
  border: 1px solid #ddd;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 10px;
  font: inherit;
  z-index: 1; }

.CodeMirror-scroll {
  min-height: 300px; }

.CodeMirror-fullscreen {
  background: #fff;
  position: fixed !important;
  top: 50px;
  left: 0;
  right: 0;
  bottom: 0;
  height: auto;
  z-index: 9; }

.CodeMirror-sided {
  width: 50% !important; }

.editor-toolbar {
  position: relative;
  opacity: .6;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  padding: 0 10px;
  border-top: 1px solid #bbb;
  border-left: 1px solid #bbb;
  border-right: 1px solid #bbb;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }

.editor-toolbar:after, .editor-toolbar:before {
  display: block;
  content: ' ';
  height: 1px; }

.editor-toolbar:before {
  margin-bottom: 8px; }

.editor-toolbar:after {
  margin-top: 8px; }

.editor-toolbar:hover, .editor-wrapper input.title:focus, .editor-wrapper input.title:hover {
  opacity: .8; }

.editor-toolbar.fullscreen {
  width: 100%;
  height: 50px;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  padding-top: 10px;
  padding-bottom: 10px;
  box-sizing: border-box;
  background: #fff;
  border: 0;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 1;
  z-index: 9; }

.editor-toolbar.fullscreen::before {
  width: 20px;
  height: 50px;
  background: linear-gradient(to right, white 0, rgba(255, 255, 255, 0) 100%);
  position: fixed;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0; }

.editor-toolbar.fullscreen::after {
  width: 20px;
  height: 50px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, white 100%);
  position: fixed;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0; }

.editor-toolbar a {
  display: inline-block;
  text-align: center;
  text-decoration: none !important;
  color: #2c3e50 !important;
  width: 30px;
  height: 30px;
  margin: 0;
  border: 1px solid transparent;
  border-radius: 3px;
  cursor: pointer; }

.editor-toolbar a.active, .editor-toolbar a:hover {
  background: #fcfcfc;
  border-color: #95a5a6; }

.editor-toolbar a:before {
  line-height: 30px; }

.editor-toolbar i.separator {
  display: inline-block;
  width: 0;
  border-left: 1px solid #d9d9d9;
  border-right: 1px solid #fff;
  color: transparent;
  text-indent: -10px;
  margin: 0 6px; }

.editor-toolbar a.fa-header-x:after {
  font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
  font-size: 65%;
  vertical-align: text-bottom;
  position: relative;
  top: 2px; }

.editor-toolbar a.fa-header-1:after {
  content: "1"; }

.editor-toolbar a.fa-header-2:after {
  content: "2"; }

.editor-toolbar a.fa-header-3:after {
  content: "3"; }

.editor-toolbar a.fa-header-bigger:after {
  content: "▲"; }

.editor-toolbar a.fa-header-smaller:after {
  content: "▼"; }

.editor-toolbar.disabled-for-preview a:not(.no-disable) {
  pointer-events: none;
  background: #fff;
  border-color: transparent;
  text-shadow: inherit; }

@media only screen and (max-width: 700px) {
  .editor-toolbar a.no-mobile {
    display: none; } }

.editor-statusbar {
  padding: 8px 10px;
  font-size: 12px;
  color: #959694;
  text-align: right; }

.editor-statusbar span {
  display: inline-block;
  min-width: 4em;
  margin-left: 1em; }

.editor-preview, .editor-preview-side {
  padding: 10px;
  background: #fafafa;
  overflow: auto;
  display: none;
  box-sizing: border-box; }

.editor-statusbar .lines:before {
  content: 'lines: '; }

.editor-statusbar .words:before {
  content: 'words: '; }

.editor-statusbar .characters:before {
  content: 'characters: '; }

.editor-preview {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 7; }

.editor-preview-side {
  position: fixed;
  bottom: 0;
  width: 50%;
  top: 50px;
  right: 0;
  z-index: 9;
  border: 1px solid #ddd; }

.editor-preview-active, .editor-preview-active-side {
  display: block; }

.editor-preview-side > p, .editor-preview > p {
  margin-top: 0; }

.editor-preview pre, .editor-preview-side pre {
  background: #eee;
  margin-bottom: 10px; }

.editor-preview table td, .editor-preview table th, .editor-preview-side table td, .editor-preview-side table th {
  border: 1px solid #ddd;
  padding: 5px; }

.CodeMirror .CodeMirror-code .cm-tag {
  color: #63a35c; }

.CodeMirror .CodeMirror-code .cm-attribute {
  color: #795da3; }

.CodeMirror .CodeMirror-code .cm-string {
  color: #183691; }

.CodeMirror .CodeMirror-selected {
  background: #d9d9d9; }

.CodeMirror .CodeMirror-code .cm-header-1 {
  font-size: 200%;
  line-height: 200%; }

.CodeMirror .CodeMirror-code .cm-header-2 {
  font-size: 160%;
  line-height: 160%; }

.CodeMirror .CodeMirror-code .cm-header-3 {
  font-size: 125%;
  line-height: 125%; }

.CodeMirror .CodeMirror-code .cm-header-4 {
  font-size: 110%;
  line-height: 110%; }

.CodeMirror .CodeMirror-code .cm-comment {
  background: rgba(0, 0, 0, 0.05);
  border-radius: 2px; }

.CodeMirror .CodeMirror-code .cm-link {
  color: #7f8c8d; }

.CodeMirror .CodeMirror-code .cm-url {
  color: #aab2b3; }

.CodeMirror .CodeMirror-code .cm-strikethrough {
  text-decoration: line-through; }

.CodeMirror .CodeMirror-placeholder {
  opacity: .5; }

.CodeMirror .cm-spell-error:not(.cm-url):not(.cm-comment):not(.cm-tag):not(.cm-word) {
  background: rgba(255, 0, 0, 0.15); }

/* ========================================================================
 * bootstrap-tour - v0.10.3
 * http://bootstraptour.com
 * ========================================================================
 * Copyright 2012-2015 Ulrich Sossou
 *
 * ========================================================================
 * Licensed under the MIT License (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     https://opensource.org/licenses/MIT
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * ========================================================================
 */
.tour-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1100;
  background-color: #000;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.tour-step-backdrop {
  position: relative;
  z-index: 1101; }

.tour-step-backdrop > td {
  position: relative;
  z-index: 1101; }

.tour-step-background {
  position: absolute !important;
  z-index: 1100;
  background: inherit;
  border-radius: 6px; }

.popover[class*="tour-"] {
  z-index: 1102;
  width: 350px;
  max-width: 350px;
  border-radius: 0;
  background-color: #38b4d6;
  color: white;
  border: 1px solid #38b4d6; }
  .popover[class*="tour-"] .popover-title {
    margin: 0;
    padding: 12px 30px;
    font-size: 18px;
    background-color: #22a7ca;
    border-bottom: 0;
    color: white;
    border-radius: 0; }
  .popover[class*="tour-"] .popover-content, .popover[class*="tour-"] .popover-navigation {
    padding: 20px 25px; }
  .popover[class*="tour-"] .btn-group {
    text-align: right;
    margin-bottom: 10px; }

.popover.top > .arrow:after {
  border-top-color: #38b4d6; }

.popover.right > .arrow:after {
  border-right-color: #38b4d6; }

.popover.bottom > .arrow:after {
  border-bottom-color: #38b4d6; }

.popover.left > .arrow:after {
  border-left-color: #38b4d6; }

.popover[class*="tour-"] .popover-navigation {
  overflow: hidden; }

.popover[class*="tour-"] .popover-navigation *[data-role="end"] {
  float: left; }

.popover[class*="tour-"] .popover-navigation *[data-role="prev"],
.popover[class*="tour-"] .popover-navigation *[data-role="next"],
.popover[class*="tour-"] .popover-navigation *[data-role="end"] {
  cursor: pointer; }

.popover[class*="tour-"] .popover-navigation *[data-role="prev"].disabled,
.popover[class*="tour-"] .popover-navigation *[data-role="next"].disabled,
.popover[class*="tour-"] .popover-navigation *[data-role="end"].disabled {
  cursor: default; }

.popover[class*="tour-"].orphan {
  position: fixed;
  margin-top: 0; }

.popover[class*="tour-"].orphan .arrow {
  display: none; }

/**
 *  Master Slider
 *  Black 2 Skin
 */
/* controls */
/* retina */
.ms-skin-black-2 .ms-slide .ms-slide-vpbtn {
  width: 45px;
  height: 45px;
  background: url(black-skin-2.png) black no-repeat -16px -103px;
  border: solid 3px white;
  border-color: rgba(255, 255, 255, 0.4);
  -webkit-background-clip: padding-box;
  top: 50%;
  left: 50%;
  margin: -23px 0 0 -23px; }
  .ms-skin-black-2 .ms-slide .ms-slide-vpbtn:hover {
    background-color: #3D3D3D; }

.ms-skin-black-2 .ms-slide .ms-slide-vcbtn {
  width: 25px;
  height: 25px;
  background: url(black-skin-2.png) black no-repeat -27px -36px;
  border: solid 2px white;
  border-color: rgba(255, 255, 255, 0.4);
  top: 15px;
  right: 15px; }

.ms-skin-black-2 .ms-video-btn {
  width: 45px;
  height: 45px;
  background: url(black-skin-2.png) black no-repeat -16px -103px;
  border: solid 3px white;
  border-color: rgba(255, 255, 255, 0.4);
  -webkit-background-clip: padding-box;
  top: 50%;
  left: 50%;
  margin: -23px 0 0 -23px; }
  .ms-skin-black-2 .ms-video-btn:hover {
    background-color: #3D3D3D; }

.ms-skin-black-2 .ms-nav-next {
  position: absolute;
  cursor: pointer;
  z-index: 110;
  width: 45px;
  height: 45px;
  background: url(black-skin-2.png) black;
  background-clip: padding-box;
  background-position: -88px -26px;
  border: solid 3px white;
  border-color: rgba(255, 255, 255, 0.4);
  top: 50%;
  left: 30px;
  margin-top: -22px;
  right: 30px;
  left: auto;
  background-position: -86px -103px; }
  .ms-skin-black-2 .ms-nav-next:hover {
    background-color: #3d3d3d; }

.ms-skin-black-2 .ms-nav-prev {
  position: absolute;
  cursor: pointer;
  z-index: 110;
  width: 45px;
  height: 45px;
  background: url(black-skin-2.png) black;
  background-clip: padding-box;
  background-position: -88px -26px;
  border: solid 3px white;
  border-color: rgba(255, 255, 255, 0.4);
  top: 50%;
  left: 30px;
  margin-top: -22px; }
  .ms-skin-black-2 .ms-nav-prev:hover {
    background-color: #3d3d3d; }

.ms-skin-black-2 .ms-bullets.ms-dir-h {
  position: absolute;
  bottom: 20px;
  right: 50%;
  width: 100px; }
  .ms-skin-black-2 .ms-bullets.ms-dir-h .ms-bullets-count {
    position: relative;
    right: -50%; }

.ms-skin-black-2 .ms-bullet {
  height: 6px;
  background-color: #A3E0C7;
  border-radius: 5px; }

.ms-skin-black-2 .ms-time-bar {
  height: 3px;
  background: #000000; }

.ms-skin-black-2 .ms-tooltip {
  position: absolute;
  z-index: 210;
  cursor: auto;
  max-width: 200px; }

.ms-skin-black-2 .ms-tooltip-top .ms-tooltip-arrow {
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
  position: absolute;
  left: 50%;
  margin-left: -10px;
  border-top: solid 10px;
  border-top-color: silver;
  border-top-color: rgba(240, 240, 240, 0.88);
  bottom: -10px; }

.ms-skin-black-2 .ms-tooltip-bottom .ms-tooltip-arrow {
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
  position: absolute;
  left: 50%;
  margin-left: -10px;
  border-bottom: solid 10px;
  border-bottom-color: silver;
  border-bottom-color: rgba(240, 240, 240, 0.88);
  top: -10px; }

.ms-skin-black-2 .ms-tooltip-right .ms-tooltip-arrow {
  border-top: solid 10px transparent;
  border-bottom: solid 10px transparent;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  border-right: solid 10px;
  border-right-color: silver;
  border-right-color: rgba(240, 240, 240, 0.88);
  left: -10px; }

.ms-skin-black-2 .ms-tooltip-left .ms-tooltip-arrow {
  border-top: solid 10px transparent;
  border-bottom: solid 10px transparent;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  border-left: solid 10px;
  border-left-color: silver;
  border-left-color: rgba(240, 240, 240, 0.88);
  right: -10px; }

.ms-skin-black-2 .ms-tooltip-point {
  cursor: pointer; }
  .ms-skin-black-2 .ms-tooltip-point .ms-point-center {
    width: 12px;
    height: 12px;
    border-radius: 15px;
    border: solid 2px #BBB;
    background: white;
    margin: -8px 0 0 -8px;
    position: absolute;
    z-index: 105; }
  .ms-skin-black-2 .ms-tooltip-point .ms-point-border {
    width: 22px;
    height: 22px;
    background: black;
    background: rgba(0, 0, 0, 0.36);
    margin: -11px 0 0 -11px;
    position: absolute;
    border-radius: 15px;
    animation: point-anim 1.5s infinite;
    -moz-animation: point-anim 1.5s infinite;
    -webkit-animation: point-anim 1.5s infinite;
    -o-animation: point-anim 1.5s infinite; }

.ms-skin-black-2 .ms-tooltip-cont {
  padding: 10px;
  background: silver;
  background: rgba(240, 240, 240, 0.88);
  text-shadow: 0 1px 0px white;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04); }

.ms-skin-black-2.round-skin .ms-slide .ms-slide-vcbtn {
  border-radius: 50px; }

.ms-skin-black-2.round-skin .ms-slide .ms-slide-vpbtn {
  border-radius: 90px; }

.ms-skin-black-2.round-skin .ms-nav-next {
  border-radius: 90px; }

.ms-skin-black-2.round-skin .ms-nav-prev {
  border-radius: 90px; }

.ms-skin-black-2.round-skin .ms-video-btn {
  border-radius: 90px; }

.ms-skin-black-2.round-skin .ms-bullet {
  border-radius: 15px; }

.ms-ie7.ms-skin-black-2 .ms-tooltip-point .ms-point-border {
  display: none; }

.ms-ie8.ms-skin-black-2 .ms-tooltip-point .ms-point-border {
  display: none; }

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .ms-skin-black-2 .ms-slide .ms-slide-vpbtn {
    background-image: url(black-skin-2-retina.png);
    background-size: 152px 225px; }
  .ms-skin-black-2 .ms-slide .ms-slide-vcbtn {
    background-image: url(black-skin-2-retina.png);
    background-size: 152px 225px; }
  .ms-skin-black-2 .ms-video-btn {
    background-image: url(black-skin-2-retina.png);
    background-size: 152px 225px; }
  .ms-skin-black-2 .ms-nav-next {
    background-image: url(black-skin-2-retina.png);
    background-size: 152px 225px; }
  .ms-skin-black-2 .ms-nav-prev {
    background-image: url(black-skin-2-retina.png);
    background-size: 152px 225px; } }

@media only screen and (min--moz-device-pixel-ratio: 2) {
  .ms-skin-black-2 .ms-slide .ms-slide-vpbtn {
    background-image: url(black-skin-2-retina.png);
    background-size: 152px 225px; }
  .ms-skin-black-2 .ms-slide .ms-slide-vcbtn {
    background-image: url(black-skin-2-retina.png);
    background-size: 152px 225px; }
  .ms-skin-black-2 .ms-video-btn {
    background-image: url(black-skin-2-retina.png);
    background-size: 152px 225px; }
  .ms-skin-black-2 .ms-nav-next {
    background-image: url(black-skin-2-retina.png);
    background-size: 152px 225px; }
  .ms-skin-black-2 .ms-nav-prev {
    background-image: url(black-skin-2-retina.png);
    background-size: 152px 225px; } }

@media only screen and (-o-min-device-pixel-ratio: 2 / 1) {
  .ms-skin-black-2 .ms-slide .ms-slide-vpbtn {
    background-image: url(black-skin-2-retina.png);
    background-size: 152px 225px; }
  .ms-skin-black-2 .ms-slide .ms-slide-vcbtn {
    background-image: url(black-skin-2-retina.png);
    background-size: 152px 225px; }
  .ms-skin-black-2 .ms-video-btn {
    background-image: url(black-skin-2-retina.png);
    background-size: 152px 225px; }
  .ms-skin-black-2 .ms-nav-next {
    background-image: url(black-skin-2-retina.png);
    background-size: 152px 225px; }
  .ms-skin-black-2 .ms-nav-prev {
    background-image: url(black-skin-2-retina.png);
    background-size: 152px 225px; } }

@media only screen and (min-device-pixel-ratio: 2) {
  .ms-skin-black-2 .ms-slide .ms-slide-vpbtn {
    background-image: url(black-skin-2-retina.png);
    background-size: 152px 225px; }
  .ms-skin-black-2 .ms-slide .ms-slide-vcbtn {
    background-image: url(black-skin-2-retina.png);
    background-size: 152px 225px; }
  .ms-skin-black-2 .ms-video-btn {
    background-image: url(black-skin-2-retina.png);
    background-size: 152px 225px; }
  .ms-skin-black-2 .ms-nav-next {
    background-image: url(black-skin-2-retina.png);
    background-size: 152px 225px; }
  .ms-skin-black-2 .ms-nav-prev {
    background-image: url(black-skin-2-retina.png);
    background-size: 152px 225px; } }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .ms-skin-black-2 .ms-slide .ms-slide-vpbtn {
    background-image: url(black-skin-2-retina.png);
    background-size: 152px 225px; }
  .ms-skin-black-2 .ms-slide .ms-slide-vcbtn {
    background-image: url(black-skin-2-retina.png);
    background-size: 152px 225px; }
  .ms-skin-black-2 .ms-video-btn {
    background-image: url(black-skin-2-retina.png);
    background-size: 152px 225px; }
  .ms-skin-black-2 .ms-nav-next {
    background-image: url(black-skin-2-retina.png);
    background-size: 152px 225px; }
  .ms-skin-black-2 .ms-nav-prev {
    background-image: url(black-skin-2-retina.png);
    background-size: 152px 225px; } }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  .ms-skin-black-2 .ms-slide .ms-slide-vpbtn {
    background-image: url(black-skin-2-retina.png);
    background-size: 152px 225px; }
  .ms-skin-black-2 .ms-slide .ms-slide-vcbtn {
    background-image: url(black-skin-2-retina.png);
    background-size: 152px 225px; }
  .ms-skin-black-2 .ms-video-btn {
    background-image: url(black-skin-2-retina.png);
    background-size: 152px 225px; }
  .ms-skin-black-2 .ms-nav-next {
    background-image: url(black-skin-2-retina.png);
    background-size: 152px 225px; }
  .ms-skin-black-2 .ms-nav-prev {
    background-image: url(black-skin-2-retina.png);
    background-size: 152px 225px; } }

/* 
 *  Core Owl Carousel SCSS
 *  v1.3.3
 */
.owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y; }
  .owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px); }
    .owl-carousel .owl-wrapper:after {
      content: ".";
      display: block;
      clear: both;
      visibility: hidden;
      line-height: 0;
      height: 0; }
  .owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%; }
    .owl-carousel .owl-wrapper-outer.autoHeight {
      transition: height 500ms ease-in-out; }
  .owl-carousel .owl-item {
    float: left; }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }

.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent; }
  .owl-controls .owl-page,
  .owl-controls .owl-buttons div {
    cursor: pointer; }

.grabbing {
  cursor: url(../images/grabbing.png) 8 8, move; }

/*
*   Owl Carousel Owl Demo Theme 
*   v1.3.3
*/
.owl-theme .owl-controls {
  margin-top: 10px;
  text-align: center; }
  .owl-theme .owl-controls .owl-buttons div {
    color: #FFF;
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin: 5px;
    padding: 3px 10px;
    font-size: 12px;
    border-radius: 30px;
    background: #869791;
    filter: Alpha(Opacity=50);
    opacity: 0.5; }
  .owl-theme .owl-controls.clickable .owl-buttons div:hover {
    filter: Alpha(Opacity=100);
    opacity: 1;
    text-decoration: none; }
  .owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
    *display: inline; }
    .owl-theme .owl-controls .owl-page span {
      display: block;
      width: 12px;
      height: 12px;
      margin: 5px 7px;
      filter: Alpha(Opacity=50);
      opacity: 0.5;
      border-radius: 20px;
      background: #999; }
  .owl-theme .owl-controls .owl-page.active span,
  .owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100);
    opacity: 1; }
  .owl-theme .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    border-radius: 30px; }

.owl-item.loading {
  min-height: 150px;
  background: url(../images/AjaxLoader.gif) no-repeat center center; }

/*!
 * Ladda
 * http://lab.hakim.se/ladda
 * MIT licensed
 *
 * Copyright (C) 2014 Hakim El Hattab, http://hakim.se
 */
.btn-loading {
  position: relative;
  transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important; }
  .btn-loading .ladda-spinner {
    position: absolute;
    z-index: 2;
    display: inline-block;
    width: 32px;
    height: 32px;
    top: 50%;
    margin-top: 0;
    opacity: 0;
    pointer-events: none;
    transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important; }
  .btn-loading .ladda-label {
    position: relative;
    z-index: 3;
    transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important; }
  .btn-loading .ladda-progress {
    position: absolute;
    width: 0;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.2);
    visibility: hidden;
    opacity: 0;
    transition: 0.1s linear all !important; }

.btn-loading[data-loading] .ladda-progress {
  opacity: 1;
  visibility: visible; }

.btn-loading[data-style=zoom-in] {
  transition: 0.3s ease all !important;
  overflow: hidden; }
  .btn-loading[data-style=zoom-in] .ladda-spinner {
    transition: 0.3s ease all !important;
    left: 50%;
    margin-left: -16px;
    transform: scale(0.2); }
  .btn-loading[data-style=zoom-in] .ladda-label {
    transition: 0.3s ease all !important;
    position: relative;
    display: inline-block; }

.btn-loading[data-style=zoom-out] {
  transition: 0.3s ease all !important;
  overflow: hidden; }
  .btn-loading[data-style=zoom-out] .ladda-spinner {
    transition: 0.3s ease all !important;
    left: 50%;
    margin-left: 32px;
    transform: scale(2.5); }
  .btn-loading[data-style=zoom-out] .ladda-label {
    transition: 0.3s ease all !important;
    position: relative;
    display: inline-block; }

.btn-loading[data-style=expand-right] .ladda-spinner {
  right: -6px; }

.btn-loading[data-style=expand-right][data-size="s"] .ladda-spinner {
  right: -12px; }

.btn-loading[data-style=expand-right][data-size="xs"] .ladda-spinner {
  right: -12px; }

.btn-loading[data-style=expand-right][data-loading] {
  padding-right: 56px; }
  .btn-loading[data-style=expand-right][data-loading] .ladda-spinner {
    opacity: 1; }

.btn-loading[data-style=expand-right][data-loading][data-size="s"] {
  padding-right: 40px; }

.btn-loading[data-style=expand-right][data-loading][data-size="xs"] {
  padding-right: 40px; }

.btn-loading[data-style=expand-left] .ladda-spinner {
  left: 26px; }

.btn-loading[data-style=expand-left][data-size="s"] .ladda-spinner {
  left: 4px; }

.btn-loading[data-style=expand-left][data-size="xs"] .ladda-spinner {
  left: 4px; }

.btn-loading[data-style=expand-left][data-loading] {
  padding-left: 56px; }
  .btn-loading[data-style=expand-left][data-loading] .ladda-spinner {
    opacity: 1; }

.btn-loading[data-style=expand-left][data-loading][data-size="s"] {
  padding-left: 40px; }

.btn-loading[data-style=expand-left][data-loading][data-size="xs"] {
  padding-left: 40px; }

.btn-loading[data-style=expand-up] {
  overflow: hidden; }
  .btn-loading[data-style=expand-up] .ladda-spinner {
    top: -32px;
    left: 50%;
    margin-left: 0; }

.btn-loading[data-style=expand-up][data-loading] {
  padding-top: 54px; }
  .btn-loading[data-style=expand-up][data-loading] .ladda-spinner {
    opacity: 1;
    top: 26px;
    margin-top: 0; }

.btn-loading[data-style=expand-up][data-loading][data-size="s"] {
  padding-top: 32px; }
  .btn-loading[data-style=expand-up][data-loading][data-size="s"] .ladda-spinner {
    top: 4px; }

.btn-loading[data-style=expand-up][data-loading][data-size="xs"] {
  padding-top: 32px; }
  .btn-loading[data-style=expand-up][data-loading][data-size="xs"] .ladda-spinner {
    top: 4px; }

.btn-loading[data-style=expand-down] {
  overflow: hidden; }
  .btn-loading[data-style=expand-down] .ladda-spinner {
    top: 62px;
    left: 50%;
    margin-left: 0; }

.btn-loading[data-style=expand-down][data-size="s"] .ladda-spinner {
  top: 40px; }

.btn-loading[data-style=expand-down][data-size="xs"] .ladda-spinner {
  top: 40px; }

.btn-loading[data-style=expand-down][data-loading] {
  padding-bottom: 54px; }
  .btn-loading[data-style=expand-down][data-loading] .ladda-spinner {
    opacity: 1; }

.btn-loading[data-style=expand-down][data-loading][data-size="s"] {
  padding-bottom: 32px; }

.btn-loading[data-style=expand-down][data-loading][data-size="xs"] {
  padding-bottom: 32px; }

.btn-loading[data-style=slide-left] {
  overflow: hidden; }
  .btn-loading[data-style=slide-left] .ladda-label {
    position: relative; }
  .btn-loading[data-style=slide-left] .ladda-spinner {
    left: 100%;
    margin-left: 0; }

.btn-loading[data-style=slide-left][data-loading] .ladda-label {
  opacity: 0;
  left: -100%; }

.btn-loading[data-style=slide-left][data-loading] .ladda-spinner {
  opacity: 1;
  left: 50%; }

.btn-loading[data-style=slide-right] {
  overflow: hidden; }
  .btn-loading[data-style=slide-right] .ladda-label {
    position: relative; }
  .btn-loading[data-style=slide-right] .ladda-spinner {
    right: 100%;
    margin-left: 0;
    left: 16px; }

.btn-loading[data-style=slide-right][data-loading] .ladda-label {
  opacity: 0;
  left: 100%; }

.btn-loading[data-style=slide-right][data-loading] .ladda-spinner {
  opacity: 1;
  left: 50%; }

.btn-loading[data-style=slide-up] {
  overflow: hidden; }
  .btn-loading[data-style=slide-up] .ladda-label {
    position: relative; }
  .btn-loading[data-style=slide-up] .ladda-spinner {
    left: 50%;
    margin-left: 0;
    margin-top: 1em; }

.btn-loading[data-style=slide-up][data-loading] .ladda-label {
  opacity: 0;
  top: -1em; }

.btn-loading[data-style=slide-up][data-loading] .ladda-spinner {
  opacity: 1;
  margin-top: 0; }

.btn-loading[data-style=slide-down] {
  overflow: hidden; }
  .btn-loading[data-style=slide-down] .ladda-label {
    position: relative; }
  .btn-loading[data-style=slide-down] .ladda-spinner {
    left: 50%;
    margin-left: 0;
    margin-top: -2em; }

.btn-loading[data-style=slide-down][data-loading] .ladda-label {
  opacity: 0;
  top: 1em; }

.btn-loading[data-style=slide-down][data-loading] .ladda-spinner {
  opacity: 1;
  margin-top: 0; }

.btn-loading[data-style=zoom-out][data-loading] .ladda-label {
  opacity: 0;
  transform: scale(0.5); }

.btn-loading[data-style=zoom-out][data-loading] .ladda-spinner {
  opacity: 1;
  margin-left: 0;
  transform: none; }

.btn-loading[data-style=zoom-in][data-loading] .ladda-label {
  opacity: 0;
  transform: scale(2.2); }

.btn-loading[data-style=zoom-in][data-loading] .ladda-spinner {
  opacity: 1;
  margin-left: 0;
  transform: none; }

.btn-loading[data-style=contract] {
  overflow: hidden;
  width: 100px; }
  .btn-loading[data-style=contract] .ladda-spinner {
    left: 50%;
    margin-left: 0; }

.btn-loading[data-style=contract][data-loading] {
  border-radius: 50%;
  width: 52px; }
  .btn-loading[data-style=contract][data-loading] .ladda-label {
    opacity: 0; }
  .btn-loading[data-style=contract][data-loading] .ladda-spinner {
    opacity: 1; }

.btn-loading[data-style=contract-overlay] {
  overflow: hidden;
  width: 100px;
  box-shadow: 0px 0px 0px 2000px transparent; }
  .btn-loading[data-style=contract-overlay] .ladda-spinner {
    left: 50%;
    margin-left: 0; }

.btn-loading[data-style=contract-overlay][data-loading] {
  border-radius: 50%;
  width: 52px;
  box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0.8); }
  .btn-loading[data-style=contract-overlay][data-loading] .ladda-label {
    opacity: 0; }
  .btn-loading[data-style=contract-overlay][data-loading] .ladda-spinner {
    opacity: 1; }

body.cke_editable {
  font-family: 'Roboto', 'Arial', sans-serif;
  color: #333;
  font-size: 16px;
  line-height: 1.6;
  width: 690px; }

.cke_editable h1, .cke_editable h2, .cke_editable h3, .cke_editable h4 {
  text-transform: none;
  font-size: 32px; }
  .cke_editable h1:first-child, .cke_editable h2:first-child, .cke_editable h3:first-child, .cke_editable h4:first-child {
    margin: 0; }
  .cke_editable h1:last-child, .cke_editable h2:last-child, .cke_editable h3:last-child, .cke_editable h4:last-child {
    margin: 0; }

.cke_editable h2 {
  font-size: 28px; }

.cke_editable h3 {
  font-size: 24px; }

.cke_editable h4 {
  font-size: 20px; }

.cke_editable p {
  margin-top: 1.6em;
  margin-bottom: 1.6em; }

.cke_editable a {
  text-decoration: underline;
  color: #EA845B; }

.cke_editable .img-responsive {
  display: block;
  max-width: 100%;
  height: auto; }

.cke_editable .iframe-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
  margin-top: 1.6em;
  margin-bottom: 1.6em; }
  .cke_editable .iframe-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.cke_editable .info-box {
  font-family: inherit;
  background-color: #9DBEC7;
  color: white;
  padding: 1em; }
  .cke_editable .info-box a {
    color: inherit;
    text-decoration: underline; }

.cke_editable blockquote {
  font-family: inherit;
  color: #999;
  margin: 1.6em 0 1.6em 1.6em;
  border-left: 2px solid #45aca8;
  padding: 1em;
  font-style: italic; }
  .cke_editable blockquote p {
    margin: 0;
    padding-bottom: 1.6em; }
    .cke_editable blockquote p:last-child {
      padding-bottom: 0; }
    .cke_editable blockquote p a {
      color: inherit;
      text-decoration: underline; }

.cke_editable pre code {
  overflow-x: auto;
  padding: 1.6em; }

#lecture-script body.cke_editable, #lecture-script .cke_editable {
  font-size: 16px;
  line-height: 1.6; }
  #lecture-script body.cke_editable iframe, #lecture-script .cke_editable iframe {
    width: 100%; }
  #lecture-script body.cke_editable h1, #lecture-script body.cke_editable h2, #lecture-script body.cke_editable h3, #lecture-script body.cke_editable h4, #lecture-script .cke_editable h1, #lecture-script .cke_editable h2, #lecture-script .cke_editable h3, #lecture-script .cke_editable h4 {
    font-size: 32px; }
  #lecture-script body.cke_editable a, #lecture-script .cke_editable a {
    text-decoration: underline;
    color: #EA845B; }

.student-page .owl-carousel {
  margin: 0; }
  @media (min-width: 768px) {
    .student-page .owl-carousel .owl-item {
      padding: 0 30px; } }
  .student-page .owl-carousel .owl-controls .owl-buttons div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: calc(50% - 25px);
    height: 30px;
    width: 30px;
    visibility: hidden; }
    @media (min-width: 768px) {
      .student-page .owl-carousel .owl-controls .owl-buttons div {
        visibility: visible; } }
    .student-page .owl-carousel .owl-controls .owl-buttons div i {
      display: -ms-flexbox;
      display: flex; }
  .student-page .owl-carousel .owl-prev {
    left: -30px;
    -ms-flex-pack: center;
    justify-content: center; }
  .student-page .owl-carousel .owl-next {
    right: -30px; }

.my-courses .close-element[class*="message-"] {
  top: -20px;
  margin-bottom: 20px; }

#classroom .active-settings {
  color: #999;
  transform: rotate(90deg); }

#classroom #classroom-settings {
  cursor: pointer;
  transition: transform 300ms; }
  #classroom #classroom-settings:hover {
    color: #999;
    transform: rotate(90deg); }
    #classroom #classroom-settings:hover ~ #classroom-settings-menu {
      display: block; }

#classroom .active-settings-menu {
  display: block !important; }

#classroom #classroom-settings-menu {
  padding: 5px 0;
  text-align: right;
  position: absolute;
  right: 35px;
  margin-top: -8px;
  display: none; }
  #classroom #classroom-settings-menu:hover {
    display: block; }
  #classroom #classroom-settings-menu ul {
    padding: 0;
    list-style: none;
    margin-bottom: 0;
    background-color: #ededed;
    box-shadow: 1px 1px 4px gainsboro; }
    #classroom #classroom-settings-menu ul li {
      cursor: pointer;
      padding: 5px 5px 5px 10px;
      width: 100%; }
      #classroom #classroom-settings-menu ul li:hover {
        background-color: #e1e1e1; }

#classroom #lecture-script table caption {
  color: #373D3F; }

.showcase-page .students-box .escape {
  margin-bottom: 20px; }

.showcase-page .students-box .holder {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }
  .showcase-page .students-box .holder .user-avatar {
    float: left;
    position: relative;
    top: 0;
    left: 0;
    width: 75px;
    height: 75px;
    margin-right: 20px; }

.fade-on-hover:hover {
  opacity: .8 !important; }

#classroom .quizzes-section .quiz-question-title pre {
  margin-top: 5px; }

.user-activated .user-activated-content {
  padding-top: 150px; }
  .user-activated .user-activated-content h2 {
    font-size: 50px; }
  .user-activated .user-activated-content h4 {
    font-size: 20px; }
  .user-activated .user-activated-content a.btn, .user-activated .user-activated-content a.btn-browse, .user-activated .user-activated-content a.play-video-responsive {
    margin-top: 35px; }
  .user-activated .user-activated-content p {
    font-size: 16px; }

@media (min-width: 992px) {
  .user-activated .main-container {
    position: relative; }
    .user-activated .main-container:before {
      width: 190px;
      height: 190px;
      background-color: #FEAC1C;
      border-radius: 50%;
      position: absolute;
      right: 0;
      top: -96px;
      z-index: -1; } }

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