/*
Theme Name: lifesupport
Theme URI: https://lifesupport.cz
Author: Vladimír Mryščuk
Author URI: http://www.vladimir.webz.cz
Description: wp theme for application lifesupport
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: AF_LIFESUPPORT_WP
*/

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

a,
a:visited {
  color: #363636;
  text-decoration: none;
}

button.af_link {
  border: none;
  outline: none;
  background: none;
}

button.af_link:hover {
  text-decoration: underline;
}

body {
  font-family: "Fira Sans", Segoe UI, sans-serif;
}

@media (max-width: 992px) {
  .container {
    max-width: 100%;
  }
}

img.af_image {
  max-width: 100%;
}

.main-content {
  padding-bottom: 4rem;
}

.alignleft {
  float: left;
}

.alignright {
  float: right;
}

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

a:hover {
  text-decoration: underline;
  color: inherit;
}

a.af_typography_red:hover,
a.af_courseLink:hover {
  text-decoration-color: #bf0d0d;
}

button.btn {
  padding: 0.4rem 0.6rem;
  border-radius: 0;
  letter-spacing: 0.1rem;
}

button.af_putIntoBasket {
  background-color: #bf0d0d;
}

div.af_listCourseButtons {
  padding-left: 15px;
}

button.af_viewCourseButton {
  padding: 0.4rem 0.6rem;
  border-radius: 0;
  letter-spacing: 0.1rem;
}

h1.af_pageTitle {
  color: #bf0d0d;
  text-align: center;
  padding: 1rem 0 0;
  font-weight: 700;
  word-spacing: -0.1rem;
  line-height: 2.6rem;
  margin-top: 4rem;
}

p.af_textGreen {
  color: #15b100;
}

p.af_pageHeaderDescription {
  text-align: center;
  padding: 0 0 1rem;
  font-weight: 600;
}

p.af_pageHeaderText {
  margin: 2.2rem auto 0;
  text-align: center;
  width: 75%;
}

div.af_companiesPageContainer {
  margin-top: 2rem;
}

div.af_companiesPageContent h3 {
  color: #bf0d0d;
  font-size: 1.4rem;
  text-transform: uppercase;
}

div.af_companiesPageContent img {
  max-width: 100%;
}

div.af_pageSidebar {
  background-color: #d4d4d4;
  padding: 2rem 30px;
}

p.af_sidebarTitle {
  margin-top: 2rem;
  text-transform: uppercase;
  font-size: 1.6rem;
  font-weight: 700;
}

p.af_sidebarDescription {
  margin-top: 1rem;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 2rem;
}

p.af_sidebarText {
  line-height: 1.8rem;
}

p.af_sidebarQuote {
  font-weight: 700;
  font-size: 1.2rem;
  color: #bf0d0d;
}

div.af_companiesPageFooter {
  text-align: center;
}

p.af_listCourseTitle {
  font-size: 1.6rem;
  color: #bf0d0d;
  font-weight: 700;
  text-transform: uppercase;
}

p.af_listCourseText {
  line-height: 1.6rem;
}

p.af_companiesCourseProperty {
  font-weight: 700;
  color: #bf0d0d;
}

span.af_companiesCoursePropertyValue {
  font-weight: 100;
  color: initial;
}

p.af_courseListDateDay {
  font-size: 4rem;
  margin: 0;
  font-weight: 700;
  line-height: 3rem;
}

div.af_courseListDateRest {
  margin: 0;
  padding-left: 1.4rem;
  font-weight: 700;
}

div.af_courseListDateRest_narrow {
  font-weight: 700;
}

@media (min-width: 992px) {
  div.af_courseListDateRest_narrow {
    padding-left: 3.6rem;
  }
}

span.af_courseListDateDot {
  font-size: 2.2rem;
}

p.af_courseListDateMonth {
  margin: 0;
  padding-bottom: 0;
  font-size: 2rem;
  line-height: 2rem;
}

p.af_courseListDateYear {
  font-size: 1.2rem;
  padding-bottom: 0;
  line-height: 1rem;
  margin-top: 0.1rem;
}

p.af_courseGift {
  font-size: 1.4rem;
  font-weight: 700;
  color: #bf0d0d;
}

p.af_courseGiftDescription {
  font-size: 1.2rem;
  font-weight: 700;
  color: #bf0d0d;
}

@media (min-width: 400px) and (max-width: 575px) {
  p.af_courseListDateDay {
    max-width: 40%;
  }
}

@media (max-width: 991px) {
  h1.af_pageTitle {
    line-height: 2.2rem;
  }
  p.af_pageHeaderText {
    width: 100%;
  }
  div.af_listCourseButtons button {
    font-size: 0.8rem;
  }
}

@media (max-width: 1199px) {
  div.af_courseListDateRest {
    padding-left: 1.5em;
  }
}

@media (min-width: 992px) {
  div.af_companiesPageContainer {
    margin-top: 4rem;
  }
  p.af_listCourseTitle {
    font-size: 1.3rem;
  }
}

/*  navigation */

.navbar {
  font-size: 1.2rem;
  font-weight: bold;
  text-transform: uppercase;
}

.navbar-light .navbar-nav .nav-link {
  color: #000;
  background-color: #fff;
  padding-left: 0.3rem;
  padding-right: 0.3rem;
}

.navbar-light .navbar-nav .nav-link:hover {
  color: #bf0d0d;
}

.navbar-light .navbar-toggler {
  border: none;
}

div.af_navIconContainer {
  height: 27.9px;
  display: inline-block;
}

div.af_order_basketIcon {
  position: relative;
}

div#af_order_basketCounter {
  position: absolute;
  left: 1.8rem;
  z-index: 1;
  color: #fff;
  background-color: #bf0d0d;
  bottom: 10px;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
}

@media (max-width: 991px) {

  a.nav-link:active {
    color: #bf0d0d;
  }

  div.sm-md-logo {
    text-align: center;
    background-color: #bf0d0d;
  }

  div.af_languageRow {
    position: absolute;
    top: 4.8rem;
    z-index: 1;
    color: #fff;
    width: 100%;
  }

  .navbar-nav .nav-link {
    text-transform: uppercase;
    padding: 1.6rem 2rem 0;
    font-weight: 700;
  }

  .mm-ocd__content {
    top: 3.56rem !important;
    width: 60% !important;
  }

  div#af_mobileMenu {
    margin: 20px;
    position: absolute;
    z-index: 1;
  }

  div#af_mobileMenu_closeButton {
    bottom: 1.6rem;
    left: 70%;
    position: relative;
    font-size: 3rem;
  }

  .mm-spn.mm-spn--navbar:after {
    opacity: initial !important;
  }
}

@media (max-width: 767px) {
  img.af_navIcon {
    vertical-align: sub;
  }
}

@media (min-width: 992px) {
  .navbar {
    padding: 0;
  }
  div.af_languageRow {
    color: #000;
    margin-top: 2rem;
    line-height: 31px;
  }
  .navbar-light .navbar-nav .active > .nav-link {
    color: #bf0d0d;
  }
}

@media (min-width: 1200px) {
  .navbar-light .navbar-nav .nav-link {
    padding: 0 1rem;
  }
}

/*  navigation ends */

/*  headercover */

div.af_homepageCover {
  text-align: center;
  height: 350px;
  padding-top: 3rem;
  color: #fff;
}

div.af_mainHeaderQuote {
  font-weight: 500;
  font-size: 3rem;
  line-height: 3.2rem;
  text-shadow: 0px 0 4px #3e3e3e;
}

p.af_buttomHeaderQuote {
  margin-top: 1rem;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  text-shadow: 0px 0 2px #3e3e3e;
}

div.af_mobileButtons {
  top: -2.3rem;
}

div.af_headerButton {
  text-align: center;
  margin: 0 auto;
  padding: 1.4rem 0;
  background-color: #000;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.18rem;
  font-weight: 700;
}

div.af_headerButton:active {
  background-color: #bf0d0d;
}

div.af_mobileButtons a:hover {
  text-decoration: none;
}

@media (min-width: 576px) {
  div.af_headerButton {
    font-size: 1.4rem;
  }
}

@media (min-width: 768px) {
  div.af_headerButton {
    width: 70%;
  }
}

@media (min-width: 992px) {
  div.af_coverRow {
    background-image: none !important;
  }
}

@media (min-width: 1200px) {
  .navbar-light .navbar-nav .nav-link {
    padding: 0 1rem;
  }
}

@media (max-width: 991px) {
  div.af_homepageCover {
    background-image: none !important;
  }
}

/*  headercover ends */

/*  company quotes  */

div.af_companyQuotes hr {
  border: 0.05rem solid gray;
}

p.companyQuote {
  font-weight: 700;
}

/*  company quotes ends */

/*  reviews carousel  */

div.af_reviewContainer {
  min-height: 10rem;
  vertical-align: middle;
}

div.af_reviewCarousel a:hover {
  color: #000;
}

div.af_reviewCarousel-desktop,
div.af_blogCarousel-desktop {
  width: 84%;
  margin: 0 auto;
}

.af_reviewExcerpt {
  text-align: justify;
  margin: 0 auto;
  font-style: italic;
  line-height: 190%;
}

.af_blogExcerpt {
  text-align: justify;
  margin: 0 auto;
  line-height: 190%;
}

div.af_reviewCarouselButtons {
  position: absolute;
  top: 2.5rem;
  left: 0;
  right: 0;
}

span.af_reviewerLocation {
  font-size: 0.8rem;
  font-style: italic;
}

.af_reviewCarouselItem {
  padding: 1rem 0;
}

p.af_reviewAuthor {
  text-align: right;
  width: 80%;
  font-size: 1rem;
}

@media (max-width: 991px) {
  a.carousel-control-next,
  a.carousel-control-prev {
    display: none;
  }
  div.af_reviewBlock div.react-multi-carousel-list {
    margin-top: -1rem;
  }
  p.af_reviewAuthor {
    padding-top: 1rem;
  }
  .af_reviewCarouselItem p {
    width: 100%;
    text-align: center;
  }
}

span.af_dot {
  height: 0.8rem;
  width: 0.8rem;
  background-color: #ccc;
  border-radius: 50%;
  display: inline-block;
  margin: 0 1rem 0;
}

span.af_redDot {
  background-color: #bf0d0d;
}

/*  reviews carousel ends */

/*  frontpage want to order  */

h2.text-uppercase,
.af_order_redText {
  color: #bf0d0d;
}

button.af_orderCourseButton {
  padding: 0.4rem 0.6rem;
  border-radius: 0;
  background-color: #bf0d0d;
}

/*  frontpage want to order ends */

/*  frontpage courseitems  */

p.af_blogPostTitle {
  font-weight: 700;
  font-size: 1.2rem;
  margin: 0;
  font-style: normal;
}

p.af_teamBuildingQuote {
  font-size: 2rem;
}

h3.text-uppercase {
  font-size: 2rem;
  font-weight: 700;
}

.af_publicCoursesHeading {
  color: #909090;
  padding: 0 0 1rem;
  margin: 0;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.2rem;
}

.af_courseDate {
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.5rem;
  margin: 0;
  padding: 0;
  display: inline-flex;
}

.af_courseName {
  color: #bf0d0d;
  font-weight: 700;
  font-size: 1.1rem;
  padding: 0.2rem 0 0;
  margin: 0;
}

.af_carouselInstructors {
  background-image: url(https://ipsumimage.appspot.com/1100x440?f=000&s=0);
  text-align: center;
  height: 100px;
  padding-top: 3rem;
}

.af_publicCoursesFooter {
  color: #bf0d0d;
  font-weight: 700;
  font-size: 1.1rem;
}

@media (max-width: 436px) {
  p.af_courseDate {
    font-size: 0.9rem;
  }
}

img.af_basketCourseIcon {
  padding: 1rem;
}

div.af_courseInfo {
  margin-left: 0.2rem;
}

div.af_courseInfo p {
  padding-left: 1rem;
}

p.af_courseDate {
  padding-top: 0.3rem;
  font-size: 0.9rem;
}

p.af_courseName {
  font-size: 0.8rem;
}

p.af_coursePriceMobile {
  font-weight: 700;
  font-size: 0.8rem;
}

@media (min-width: 430px) {
  div.af_courseDate {
    padding: 0.3rem 0 0;
  }
  p.af_courseDate,
  p.af_courseName {
    font-size: 1rem;
  }
  div.af_courseInfo {
    margin-left: 0.8rem;
  }
  p.af_coursePriceMobile {
    font-size: 0.78rem;
  }
}

@media (min-width: 576px) {
  p.af_coursePriceMobile {
    font-size: 0.9rem;
  }
}

@media (min-width: 768px) {
  img.af_basketCourseIcon {
    padding: 1.1rem;
  }
}

@media (max-width: 991px) {
  .af_publicCoursesFooter {
    padding-top: 1rem;
    color: #909090;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.2rem;
    font-size: 1rem;
  }
  div.af_courseInfo {
    padding-left: 2rem;
    background-color: #ccc;
  }
  span.af_courseArrow {
    color: #fff;
  }
  span.af_courseMobileInfo {
    font-weight: 500;
  }
  img.af_basketCourseIcon:active {
    transform: scale(1.1, 1.1);
  }
}

@media (min-width: 992px) {
  img.af_basketCourseIcon:hover {
    transform: scale(1.1, 1.1);
  }
  img.af_basketCourseIcon {
    padding: 0;
    background-color: initial;
  }
  .af_courseOfferTab {
    border-left: 0.1rem solid #ccc;
    padding-left: 2rem;
  }
  div.af_teamBuilding {
    border-bottom: 1px solid #ccc;
  }
  .af_publicCoursesHeading {
    font-weight: 500;
    text-transform: initial;
    letter-spacing: initial;
  }
  div.af_courseInfo {
    margin-left: 0;
  }
  div.af_courseInfo p {
    font-size: 1.1rem;
  }
}

/*  frontpage courseitems ends */

/*  frontpage employees  */

div.af_faceCarousel {
  width: 90%;
  margin: 0 auto;
}

div.af_faceCarouselButtons {
  position: absolute;
  left: 0;
  right: 0;
  top: 3rem;
}

div.af_faceCarouselButtons img {
  height: initial;
}

div.af_faceCarousel img {
  border-radius: 50%;
}

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

p.af_faceCarouselTitle {
  margin: 1rem 0 0;
  text-align: center;
  font-weight: 700;
}

/*  frontpage employees ends */

/*  frontpage teambuilding  */
@media (max-width: 991px) {
  div.af_homepage_teambuildingVideo iframe {
    height: 185px;
  }
}
@media (min-width: 992px) {
  div.af_homepage_teambuildingVideo iframe {
    height: 250px;
  }
}

/*  frontpage teambuilding ends */

/*  single blogPost  */

div#af_blogpost_sidebar {
  border-left: 1px solid #ccc;
  padding-left: 1rem;
}

p.af_blogPost_sidebar_title {
  font-size: 1.4rem;
  font-weight: 700;
}

ul.af_blogPost_ul {
  list-style: none;
}

ul.af_blogPost_ul li {
  padding: 0 0.5rem 0.8rem;
}

li.af_blogPost_even {
  background-color: #ffdcdb3b;
}

@media (min-width: 768px) {
  p.af_blogPost_sidebar_title {
    margin-top: 6rem;
  }
}

/*  single blogPost ends */

/*  frontpage videos  */

div.af_videoCarouselButtons {
  position: absolute;
  left: 0;
  right: 0;
  top: 5rem;
}

@media (max-width: 366px) {
  .af_homepage_teambuildingVideo iframe {
    height: 188px;
  }
  div.af_videoCarouselItem iframe {
    width: 100%;
    height: 188px;
  }
}

@media (max-width: 991px) {
  div.af_videoCarouselItem iframe {
    width: 100%;
    height: 188px;
  }
  .row > iframe,
  .af_course_mainVideo > iframe {
    height: 170px;
  }
  .af_course_elearningVideo > iframe {
    height: 205px;
    width: 100%;
  }
}

@media (max-width: 767px) {
  .af_homepage_teambuildingVideo iframe {
    height: 288px;
  }
  div.af_videoCarouselItem iframe {
    height: 288px;
  }
}

@media (max-width: 576px) {
  div.af_videoCarouselItem iframe {
    height: 188px;
  }
}

@media (min-width: 992px) {
  div.af_videoCarouselItem iframe {
    width: 90%;
    height: 256px;
  }
  .row > iframe,
  .af_course_mainVideo > iframe {
    height: 296px;
  }
  .af_course_elearningVideo > iframe {
    height: 385px;
    width: 100%;
  }
}

div.af_videoCarousel-desktop {
  width: 94%;
  margin: 0 auto;
}

/*  frontpage videos ends */

/*  footer  */

.af_footerLink {
  display: block;
  padding-top: 0.2rem;
  font-weight: 700;
}

div.af_footerMap {
  width: 80%;
}

div.af_footerMap svg {
  position: relative;
  top: -3.6rem;
}

svg path:hover {
  fill: #bf0d0d;
}

@media (max-width: 575px) {
  div.af_contactInfo {
    font-size: 0.9rem;
  }
  div.af_footerLinksBlock {
    font-size: 0.9rem;
  }
}

@media (min-width: 576px) {
  div.af_footerIcons {
    min-height: 60px;
  }
}

/*  footer ends */

/*  page_public */

span.af_coursePublicPrice {
  color: initial;
}

div.af_publicCourses {
  margin-top: 2rem;
}

/*  page_public ends */

/*  af_course */

iframe.af_courseVideo {
  width: 100%;
  min-height: 260px;
}

div.af_courseDetail h2 {
  color: #bf0d0d;
  text-transform: uppercase;
  font-size: 1.4rem;
}

div.af_courseDetail h3 {
  font-size: 1.4rem;
  text-transform: uppercase;
}

div.af_greyPanel {
  background-color: #d4d4d4;
}

div.af_courseReal_TextPanel {
  min-height: 16rem;
}

#af_courseReal_Description {
  margin: 1rem auto 0;
  text-align: center;
  width: 75%;
}

div#af_borderDiv {
  border-top: 1px solid #000;
}

@media (min-width: 576px) {
  div#af_borderDiv {
    position: absolute;
    border-right: 1px solid #000;
    border-top: 1px solid #000;
    left: 0;
    width: 100%;
    z-index: -1;
    margin-top: -0.5rem;
  }

  div#af_borderDivTop {
    position: absolute;
    border-right: 1px solid #000;
    left: 0;
    width: 100%;
    z-index: -1;
    top: 3.2rem;
  }
}

p.af_mouseEffect {
  margin: 0;
  line-height: 2.4rem;
  font-weight: 700;
  font-size: 1.3rem;
  text-transform: uppercase;
}

p.af_showMoreCourses {
  font-size: 1.6rem;
  text-align: center;
  text-transform: uppercase;
  cursor: default;
}

p.af_showMoreCourses:hover,
p.af_showMoreCourses:active {
  text-decoration: underline;
}

p.af_teamBuildingPropositionTitle {
  font-size: 1.3rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #bf0d0d;
}

div.af_photoItem img {
  max-width: 100%;
}

div.af_photoItem {
  padding: 0 0.2rem;
}

div.af_photoCarouselItem {
  max-height: 200px;
}

div.af_photoCarouselItem img {
  max-width: 100%;
}

div.af_picture img {
  max-width: 100%;
}

@media (min-width: 992px) {
  img.af_course_kpr {
    height: 295px;
  }

  img.af_course_kpr2 {
    height: 280px;
  }

  img.af_course_panelImage {
    width: 280px;
  }

  img.af_course_firstAidCritical_image {
    height: 180px;
  }

  iframe.af_course_video {
    height: 304px;
  }
}

/*  af_course ends*/

/*  about us*/

div.af_pageAboutUs h2 {
  color: #bf0d0d;
  text-transform: uppercase;
  font-size: 1.4rem;
}

div.af_employeeprofile img {
  border-radius: 50%;
}

p.af_employeeprofileTitle {
  margin: 1rem 0 0;
  text-align: center;
  font-weight: 700;
}

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

div.af_aboutUsMapContainer {
  width: 60%;
  margin: 0 auto;
}

@media (min-width: 992px) {
  div.af_employeeAboutText {
    position: relative;
    left: -4rem;
  }
}

.af_pageAboutUs img {
  max-width: 100%;
}

div#af_employeeList {
  cursor: grab;
}

/*  about us ends*/

/*  course resuscitacion */

div.af_purchaseGift {
  padding: 2rem;
}

img.af_course_aed_partners {
  max-width: 100%;
}

@media (min-width: 992px) {
  img.af_course_aed_partners {
    height: 60px;
  }
}

/*  course resuscitacion ends*/

/*  contact*/

div.af_pageAboutUs h2 {
  color: #bf0d0d;
  text-transform: uppercase;
  font-size: 1.4rem;
}

p.af_contactHeader {
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
}

div.af_contactTopPanel h2 {
  color: #bf0d0d;
  text-transform: uppercase;
  font-size: 1.4rem;
}

#af_page_contact_form > div.form-group > .form-control {
  border-radius: 0;
  border: 0;
  border-bottom: 2px solid #bf0d0d;
}

#af_contactForm_callPermission {
  transform: scale(1.5);
}

p.af_spamContact {
  font-size: 0.8rem;
  color: #868686;
  margin: 0.2rem 0 0;
}

div.af_contactFaces img {
  border-radius: 50%;
}

div.af_contactFaces {
  margin-top: 3rem;
  color: #363636;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 4rem;
}

p.af_contactEmployeeName {
  color: #bf0d0d;
  font-size: 1.2rem;
  font-weight: 700;
}

/*  contact ends*/

/*  photoCarousel  */

div.af_photoCarouselButtons {
  position: absolute;
  left: 0;
  right: 0;
  top: 4.5rem;
  z-index: 1;
}

@media (min-width: 992px) {
  div.af_photoCarouselItem {
    width: 80%;
  }
}

/*  frontpage videos ends */

/* order page */

div.af_order_step {
  margin-top: 4rem;
}

div.stepBreadcrumb {
  padding: 0;
}

div.stepBreadcrumb a:hover {
  text-decoration: none;
}

p.af_stepTitle:hover {
  text-decoration: underline;
}

div#af_order_pageSteps {
  padding: 0;
}

div.af_orderPage_stepEffect {
  width: 100%;
  margin: 0.2rem auto 0;
  height: 1rem;
  background-color: #ccc;
}

div.af_stepIcon {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background-color: #ccc;
  color: #fff;
  font-weight: 700;
  padding-top: 0.3rem;
}

div.af_order_stepSelected {
  background-color: #bf0d0d;
}

p.af_stepTitle {
  padding-top: 0.3rem;
  margin: 0 0 0 1rem;
  color: #636363;
  font-size: 1rem;
}

div#af_order_step4 > div {
  cursor: default;
}

div#af_order_step4 p:hover {
  text-decoration: none;
}

div.af_order_optionSelected {
  background: #ccc;
  background: linear-gradient(
    144deg,
    #28a745 0%,
    rgb(65 244 120) 26%,
    rgb(193 255 186) 33%,
    rgba(255, 255, 255, 1) 100%
  );
}

div.af_option {
  box-shadow: 0 0 5px 0.1rem rgb(179 179 179);
  /* border: 2px solid transparent; */
  text-align: center;
  cursor: pointer;
}

div.af_option:hover {
  box-shadow: 0 0 10px 0.1rem #0dbf66;
}

div#af_sameClientParticipant {
  margin-left: 3rem;
}

div.af_order_step input[type="checkbox"],
div.af_order_step input[type="radio"] {
  transform: scale(1.5);
}

@media (max-width: 991px) {
  div.af_stepIcon {
    margin: 0 auto;
  }

  div#af_sameClientParticipant {
    margin-left: 0.5rem;
  }
}

/*div.af_order_optionRowStep3 > [class*='col-'] {
    display: flex;
    flex-direction: column;
  }
  */

div.af_order_optionStep2 {
  height: 240px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* div.af_order_optionStep2>div {
    padding:0.2rem;
  } */

div.af_order_optionStep3 {
  height: 116px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 1rem;
}

div.af_order_step3groupElearningInfo {
  background-color: #d4d4d4;
  padding: 1rem;
  color: black;
}

p.af_order_form {
  font-size: 1.2rem;
  color: #363636;
  margin: 1rem 0 1rem;
}

div.pristine-error {
  color: #bf0d0d;
  padding-top: 0.2rem;
}

div.af_order_infoSideBox {
  color: #636363;
  border: 2px solid #bf0d0d;
  padding: 2rem;
}

p.af_order_displayCourseItems {
  font-size: 1.2rem;
  text-align: center;
  text-transform: uppercase;
  cursor: default;
  font-weight: 700;
}

p.af_order_displayCourseItems:hover,
p.af_order_displayCourseItems:active {
  color: #636363;
}

div.af_listCourseButtons > div {
  text-align: center;
  padding: 0;
}

div.af_listCourseButtons > div.col {
  margin-left: 1rem;
}

div.af_listCourseButtons > div button:first-child {
  width: 100%;
}

div#af_order_step4FormData {
  font-size: 1.1rem;
}

div.af_order_div_step4TotalPrice {
  border: 1px solid #868686;
  padding: 1rem;
  font-size: 1.4rem;
}

@media (min-width: 576px) {
  div.af_order_step2_individual {
    margin-top: 6.8rem;
  }

  div.af_order_step2_company {
    margin-top: 4rem;
  }
}

div.af_order_courseList h4 {
  font-size: 1.2rem;
}

div.af_order_courseList {
  font-size: 0.9rem;
}

.af_order_step3 {
  border-radius: 0;
  border: 0;
  border-bottom: 2px solid #bf0d0d;
}

.af_order_step3_success {
  border-radius: 0;
  border: 0;
  border-bottom: 2px solid #28a745;
}

.af_basketItemTitle {
  font-size: 1.4rem;
  color: #363636;
}

#af_order_paymentPartners {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 2rem;
  margin: 4rem 0 2rem;
}

div.af_orderPage_step2courseBlock {
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 1rem;
}

div.af_quantityInput {
  width: 4rem;
  margin-left: 1.2rem;
}

div.af_quantityInput > input {
  font-size: 1.2rem;
  border: 1px solid #bf0d0d;
}

p.af_quantityLabel {
  padding-top: 0.6rem;
}

p#af_basket_removeItems:hover {
  cursor: default;
}

p#af_basket_removeItems {
  color: #bf0d0d;
  font-weight: 700;
  text-decoration: underline;
}

/* order page ends */

/* customer zone */

.af_customer_contentWrapper {
  margin-top: 5rem;
}

.af_customerLoggedIn {
  position: relative;
}

.courseItem p.title {
  font-size: 1.2rem;
  font-weight: 700;
}

p#af_customer_name {
  position: absolute;
  font-size: 0.8rem;
  z-index: 1;
  top: 1rem;
  left: 1.3rem;
  width: 130px;
  text-align: center;
}

span.af_customer_navBold {
  font-weight: 700;
  color: #bf0d0d;
}

.af_customer_div_login {
  margin-top: 5rem;
}

.af_customerFormInput {
  border-radius: 0;
  border: 0;
  border-bottom: 2px solid #bf0d0d;
}

div.af_customer_leftSidebar {
  font-size: 1.2rem;
  text-transform: uppercase;
}

div.af_customer_leftSidebar .sidebarTop {
  font-weight: bold;
}

div.af_customer_leftSidebar .sidebarBottom {
  margin-top: 6rem;
}

p.af_customer_menuSelected {
  color: #bf0d0d;
}

div.af_customer_courseGallery img {
  max-width: 100%;
}

@media (max-width: 991px) {
  #af_order_paymentPartners {
    margin: 3rem 0 2rem;
  }
  p#af_customer_name {
    display: none;
  }
}

/* customer zone ends */

/* english page */
@media (min-width: 768px) and (max-width: 991px) {
  iframe.af_companies_video {
    height: 118px;
  }
}

/* english page  ends*/

/* 404 page */

div.af_page404_card {
  top: 12rem;
  margin: 0 auto;
  background-color: rgba(255, 255, 255, 0.81);
  width: 80%;
  padding: 1.5rem;
}

@media (min-width: 360px) and (max-width: 991px) {
  div.af_page404_card {
    top: 6rem;
    width: 100%;
    padding: 0.5rem;
  }
}

/* 404 page  ends*/