/* Application colors */
/* Application Fonts */
/* Shadows */
/* for the transition to work, same number of subshadows need to be defined */
/* Borders */
/* animations */
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes backgroundSlide {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -3104px 0;
  }
}
@keyframes trackSlide {
  0% {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-50%, 0, 0);
    -webkit-transform: translate3d(-50%, 0, 0);
  }
}
@keyframes trackSlideRight {
  0% {
    transform: translate3d(-50%, 0, 0);
    -webkit-transform: translate3d(-50%, 0, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
  }
}
@keyframes circularProgress {
  0% {
    stroke-dasharray: 0 100;
  }
}
/*
  Sass custom functions
  Created on : Nov 14, 2021, 3:07:14 AM
  Author     : Aleksandar
*/
/*
  Component styling
  Created on : Nov 14, 2021, 3:07:14 AM
  Author     : Aleksandar
*/
/*
  Courses page specific styling
  Created on : Nov 14, 2021, 1:53:20 AM
  Author     : Aleksandar
*/
body.courses {
  background-color: #e9eff4;
}
body.courses .video-overview-wrap {
  display: none;
}
body.courses #body-back {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 197px;
  background: url(../img/product-page-header-animated.svg) #e9eff4 no-repeat bottom center/cover;
  top: 0;
  left: 0;
}
body.courses .heading-wrap {
  height: 135px;
  margin-bottom: 30px;
  padding: 30px 30px 0;
}
body.courses .heading-wrap .heading-inner h1 {
  color: white;
}
body.courses header.main-navigation.fixed {
  background-color: transparent;
}
body.courses header.main-navigation .navbar .container .navbar-header {
  flex: 0 0 122px;
}
body.courses header.main-navigation .navbar .container .navbar-header .navbar-brand {
  background: url(../img/logo-white.svg) no-repeat center/contain;
}
body.courses header.main-navigation .navbar .container .navbar-nav .nav-login a {
  background-image: url(../img/login-icon-white.svg);
}
body.courses header.main-navigation .navbar .container .navbar-nav > li > a {
  color: #fff;
}
body.courses header.main-navigation .navbar .container .navbar-nav > li > a .caret {
  border-color: #fff;
}
body.courses header.main-navigation .navbar .container .navbar-nav > li > a:hover {
  opacity: 0.8;
}
body.courses header.main-navigation .navbar .container .navbar-nav > li > a.open-cart-link.main-open-link span {
  color: #fff;
}
body.courses header.main-navigation .navbar .container .navbar-nav > li > a.open-cart-link.main-open-link span:before, body.courses header.main-navigation .navbar .container .navbar-nav > li > a.open-cart-link.main-open-link span:after {
  color: #fff;
}
body.courses header.main-navigation .navbar .container .navbar-nav > li.nav-training-center > a {
  background: url(../img/next.svg) no-repeat bottom 5px right/auto 9px;
}
body.courses header.main-navigation .navbar .container .navbar-nav > li.open > a {
  opacity: 0.8;
}
body.courses header.main-navigation .navbar .container .navbar-nav > li.courses-opener > a {
  color: #2b2b2b;
}
body.courses .search_courses_wrapper {
  width: 84%;
  height: 55px;
  margin-top: -72px;
  gap: 9px;
  margin-left: auto;
  margin-right: auto;
  max-width: 800px;
  padding: 0 9px;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  box-shadow: 16px 4px 64px 0 rgba(18, 61, 101, 0.1), -16px -16px 40px 0 rgba(255, 255, 255, 0.2), inset -8px -6px 80px 0 rgba(255, 255, 255, 0.18);
  border-style: solid;
  border-width: 0.5px;
  border-image-source: linear-gradient(94deg, #fff, #fff 62%, #96a8bf);
  background-image: linear-gradient(to bottom, #f5f8fb, #f5f8fb), linear-gradient(94deg, #fff, #fff 62%, #96a8bf);
  background-origin: border-box;
  position: relative;
}
body.courses .product_quick_filters .quick_filter_wrapper {
  margin: 12px auto;
  max-width: 84%;
}
body.courses #bundles-modal .modal-bundle-text {
  font-size: 16px;
}
body.courses #bundles-modal .add-bundle-to-cart {
  padding: 10px;
  font-size: 14px;
  flex: 0 0 100px;
  margin-left: 10px;
}
body.courses .courses-wrap-content {
  display: flex;
  flex-wrap: wrap;
  height: auto;
  gap: 30px;
  max-width: 1300px;
  width: 84%;
  margin: auto;
}
body.courses .content-wrap {
  max-width: 938px;
  height: 595px;
  overflow: auto;
  padding: 45px 60px;
}
body.courses .shadow-wrap {
  border-radius: 6px;
  box-shadow: 16px 4px 64px 0 rgba(18, 61, 101, 0.1), -16px -16px 40px 0 rgba(255, 255, 255, 0.8), inset -8px -6px 80px 0 rgba(255, 255, 255, 0.18);
  border-style: solid;
  border-width: 0.5px;
  border-image-source: linear-gradient(153deg, #ffffff, #ffffff 62%, #96a8bf);
  border-image-slice: 1;
  background-image: linear-gradient(to bottom, #f5f8fb, #f5f8fb), linear-gradient(153deg, #ffffff, #ffffff 62%, #96a8bf);
  background-origin: border-box;
}
body.courses .bundle_section {
  flex: 1 0 282px;
  max-width: 415px;
  height: 100%;
}
body.courses .bundle_section .bundle_section_title {
  margin: 0 0 10px;
  line-height: 1;
}
body.courses .bundle_section .bundle_section_title span {
  font-family: "Open Sans";
  font-size: 14px;
  font-stretch: normal;
  line-height: 2.83;
  letter-spacing: 0.75px;
  color: #4d4d4d;
  text-transform: uppercase;
}
body.courses .bundle_section .bundle_wrapper {
  border-radius: 6px;
  box-shadow: 16px 4px 64px 0 rgba(18, 61, 101, 0.1), -16px -16px 40px 0 rgba(255, 255, 255, 0.8), inset -8px -6px 80px 0 rgba(255, 255, 255, 0.18);
  border-style: solid;
  border-width: 0.5px;
  border-image-source: linear-gradient(135deg, #fff, #fff 62%, #96a8bf 100%);
  border-image-slice: 1;
  background-image: linear-gradient(to bottom, #e9eff4, #e9eff4), linear-gradient(135deg, #fff, #fff 62%, #96a8bf 100%);
  background-origin: border-box;
  background-clip: content-box, border-box;
}
body.courses .bundle_section .bundle_wrapper .bundle-title {
  margin: 0;
  padding: 28px 30px 22px 30px;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.42;
  text-align: center;
  color: #4d4d4d;
}
body.courses .bundle_section .bundle_wrapper .bundle-image-wrap {
  height: 131px;
  margin-left: auto;
  margin-right: auto;
}
body.courses .bundle_section .bundle_wrapper .bundle-image {
  height: inherit;
  background-size: auto 100%;
  background-position: center;
  background-repeat: no-repeat;
}
body.courses .bundle_section .bundle_wrapper .bundle-description {
  padding: 30px;
}
body.courses .bundle_section .bundle_wrapper .bundle-description p {
  margin: 0;
  font-size: 18px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.28px;
  text-align: center;
  color: #2b2b2b;
}
body.courses .bundle_section .bundle_wrapper .bundle-cta {
  padding: 0 30px 15px 30px;
  text-align: center;
}
body.courses .bundle_section .bundle_wrapper .bundle-cta .button_link {
  width: 100%;
}
body.courses .list-courses {
  display: block;
  flex: 1;
}
body.courses .series-menu-wrap {
  max-width: 711px;
}
body.courses .series-menu-wrap .not-in-search-results {
  display: none;
}
body.courses .series-menu-title-line {
  margin-bottom: 10px;
  line-height: 1;
}
body.courses #searchResults .series-menu-title-line {
  display: none;
}
body.courses .search_results .series-menu-title-line {
  display: none;
}
body.courses .search_results #searchResults .series-menu-title-line {
  display: block;
}
body.courses .search_results .series-menu-content {
  margin-bottom: 0;
}
body.courses .series-menu-title-content {
  font-family: "Open Sans";
  font-stretch: normal;
  font-style: normal;
  line-height: 2.83;
  letter-spacing: 0.75px;
  color: #4d4d4d;
  text-transform: uppercase;
}
body.courses .series-menu-content {
  padding: 0;
  margin: 0;
  list-style: none;
  margin-bottom: 40px;
}
body.courses .series-menu-item {
  list-style: none;
  margin-bottom: 10px;
  border-radius: 6px;
  box-shadow: 16px 4px 64px 0 rgba(18, 61, 101, 0.1), -16px -16px 40px 0 rgba(255, 255, 255, 0.8), inset -8px -6px 80px 0 rgba(255, 255, 255, 0.18);
  border-style: solid;
  border-width: 0.5px;
  border-image-source: linear-gradient(98deg, #fff, #fff 62%, #96a8bf 100%);
  border-image-slice: 1;
  background-image: linear-gradient(to bottom, #f5f8fb, #f5f8fb), linear-gradient(98deg, #fff, #fff 62%, #96a8bf 100%);
  background-origin: border-box;
  background-clip: content-box, border-box;
  overflow: hidden;
  transition: all 0.3s ease;
}
body.courses .series-menu-item:hover {
  border: solid 1px #4d4d4d;
}
body.courses .series-menu-item a {
  display: flex;
  width: 100%;
  padding: 5px;
  gap: 15px;
  align-items: center;
}
body.courses .series-menu-item-image {
  flex: 0 0 159px;
  background: url(../img/center/course_box_back.svg) no-repeat center transparent;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 90px;
  transition: all 0.2s ease 0s;
  position: relative;
}
body.courses .series-menu-item-image .image_wrapper {
  width: 80%;
  background: transparent no-repeat center;
  background-size: contain;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 65%;
  transition: all 0.2s ease 0s;
}
body.courses .series-menu-item-image:hover .image_wrapper {
  transform: scale3d(1.05, 1.05, 1.05);
}
body.courses .series-menu-item-image:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: inset -4px -4px 30px rgba(0, 51, 153, 0.062745098);
  opacity: 0;
  transition: all 0.2s ease 0s;
}
body.courses .series-menu-item-image:hover::before {
  opacity: 1;
}
body.courses .series-menu-item-image span {
  font-size: 56px;
  margin-top: -8px;
  text-align: center;
  display: block;
  font-weight: 700;
  color: #dadada;
  transition: all 0.4s ease 0s;
  text-shadow: 1px 1px 1px #919191, 0px 2px 1px rgba(77, 78, 78, 0.6), -1px 3px 1px rgba(77, 78, 78, 0.6), -2px 4px 1px rgba(77, 78, 78, 0.6), -3px 5px 1px rgba(77, 78, 78, 0.6), -4px 6px 1px rgba(77, 78, 78, 0.6), -5px 7px 1px rgba(77, 78, 78, 0.6), -6px 8px 1px rgba(77, 78, 78, 0.6), -7px 9px 1px rgba(77, 78, 78, 0.6), -8px 10px 1px rgba(77, 78, 78, 0.6), -9px 11px 1px rgba(77, 78, 78, 0.6), -10px 12px 1px rgba(77, 78, 78, 0.6), -11px 13px 1px rgba(77, 78, 78, 0.6), -12px 14px 1px rgba(77, 78, 78, 0.6), -13px 15px 1px rgba(77, 78, 78, 0.6), -14px 16px 1px rgba(77, 78, 78, 0.6), -15px 17px 1px rgba(77, 78, 78, 0.6), -16px 18px 1px rgba(77, 78, 78, 0.6), -16px 18px 6px rgba(16, 16, 16, 0.2), -16px 22px 10px rgba(16, 16, 16, 0.1), -16px 25px 35px rgba(16, 16, 16, 0.1), -16px 30px 60px rgba(16, 16, 16, 0.2);
  /*
  text-shadow: 1px 1px 1px #919191,
    0px 2px 1px #4d4e4e99
    createShadow(22),
    -16px 18px 6px #10101033,
    -16px 22px 10px #1010101a,
    -16px 25px 35px #1010101a,
    -16px 30px 60px #10101033;
  */
}
body.courses .series-menu-item-image:hover span {
  color: #fff;
  text-shadow: -1px 1px 1px #919191, 0px 2px 1px rgba(77, 78, 78, 0.6), 1px 3px 1px rgba(77, 78, 78, 0.6), 2px 4px 1px rgba(77, 78, 78, 0.6), 3px 5px 1px rgba(77, 78, 78, 0.6), 4px 6px 1px rgba(77, 78, 78, 0.6), 5px 7px 1px rgba(77, 78, 78, 0.6), 6px 8px 1px rgba(77, 78, 78, 0.6), 7px 9px 1px rgba(77, 78, 78, 0.6), 8px 10px 1px rgba(77, 78, 78, 0.6), 9px 11px 1px rgba(77, 78, 78, 0.6), 10px 12px 1px rgba(77, 78, 78, 0.6), 11px 13px 1px rgba(77, 78, 78, 0.6), 12px 14px 1px rgba(77, 78, 78, 0.6), 13px 15px 1px rgba(77, 78, 78, 0.6), 14px 16px 1px rgba(77, 78, 78, 0.6), 15px 17px 1px rgba(77, 78, 78, 0.6), 16px 18px 1px rgba(77, 78, 78, 0.6), 16px 18px 6px rgba(16, 16, 16, 0.2), 16px 22px 10px rgba(16, 16, 16, 0.1019607843), 16px 25px 35px rgba(16, 16, 16, 0.1019607843), 16px 30px 60px rgba(16, 16, 16, 0.2);
}
body.courses .series-menu-item-text {
  flex: 1;
  overflow: hidden;
}
body.courses .series-menu-item-title {
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: normal;
  color: #4d4d4d;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.courses .series-menu-item-description {
  font-family: "Open Sans";
  font-size: 12px;
  font-weight: normal;
  line-height: 1.4;
  letter-spacing: normal;
  color: #4d4d4d;
  max-width: 100%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
@media (max-width: 768px) {
  body.courses #main .heading-wrap {
    padding-top: 3vw;
  }
  body.courses #main .heading-wrap .heading-inner {
    height: 45px;
    display: flex;
    align-content: center;
    justify-content: center;
  }
  body.courses #main .heading-wrap .heading-inner h1 {
    font-size: min(6vw, 24px);
  }
  body.courses .courses-wrap-content {
    max-width: 84%;
    flex-direction: column;
  }
}
body.courses #bundles-modal .container {
  margin: 0 15px;
  width: auto;
}
body.courses #bundles-modal .modal-dialog .modal-content .modal-body .head-wrap {
  margin-bottom: 5vw;
}
body.courses #bundles-modal .modal-dialog .modal-content .modal-body .content-wrap {
  max-width: none;
  height: auto;
  overflow: auto;
  padding: 5px;
}
/*
  Author     : Aleksandar
*/
/*# sourceMappingURL=courses.css.map */