.flip-horizontal {
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
  -ms-filter: fliph;
  /*IE*/
  filter: fliph;
  /*IE*/ }

h2 {
  margin: 11.5px 0; }

h2 {
  font-size: 2em;
  font-weight: 400;
  color: #4f535f;
  font-family: 'Lato', sans-serif; }

.no-padding-left {
  padding-left: 0; }

.form-control {
  padding: 4px 6px;
  margin-bottom: 11.5px;
  font-size: 15px;
  line-height: 23px; }

.row .span8 {
  width: 65.97510373443983%; }

/*.btn {
    line-height: 23px;
    padding: 4px 12px;
    @include font-size-em(13.5, 16, "");
    text-transform: uppercase;
}*/
.header .login .btn, .header #signup-container .btn {
  font-size: 1.1506em ; }

.header .login .modal .btn, .header #signup-container .modal .btn {
  font-size: 1em; }

.btn-action {
  /*width: 250px !important;*/ }

a {
  color: #000000; }
  a:hover {
    color: #57abff; }

.marketplace .my-course-item .underbookspace-info {
  text-align: left;
  color: black;
  padding: 0px 10px;
  font-size: 0.9em; }

.RadMenu_LMS .rmLink, .RadMenu_LMS .rmTemplate {
  padding: 7px 15px !important;
  font-size: 1.06667em !important; }

/* menu background with highlight color */
.RadMenu_LMS .rmSelected, .RadMenu_LMS .rmItem .rmLink:hover, .RadMenu_LMS .rmExpanded, .RadMenu_LMS .rmGroup {
  background-color: #57abff; }

.RadMenu_LMS .rmGroup .rmLink:hover, .RadMenu_LMS .rmGroup .rmFocused {
  background-color: #8ac5ff; }

.RadMenu_LMS ul.rmGroup.rmLevel1 {
  display: inline-table !important; }

.btn-primary {
  color: #fff;
  /*text-shadow{}: $textShadow;*/
  background-image: linear-gradient(to bottom, #57abff 0%, #2492ff 100%);
  background-repeat: repeat-x;
  border-color: #2492ff #2492ff #006bd7;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) fadein(rgba(0, 0, 0, 0.1), 15%);
  /**background-color: $endColor;*/
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-color: #2492ff;
  border-bottom: 1px solid #2492ff;
  cursor: pointer; }
  .btn-primary:hover, .btn-primary:active, .btn-primary.active {
    color: #fff;
    background-color: #2492ff;
    /**background-color: darken($endColor, 5%);*/ }
  .btn-primary:active, .btn-primary.active {
    background-color: #0078f0 e("	"); }
  .btn-primary:hover {
    color: #fff;
    /*text-shadow{}: $textShadow;*/
    background-image: linear-gradient(to bottom, #2492ff 0%, #2492ff 100%);
    background-repeat: repeat-x;
    border-color: #2492ff #2492ff #006bd7;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) fadein(rgba(0, 0, 0, 0.1), 15%);
    /**background-color: $endColor;*/
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-color: #2492ff;
    border-color: #2492ff; }
    .btn-primary:hover:hover, .btn-primary:hover:active, .btn-primary:hover.active {
      color: #fff;
      background-color: #2492ff;
      /**background-color: darken($endColor, 5%);*/ }
    .btn-primary:hover:active, .btn-primary:hover.active {
      background-color: #0078f0 e("	"); }

.container-page .container-content {
  /*height: 100%;*/ }
  .container-page .container-content.with-margin {
    margin: 0 22px; }
    .container-page .container-content.with-margin .courses-module .marketplace .course-container.courses-2 .my-course-item:first-child {
      margin-left: 160px; }
    .container-page .container-content.with-margin .courses-module .marketplace .course-container.courses-2 .my-course-item-middle {
      margin-right: 160px; }
    .container-page .container-content.with-margin .courses-module .marketplace .my-course-item:first-child {
      margin-left: 70px; }

.container-page > .container-header {
  min-height: 0px;
  /*height: 100%;*/ }
  .container-page > .container-header .overlay {
    background-color: transparent;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.4)), color-stop(30%, transparent), to(transparent));
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.4), transparent 30%, transparent);
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.4), transparent 30%, transparent);
    background-image: -o-linear-gradient(rgba(0, 0, 0, 0.4), transparent 30%, transparent);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.6), transparent 100%, transparent);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000', endColorstr='#00000000', GradientType=0);
    padding-bottom: 30px;
    padding-bottom: 30px;
    height: 100%; }
  .container-page > .container-header .main-tabs {
    display: none; }
  .container-page > .container-header .page-size .container-content > .header > .topmenu {
    margin: 0px 0px 25px 0px; }
    .container-page > .container-header .page-size .container-content > .header > .topmenu .logo, .container-page > .container-header .page-size .container-content > .header > .topmenu .social, .container-page > .container-header .page-size .container-content > .header > .topmenu .login {
      float: left;
      height: 87px; }
    .container-page > .container-header .page-size .container-content > .header > .topmenu .logo {
      width: 302px;
      border-right: solid 1px rgba(42, 44, 50, 0.5); }
      .container-page > .container-header .page-size .container-content > .header > .topmenu .logo .headerLogo {
        width: 300px;
        height: 87px;
        padding: 10px 20px;
        background-position: left center;
        background-size: contain;
        background-origin: content-box; }
    .container-page > .container-header .page-size .container-content > .header > .topmenu .social {
      border-left: solid 1px rgba(255, 255, 255, 0.15);
      padding: 29px 26px;
      min-width: 159px; }
      .container-page > .container-header .page-size .container-content > .header > .topmenu .social a {
        text-decoration: none; }
      .container-page > .container-header .page-size .container-content > .header > .topmenu .social img {
        margin-right: 4px; }
    .container-page > .container-header .page-size .container-content > .header > .topmenu .login, .container-page > .container-header .page-size .container-content > .header > .topmenu #signup-container {
      margin-left: 102px;
      padding-left: 5px;
      font-size: 0.73333em !important;
      width: 400px;
      font-weight: bold; }
      .container-page > .container-header .page-size .container-content > .header > .topmenu .login label, .container-page > .container-header .page-size .container-content > .header > .topmenu #signup-container label {
        color: white; }
      .container-page > .container-header .page-size .container-content > .header > .topmenu .login .modal, .container-page > .container-header .page-size .container-content > .header > .topmenu #signup-container .modal {
        font-size: 1.16667em !important;
        text-shadow: none; }
        .container-page > .container-header .page-size .container-content > .header > .topmenu .login .modal label, .container-page > .container-header .page-size .container-content > .header > .topmenu .login .modal p, .container-page > .container-header .page-size .container-content > .header > .topmenu .login .modal i, .container-page > .container-header .page-size .container-content > .header > .topmenu #signup-container .modal label, .container-page > .container-header .page-size .container-content > .header > .topmenu #signup-container .modal p, .container-page > .container-header .page-size .container-content > .header > .topmenu #signup-container .modal i {
          color: #4f535f; }
        .container-page > .container-header .page-size .container-content > .header > .topmenu .login .modal h3, .container-page > .container-header .page-size .container-content > .header > .topmenu #signup-container .modal h3 {
          color: #000; }
      .container-page > .container-header .page-size .container-content > .header > .topmenu .login i, .container-page > .container-header .page-size .container-content > .header > .topmenu #signup-container i {
        font-weight: bold;
        color: white; }
      .container-page > .container-header .page-size .container-content > .header > .topmenu .login .register, .container-page > .container-header .page-size .container-content > .header > .topmenu #signup-container .register {
        text-align: right;
        padding-right: 16px;
        visibility: hidden;
        height: 24px; }
      .container-page > .container-header .page-size .container-content > .header > .topmenu .login .inputs, .container-page > .container-header .page-size .container-content > .header > .topmenu #signup-container .inputs {
        white-space: nowrap; }
        .container-page > .container-header .page-size .container-content > .header > .topmenu .login .inputs input, .container-page > .container-header .page-size .container-content > .header > .topmenu #signup-container .inputs input {
          /*padding-left: 20px;*/
          position: relative;
          left: -20px;
          z-index: 100;
          width: 168px;
          background-color: #ffffff;
          border: 1px solid #cccccc;
          -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          -webkit-transition: border linear .2s, box-shadow linear .2s;
          -moz-transition: border linear .2s, box-shadow linear .2s;
          -o-transition: border linear .2s, box-shadow linear .2s;
          transition: border linear .2s, box-shadow linear .2s;
          display: inline-block;
          height: 33px;
          padding: 4px 6px 4px 20px;
          margin-bottom: 11.5px;
          font-size: 1.36364em !important;
          line-height: 23px;
          color: #555555;
          -webkit-border-radius: 3px;
          -moz-border-radius: 3px;
          border-radius: 3px;
          vertical-align: middle; }
          .container-page > .container-header .page-size .container-content > .header > .topmenu .login .inputs input.pwd, .container-page > .container-header .page-size .container-content > .header > .topmenu #signup-container .inputs input.pwd {
            left: -33px;
            width: 128px; }
        .container-page > .container-header .page-size .container-content > .header > .topmenu .login .inputs i.ss-user, .container-page > .container-header .page-size .container-content > .header > .topmenu .login .inputs i.ss-lock, .container-page > .container-header .page-size .container-content > .header > .topmenu #signup-container .inputs i.ss-user, .container-page > .container-header .page-size .container-content > .header > .topmenu #signup-container .inputs i.ss-lock {
          color: #57abff;
          bottom: 4px;
          position: relative;
          z-index: 200; }
          .container-page > .container-header .page-size .container-content > .header > .topmenu .login .inputs i.ss-user.pwd, .container-page > .container-header .page-size .container-content > .header > .topmenu .login .inputs i.ss-lock.pwd, .container-page > .container-header .page-size .container-content > .header > .topmenu #signup-container .inputs i.ss-user.pwd, .container-page > .container-header .page-size .container-content > .header > .topmenu #signup-container .inputs i.ss-lock.pwd {
            left: -13px; }
        .container-page > .container-header .page-size .container-content > .header > .topmenu .login .inputs button, .container-page > .container-header .page-size .container-content > .header > .topmenu #signup-container .inputs button {
          position: relative;
          left: -31px;
          top: -6px; }
          .container-page > .container-header .page-size .container-content > .header > .topmenu .login .inputs button i, .container-page > .container-header .page-size .container-content > .header > .topmenu #signup-container .inputs button i {
            color: #fff; }
      .container-page > .container-header .page-size .container-content > .header > .topmenu .login .remember, .container-page > .container-header .page-size .container-content > .header > .topmenu #signup-container .remember {
        position: relative;
        display: flex;
        top: -4px; }
        .container-page > .container-header .page-size .container-content > .header > .topmenu .login .remember .checkbox.inline, .container-page > .container-header .page-size .container-content > .header > .topmenu #signup-container .remember .checkbox.inline {
          display: inline-flex;
          padding: 0; }
          .container-page > .container-header .page-size .container-content > .header > .topmenu .login .remember .checkbox.inline input[type="checkbox"], .container-page > .container-header .page-size .container-content > .header > .topmenu #signup-container .remember .checkbox.inline input[type="checkbox"] {
            margin: 2px 7px 0 0; }
          @media (min-width: 1024px) {
            .container-page > .container-header .page-size .container-content > .header > .topmenu .login .remember .checkbox.inline input[type="checkbox"], .container-page > .container-header .page-size .container-content > .header > .topmenu #signup-container .remember .checkbox.inline input[type="checkbox"] {
              margin: -5px 7px 0 0; } }
        .container-page > .container-header .page-size .container-content > .header > .topmenu .login .remember a, .container-page > .container-header .page-size .container-content > .header > .topmenu #signup-container .remember a {
          margin-left: 70px;
          position: relative; }
    .container-page > .container-header .page-size .container-content > .header > .topmenu .navbar {
      margin-top: 20px;
      padding: 0; }
  .container-page > .container-header .page-size .container-content > .header .content {
    display: inline-block;
    width: 100%; }
    .container-page > .container-header .page-size .container-content > .header .content .buttons {
      text-align: initial; }
    .container-page > .container-header .page-size .container-content > .header .content > div {
      float: left; }
    .container-page > .container-header .page-size .container-content > .header .content .left {
      width: 470px;
      padding: 0px 60px 0px 20px; }
      .container-page > .container-header .page-size .container-content > .header .content .left.full-width {
        width: 100%;
        padding-left: 0px; }
      .container-page > .container-header .page-size .container-content > .header .content .left h1 {
        margin-bottom: 30px;
        line-height: 50px; }
      .container-page > .container-header .page-size .container-content > .header .content .left ul {
        list-style-image: url(/cdn/Images/Layout/WhiteLabel/tick.png);
        margin-left: 45px; }
        .container-page > .container-header .page-size .container-content > .header .content .left ul li {
          margin-bottom: 7px; }
      .container-page > .container-header .page-size .container-content > .header .content .left .buttons {
        margin-top: 30px; }
    .container-page > .container-header .page-size .container-content > .header .content i {
      display: inline-block;
      height: 19px;
      width: 12px; }
      .container-page > .container-header .page-size .container-content > .header .content i.arr-left {
        background: url(/cdn/Images/Layout/PrivateArea/help/arrows.png) bottom left no-repeat; }
        .container-page > .container-header .page-size .container-content > .header .content i.arr-left:hover {
          background-position: left top; }
        .container-page > .container-header .page-size .container-content > .header .content i.arr-left.light {
          background: url(/cdn/Images/Layout/PrivateArea/help/arrows-light.png) bottom left no-repeat; }
      .container-page > .container-header .page-size .container-content > .header .content i.arr-right {
        background: url(/cdn/Images/Layout/PrivateArea/help/arrows.png) top right no-repeat; }
        .container-page > .container-header .page-size .container-content > .header .content i.arr-right:hover {
          background-position: right bottom; }
        .container-page > .container-header .page-size .container-content > .header .content i.arr-right.light {
          background: url(/cdn/Images/Layout/PrivateArea/help/arrows-light.png) top right no-repeat; }
    .container-page > .container-header .page-size .container-content > .header .content .right {
      width: 490px; }

.container-page > .container-second .course-list-three h2 {
  margin-bottom: 40px;
  font-size: 1.9em; }
  .container-page > .container-second .course-list-three h2 p {
    margin: 0px; }

.container-page > .container-second .course-list-three .course-item {
  min-height: 500px; }

.container-page > .container-second .course-list-three .my-course-item {
  width: 200px;
  height: 290px;
  margin-left: auto;
  margin-right: auto; }
  .container-page > .container-second .course-list-three .my-course-item > a > .bookbg {
    height: 268px;
    width: 200px;
    background-repeat: no-repeat; }
    .container-page > .container-second .course-list-three .my-course-item > a > .bookbg > .name-label {
      background: none;
      color: white;
      margin-top: 40px;
      margin-left: 0px;
      margin-right: 20px;
      width: 150px;
      font-size: 1.1em;
      font-family: "Lato", sans-serif;
      position: relative; }
      .container-page > .container-second .course-list-three .my-course-item > a > .bookbg > .name-label > .course-name {
        position: absolute;
        top: -20px; }
  .container-page > .container-second .course-list-three .my-course-item a:hover {
    text-decoration: none; }

.container-page > .container-second .course-list-three h3 {
  line-height: 1.4em; }

#divLoginPage .container {
  padding-top: 20px; }

.marketplace .marketplace-banner {
  display: none; }

.contact .right-side h3 {
  font-size: 1em !important; }

.clients .left-side {
  padding-top: 20px; }

.clients h2 {
  font-size: 1em !important; }

.clients .client-logos {
  padding: 30px 0;
  margin: 15px 0; }
  .clients .client-logos .client {
    width: 180px;
    padding: 0px 15px;
    float: left;
    margin-bottom: 30px; }
    .clients .client-logos .client:nth-child(odd) {
      padding: 0px; }
    .clients .client-logos .client .logo {
      height: 180px;
      /*
                    .media-container:before {
                        display: inline-block;
                        vertical-align: middle;
                        content: ' ';
                        height: 100%;
                    }*/ }
      .clients .client-logos .client .logo .media-container {
        min-height: 0px;
        height: 180px;
        text-align: center; }
        .clients .client-logos .client .logo .media-container img {
          max-width: 176px;
          max-height: 180px;
          display: inline-block;
          vertical-align: middle; }
    .clients .client-logos .client .text {
      padding: 0px 15px; }
      .clients .client-logos .client .text h3 {
        font-size: 1.33333em !important;
        font-family: "Lato", sans-serif;
        font-weight: normal; }

.clients .right-side {
  padding: 30px 30px; }
  .clients .right-side a {
    font-size: 0.86667em !important; }

.brands-module {
  min-height: 80px; }
  .brands-module .cycle-prev {
    top: 0px;
    left: 0px; }
  .brands-module .cycle-next {
    top: 0px;
    right: 0px; }
  .brands-module .cycle-slideshow {
    position: relative;
    margin: 0px 50px; }
  .brands-module .carousel-page {
    height: 100px;
    width: 100%; }
    .brands-module .carousel-page .brand-container {
      display: inline-block;
      position: relative;
      width: 135px;
      text-align: center; }
      .brands-module .carousel-page .brand-container a.close {
        right: 0px; }
    .brands-module .carousel-page img {
      max-width: 110px;
      max-height: 80px;
      margin: 0px 14px 15px 11px; }
    .brands-module .carousel-page .add-brand {
      color: #5f6168;
      display: inline-block;
      width: 54px;
      height: 55px;
      margin: 0px 0px 15px 25px;
      position: relative;
      top: 13px;
      cursor: pointer;
      text-transform: uppercase;
      text-align: center; }
      .brands-module .carousel-page .add-brand span {
        font-size: 0.6em;
        font-weight: bold; }
      .brands-module .carousel-page .add-brand i {
        font-size: 2em;
        display: block; }
      .brands-module .carousel-page .add-brand:hover {
        color: #000; }

.banner-module {
  text-align: center;
  margin-bottom: 20px; }
  .banner-module .headline-narrow, .banner-module .desc-narrow {
    display: none; }

.media-container {
  text-align: center;
  min-height: 210px; }
  .media-container p {
    text-align: center !important; }
  .media-container.no-media {
    text-transform: uppercase;
    font-size: 0.9em; }
    .media-container.no-media i {
      margin-top: 60px;
      font-size: 50px;
      display: inline-block;
      cursor: pointer; }

.narrow .headline-full, .narrow .desc-full {
  display: none; }

.narrow .headline-narrow, .narrow .desc-narrow {
  display: inline; }

.courses-module .media-container {
  color: #666666; }
  .courses-module .media-container:hover {
    color: black; }

.banner-module .no-media {
  background: url(/cdn/images/layout/whitelabel/banner-full.png);
  background-repeat: no-repeat;
  background-position: center;
  text-transform: none; }
  .banner-module .no-media i {
    margin-top: 43px;
    font-size: 30px;
    color: #57abff; }
  .banner-module .no-media p {
    margin-bottom: 4px; }
  .banner-module .no-media .btn span {
    margin-right: 10px; }

.logo a {
  text-decoration: none; }

.logo .no-media {
  margin-top: -2px;
  text-transform: uppercase;
  font-size: 0.9em;
  text-align: center; }
  .logo .no-media i {
    font-size: 50px;
    display: inline-block;
    cursor: pointer; }
  .logo .no-media span {
    position: relative;
    left: 15px;
    bottom: 9px; }

.content-modules {
  margin: 30px 0px; }

.contact .contactus-cover {
  top: 0px; }

.contactus-cover {
  top: 0px; }
  .contactus-cover .left-side {
    width: 667px;
    padding-left: 15px; }
    .contactus-cover .left-side .controls-row {
      padding-right: 155px !important; }

.btn-edit {
  display: none; }

.courses .featured {
  display: none; }

.marketplace-search {
  margin-bottom: 0px;
  width: 100%; }
  .marketplace-search .search {
    width: 100%; }

.content-modules .info > .item {
  margin-bottom: 30px; }

.feedback-testimonial-button {
  color: black;
  cursor: pointer;
  font-weight: bold;
  position: relative;
  padding-left: 25px; }
  .feedback-testimonial-button i {
    position: absolute;
    top: 2px;
    left: 0px;
    color: #57abff; }
  .feedback-testimonial-button .ss-plus {
    display: inline; }
  .feedback-testimonial-button .ss-hyphen {
    display: none; }
  .feedback-testimonial-button.testimonial-shown .ss-plus {
    display: none; }
  .feedback-testimonial-button.testimonial-shown .ss-hyphen {
    display: inline; }

.feedback-testimonial-text {
  padding-top: 5px;
  padding-left: 25px;
  display: none;
  width: inherit; }

.client-testimonials-wrapper p:nth-child(odd) {
  color: #b3b4b7; }

.faq-question {
  cursor: pointer; }
  .faq-question:hover {
    color: #57abff; }

.faq-answer {
  padding-bottom: 5px;
  display: none;
  width: inherit;
  color: #b3b4b7; }

.partner-list {
  float: left; }
  .partner-list .partner-row {
    margin-bottom: 20px;
    float: left; }
    .partner-list .partner-row .partner-col-1 {
      float: left;
      width: 30%;
      text-align: center; }
    .partner-list .partner-row .partner-col-2 {
      padding-top: 20px;
      float: left;
      width: 65%;
      padding-left: 5%; }

.brandable.course-overview .nav a:not([class]):hover:not(.btn) {
  color: #57abff;
  text-decoration: underline;
  background: #DFE0DB;
  border-radius: 15px; }

.courses-module .marketplace .underbookspace-info {
  text-align: center;
  padding: 0;
  height: auto; }

.name-label-responsive {
  display: none; }

.newsletter input[type="text"] {
  margin-bottom: 0 !important; }

@media (max-width: 767px) {
  .public .container-content {
    padding-left: 1em;
    padding-right: 1em; } }

@media (min-width: 768px) and (max-width: 1025px) {
  .public .container-content {
    padding-left: 20px !important;
    padding-right: 20px !important; }
    .public .container-content.course-preview {
      padding: 0px !important; } }

@media (max-width: 1025px) {
  h2 {
    padding: 0 !important;
    font-size: 1.6em !important;
    line-height: 1em !important; }
  img {
    max-width: 100% !important;
    height: auto !important; }
  .carousel-page a img {
    max-width: 100% !important;
    height: auto !important; }
  .twitter-bar {
    height: auto !important;
    display: flex !important; }
    .twitter-bar .poll > .RadAjaxPanel {
      width: 100% !important;
      margin: 0 !important;
      padding: 0 0 0 20px !important; }
  .container-footer {
    /*margin-top: 20px !important;*/ }
  .courses .container-second {
    padding: 20px !important; }
  .buttons a {
    width: 100% !important;
    margin: 5px 0 !important; }
  .header .content .left {
    width: 100% !important;
    padding: 0 !important; }
  .header .content .right {
    width: 100% !important;
    margin: 20px 0 0 0 !important; }
  .container-page.contact .container-header .overlay {
    height: auto !important; }
  .topmenu .logo, .topmenu .social {
    display: none; }
  .topmenu .login {
    display: block !important;
    position: fixed !important;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    /*right: 0 !important;*/
    top: 55px !important;
    height: 100% !important;
    background-color: #fbfbfb !important;
    background-image: url(/cdn/Images/Layout/Basic/FirstAreaBackground.png) !important;
    border-bottom: 1px solid #cccccb !important;
    color: #727377 !important;
    z-index: 7000 !important;
    -webkit-box-shadow: -5px 0px 5px -4px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: -5px 0px 5px -4px rgba(0, 0, 0, 0.75);
    box-shadow: -5px 0px 5px -4px rgba(0, 0, 0, 0.75); }
    .topmenu .login .inputs {
      padding: 0 15px !important;
      position: absolute;
      height: 80px;
      z-index: 400; }
      .topmenu .login .inputs i {
        display: none; }
      .topmenu .login .inputs input {
        width: 100% !important;
        float: left !important;
        left: 0 !important; }
      .topmenu .login .inputs button {
        margin-top: 15px !important;
        right: 0 !important;
        left: 0 !important;
        top: 40px !important;
        float: right !important;
        z-index: 500 !important;
        display: none; }
    .topmenu .login .remember {
      display: block !important;
      float: left !important;
      padding: 15px !important;
      width: 100% !important;
      position: absolute;
      top: 75px !important;
      z-index: 400; }
      .topmenu .login .remember .checkbox {
        width: 100% !important;
        line-height: 22px !important;
        border-bottom: 1px solid #cecece;
        margin-bottom: 20px !important;
        padding-bottom: 10px !important;
        z-index: 500 !important; }
        .topmenu .login .remember .checkbox input[type="checkbox"] {
          width: 18px;
          height: 18px; }
        .topmenu .login .remember .checkbox label {
          font-size: 1.1em !important;
          color: #727377 !important; }
      .topmenu .login .remember a {
        width: 100% !important;
        margin: 0 !important;
        color: #727377 !important;
        text-decoration: underline !important;
        z-index: 500 !important; }
      .topmenu .login .remember button {
        float: right !important;
        margin-top: -20px !important; }
  .topmenu .navbar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    margin-top: 0 !important;
    background: transparent;
    height: 55px;
    z-index: 7000 !important; }
    .topmenu .navbar .RadMenu.RadMenu_LMS {
      height: 100%;
      background-color: #fbfbfb;
      background-image: url(/cdn/Images/Layout/Basic/FirstAreaBackground.png);
      border-bottom: 1px solid #cccccb;
      color: #727377;
      -webkit-box-shadow: 5px 0px 5px -4px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 5px 0px 5px -4px rgba(0, 0, 0, 0.75);
      box-shadow: 5px 0px 5px -4px rgba(0, 0, 0, 0.75); }
      .topmenu .navbar .RadMenu.RadMenu_LMS ul {
        width: 100%; }
        .topmenu .navbar .RadMenu.RadMenu_LMS ul li {
          width: 100%;
          border-bottom: 1px solid #bcbcbc; }
          .topmenu .navbar .RadMenu.RadMenu_LMS ul li a {
            color: #4f535e !important;
            border-radius: 0; }
            .topmenu .navbar .RadMenu.RadMenu_LMS ul li a:hover {
              color: #fff !important;
              background: #57abff !important; }
          .topmenu .navbar .RadMenu.RadMenu_LMS ul li.rmSelected {
            background: #d7d7d7; }
            .topmenu .navbar .RadMenu.RadMenu_LMS ul li.rmSelected > a {
              color: #57abff !important; }
          .topmenu .navbar .RadMenu.RadMenu_LMS ul li .subRmMenu {
            display: block;
            background: transparent; }
          .topmenu .navbar .RadMenu.RadMenu_LMS ul li .subRmMenu .subRmItem {
            border-bottom: 0;
            border-top: 1px solid #bcbcbc;
            padding-left: 25px;
            background: #e0e0e0; }
    .topmenu .navbar .resp-menu {
      background: #57abff;
      display: flex !important;
      min-height: 55px;
      width: 100%; }
      .topmenu .navbar .resp-menu .resp-menu-btn {
        padding: 15px 20px; }
      .topmenu .navbar .resp-menu .logo-container {
        float: left;
        position: relative;
        margin: 0 auto;
        width: 100%;
        text-align: center;
        padding: 5px 10px; }
        .topmenu .navbar .resp-menu .logo-container .headerLogo {
          margin: 0 auto !important;
          background-repeat: no-repeat !important;
          background-position: center center !important;
          height: 45px !important;
          width: auto !important;
          position: relative !important;
          top: 0 !important;
          display: block !important;
          background-size: contain !important; }
  .partner-text div {
    padding: 0 15px !important; }
  .newsletter input[type="text"] {
    margin-bottom: 0 !important; }
  .subscribe-bar span {
    padding-right: 0 !important;
    padding-left: 8px !important; }
  .subscribe-bar input {
    width: 100% !important;
    margin-top: 0.5em; }
  .brands-bar {
    display: inline-block;
    width: 100%; } }

@media (max-width: 769px) {
  .main-table .left-side .controls-row {
    padding-right: 0 !important; }
  /*.public .container-content {
        padding: 0 !important;
    }*/
  .controls.row.margin-top-50 {
    margin-top: 0 !important; }
  .connect-bar {
    height: 115px !important; }
    .connect-bar .content-bar-call, .connect-bar .content-bar-connect {
      line-height: 50px !important;
      font-size: 22px !important; }
  .news-list .body a {
    margin-bottom: 25px; } }

@media (max-width: 577px) {
  .brands-module .carousel-page .brand-container {
    display: block !important; }
  .course-name h2 {
    font-size: 1.3em !important; }
  .contactus-cover iframe {
    width: 100% !important; }
  .text-editor-holder {
    padding: 0 !important; }
  .container-second .text-editor-holder {
    padding: 0 !important; }
  .carousel-page {
    padding-left: 50px !important; }
  .carousel-comparison .carousel-page {
    padding-left: 0 !important; }
  .partner-text {
    width: 100% !important; }
    .partner-text div, .partner-text h2 {
      padding: 0 10px !important; }
  .partner-logos {
    width: 100% !important;
    border-left: 0 !important; }
    .partner-logos .carousel-page {
      padding-left: 0 !important; }
  .newsletter > div > div {
    line-height: 0 !important;
    padding: 20px !important; }
    .newsletter > div > div input[type="text"] {
      width: 100% !important;
      margin: 15px 0 !important; }
  .downloads-ico {
    padding: 0 20px !important; }
  .twitter {
    width: 95% !important;
    padding: 0px 15px !important;
    margin-bottom: 30px !important; }
    .twitter div {
      padding-right: 0 !important; }
  .downloads-slides {
    width: 100% !important;
    border-top: 1px solid #ebebea !important;
    border-left: 0 !important;
    padding: 20px 0 0 0 !important; }
    .downloads-slides .downloads-slides-inner {
      margin: 0 20px !important; }
      .downloads-slides .downloads-slides-inner .carousel-page {
        padding-left: 0 !important; } }

.login-box .input-block-level input {
  float: none; }

.login-box .input-block-level label {
  display: inline-block; }

.jp-video {
  position: relative; }

ul.highlight-bullet {
  list-style: none; }
  ul.highlight-bullet li::before {
    content: "\2022";
    color: #57abff;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em; }