/* Filename: v2/stylesheet.css */
.testimonial-image {
  background: #D8D8D8;
  background-size: cover;
  background-position: center;
  border: 2px solid #FFFFFF;
  border-radius: 50%;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  width: 100px;
  height: 100px;
  border-radius: 80px;
  margin: 0 auto 1rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  background-position: center;
  flex-shrink: 0;
}

.testimonial {
  background: #f8f9fa;
  border-radius: 1rem;
  padding: 2rem;
  margin-bottom: 2rem;
  box-shadow: 0 0.25rem 1rem rgba(0,0,0,0.25);
  text-align: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  text-align: center;
}

@media (min-width: 768px) {
  .testimonial {
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    text-align: left;
  }
}

.testimonial-quote {
  padding: 20px 50px;
  font-style: italic;
}

.testimonial-quote p {
  position: relative;
  margin-bottom: 5px;
}

.testimonial-quote p:before {
  content: open-quote;
  font-family: HelveticaNeue;
  font-size: 66px;
  color: #D8D8D8;
  letter-spacing: 0;
  position: absolute;
  margin-left: -31px;
  margin-top: 8px;
}

.testimonial-quote p:after {
  content: close-quote;
  font-size: 66px;
  color: #D8D8D8;
  letter-spacing: 0;
  position: absolute;
  margin-top: 22px;
  margin-left: 2px;
}

.testimonial-quote span {
  color: #00ACC3;
  font-weight: 500;
  display: block;
  margin-top: 0.5rem;
  font-weight: 600;
}

.initiative {
  background-color: #fff;
}

.hero.sub-hero {
  background-color: #fff;
  background-image: url(../img/hero.jpg);
  min-height: 450px;
  max-height: 700px;
  height: 30vw;
  width: 100%;
  background-size: cover;
  background-position: center;
  margin-left: auto;
  margin-right: auto;
}

.hero.sub-hero {
/*   background-image: url(../img/hero-bg.png); */
  background-image: url(//assets.eu.bettyblocks.com/eu-central-1-389ec5282a0b4f21909b4565772dc68a_assets/files/711a04e8f7df41648144d380c1f08dd4);
  background-position: top left;
  background-size: auto;
  background-repeat: no-repeat;
  max-height: none;
  height: auto;
  min-height: 500px
}

.hero.hero-gpi {
  background-image: url(../img/hero-poortinstructies.png);
}

.hero.hero-login {
  background-image: url(../img/hero-login.png);
}

.hero.hero-ps {
  background-image: url(../img/hero-ps.png);
}

.hero.hero-overons {
  background-image: url(../img/hero-overons.png);
}

.try-test {
  font-size: 26px;
  display: block;
  margin-bottom: 10px;
  color: #777777;
}

.test-qres {
  color: #999;
  display: block;
  margin-bottom: 20px;
}

.modal-pure {
  padding: 40px;
  position: relative;
}

.close-pure {
  position: absolute;
  right: 15px;
  top: 8px;
  cursor: pointer;
}

.alert {
  color: #333;
  text-align: center;
  border-radius: 0px;
}

.questions {
  padding-top: 70px;
}

.questions .question-level {
  color: #999;
  margin-top: 12px;
  margin-bottom: 8px;
}

.questions h2 {
  font-weight: 400;
  font-size: 28px;
  line-height: 36px;
  margin-bottom: 20px;
}

.questions h2 .q-mark {
  white-space: nowrap;
}

.q-mark svg {
  color: #ccc;
  font-size: 22px;
  display: inline-block;
  line-height: 10px;
  cursor: pointer;
}

.q-mark svg:hover {
  color: #333;
}

.questions label {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}

.questions input[type=radio]:checked+label {
  background-color: #f0f0f0;
}

.q-circle {
  background-color: #fff;
  width: 14px;
  height: 14px;
  border-radius: 100%;
  border: 1px solid #aaa;
  display: inline-block;
  margin-right: 15px;
  box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.1);
  position: relative;
}

.q-question {
  width: calc(100% - 55px);
  line-height: 150%;
  margin: 0;
}

.questions input[type=radio]:checked+label .q-circle:after {
  content: "";
  background-color: #00ADC3;
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
}

.questions-overview {
  border: 1px solid #ccc;
  background-color: #f0f0f0;
}

.qo-head {
  background-color: #005761;
  color: #fff;
  padding: 12px 15px;
}

.qo-grid {
  padding: 12px;
}

.qo-row {
  display: flex;
}

.qn {
  width: 20%;
  border: 1px solid #ccc;
  margin: 0 2px 2px 0;
  text-align: center;
}

.qn {
  position: relative;
  width: 20%;
}

.qn:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.qn .number {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
}

.qn.current {
  background-color: #FFFCD2;
}

.qn.unread {
  background-color: #fff;
}

.qn.unanswered {
  background-color: #FFE6D3;
}

.qn.answered {
  background-color: #F1FFE2;
}

.qn.marked:after {
  content: "◥";
  position: absolute;
  right: 0;
  top: 0;
  font-size: 14px;
  line-height: 1;
  color: #00ADC3;
}

.qo-legend-option {
  margin-top: 4px;
}

.qn {
  background-color: #fff;
}

.legend {
  width: 18px;
  height: 18px;
  display: inline-block;
  border: 1px solid #ccc;
  margin-bottom: -3px;
  margin-right: 4px;
  background-color: #fff;
  position: relative;
}

.legend.current {
  background-color: #FFFCD2;
}

.legend.unread {
  background-color: #fff;
}

.legend.unanswered {
  background-color: #FFE6D3;
}

.legend.answered {
  background-color: #F1FFE2;
}

.legend.marked:after {
  content: "◥";
  position: absolute;
  right: 0;
  top: 0;
  font-size: 12px;
  line-height: 1;
  color: #00ADC3;
}

.progression-bar {
  border-radius: 15px;
  background-color: #F9F9F9;
  border: 1px solid #D9D9D9;
  display: flex;
}

.current-progress {
  height: 15px;
  min-width: 20px;
  background-color: #46AE42;
  border-radius: 15px;
  transition: 0.2s ease all;
}

.current-progress.p5 {
  border-radius: 15px 0 0 15px;
  width: 5%;
}

.current-progress.p10 {
  border-radius: 15px 0 0 15px;
  width: 10%;
}

.current-progress.p15 {
  border-radius: 15px 0 0 15px;
  width: 15%;
}

.current-progress.p20 {
  border-radius: 15px 0 0 15px;
  width: 20%;
}

.current-progress.p25 {
  border-radius: 15px 0 0 15px;
  width: 25%;
}

.current-progress.p30 {
  border-radius: 15px 0 0 15px;
  width: 30%;
}

.current-progress.p35 {
  border-radius: 15px 0 0 15px;
  width: 35%;
}

.current-progress.p40 {
  border-radius: 15px 0 0 15px;
  width: 40%;
}

.current-progress.p45 {
  border-radius: 15px 0 0 15px;
  width: 45%;
}

.current-progress.p50 {
  border-radius: 15px 0 0 15px;
  width: 50%;
}

.current-progress.p55 {
  border-radius: 15px 0 0 15px;
  width: 55%;
}

.current-progress.p60 {
  border-radius: 15px 0 0 15px;
  width: 60%;
}

.current-progress.p65 {
  border-radius: 15px 0 0 15px;
  width: 65%;
}

.current-progress.p70 {
  border-radius: 15px 0 0 15px;
  width: 70%;
}

.current-progress.p75 {
  border-radius: 15px 0 0 15px;
  width: 75%;
}

.current-progress.p80 {
  border-radius: 15px 0 0 15px;
  width: 80%;
}

.current-progress.p85 {
  border-radius: 15px 0 0 15px;
  width: 85%;
}

.current-progress.p90 {
  border-radius: 15px 0 0 15px;
  width: 90%;
}

.current-progress.p95 {
  border-radius: 15px 0 0 15px;
  width: 95%;
}

.current-progress.p100 {
  border-radius: 15px;
  width: 100%;
}

input[type=radio].wrong:checked+label {
  background-color: #FFB2B2;
  border: 1px solid #D0021B;
}

input[type=radio].wrong:checked+label:after {
  content: "✕";
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
  color: #D0021B;
}

input[type=radio].correct:checked+label {
  background-color: #B8E986;
  border: 1px solid #417505;
}

input[type=radio].correct:checked+label:after {
  content: url(../img/checkmark.svg);
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
  color: #417505;
}

.note {
  background-color: #F06600;
  padding: 30px;
}

.note h3,
.note h4 {
  color: #fff;
  margin-bottom: 16px;
}

.note p {
  margin-bottom: 20px;
}

.note .btn {
  color: #F06600;
}

.how-it-works {
  background-color: #f2f2f2;
}

.tabs-page {
  background-color: #f0f0f0;
}

.info-tabs .tabs {
  background-color: #fff;
}

.info-tabs .tabs label {
  border: 1px solid #ccc;
  margin: 0;
  padding: 15px 18px;
  float: left;
  cursor: pointer;
}

.tabs-info {
  border-top: 1px solid #ccc;
  margin-top: -1px;
}

.info-tabs .tabs label:not(:first-child) {
  border-left: none;
}

#tab-how-to:checked~.tabs #label-how-to {
  background-color: #f0f0f0;
  font-weight: 700;
  border-bottom: #f0f0f0 1px solid;
}

#tab-how-to:not(:checked)~.tabs-info .tab-how-to {
  display: none;
}

#tab-example-test:checked~.tabs #label-example-test {
  background-color: #f0f0f0;
  font-weight: 700;
  border-bottom: #f0f0f0 1px solid;
}

#tab-example-test:not(:checked)~.tabs-info .tab-example-test {
  display: none;
}

.tabs-info {
  padding-top: 40px;
}

.logincode-price {
  display: block;
  font-size: 34px;
  font-weight: 300;
  font-family: 'Roboto', 'helvetica neue', 'arial', sans-serif;
  margin-bottom: 30px;
  color: #00454F;
}

.logincode-price strong {
  font-weight: 700;
}

.table-cart tr td {
  vertical-align: middle;
}

.terms tr td {
  vertical-align: top;
  padding: 15px 50px 10px 0
}

table.faq tr td {
  vertical-align: top;
}

table.faq tr td:first-child {
  padding-right: 12px;
  padding-top: 3px;
}

table.faq tr td:first-child:after {
  content: url(../img/orange-chevron.svg);
}

table.faq tr td {
  padding-bottom: 2px;
}

.faq-lbl {
  cursor: pointer;
  margin-bottom: 5px;
}

.faq-cb:not(:checked)~p {
  display: none;
}

.faq-cb:checked~.faq-lbl {
  font-weight: 700;
}

.inner-ul {
  padding: 0 0 0 20px;
}

.cart-total {
  background: #f0f0f0;
  border: 1px solid #ccc;
  padding: 15px;
  margin-top: 20px;
}

.cart-total table {
  width: 100%;
}

.cart-total hr {
  background-color: #ccc;
}

.inlog-modal {
  box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid #ccc;
  margin: 50px auto;
  width: 80%;
  min-width: 300px;
  color: #949494;
}

.singular-modal {
  box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid #ccc;
  margin: 50px auto;
  width: 50%;
  min-width: 300px;
  color: #949494;
}

.inlog-modal p,
.singular-modal p {
  color: #333;
}

.inlog-modal a,
.singular-modal a {
  color: #949494;
}

.inlog-modal .btn,
.singular-modal .btn {
  color: #fff;
}

.or {
  border-bottom: 1px solid #ddd;
  margin-top: 45px;
  margin-bottom: 40px;
  position: relative;
  text-align: center;
  color: #333;
}

.or span {
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  background-color: #fff;
  margin: 0 auto;
  left: 0;
  right: 0;
  width: 35px
}

.input-wrap {
  position: relative;
}

.show-input {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
}

.bday-input {
  right: 12px
}

.show-input svg {
  color: #ccc;
  cursor: pointer;
}

.show-input svg:hover {
  color: #333;
}

.check-control {
  display: block;
  float: left;
  margin-left: 0;
  margin-right: 8px;
  position: static;
}

.delivery-description {
  color: #777;
}

table.payment-option tr td:first-child {
  padding-right: 15px;
}

.overview {
  background-color: #f0f0f0;
  border: 1px solid #ccc;
  margin-bottom: 30px;
}

.overview p {
  padding: 15px;
  margin: 0;
}

.overview-head {
  background-color: #005761;
  color: #fff;
  padding: 15px;
  position: relative;
}

.overview-head a.edit {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(255, 255, 255, 0.3);
  transition: 0.2s ease all;
}

.overview-head a.edit:hover {
  color: rgba(255, 255, 255, 1);
}

table.overview-items tr th,
table.overview-items tr td {
  padding: 15px 15px 0;
}

table.overview-items tr:nth-last-child(2) td {
  padding-bottom: 15px;
}

table.overview-items tr td.total {
  padding: 10px 15px 15px;
  background-color: #D6E9D8;
  border-top: 1px solid #ccc
}

.final-notice {
  color: #777;
}

#different-address:not(:checked)~.different-address {
  display: none;
}

.inner-link {
  font-weight: 700;
  text-decoration: underline;
}

.inlog-modal {
  display: block;
}

.singular-modal {
  display: block;
}

.inlog-form {
  width: 100%;
  padding: 30px;
  border-bottom: 1px solid #ccc;
}

.singular-form {
  width: 100%;
  padding: 30px;
}

.account-form {
  padding: 30px;
  width: 100%;
}

.language-label {
  margin-bottom: 10px;
  display: block;
}

.check-list {
  margin: 20px 0 35px;
  padding: 0;
}

.check-list li {
  list-style: none;
  margin: 10px 0 0 0;
  padding: 0;
  color: #949494
}

.check-list li svg {
  color: #417505;
  font-size: 20px;
  margin-right: 2px;
}

ol {
  margin: 0;
  padding: 0 0 0px 20px;
}

ol li {
  margin: 0;
  padding: 0 0 0 5px;
}

.candidates h3 {
  font-size: 16px;
  font-weight: 700;
}

.nav-my-profile nav {
  background: #034545;
}

select {
  display: block;
}

label#search-candidate {
  font-size: 12px;
  color: #aeaeae;
}

.succes {
  color: #49ad47;
}

.warning {
  color: #a11416;
}

.available-codes {
  border: 1px solid #ccc;
  padding: 30px 40px 40px;
  color: #777;
}

svg.svg-ticket {
  font-size: 70px;
  margin-bottom: 15px;
  color: #00ABC3;
}

.table-candidates tr td,
.table-candidates tr th {
  padding: 15px;
  vertical-align: middle;
}

.table-candidates tr td:first-child {
  text-align: center;
}

.table-candidates tr td:last-child {
  text-align: center;
}

.table-candidates tr th {
  border-bottom: none;
}

.table-candidates tr th svg {
  margin-bottom: 3px;
  margin-left: 2px;
  opacity: 0.4;
}

.table-candidates tr td svg {
  font-size: 18px;
  margin-top: 7px;
  margin-bottom: 7px;
}

.table-candidates tr td .svg-action:first-child {
  margin-right: 14px;
}

.table-candidates tr td .svg-action:last-child {}

.groupname {
  width: 70%;
  min-width: 200px;
}

.groupamount {
  width: 15%;
  min-width: 180px;
}

.table-candidates.table-groups tr td:first-child {
  text-align: left;
}

.table-candidates.table-groups tr td:nth-child(2) {
  text-align: center;
}

.table-candidates.table-invoices tr td:first-child,
.table-candidates.table-invoices tr td {
  text-align: left;
}

.table-candidates.table-modules tr td:first-child,
.table-candidates.table-modules tr td:last-child,
.table-candidates.table-modules tr td {
  text-align: left;
}

.state {
  display: block;
  padding: 8px 10px;
  color: #fff;
  text-align: center;
}

.paid {
  background-color: #46AE42;
}

.open {
  background-color: #E89610;
}

.unpaid {
  background-color: #CE1F1F;
}

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

.pseudo-radio {
  background-color: #fff;
  width: 14px;
  height: 14px;
  border-radius: 100%;
  border: 1px solid #aaa;
  display: inline-flex;
  margin-right: 5px;
  box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.1);
  position: relative;
}

#single-candidate:checked~div .label-single-candidate .pseudo-radio:after,
#group-candidates:checked~div .label-group-candidates .pseudo-radio:after,
#all-candidates:checked~div .label-all-candidates .pseudo-radio:after,
#add-single-candidate:checked~div .label-add-single-candidate .pseudo-radio:after,
#add-group-candidates:checked~div .label-add-group-candidates .pseudo-radio:after {
  content: "";
  background-color: #00ADC3;
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
}

.inner-labels label {
  margin-right: 30px;
  cursor: pointer;
}

#single-candidate:not(:checked)~div .single-candidate {
  display: none;
}

#group-candidates:not(:checked)~div .group-candidates {
  display: none;
}

#all-candidates:not(:checked)~div .all-candidates {
  display: none;
}

#add-single-candidate:not(:checked)~div .add-single-candidate {
  display: none;
}

#add-group-candidates:not(:checked)~div .add-group-candidates {
  display: none;
}

.tab a:focus,
.tab a:active,
.tab a:hover,
.tab:focus,
.tab:active,
.tab:hover {
  color: #fff;
  background-color: #00ADC3;
  transition: 0.1s ease all;
}

.tab {
  /* border-radius: 100px; */
  box-shadow: inset 0 0 0 1px #00ADC3;
  padding: 6px 20px 8px;
  color: #00ADC3;
  border: none;
  font-weight: 300;
  font-size: 14px;
  letter-spacing: 0.43px;
  cursor: pointer;
  transition: none;
  font-weight: 500;
}

.tab-years:checked+.tab {
  background-color: #00ADC3;
  color: #fff;
}

@media screen and (max-width: 767px) {
  a.paginate_button.previous {
    display: inline !important;
  }

  a.paginate_button.next {
    display: inline !important;
  }

  a.paginate_button {
    display: none !important;
  }
}

@media screen and (max-width: 992px) {
  .dataTables_paginate {
    float: left !important;
  }
}

.icon-fix {
  font-size: 22px !important;
}

/* blog-section */
.blog-section {
  padding: 0 0 50px;
}

.blog-section .blogs {
  gap: 30px 0px;
}

.blog-section .heading {
  text-align: center;
  max-width: 650px;
  margin: 0 auto 80px;
  font-size: 18px;
  line-height: 28px;
}

.blog-section .heading h1 {
  margin: 0 0 23px;
}

.blog-section .heading p {
  margin: 0;
}

.blog-section .blog-item {
  position: relative;
  background: #eff0eb;
  box-shadow: 10px 10px 0 0 #bad7e1;
  padding: 0 30px 50px;
  margin: 0 10px 15px 0;
  height: 100%;
}

.blog-section .blog-item .img {
  height: 240px;
  margin: 0 -30px 30px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 25%;
  position: relative;
}

.blog-section .blog-item .img>img {
  display: none;
}

.blog-section .blog-item .img time {
  position: absolute;
  bottom: 15px;
  right: 15px;
  color: #fff;
  background: #90b955;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  padding: 3px 16px;
  border-radius: 12px;
}

.blog-section .blog-item h4 {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 10px;
}

.blog-section .blog-item p {
  max-height: 96px;
  overflow: hidden;
  margin: 0;
}

.blog-section .blog-item .btn {
  padding-left: 0;
  position: absolute;
  left: 30px;
  bottom: 22px;
}

@media (max-width: 991px) {
  .blog-section {
    padding: 80px 0;
  }

  .blog-section .heading {
    margin: 0 auto 40px;
  }

  .blog-section .heading h1 {
    margin: 0 0 15px;
  }
}

@media (max-width: 767px) {
  .blog-section {
    padding: 50px 0;
  }

  .blog-section .heading {
    margin: 0 auto 30px;
    font-size: 14px;
    line-height: 20px;
  }

  .blog-section .blog-item {
    padding: 0 20px 85px;
    margin: 0 0 30px;
  }

  .blog-section .blog-item .img {
    margin: 0 -20px 15px;
  }

  .blog-section .blog-item .btn {
    left: 20px;
  }
}

/* news-section */
.news-section {
  position: relative;
  z-index: 5;
  padding: 0 0 100px;
}

.news-section .news-block {
  position: relative;
  background: #eff0eb;
  box-shadow: 10px 10px 0 0 #bad7e1;
  padding: 33px 60px 50px;
  margin: -86px 0 93px;
}

.news-section .news-block .top {
  position: relative;
  padding: 0 150px 46px 0;
}

.news-section .news-block .top time {
  position: absolute;
  top: 0;
  right: -20px;
  color: #fff;
  background: #90b955;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  padding: 3px 16px;
  border-radius: 12px;
}

.news-section .news-block h2 {
  margin: 0 0 20px;
}

.news-section .news-block .lead {
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
  margin: 0 0 32px;
}

.news-section .news-block p {
  margin: 0 0 24px;
}

.news-section .news-block .picture {
  padding: 16px 0 40px;
}

.news-section .news-block .picture img {
  display: block;
  width: 100%;
}

.news-section .news-block .bottom {
  padding-top: 34px;
}

.news-section .news-block .author {
  overflow: hidden;
}

.news-section .news-block .author .photo {
  float: left;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  margin: 0 10px 0 0;
}

.news-section .news-block .author .photo img {
  display: none;
}

.news-section .news-block .author .wrap {
  overflow: hidden;
  padding: 4px 0 0;
}

.news-section .news-block .author .name {
  display: block;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 5px;
}

.news-section .news-block .author .pos {
  display: block;
  font-size: 12px;
  line-height: 18px;
}

.news-section .news-block .social-list {
  margin: 0 -5px;
  padding: 5px 0 0;
  list-style: none;
  font-size: 0;
  line-height: 0;
  text-align: right;
}

.news-section .news-block .social-list li {
  display: inline-block;
  vertical-align: top;
  padding: 5px;
}

.news-section .news-block .social-list a {
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}

.news-section .news-block .social-list a:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.news-section .news-block .social-list a.facebook {
  background: #90b955 url(//assets.bettyblocks.com/389ec5282a0b4f21909b4565772dc68a_assets/files/ico-facebook-001.svg?_=a8129bbbbdf864a48d6e79eefa22d293) no-repeat;
  background-size: 6px 12px;
  background-position: 50% 50%;
}

.news-section .news-block .social-list a.twitter {
  background: #90b955 url(//assets.bettyblocks.com/389ec5282a0b4f21909b4565772dc68a_assets/files/ico-twitter-001.svg?_=7e3014b7992993712ee88450ef5f98db) no-repeat;
  background-size: 14px 12px;
  background-position: 50% 50%;
}

.news-section .news-block .social-list a.linkedin {
  background: #90b955 url(//assets.bettyblocks.com/389ec5282a0b4f21909b4565772dc68a_assets/files/ico-linkedin-001.svg?_=d170c96bd46d40f6600a125db3ea618b) no-repeat;
  background-size: 12px 12px;
  background-position: 50% 50%;
}

.news-section .news-block .social-list a.telegram {
  background: #90b955 url(//assets.bettyblocks.com/389ec5282a0b4f21909b4565772dc68a_assets/files/ico-telegram-001.svg?_=39da1170fdc88c4afd1d79783ced2bd3) no-repeat;
  background-size: 15px 12px;
  background-position: 50% 50%;
}

.news-section h2 {
  margin: 0 0 20px;
}

.news-section .other-news {
  padding-top: 33px;
}

@media (max-width: 991px) {
  .news-section {
    padding: 0 0 80px;
  }
}

@media (max-width: 767px) {
  .news-section {
    padding: 30px 0;
  }

  .news-section .news-block {
    margin: 0 0 40px;
    padding: 30px 20px;
  }

  .news-section .news-block .top {
    padding: 0 0 20px;
  }

  .news-section .news-block .top time {
    position: static;
  }

  .news-section .news-block .lead {
    font-size: 14px;
    line-height: 24px;
    margin: 0 0 20px;
  }

  .news-section .news-block p {
    margin: 0 0 20px;
  }

  .news-section .news-block .picture {
    padding: 0 0 20px;
  }

  .news-section .news-block .bottom {
    padding-top: 10px;
  }

  .news-section .news-block .social-list {
    padding-top: 15px;
    text-align: left;
  }

  .news-section .other-news {
    padding: 0;
  }
}

/* buttons */
.blog-section .btn {
  position: relative;
  font-weight: 500;
  font-size: 9px;
  padding: 7px 14px;
  white-space: normal;
  color: #333;
  text-decoration: none;
  box-shadow: none;
}

.blog-section .btn:hover {
  color: #333;
  box-shadow: none;
  transform: none;
}

.blog-section .btn .fa {
  margin-right: 9px;
  font-size: 1.2em;
}

.blog-section .btn .caret {
  position: relative;
  left: 8px;
  width: 11px;
  height: 9px;
  border: 0;
  margin-left: 5px;
  transition: left .3s ease, right .3s ease;
}

.blog-section .btn .caret.inverse {
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
  margin-left: 0;
  margin-right: 5px;
}

.blog-section .btn .caret:before,
.blog-section .btn .caret:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
}

.blog-section .btn .caret:before {
  right: 0;
  width: 5px;
  height: 5px;
  border-style: solid;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.blog-section .btn .caret:after {
  left: 0;
  right: 0;
  height: 1px;
  border-bottom: 1px solid;
}

.blog-section .btn.btn-lg,
.blog-section .btn-group-lg>.btn {
  font-size: 14px;
  border-width: 2px;
}

.blog-section .btn.btn-lg .caret,
.blog-section .btn-group-lg>.btn .caret {
  width: 18px;
  height: 14px;
  margin-left: 8px;
}

.blog-section .btn.btn-lg .caret:before,
.blog-section .btn-group-lg>.btn .caret:before {
  width: 10px;
  height: 10px;
  border-width: 2px 2px 0 0;
}

.blog-section .btn.btn-lg .caret:after,
.blog-section .btn-group-lg>.btn .caret:after {
  height: 2px;
  border-bottom-width: 2px;
}

.blog-section .btn:hover .caret {
  left: 12px;
}

.blog-section .btn:hover .caret.inverse {
  left: -5px;
}

/* top-banner */
.top-banner {
  padding-top: 20%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  margin: 0;
}

.top-banner>img {
  display: none;
}

.downloads-container > *{
  display: flex;
}

.sub-cat-title{
  margin: 5px 0;
}
	
.sub-cat-title h2{
  padding: 5px 0;  
}

.highlight{    
  border: 1px solid #00454F;
  box-shadow: 0px 15px 10px 0px rgba(0,0,0,0.35) !important;
  transform: translateY(-15px);
}

.sub-cat-title.highlight{
	border-top: none;
  	border-right: 0;
  	border-left: 0;
  box-shadow: none !important;
}
.teaching-material-video-item .teaching-material-video{
  position: relative;
}

.teaching-material-video-item .teaching-material-video:after{
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "FontAwesome"; 
  font-weight: 900; 
  content: "\f04b";
  color: white;
  position: absolute;
  font-size: 40px;
  left: 50%;
  top: 50%;
  margin-left: -20px;
  margin-top: -20px;
}
.teaching-material-video-item{
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.27);
  background: white;
  padding: 0 15px;
}
.teaching-material-video-item p{
  margin:0;
  padding-top: 10px;
  text-overflow:ellipsis;
  overflow:hidden;
  height: 97px;
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  white-space: normal;
}

.downloads-container .download-tile{
  display:flex;
  width: 100%;
  background: white;
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.27);
  margin-bottom: 30px;
  text-decoration: none;
  transition: all .2s ease-in;
  cursor: pointer;
}

.downloads-container .download-tile .download-size{
  font-size: 12px;
}

.downloads-container .download-tile .img-container{
  height: 100%;
  width: 30%;
  min-width: 30%;
  display: flex;
  justify-content: center;
  background-size: cover;
}

.downloads-container .download-tile .img-container svg{
  font-size: 40px;
  color:#F06600;
  margin-top: 30px;
}



.downloads-container .download-tile .content{
  padding: 20px 20px 20px 15px;
}

.downloads-container .download-tile:hover{
  transform: scale(1.05);
  transition: all .2s ease-out;
}

.float-right{
  float: right;
}

.td-ct{
  display: flex;
  justify-content: center;
}

.bd-8 {
  border-radius: 8px;
}

.exam-finish-btn{
  width: 165px
}