@import "https://fonts.googleapis.com/css?family=PT+Sans:400,700|Raleway:300,400,600";
/*=========================== 
           Variables 
=============================*/
/*=========================== 
           Mixins
=============================*/
/*=========================== 
           Global
=============================*/
body {
  font-family: "PT Sans", "helvetica", sans-serif !important;
  color: #757575;
  height: 100%;
  font-weight: normal;
  overflow-x: hidden;
  font-size: 16px;
  color: #757575;
  background-color: #fff; }

* {
  margin: 0; }

html {
  height: 100%; }

p {
  color: #757575; }

a {
  outline: 0;
  color: #BF1233;
  text-decoration: none; }
  a:hover, a:focus, a:active, a.active {
    outline: 0;
    color: #BF1233;
    text-decoration: none; }

h1, h2, h3, h5, h6 {
  font-family: "Raleway", sans-serif;
  line-height: 1.4em; }

h1 {
  font-weight: 700;
  font-size: 40px !important; }

h2 {
  line-height: 1.4em;
  color: #465662; }

h4 {
  font-family: "PT Sans", "helvetica", sans-serif !important;
  line-height: 1.4em;
  font-weight: bold; }

.white {
  color: #ffffff; }
  .white a {
    color: #ffffff; }

.gray {
  color: #363f4e; }
  .gray a {
    color: #363f4e; }

.blue {
  color: #354754; }
  .blue a {
    color: #354754; }

.red {
  color: #BF1233; }
  .red a {
    color: #BF1233; }

.green {
  color: #7ac477; }

.btn-100-percent {
  width: 100%; }

.my-100-btn {
  min-width: 100px; }

.my-200-btn {
  min-width: 200px; }

.my-60-btn {
  width: 60px; }

.img-100 {
  width: 100%; }

.my-lg-gutter {
  clear: both;
  overflow: hidden;
  position: relative;
  height: 20px;
  width: 100%;
  opacity: 0; }

.my-md-gutter {
  clear: both;
  overflow: hidden;
  position: relative;
  height: 15px;
  width: 100%;
  opacity: 0; }

.my-sm-gutter {
  clear: both;
  overflow: hidden;
  position: relative;
  height: 10px;
  width: 100%;
  opacity: 0; }

.my-xs-gutter {
  clear: both;
  overflow: hidden;
  position: relative;
  height: 5px;
  width: 100%;
  opacity: 0; }

.my-clear-fix {
  clear: both; }

.myhr {
  color: #ddd;
  width: 100%;
  height: 1px;
  background-color: #ddd;
  margin-top: 10px;
  margin-bottom: 10px; }

.font-2 {
  font-family: "PT Sans", "helvetica", sans-serif;
  font-style: italic; }

.my-bold {
  font-weight: bold; }

.btn {
  border-radius: 4px;
  outline: none; }

.btn-round {
  border-radius: 50px;
  outline: none; }

.my-row {
  padding: 50px 0; }

.gray-background-row {
  background-color: #f3f4f6; }

.white-background-row {
  background-color: #fff; }

.panel-body {
  padding: 10px; }

.margin-0 {
  margin-top: 0;
  margin-bottom: 0; }

.btn-info {
  color: #fff;
  background-color: #BF1233;
  border: 0; }
  .btn-info.active, .btn-info.focus, .btn-info:active, .btn-info:focus, .btn-info:hover {
    color: #fff;
    background-color: #950520;
    border: 0;
    outline: none; }

.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #950520;
  border: 0;
  outline: none; }

.btn-ghost {
  background-color: transparent;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 20px;
  font-size: 12px; }
  .btn-ghost:hover, .btn-ghost:focus {
    color: #a6b7c3; }

.btn-ghost-red {
  background-color: transparent;
  color: #950520;
  border: 1px solid #950520;
  border-radius: 20px;
  font-size: 12px; }
  .btn-ghost-red:hover, .btn-ghost-red:focus {
    color: #950520; }

input, button {
  outline: none !important; }

.lang {
  margin-right: 30px; }
  .lang .dropdown-menu {
    min-width: 95px !important; }

/*=========================== 
           Navigation 
=============================*/
.navbar {
  background-color: #354754;
  border-radius: 0;
  border: 0;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: bold;
  z-index: 1000;
  min-height: 60px !important; }

.navbar-default .navbar-nav > li > a {
  color: #fff; }

a#login_out {
  border: 2px solid #fff;
  border-radius: 30px;
  padding: 7px 17px;
  margin: 10px 30px 10px 10px;
  color: #fff !important;
  background: transparent !important; }
  a#login_out:active, a#login_out:visited, a#login_out:link, a#login_out:focus {
    border: 2px solid #fff;
    border-radius: 30px;
    padding: 7px 17px;
    margin: 10px 30px 10px 10px;
    color: #fff !important;
    background: transparent !important; }

#login_out:hover {
  color: #354754 !important;
  background-color: white !important; }

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: white;
  background-color: #BF1233; }

/*.navbar-right > li:last-child > a {
  padding-bottom: 17px !important; }*/
  .navbar-right > li:last-child > a:hover {
    background-color: #576671; }

.navbar-brand img {
  width: 253px;
  margin-top: -15px; }

.navbar-form {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0; }

.cart-img {
  /*height: 19px;*/
  height: 24px;
  position: relative; }

.cart-number {
  position: absolute;
  background-color: #BF1233;
  border-radius: 50%;
  min-width: 18px;
  min-height: 18px;
  font-size: 9px;
  text-align: center;
  display: inline-block;
  font-weight: bold;
  top: 18px;
  left: 35px; }

.dropdown-menu > li > a {
  font-size: 15px !important; }
  .dropdown-menu > li > a:hover {
    background-color: #BF1233 !important;
    color: white !important;
    font-size: 15px !important; }

.navbar-default .navbar-nav > .open > a {
  background-color: #BF1233 !important;
  color: white !important;
  font-size: 15px !important; }
  .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #BF1233 !important;
    color: white !important;
    font-size: 15px !important; }

.dropdown-menu .list-group-item {
  border: none !important; }

.navbar-nav li {
  text-transform: uppercase; }

.navbar-right .dropdown-menu {
  min-width: 120px !important;
  text-transform: capitalize !important; }

.lang {
  text-transform: capitalize !important;
  margin-right: 10px; }

.dropdown-menu > li > a {
  text-transform: capitalize !important;
  padding: 7px 15px; }

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .lang > a {
  min-width: 120px !important; }

.clearfix-all {
  clear: both;
  height: 80px; }

/*=========================== 
           Header 
=============================*/
.wrapper-all {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -80px; }

.breadcrumb {
  background: none !important; }

.my-breadcrumb {
  padding: 0;
  margin-top: 10px;
  background-color: transparent;
  font-weight: normal;
  font-size: 14px; }

header {
  background-image: url(../img/header-bg.jpg);
  background-size: cover;
  padding: 100px 0;
  /*padding: 70px 0;*/ 
  	   position: relative;
}

  header img.pull-left {
    position: absolute;
    display: block;
    margin-top: -58px;
    top: 100px;
    left: 50px;
    width: 175px;
  }
  
  
  header h1 {
    font-weight: bolder; }
  header .btn-lg, header .btn-info {
    padding: 14px 40px !important;
    font-size: 17px !important;
    border: 3px solid #BF1233 !important;
    font-weight: bold; }
  header .btn-lg:hover, header .btn-info:hover {
    border: 3px solid #BF1233;
    background-color: transparent !important;
    color: #BF1233 !important; }

.carousel-control {
  top: 42%;
  opacity: 1;
  width: 4%; }
  .carousel-control.right, .carousel-control.left {
    background-image: none; }

.carousel-caption {
  text-align: left;
  text-shadow: none; }

/*=========================== 
           Homepage
=============================*/
.home {
  margin-top: 30px; }

/* to be removed when sliders are added*/
/*=========================== 
           Row 1
=============================*/
.row1 {
  padding: 20px 0; }
  .row1 h1, .row1 h2 {
    margin-bottom: 0;
    margin-top: 0; }

/*=========================== 
           row 2
=============================*/
.row2 {
  padding: 40px 0 10px 0;
  background-color: #eef4f9; }
  .row2 .panel {
    margin-bottom: 0 !important; }

.slick-slide .panel-body p {
  font-size: 14px; }
  .slick-slide .panel-body p.link {
    font-weight: bold;
    margin-bottom: 0; }
.slick-slide .panel-body b {
  font-size: 16px; }
.slick-slide .panel-body a b:hover, .slick-slide .panel-body a:hover {
  text-decoration: underline !important; }
.slick-slide .panel-default:hover {
  border-color: #BF1233; }

.slick-active {
  border: none !important;
  outline: none !important; }
  .slick-active:focus {
    border: none !important;
    outline: none !important; }

/*=========================== 
           Footer 
=============================*/
footer {
  background-color: #43535f;
  padding: 30px 0 20px;
  height: 80px;
  	  /*Only added fixed and below
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;*/
}

  footer img {
    width: 120px;
    display: block;
    padding-right: 20px;
    margin-top: -10px;
  }
  footer p {
      margin-top: -20px;
  }
  
  
  footer a {
    text-decoration: underline; }
    footer a:hover {
      color: #f91541;
      text-decoration: underline; }

/*=========================== 
           Inner Landing
=============================*/
.inner-header {
  background-image: url(../img/inner-header-bg-1.jpg);
  background-size: cover;
  height: 380px; }

.loggedin-landing-row .list-group-container {
  background-color: #eef4f9;
  /*border-right: 1px solid #cccccc;*/
  margin: 0 -15px 0 -15px;
  min-height: 1000px; }

.list-group-container .list-group .list-group-item:hover {
  background-color: #bf1132 !important;
  color: #fff !important; }

.loggedin-landing-row .list-group {
  background-color: #000; }
.loggedin-landing-row .list-group-item {
  background-color: #EEF4F9;
  border: 0;
  margin-bottom: 0px;
  padding: 20px 15px;
  border-bottom: 1px solid #dde0e3 !important; }
  .loggedin-landing-row .list-group-item.active {
    background-color: #465662 !important;
    font-weight: bold;
    background-image: url(../img/active-tab-img.png);
    background-repeat: no-repeat;
    background-position: center right -3px;
    position: relative; }
    .loggedin-landing-row .list-group-item.active:hover, .loggedin-landing-row .list-group-item.active:focus {
      background-color: #465662 !important;
      font-weight: bold;
      background-image: url(../img/active-tab-img.png);
      background-repeat: no-repeat;
      background-position: center right -3px;
      position: relative; }
.loggedin-landing-row .certified-img {
  height: 25px;
  width: 28px;
  /*background-image: url(../img/certified-icon.png);*/
  position: absolute;
  bottom: 0;
  right: 0;
  margin-right: 16px;
  margin-bottom: 21px; }
.loggedin-landing-row h3 {
  line-height: 1.4em;
  color: #354754;
  font-size: 22px; }

/*=========================== 
           My Courses
=============================*/
.llqp h4 {
  font-weight: normal;
  margin-top: 15px; }
.llqp .panel-default {
  height: 435px; }
  .llqp .panel-default .img-responsive {
    width: 100%; }
  .llqp .panel-default li {
    font-size: 15px !important; }
    .llqp .panel-default li a:hover {
      text-decoration: underline !important; }
  .llqp .panel-default .title {
    min-height: auto !important; }

.grey-btn {
  background-color: #eef4f9;
  border: 1px solid #ccc;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  padding: 20px 0;
  margin: 30px 0;
  text-align: center;
  max-height: 65px; }

.grey-btn2 {
  background-color: #eef4f9;
  border: 1px solid #ccc;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  padding: 10px 0;
  margin: 30px 0;
  text-align: center;
  max-height: 65px; }

.avail-img {
  padding-top: 0px;
  margin-bottom: 15px;
  float: right; }

.avail {
  background-color: #BF1233;
  color: #fff;
  width: 110px;
  font-size: 13px;
  margin-top: 5px;
  float: left; }

.fix-align {
  margin-left: -30px; }

.grey-btn a, .grey-btn2 a {
  color: #354754 !important;
  font-weight: bold; }

.smft {
  font-size: 11px;
  font-size: 12px; }

.pad20 {
  padding-bottom: 10px; }

.listcourses .nav-tabs {
  margin-top: -42px; }

.rowstyle .nav-tabs {
  margin-top: -82px; }

.llqp .nav-tabs {
  margin-top: -42px; }

.listcourses .nav-tabs > li > a, .rowstyle .nav-tabs > li > a, .llqp .nav-tabs > li > a, .language-selection .nav-tabs > li > a {
  font-weight: bold;
  border-bottom: 0px;
  background-color: #465662;
  color: #fff;
  -moz-border-radius-topleft: 5px;
  border-top-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  border-top-right-radius: 5px;
  -webkit-border-top-right-radius: 5px; }

.listcourses .nav-tabs > li > a:hover, .rowstyle .nav-tabs > li > a:hover, .llqp .nav-tabs > li > a:hover, .language-selection .nav-tabs > li > a:hover {
  border-bottom: 0; }

.listcourses .nav-tabs > li > a.current, .rowstyle .nav-tabs > li > a.current, .llqp .nav-tabs > li > a.current, .language-selection .nav-tabs > li > a.current {
  color: #465662 !important;
  background-color: #fff;
  border-bottom: 0px; }

.course-box {
  width: 350px;
  float: left;
  margin-right: 25px; }

.listcourses .panel {
  height: 410px !important; }
  .listcourses .panel a {
    color: #0e3055; }
    .listcourses .panel a:hover {
      color: #0e3055 !important;
      text-decoration: underline; }
  .listcourses .panel:hover {
    border-color: #0e3055 !important; }

#printed_materials button.close {
  color: #fff !important;
  background-color: #BF1233;
  opacity: 1 !important;
  border: 0 !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  font-size: 28px !important;
  margin-top: -20px !important;
  margin-right: -20px !important; }

.white-box {
  background-color: #fff;
  opacity: 0.8;
  border-radius: 10px;
  margin-top: 100px;
  padding-left: 25px; }
  .white-box .fa-check {
    color: #BF1233 !important; }
  .white-box h5 {
    font-size: 18px !important; }
  .white-box .btn-rounded-red {
    float: right; }

.burst {
  width: 100px;
  height: 100px;
  margin-top: 40px;
  margin-left: -20px;
  position: absolute; }

.xs-text {
  font-size: 12px;
  line-height: 1.2em;
  padding-top: 10px; }

@media (max-width: 700px) {
  .white-box {
    margin-top: 65px;
    padding-left: 10px; }
    .white-box h3 {
      font-size: 20px; }
    .white-box h5 {
      font-size: 16px !important; }
    .white-box .my-lg-gutter {
      height: 10px; } }
@media (max-width: 380px) {
  .btn-rounded-red {
    margin-top: -25px; } }
/*=========================== 
           Profile Page
=============================*/
.profile-pic {
  padding: 40px 43px;
  text-align: center;
  background-color: #eef4f9;
  color: #354754;
  display: inline-block;
  border-radius: 90px; }

.profile-header-border {
  height: 1px;
  width: 60px;
  margin: 20px auto;
  background-color: #999999; }

.profile-page-form label {
  color: #848484;
  font-weight: normal; }
.profile-page-form .form-control {
  background-color: #eef4f9;
  border-radius: 3px; }

#member_form .form-control {
  border-radius: 3px; }
#member_form label {
  color: #354754; }

.myprofile .form-control {
  background-color: #eef4f9; }

/*=========================== 
           Result
=============================*/
.inner-results {
  background-image: url(../img/login-results.jpg);
  background-size: cover;
  height: 300px; }

.result-table table {
  border: 1px solid #ccc; }
.result-table tr th {
  background-color: #465662;
  color: #fff; }

/*=========================== 
           Results page
=============================*/
.results-page h3 {
  margin-bottom: 20px !important;
  margin-top: 30px !important; }
.results-page a {
  color: #0e3055 !important;
  text-decoration: underline; }
  .results-page a:hover {
    color: #e5a04d !important;
    text-decoration: underline; }
.results-page .test_results {
  margin-bottom: 40px !important; }

li.chapter_titles ul {
  display: none;
  margin-top: 1em; }
li.chapter_lists table {
  display: none;
  border-collapse: collapse;
  margin-top: 1em;
  width: 85%; }
  li.chapter_lists table th, li.chapter_lists table td {
    padding: 5px;
    border: 1px solid #ccc;
    text-align: center; }
  li.chapter_lists table th {
    color: #fefefe; }

.results-page ul {
  list-style-type: none;
  padding: 0;
  margin: 0; }

li.chapter_titles, li.chapter_lists {
  background-image: url(/assets/img/plus.png);
  background-repeat: no-repeat;
  background-position: .1em .1em;
  padding-left: 2.2em; }
li.chapter_titles:hover {
  cursor: pointer; }
li.chapter_lists:hover {
  cursor: pointer;
  text-decoration: underline; }
li.expanded:hover {
  text-decoration: none !important; }
li.chapter_titles {
  margin-bottom: 1.5em;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-weight: bold;
  color: #0e3055 !important; }
  li.chapter_titles:hover {
    /*background-color:#edf0f7;*/
    border-color: #0e3055; }
li.chapter_lists {
  margin-bottom: 1em;
  font-weight: normal !important; }
li.chapter_titles {
  background-position: 1em 1em;
  padding: 1em;
  padding-left: 3em;
  cursor: pointer;
  font-weight: bold;
  color: #354755; }
li.expanded {
  background-image: url(/assets/img/minus.png); }

.fa-check {
  color: #7ac477; }

.fa-close {
  color: #ee3d56; }

.results-page {
  padding-left: 30px !important;
  margin-bottom: 40px; }
  .results-page h3 {
    font-size: 18px;
    color: #BF1233;
    margin-top: 40px !important; }

.inner-result-list li {
  list-style-type: none; }

.sizedown {
  font-size: 13px; }

.results-page .table-striped > tbody > tr:nth-of-type(2n+1) {
  background-color: #eff4fa !important; }

table.test_results2 {
  display: none;
  width: 100%;
  border: 1px solid #ccc;
  margin-top: 20px;
  margin-bottom: 15px; }

li.chapter_lists {
  cursor: pointer;
  font-weight: normal; }

.chapter_titles .test_results {
  text-decoration: none !important; }

table.test_results {
  display: none;
  width: 100%;
  max-width: 750px;
  border: 1px solid #ccc; }
  table.test_results tr th {
    text-align: center;
    background-color: #354754;
    color: #fff;
    padding: 8px;
    border-top: 1px solid #ddd; }
table.test_results2 tr th {
  text-align: center;
  background-color: #354754;
  color: #fff;
  padding: 8px;
  border-top: 1px solid #ddd; }
table.test_results tr td, table.test_results2 tr td {
  text-align: center;
  padding: 8px;
  border-top: 1px solid #ddd; }
table.test_results tr td a:link, table.test_results tr td a:active, table.test_results tr td a:visited {
  font-weight: bold !important;
  color: #354754 !important; }
table.test_results tr td a:hover {
  font-weight: bold !important;
  color: #354754 !important;
  text-decoration: underline !important; }
table.test_results2 tr:nth-child(even) {
  background-color: #f7f7f7; }

ul.chapter_list_wrap {
  list-style-type: none; }

.cert_result {
  margin-top: 30px; }

.results-page .container {
  width: 100% !important; }

/*=========================== 
          Reports
=============================*/
.outside {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #ccc;
  margin-bottom: 80px; }
  .outside td {
    padding: 10px;
    border: 1px solid #ccc;
    border-collapse: collapse; }
    .outside td a {
      text-decoration: underline !important; }
      .outside td a:hover {
        text-decoration: underline !important;
        color: #354754 !important; }
  .outside th {
    padding: 10px;
    border: 1px solid #ccc;
    border-collapse: collapse; }
  .outside td, .outside th {
    text-align: center; }
  .outside td:first-child {
    text-align: left; }
  .outside th {
    background-color: #354754 !important;
    color: #fff; }
    .outside th:first-child {
      text-align: left; }
  .outside .inside tr:first-child {
    background: none;
    color: #868484; }
  .outside .inside td:first-child {
    text-align: center !important; }
  .outside tr:nth-child(odd) {
    background: #EEF4F9; }

.inside {
  width: 100%;
  border: none !important; }
  .inside td {
    padding: 5px;
    text-align: center; }
    .inside td:hover {
      background-color: #354754;
      color: #fff; }
    .inside td:hover a {color: white !important;}
  .inside:hover {
    border-collapse: collapse !important; }

.passed {
  color: #7AC477; }

.failed {
  color: #F00; }

.tooltip > .tooltip-inner {
  background-color: #354754 !important;
  text-shadow: 0 1px 1px #000;
  font-weight: normal;
  border-radius: 4px;
  font-family: "PT Sans", "helvetica", sans-serif; }

.grey-search-box {
  background-color: #e1e8ed;
  border-radius: 5px;
  box-shadow: 0px 0px 4px #ccc;
  min-height: 90px;
  margin-top: -115px;
  padding: 25px;
  margin-bottom: 30px; }
  .grey-search-box .form-control {
    background-color: #fff; }
  .grey-search-box label {
    color: #123458; }

.title-report {
  margin-top: 130px;
  color: #fff; }
  .title-report h1 {
    font-size: 48px !important;
    text-shadow: 0px 0px 4px #333; }

.button-report {
  background-color: #BF1233;
  border-radius: 5px;
  padding: 9px 25px;
  color: #fff;
  border: 0;
  vertical-align: middle;
  margin-top: 27px;
  margin-left: -15px; }
  .button-report:hover {
    color: #354754 !important;
    color: #fff !important; }
  .button-report:active {
    color: #354754;
    color: #fff !important; }

.active-tb {
  color: #BF1233; }

.report-table {
  border: none !important; }
  .report-table th {
    text-align: center;
    background: #fff;
    color: #354754 !important; }
  .report-table tr:nth-child(2) {
    font-size: 30px;
    color: #BF1233 !important; }
    .report-table tr:nth-child(2) td {
      color: #BF1233 !important; }
  .report-table a {
    text-decoration: underline;
    color: #BF1233 !important; }
    .report-table a:hover {
      text-decoration: underline;
      color: #354754 !important; }

.top-report-table {
  margin-bottom: 60px; }
  .top-report-table .table > tbody > tr > th, .top-report-table .table > tbody > tr > td {
    border-top: 0 !important;
    border-bottom: 0;
    padding: 0 30px; }

/* top user section */
.user-info {
  background: #ffffff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.4);
  margin-top: 20px; }

.grey-strip-user {
  background-color: #e1e8ed;
  padding: 5px 0;
  margin-top: 10px; }

.info-title {
  font-size: 15px;
  color: #aaaeb4;
  text-transform: uppercase; }

.info-detail {
  color: #354755;
  font-size: 18px;
  font-weight: bold; }
  .info-detail a {
    text-decoration: underline;
    color: #354755 !important; }

.col-user {
  margin-top: 10px;
  border-left: 2px solid #BF1233;
  float: left;
  padding: 0 10px 0px 10px;
  width: 32%; }

.col-name {
  margin-top: 10px; }

.col-strip {
  width: 48%;
  float: left;
  padding-right: 20px; }

.col-name h2 {
  line-height: 2em;
  font-size: 24px; }

/*=========================== 
           Login
=============================*/
.login-header {
  background-image: url(../img/login-bg.jpg);
  background-size: cover;
  height: 325px;
  padding: 60px 0; }
  .login-header h1 {
    font-weight: bolder;
    font-size: 60px !important; }

.login-row {
  background-color: #eef4f9;
  padding-bottom: 50px; }
  .login-row .form-control {
    background-color: #fff; }

.my-login-tabs {
  margin-top: -41px; }
  .my-login-tabs .nav-tabs {
    border-bottom: 0px solid #ddd; }
    .my-login-tabs .nav-tabs > li > a {
      font-weight: bold;
      font-weight: bold;
      /*background-color: $secondary-color;*/
      background-color: #465662;
      color: #fff;
      border: 0;
      margin-right: 5px;
      border-radius: 4px 4px 0 0; }
    .my-login-tabs .nav-tabs > li.active > a {
      background-color: #EEF4F9;
      color: #465662; }
      .my-login-tabs .nav-tabs > li.active > a:hover, .my-login-tabs .nav-tabs > li.active > a:focus {
        background-color: #EEF4F9;
        color: #465662; }
  .my-login-tabs .tab-pane {
    padding: 40px 15px;
    min-height: 600px; }

.login-page-form label {
  color: #848484;
  font-weight: normal; }
.login-page-form .form-control {
  background-color: #fff;
  border-radius: 5px; }

.signin-form-container {
  background-color: #d3d9de !important;
  padding: 30px;
  border-radius: 8px;
  margin-top: 25px; }
  .signin-form-container .control-label {
    text-align: left;
    margin-left: 15px;
    padding-bottom: 10px; }

.reg-div-left , .reg-div-right {
  background-color:#d3d9de; 
  color: #757575;
  min-height:300px; 
  border:1px solid #eef4f9; 
  border-radius:5px; 
  display:flex; 
  align-items:center;
}

/*.reg-div-right {
  background-color:#d3d9de; 
  color: #757575;
  min-height:300px; 
  border:1px solid #eef4f9; 
  border-radius:5px;
}*/

.reg-div-left:hover, .reg-div-right:hover {
  background: black;
  color: white;
}

.reg-div-right ul li {
  text-align:left
}

.bigger {
  font-size: 18px; }

.form-control {
  border-radius: 3px !important; }

.inside-login {
  margin-left: 20px; }

/*=========================== 
           Detail Page
=============================*/
.mbottom {
  margin-bottom: 40px; }

.price {
  margin-top: 5px !important;
  font-family: "PT Sans", "helvetica", sans-serif !important; }

.detail-page {
  background-image: url(../img/detail-page.jpg);
  background-size: cover;
  height: 255px;
  padding: 70px 0; }

.detail-page-row {
  padding: 50px 0; }
  .detail-page-row .row li {
    padding-left: 15px !important; }
  .detail-page-row .row ul {
    padding-left: 15px !important; }
    .detail-page-row .row ul.nav, .detail-page-row .row ul.nav-tabs, .detail-page-row .row ul.nav li, .detail-page-row .row ul.nav-tabs li {
      padding-left: 0px !important; }
  .detail-page-row h2 {
    margin-top: 0;
    margin-bottom: 0; }

.language-selection {
    /*background-color: #f1f3f3;
    border-radius: 20px;
    padding: 7px 15px;
    float: right;
    margin-bottom: 15px;
	font-size:12px;*/
  float: right;
  margin-top: -102px; }
  .language-selection a {
    color: #757575; }
  .language-selection .active {
    color: #b10e2e !important;
    font-weight: bold; }

.detail-page-tabs .nav-tabs > li > a {
  color: #757575;
  font-weight: bold; }
.detail-page-tabs .nav-tabs > li.active > a {
  color: #BF1233;
  border: 0px solid #ddd;
  border-bottom: 2px solid #BF1233; }
  .detail-page-tabs .nav-tabs > li.active > a:hover, .detail-page-tabs .nav-tabs > li.active > a:focus {
    color: #BF1233;
    border: 0px solid #ddd;
    border-bottom: 2px solid #BF1233; }
.detail-page-tabs .tab-pane {
  padding: 40px 0; }

.detail-page-list {
  padding-left: 20px;
  list-style: none; }
  .detail-page-list li {
    margin-bottom: 10px; }
    .detail-page-list li:before {
      font-family: 'FontAwesome';
      content: '\f054';
      margin: 0 10px 0 -15px; }

.detail-page-tabs .nav li a:hover {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-right-radius: 5px; }

.detail-page-row .btn-lg, .detail-page-row .btn-info {
  border: 2px solid #BF1233 !important; }

.rowstyle .btn-info {
  border: 2px solid #BF1233 !important; }

.detail-page-row .btn-lg:hover, .detail-page-row .btn-info:hover {
  border: 2px solid #BF1233;
  background-color: transparent !important;
  color: #BF1233 !important; }

.rowstyle .btn-info {
  font-size: 13px;
  font-weight: bold;
  border-radius: 30px !important;
  padding: 5px 30px !important; }
  .rowstyle .btn-info:hover {
    border: 2px solid #BF1233;
    background-color: transparent !important;
    color: #BF1233 !important; }
.rowstyle .panel, .rowstyle .panel-default {
  height: 350px !important;
  margin-bottom: 30px !important; }

.title {
  min-height: 70px;
  font-weight: bold;
  font-size: 16px; }

.container .panel-price {
  font-weight: bold;
  font-size: 22px;
  text-align: right;
  margin-top: 0px;
  margin-right: 20px;
  color: #354755;
  font-family: "PT Sans", "helvetica", sans-serif !important; }
.container .panel:hover {
  border-color: #354755; }

p.bread {
  max-width: 380px; }

.rowstyle h3 {
  color: #354755; }

  /*=========================== 
          Quizz
=============================*/
.exam-wrapper label {
  color: #354755;
  font-weight: bold; }
  .exam-wrapper label em {
    margin-right: 10px; }
.exam-wrapper ul label, .exam-wrapper ol label {
  font-weight: normal;
  color: #757575; }
.exam-wrapper fieldset {
  border: 1px solid #ccc;
  background-color: #eff4fa !important;
  padding: 25px 15px !important; }
.exam-wrapper li {
  line-height: 1.4em !important; }
.exam-wrapper fieldset > ol {
  list-style-type: lower-alpha; } 

.eexam-question li {
  margin: 10px 0; }

.exam-wrapper h2 {
  margin-top: 0px; }
.exam-wrapper input[type="radio"] {
  margin-right: 15px !important; }

ul.eexam-nav li {
  list-style-type: none !important;
  display: inline-block !important;
  padding-left: 15px;
  font-weight: bold;
  margin-top: 10px; }
  ul.eexam-nav li a {
    color: #354755; }
  ul.eexam-nav li.eexam-current a {
    color: #fff !important;
    background-color: #BF1233;
    border-radius: 50%;
    padding: 2px 8px; }
  ul.eexam-nav li a:hover {
    color: #354755;
    text-decoration: underline; }

.eexam-save {
  border: 2px solid #BF1233;
  background-color: #BF1233;
  color: #fff !important;
  font-size: 13px;
  font-weight: bold;
  border-radius: 30px !important;
  padding: 5px 30px !important;
  outline: none;
  margin-top: 15px; }
  .eexam-save:hover {
    border: 2px solid #BF1233;
    background-color: transparent;
    color: #BF1233 !important;
    font-size: 13px;
    font-weight: bold;
    border-radius: 30px !important;
    padding: 5px 30px !important; }

.alert-quiz {
  margin: 2em 0 1em 0;
  font-weight: bold;
  padding: 15px;
  border: 1px solid #BF1233;
  border-radius: 3px; }

.alert-time {
  background-color: #BF1233;
  color: #fff;
  padding: 5px;
  border-radius: 3px; }

.alert-submit {
  margin: 0.75em 0 1.25em 0;
  color: #BF1233;
  font-weight: bold; }

/*=========================== 
           Quiz results
=============================*/
.quiz-results {
  margin-left: 20px;
  margin-top: 20px;
  margin-right: 20px; }
  .quiz-results h2 {
    margin-top: 0;
    font-size: 28px !important;
    font-weight: bold !important; }
  .quiz-results h3 {
    margin-top: 0;
    font-size: 18px !important;
    font-weight: bold !important;
    margin-bottom: 25px !important; }

.header-results {
  background-color: #354754;
  min-height: 80px;
  margin-top: -20px;
  padding: 10px 10px 0 10px; }
  .header-results h3 {
    color: #fff !important;
    float: left;
    margin-left: 10px;
    max-width: 75%;
    font-size: 26px; }

h4.scoring {
  float: right;
  width: 140px;
  color: #fff !important;
  padding: 15px 0 15px 10px;
  font-weight: normal !important;
  border-left: 1px solid #76828b !important;
  margin-bottom: 0; }

h3.custh3 {
  margin-bottom: 0 !important;
  font-size: 18px;
  color: #354754; }

.quiz-results #viewanswers_list {
  margin: 15px auto !important; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

/*=========================== 
           Quiz list
=============================*/
.quiz-list-head {
  background: #354754;
  color: #fff;
  height: 60px;
  margin-bottom: 25px;
  margin-top: -10px; }
  .quiz-list-head h5 {
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    padding: 20px 25px;
    font-size: 16px; }

.quiz-list ul {
  margin-left: 0 !important;
  padding: 0 !important;
  list-style-type: none; }

.quiz-list-item {
  border: 1px solid #ccc;
  border-radius: 5px;
  margin-bottom: 2em;
  list-style-type: none;
  padding-bottom: 10px;
  -webkit-box-shadow: 0px 0px 4px -1px rgba(0, 0, 0, 0.33);
  -moz-box-shadow: 0px 0px 4px -1px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 4px -1px rgba(0, 0, 0, 0.33);
  margin-right: 20px;
  margin-left: 20px; }
  .quiz-list-item h6 {
    font-weight: bold;
    color: #354754;
    font-size: 16px;
    float: left;
    margin-top: -1px;
    max-width: 420px;
    vertical-align: middle;
    line-height: 1.1em; }

.quiz-list-item-head {
  background-color: #eef4f9;
  height: 45px;
  padding: 12px;
  margin-bottom: 15px; }

.quiz-btn {
  background-color: #BF1233;
  color: #fff;
  border-radius: 20px;
  padding: 5px 18px; }
  .quiz-btn:hover {
    background-color: #354754;
    color: #fff;
    border-radius: 20px;
    padding: 5px 18px; }

.quiz-attempts {
  padding-left: 30px; }

.quiz-info {
  display: inline-block;
  float: right;
  font-size: 14px;
  font-weight: bold; }

.quiz-list-item .test_results {
  margin-bottom: 10px; }
  .quiz-list-item .test_results tr:nth-child(odd) {
    background-color: #eef4f9; }
  .quiz-list-item .test_results td:first-child, .quiz-list-item .test_results th:first-child {
    padding-left: 25px; }

  /*=========================== 
           Video page
=============================*/
.video-header {
  background-image: url(../img/video.jpg);
  background-size: cover;
  height: 477px; }

.overlay-video {
  width: 100px;
  height: 75px;
  background: transparent;
  color: #fff;
  position: absolute;
  top: 25px;
  left: 50px; }
  .overlay-video a {
    color: #fff !important; }
    .overlay-video a:hover span {
      color: #BF1233 !important; }

.videos {
  padding-top: 10px; }
  .videos h2 {
    padding-left: 15px;
    padding-bottom: 20px; }

.video-thumb {
  float: left;
  margin-right: 20px;
  width: 100px;
  height: 75px;
  margin-bottom: 30px; }

.video-title {
  font-size: 18px;
  font-weight: bold;
  width: 100%;
  margin-top: -5px;
  margin-bottom: 5px; }
  .video-title a:hover {
    text-decoration: underline; }

.video-desc {
  font-size: 15px;
  margin-left: 120px; }

.video-item {
  margin-bottom: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  min-height: 160px; }

.duration {
  font-size: 14px;
  color: #354754;
  font-weight: bold;
  float: left; }

.pdf-video {
  float: left;
  color: #354754;
  margin-left: 15px;
  clear: right;
  margin-top: -2px; }
  .pdf-video a {
    font-size: 14px !important;
    color: #354754 !important;
    font-weight: bold; }
    .pdf-video a:hover {
      text-decoration: underline; }

.video-desc {
  float: none; }

.video-details {
  width: 100%;
  float: none;
  margin-bottom: 10px; }

.video-item .clearfix {
  height: 20px !important; }

  /*=========================== 
           Privacy
=============================*/
#privacy, #terms {
  z-index: 10000000; }

#privacy .modal-body, #terms .modal-body {
  height: 600px;
  overflow-y: auto; }

#privacy a, #terms a {
  text-decoration: underline;
  color: #BF1233;
  font-weight: bold; }

#privacy a:hover, #terms a:hover {
  text-decoration: underline;
  color: #354755; }

  /*=========================== 
           Checkout
=============================*/
.checkout {
  margin-bottom: 50px;
  margin-top: 15px; }
  .checkout .table {
    background-color: #fff; }
    .checkout .table thead tr {
      background-color: #354755;
      color: white;
      text-transform: uppercase; }
    .checkout .table tbody tr:first-child {
      background-color: #eef4f9; }
    .checkout .table h4 {
      margin-top: 0px; }

/*.container{background-color:#eef4f9 !important;}*/
.table input, .table select {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border: 1px solid #ccc;
  padding: 5px 10px; }

.input-mini {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border: 1px solid #ccc;
  padding: 5px 10px; }

.billing select, .billing input {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border: 1px solid #ccc;
  padding: 5px 10px; }

.table a {
  color: #354755; }
  .table a:hover {
    text-decoration: underline; }

.billing .control-group {
  margin-bottom: 15px; }
.billing input[type="checkbox"] {
  padding-left: 15px !important;
  position: relative !important;
  margin-left: 15px !important; }
.billing label {
  color: #354755;
  padding-bottom: 5px; }

.checkout h2 {
  line-height: 1.4em;
  color: #465662;
  font-family: "PT Sans", "helvetica", sans-serif;
  font-style: italic;
  line-height: 1.4em;
  font-weight: bold; }

.push {
  margin-left: 15px; }

.details {
  margin-bottom: 20px; }
  .details label {
    color: #354755;
    padding-bottom: 5px; }
  .details input[type="text"], .details select {
    border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border: 1px solid #ccc !important; }
  .details .help-block {
    font-size: 12px; }

.checkout {
  min-height: 500px; }
  .checkout .well {
    margin-top: 15px; }

/*=========================== 
           Message checkout
=============================*/
.attention-box {
  border: 2px solid #b31533;
  background-color: #fbf3f4;
  padding: 15px;
  clear: both;
  border-radius: 5px;
  margin-bottom: 30px;
  width: 100%; }

.careful {
  float: left;
  color: #b31533;
  font-size: 56px;
  padding: 0 40px; }

.careful-message {
  float: left;
  color: #354755;
  font-size: 17px;
  line-height: 1.5em; }

.timer {
  font-weight: bold;
  background-color: #354755;
  color: #fff;
  padding: 3px 5px;
  border-radius: 5px; }

/*=========================== 
           Contact 
=============================*/
.contact-page {
  background-image: url(../img/contact-bg.jpg);
  background-size: cover;
  height: fit-content;
  padding: 70px 0; }

.contact-details-container {
  background-color: rgba(0, 0, 0, 0.5);
  border-left: 2px solid #BF1233;
  padding: 10px 20px;
  color: #fff;
  margin-left: 10px; }
  .contact-details-container h4 {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 2em;
    line-height: 2.2em;
    font-size: 18px; }

.mycontact p {
  color: #fff;
  margin-bottom: 20px; }
.mycontact a {
  color: #fff;
  margin-bottom: 20px;
  text-decoration: underline; }
  .mycontact a:hover {
    color: #BF1233; }
.mycontact .form-control {
  background-color: #eff4fa !important; }
.mycontact h2 {
  margin-left: 10px; }

.contact-details-container h2 {
  margin-left: 0 !important;
  margin-top: -0px; }

.mock-time {
  background-color: #eef4f9;
  border: 1px solid #ccc;
  margin: 40px;
  width: 80%;
  padding: 30px; }
  .mock-time p {
    color: #354754;
    font-weight: bold;
    line-height: 1.3em;
    font-weight: 16px; }

#myModal .modal-body, #myMock .modal-body, #myCert .modal-body {
  min-height: 100px !important;
  margin-top: 20px; }

#myModal a, #myMock a, #myCert a {
  text-decoration: underline !important; }

#myModal a:hover, #myMock a:hover, #myCert a:hover {
  text-decoration: underline !important;
  color: #354754; }

/*=========================== 
           preloader exams 
=============================*/
#overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #354754;
  z-index: 10000;
  display: none; }

.overlay-msg {
  height: 300px;
  margin-top: 15%;
  color: white;
  font-size: 1.5em;
  text-align: center;
  z-index: 100001;
  display: none; }

.img-spinner {
  padding-top: 40px; }

.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/*=========================== 
           Webcasts
=============================*/
.webcast-header {
  background: url(/assets/img/webcast-header.jpg) top center no-repeat;
  background-size: cover;
  margin-top: 0px;
  height: 425px;
  margin-bottom: 15px; }

.overlay-wbc {
  position: absolute;
  margin-top: -191px; }

.upcoming-webcasts {
  margin-bottom: 50px; }
  .upcoming-webcasts h3 {
    padding-bottom: 15px;
    padding-left: 15px; }

.img-webcast {
  height: 176px;
  margin-bottom: 15px; }

.date-webcast {
  color: #BF1233;
  font-weight: bold;
  font-size: 18px; }

.time-webcast {
  color: #354754;
  font-weight: bold;
  margin-bottom: 10px; }

.btn-webcast {
  background-color: #BF1233;
  color: #fff;
  border-radius: 20px;
  padding: 5px 15px;
  border: none; }
  .btn-webcast:hover {
    background-color: #354754;
    color: #fff; }

.details-webcast {
  padding-bottom: 15px;
  font-size: 15px;
  min-height: 160px; }

.webcast-box {
  margin-bottom: 50px;
  height: 450px; }

.bluebold {
  color: #354754;
  font-weight: bold; }

.webcast-header h1, .webcast-header h2 {
  color: #fff; }

.custmodal .modal-title, .custmodal .modal-header p {
  color: #fff !important; }
.custmodal h3.modal-title {
  margin-top: 20px; }
.custmodal .modal-header a {
  color: #7faac9;
  text-decoration: underline; }
.custmodal .modal-content {
  padding-bottom: 20px; }
.custmodal .modal-header a:hover {
  color: #BF1233;
  text-decoration: underline; }

.modal-dialog, .modal-content {
  border-radius: 20px !important; }

.custmodal .modal-header {
  padding: 9px 15px;
  height: 200px;
  border-bottom: 1px solid #eee;
  background: url(/assets/img/header-modal.jpg);
  background-repeat: no-repeat;
  -webkit-border-top-left-radius: 18px;
  -webkit-border-top-right-radius: 18px;
  -moz-border-radius-topleft: 18px;
  -moz-border-radius-topright: 18px;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px; }

.thin {
  font-weight: 300;
  color: #718592; }

.modal-date {
  margin-top: 20px; }

.modal-time {
  color: #fff;
  font-size: 18px;
  padding-top: 5px; }

.custmodal .modal-body {
  padding: 0 15px 15px 15px; }
.custmodal button.close {
  color: #fff !important;
  background-color: #BF1233;
  opacity: 1 !important;
  border: 0 !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  margin-right: -15px !important;
  margin-top: -10px !important;
  font-size: 28px !important; }

.content-wbc-header {
  margin-top: 20px; }
  .content-wbc-header h1 {
    border-bottom: 1px solid #ccc;
    font-size: 34px !important;
    padding-bottom: 15px; }
  .content-wbc-header h2 {
    font-size: 26px !important; }

.topics-wbc {
  color: #fff;
  font-weight: bold; }

.img-wbc {
  margin-top: 25px; }

.header-time {
  color: #BF1233;
  font-size: 20px;
  font-weight: bold; }

.list-wbc {
  color: #939fa7; }

.btn-replay {
  background-color: #354754;
  color: #fff;
  border-radius: 20px;
  padding: 5px 15px;
  border: none; }
  .btn-replay:hover, .btn-replay:active, .btn-replay:focus {
    background-color: #BF1233;
    color: #fff;
    border-radius: 20px;
    padding: 5px 15px;
    border: none; }

.past-events h3 {
  padding-bottom: 15px;
  padding-left: 15px; }

.webcast-header ul, .webcast-box ul {
  padding-left: 20px !important; }

.webcast-header ul {
  margin-bottom: 25px !important; }

.webcast-box ul {
  font-size: 14.5px; }

.custmodal {
  min-height: 500px !important; }

.head-web {
  background-color: #354754;
  color: #fff;
  margin-top: -22px;
  padding: 10px 0 5px 0 !important; }
  .head-web h3 {
    text-align: center; }

.videoplayer .modal-dialog {
  margin: !important;
  padding: 0 !important; }
.videoplayer .modal-body {
  margin: 0 !important;
  padding: 0 !important; }
.videoplayer .modal-header {
  background-color: #354754;
  border-bottom: 0 !important;
  color: #fff; }
  .videoplayer .modal-header h3 {
    margin: 7px !important;
    font-size: 22px !important; }

.main-wbc {
  width: 600px;
  height: 460px;
  background-color: #000;
  float: left;
  border-top-left-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -webkit-border-top-left-radius: 20px; }

.select-wbc {
  float: left;
  width: 298px;
  min-height: 460px; }

.wbc-item {
  height: 112px;
  border-bottom: 1px solid #ccc;
  width: 100%;
  display: block;
  float: none; }

.videoplayer button.close {
  color: #fff !important;
  opacity: 1 !important;
  font-size: 36px !important;
  padding: 5px 15px !important; }

.video-wbc {
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  float: left;
  margin: 15px 10px; }

.wbc-title {
  float: left;
  font-size: 14px;
  margin-top: 20px;
  width: 173px;
  font-weight: bold; }

.select-wbc a {
  color: #354754 !important; }

.wbc-active {
  background: #577387 !important; }
  .wbc-active a {
    color: #fff !important; }
  .wbc-active .video-wbc {
    border: 1px solid #354754; }

.wbc-item:hover {
  background-color: #dbe2e7; }

/*=========================== 
           CIPR lock
=============================*/
#CIPRlock .modal {
  top: 100px !important;
  position: fixed; }

.fix-align {
  margin-left: -30px; }

#CIPRlock .modal-header {
  border-bottom: 0 !important; }
#CIPRlock button.close {
  color: #fff !important;
  background-color: #BF1233;
  opacity: 1 !important;
  border: 0 !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  font-size: 28px !important;
  margin-top: -35px !important;
  margin-right: -40px !important; }
#CIPRlock .modal-content {
  padding: 20px !important; }
#CIPRlock a.ciprlink {
  color: #BF1233 !important;
  text-decoration: underline !important; }
  #CIPRlock a.ciprlink:hover {
    color: #354754 !important; }

.raleway {
  font-family: "Raleway", sans-serif !important; }

.timelock {
  text-transform: uppercase;
  font-weight: bold; }

.grey-wrapper {
  background-color: #eef4f9;
  width: 100%;
  margin-top: 30px;
  margin-bottom: 30px;
  border-radius: 10px; }

.fa-align {
  margin: 20px 40%; }

a.ciprlink {
  color: #BF1233 !important;
  text-decoration: underline !important; }
  a.ciprlink:hover {
    color: #354754 !important; }

.cipr-page {
  margin-bottom: 80px; }

.closeup {
  border-radius: 50%;
  color: white !important;
  background-color: #BF1233;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  color: white;
  background-color: #BF1233;
  width: 30px;
  height: 30px;
  opacity: 1 !important;
  margin-top: -27px;
  margin-right: -27px;
  font-size: 18px !important;
  float: right;
  border: 0;
  line-height: 0.8em;
  z-index: 1000000; }

#ciprNumberModal a:hover {
  text-decoration: underline !important; }

.modal .fa-close {
  color: #fff !important; }

/*=========================== 
           Audio 
=============================*/
.audio .header_bkg {
  background-image: url("../img/header-audionotes.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 310px; }
  .audio .header_bkg h3.white {
    padding: 60px 0px 40px 0px;
    margin-top: 0px;
    text-shadow: 1px 1px 3px rgba(51, 51, 51, 0.77); }
  .audio .header_bkg h4.white {
    text-shadow: 1px 1px 3px rgba(51, 51, 51, 0.77); }
  .audio .header_bkg .form-control {
    color: #354754;
    font-size: 13px; }
.audio .wifi-txt {
  margin-top: 25px; }
.audio .selected .grey-btn {
  background: #354754 !important;
  color: #fff !important; }
.audio .bookmark {
  position: absolute;
  right: 25px;
  top: -5px; }
  .audio .bookmark div {
    margin-left: -20px; }
  .audio .bookmark:hover {
    color: #BF1233; }
.audio h3 {
  margin-bottom: 15px; }
.audio .row a {
  color: #354754 !important; }
  .audio .row a:hover .grey-btn {
    color: #fff !important;
    background: #354754 !important; }

/*=========================== 
           poll 
=============================*/
#Poll .modal-title {
  color: #fff; }
#Poll h5 {
  color: #354754;
  font-weight: bold; }
#Poll .head-web {
  margin-top: 0 !important;
  padding-left: 15px !important; }
  #Poll .head-web h3 {
    text-align: left !important; }
#Poll select {
  min-width: 220px !important;
  border-radius: 5px;
  border: 1px solid #ccc !important;
  padding: 5px; }
  #Poll select:focus {
    border: 1px solid #354754 !important;
    box-shadow: none !important;
    outline: none !important; }
#Poll .modal-content {
  border: 0px !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important; }
#Poll .poll-bkg {
  background: url(/assets/img/poll-bkg.jpg) top center no-repeat; }
#Poll .close {
  color: #fff;
  margin-right: 15px !important;
  margin-top: 10px !important;
  opacity: 1 !important; }
#Poll .modal-footer {
  border: 0 !important; }
#Poll .btn-default {
  background-color: #354754;
  border: 0;
  color: #fff; }
  #Poll .btn-default:hover {
    opacity: 0.8; }
#Poll .btn-lg {
  min-width: 220px; }
#Poll p {
  color: #000;
  font-family: "Raleway", sans-serif;
  line-height: 1.6em !important; }
#Poll .line-checkbox {
  float: left;
  margin-left: 15px;
  padding-top: 10px; }

@media (max-width: 1024px) {
  #Poll .head-web h3 {
    font-size: 22px; }
  #Poll .btn-lg {
    float: left;
    margin-bottom: 15px; }
  #Poll input [type="checkbox"] {
    float: left; } }
/*=========================== 
      Expired Course modal 
=============================*/
#ExpiredCourse .modal-body h4 {
  color: #354754 !important; }
#ExpiredCourse .modal-footer {
  border: 0 !important; }
#ExpiredCourse .btn {
  min-width: 225px; }
#ExpiredCourse .btn-default {
  background-color: #354754 !important;
  border: none !important;
  color: #fff !important; }
  #ExpiredCourse .btn-default:hover {
    opacity: 0.8; }
#ExpiredCourse .btn-info {
  float: left; }
#ExpiredCourse .line-checkbox {
  float: left !important; }
#ExpiredCourse .close {
  color: #fff !important;
  background-color: #BF1233;
  opacity: 1 !important;
  border: 0 !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  font-size: 28px !important;
  margin-top: -20px !important;
  margin-right: -20px !important; }
@media (max-width: 991px) {
  #ExpiredCourse .btn-default {
    margin-bottom: 10px;
    float: left;
    margin-right: 20px; } }

a.expired, a.expire-soon {
  text-decoration: none !important; }

.expire-soon {
  color: #354754; }
  .expire-soon .down {
    margin-top: 5px; }
  @media (max-width: 991px) {
    .expire-soon .btn-info {
      margin-top: 10px; } }

.expired .down {
  margin-top: 5px; }

img.desaturate {
  -webkit-filter: grayscale(1);
  -webkit-filter: grayscale(100%);
  filter: gray;
  filter: grayscale(100%); }

/*=========================== 
           Bootcamp 
=============================*/
#bootcamp-main .table-striped > tr:nth-of-type(odd) {
  background-color: #eef4f9 !important; }
#bootcamp-main .bootcamp-header {
  background: url(/assets/img/bootcamp_bkg.jpg) top center no-repeat;
  background-size: cover;
  margin-top: 0px;
  height: 380px;
  margin-bottom: 30px;
  padding-top: 35px; }
  #bootcamp-main .bootcamp-header .blue-box {
    background: url(/assets/img/blue-bkg.png) top center repeat;
    margin-top: 25px;
    padding: 10px; }
    #bootcamp-main .bootcamp-header .blue-box .btn-rounded-red {
      float: right; }
  #bootcamp-main .bootcamp-header h1 {
    color: #fff;
    font-size: 30px !important;
    text-shadow: 1px 1px 3px rgba(51, 51, 51, 0.77); }
  #bootcamp-main .bootcamp-header h4, #bootcamp-main .bootcamp-header h5, #bootcamp-main .bootcamp-header h6 {
    color: white;
    font-family: "Raleway", sans-serif !important; }
  #bootcamp-main .bootcamp-header h4 {
    text-transform: capitalize !important; }
  #bootcamp-main .bootcamp-header h6 {
    font-size: 18px; }
#bootcamp-main .main-details {
  background-color: #eef4f9;
  padding: 15px 20px;
  margin-bottom: 40px;
  color: #354754; }
#bootcamp-main .module-list img {
  margin-bottom: 20px; }
#bootcamp-main .module-list .title-main {
  color: #354754;
  text-transform: uppercase;
  font-weight: 600;
  font-family: "Raleway", sans-serif;
  height: 40px;
  font-size: 14px; }
#bootcamp-main .btn-replay {
  font-size: 13px; }
#bootcamp-main .bootcamp-box {
  margin-bottom: 40px; }

table.table-schedule {
  text-align: center; }
  table.table-schedule th {
    background-color: #dee9f3;
    color: #354754;
    font-weight: bold;
    text-align: center; }
  table.table-schedule tr:nth-child(odd) {
    background-color: #eef4f9 !important; }

#schedule .modal-header {
  border: none;
  text-align: center; }
#schedule .close {
  color: #fff !important;
  background-color: #BF1233;
  opacity: 1 !important;
  border: 0 !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  font-size: 28px !important;
  margin-top: -20px !important;
  margin-right: -20px !important; }
  #schedule .close:hover {
    background-color: white;
    color: #BF1233 !important; }
#schedule .table-scroll {
  overflow-x: auto; }

.btn-rounded-red {
  background-color: #BF1233;
  color: #fff;
  border-radius: 20px;
  padding: 5px 15px;
  border: 2px solid #BF1233;
  font-size: 13px;
  cursor: pointer; }
  .btn-rounded-red:hover, .btn-rounded-red:active, .btn-rounded-red:focus {
    background-color: transparent;
    border: 2px solid #BF1233;
    color: #BF1233; }

@media (max-width: 991px) {
  .main-details .btn-rounded-red {
    margin-top: 30px; }

  #bootcamp-main .bootcamp-header h1 {
    font-size: 22px !important; } }
@media (max-width: 991px) {
  .img-responsive {
    width: 100%; } }
/*========================== 
           Media Query 
=============================*/

@media (min-width: 992px) {
  .profile-pic {
    margin: -50px auto 0px; } 
    .button_price_holder{
      position:absolute;
      bottom:0;
    }
  
  }
@media (max-width: 1600px) {
  .accueil .col-md-6 {
    width: 40%; }

  .col-md-offset-6 {
    margin-left: 60%; } }
@media (max-width: 1350px) {
  .accueil .col-md-6 {
    width: 100%; }

  .col-md-offset-6 {
    margin-left: 0%; } }
@media (max-width: 1167px) {
  .video-item {
    height: 200px; }

  .video-desc {
    margin-top: 0; }

  .course-box {
    width: 300px; } }
@media (max-width: 1064px) {
  .fix-align {
    margin-left: 0; } }
@media (max-width: 767px) {
  .navbar-form {
    margin: 0; }

  .navbar-nav .open .dropdown-menu {
    background-color: #E7E7E7; }

  header {
    background-position-x: -450px; }


  .navbar-nav .visible-xs {
    margin-top: 30px !important; }

  a#login_out {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important; } }
@media (max-width: 991px) {
  .loggedin-landing-row .list-group-container {
    height: auto; }

  .webcast-box {
    width: 255px !important;
    float: left; }

  .avail-img {
    float: left;
    padding-right: 20px; }

  .avail {
    margin-left: 20px; }

  .burst {
    display: none; } }
@media (max-width: 700px) {
  .listcourses .img-responsive {
    width: 100%; }
  .listcourses .panel {
    height: auto !important; }

  .header-results h3 {
    float: left;
    width: 100%; }

  h4.scoring {
    width: 100%;
    border-left: 0 !important;
    padding: 0 0 10px 10px !important; }

  .llqp .course-box, .listcourses .course-box {
    width: 100%; } }
@media (max-width: 667px) {
  .img-wbc {
    display: none; }

  .content-wbc-header .col-xs-8 {
    width: 100%; }

  .llqp .course-box .panel {
    height: auto !important; }

  .listcourses .course-box .panel {
    height: auto !important; }
  .listcourses .img-responsive {
    width: 100%; }

  .content-wbc-header h1 {
    font-size: 24px !important; } }
@media (max-width: 480px) {
  .video-thumb {
    margin-bottom: 100px; } }
@media (max-width: 380px) {
  .content-wbc-header h1 {
    font-size: 18px !important;
    border: 0;
    padding-top: 15px;
    padding-bottom: 0; }
  .content-wbc-header h2 {
    font-size: 18px !important; }

  .avail-img, .video-thumb, .overlay-video {
    display: none; }

  .video-item {
    min-height: auto;
    margin-bottom: 20px; }

  .video-desc {
    margin-left: 0 !important; } }
#total_passed .table td,#total_passed .table th {font-size: 16px !important; padding: 0 10px !important; cursor: default; font-weight: bold;}
/*# sourceMappingURL=style.css.map */