* {
  position: relative;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;  
  margin: 0;
  padding: 0;  
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  font-weight: normal;
}

style,
script,
meta,
title {
  display: none;
}

body {
  color: #343433;
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  font-weight: 400;
  overflow-x: hidden;
  flex-direction: column;
}

body,
html {
  width: 100%;
  height: auto;
  min-height: 100vh;
  -ms-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -o-text-size-adjust: none;
  -webkit-text-size-adjust: none;  
}

a {
  cursor: pointer;
  text-decoration: none;
  transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;  
}

@media only screen
and (min-width : 1160px) {
  .ease:hover {
    opacity: 0.6;
  }
}

img {
  max-width: 100%;
}

ul {
  list-style: none;
}

*:focus {
  outline: none !important;
}

::placeholder {
  color: #343433;
  opacity: 1;
  font-style: italic;
  font-weight: 300;
}

::-ms-input-placeholder {
  color: #343433;
  opacity: 1;
  font-style: italic;
  font-weight: 300;
}

.noscroll {
  overflow-y: hidden;
}

.fixed {
  position: fixed;  
}

p strong {
  font-weight: inherit;
  display: inline-block;
}

p strong.bold,
p strong.highlight {
  font-weight: 600;
}

p strong.bold {
  font-weight: 600;
}

p strong.highlight {
  color: #ea168d;
}

p a {
  display: inline-block;
  color: inherit;
  font-weight: inherit;
}

.phone {
  pointer-events: none;
}

/* -------------------------------------------------------------------------- */

@keyframes pulsate {
  0% { 
    opacity: 0.2;
  }
  50% { 
    opacity: 1.0;
  }
  100% { 
    opacity: 0.2;
  }
}

/* -------------------------------------------------------------------------- */

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #000000;
  z-index: 1000;
}

.p {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  background: rgba(12,6,4,0.7);
  overflow: hidden;
  opacity: 0;
}

.p img {
  position: absolute;
  width: 100% !important;
  height: 100% !important;
  top: 0;
  left: 0;
  object-fit: cover;
  opacity: 0.04;
  max-width: none;
}

.container {
  width: 1100px;
}

.button,
.fakebutton {
  color: #ea168d;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
  padding: 10px 40px;
  border: #ea168d 2px solid;
  border-radius: 5px;
  margin-top: 25px;
}

.button i {
  margin-right: 10px;
  font-size: 22px;
}

.button.pink {
  background: #ea168d;
  color: #ffffff;
}

.course .content,
.course .content h2,
.course .content h2 span,
.course .content p,
.course .p,
.course img,
nav,
section#footer,
section#blog h2,
section#blog p,
section#blog .mask,
section#blog img,
section#about h3,
section#about h4,
section#about .mask,
section#course .mask,
section#about img,
.ease,
#layer,
section#registration form button {
  transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;  
}

section#blog a img,
.course img,
section#about li img {
  transform: scale(1) rotate(0.001deg);
  -o-transform: scale(1) rotate(0.001deg);
  -ms-transform: scale(1) rotate(0.001deg);
  -moz-transform: scale(1) rotate(0.001deg);
  -webkit-transform: scale(1) rotate(0.001deg);  
}

@media only screen
and (min-width : 1160px) {
  section#blog a:hover img,
  .course:hover img,
  section#about li:hover img {
    transform: scale(1.1) rotate(1deg);
    -o-transform: scale(1.1) rotate(1deg);
    -ms-transform: scale(1.1) rotate(1deg);
    -moz-transform: scale(1.1) rotate(1deg);
    -webkit-transform: scale(1.1) rotate(1deg);
  }
}

/* -------------------------------------------------------------------------- */

header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 145px;
  z-index: 500;
  align-items: flex-end;
}

nav {
  width: 100%;
  height: 100px;
  margin-bottom: 15px;
  background: rgba(12,6,4,0.9);
  box-shadow: 0 0 8px rgba(0,0,0,0.5);
  align-items: flex-end;
}

header.sticky nav {
  height: 130px;
  background: rgba(12,6,4,1);
}

#logo {
  width: 185px;
  height: 100px;
  margin: 0 10px;
  z-index: 20;  
}

#logo a {
  position: absolute;
  left: 0;
  bottom: -10px;
  width: 185px;
  height: 135px;  
}

ul.navigation {
  height: 100px;
  width: 457px;
}

ul.navigation.left {
  justify-content: flex-end;
}

ul.navigation.right {
  justify-content: flex-start;
}

ul.navigation li {
  height: 100%;
}

ul.navigation li a {
  height: 100%;
  padding: 0 10px;
  font-size: 18px;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 1px;
}

@media only screen
and (min-width : 1160px) {
  ul.navigation li.selected a,
  ul.navigation li a:hover {
    color: #ea168d;
  }
}

.sub-navigation {
  position: fixed;
  top: 130px;
  left: 0;
  width: 100%;
  background: #ea168d;
  z-index: 10;
  padding: 15px 0;
  box-shadow: inset 0px 11px 8px -10px rgba(0,0,0,0.5);
  display: none; 
}

.sub-navigation .container {
  justify-content: flex-start;
  width: max-content;
}

.sub-navigation span {
  width: 100%;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 600;
  /*color: #0c0604;*/
  color: #ffffff;
  text-decoration: underline;
  justify-content: flex-start;
  padding-left: 10px;
}

@media only screen
and (min-width : 1160px) {
  ul.navigation li:hover .sub-navigation {
    display: flex;  
  }
}

.sub-navigation ul {
  flex-wrap: wrap;
  justify-content: flex-start;
  flex-direction: column;
  margin-right: 10px;
  margin-bottom: auto;
}

.sub-navigation li {
  flex-wrap: nowrap;
  padding: 5px 0;
  width: 100%;
  justify-content: flex-start;
}

.sub-navigation li i {
  font-size: 12px;
  margin-right: 5px;
}

ul.navigation .sub-navigation a,
ul.navigation .sub-navigation a:hover {
  /*color: #0c0604 !important;*/
  color: #ffffff !important;
  font-size: 14px;
  letter-spacing: normal;
}

ul.social {
  position: absolute;
  bottom: 0;
  right: 50px;
  height: 100px;
  flex-direction: column;
}

ul.social li {
  padding: 3px 0;
}

ul.social li a {
  font-size: 30px;
  color: #ea168d;
}

ul.social li a i.fa-facebook-f {
  font-size: 26px;
}

/* -------------------------------------------------------------------------- */

main {
  width: 100%;
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
}

section#slider,
section#slider .owl-carousel,
section#slider .owl-carousel .item {
  width: 100%;
  height: 100vh;
  flex-direction: column;
}

section#slider .owl-carousel .item .container {
  height: 100%;
}

section#slider .owl-carousel .item .image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  flex-direction: column;
}

section#slider .owl-carousel .item .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

section#slider .owl-carousel .item .image .p {
  opacity: 1;
}

section#slider .owl-carousel .item .content {
  z-index: 20;
  flex-direction: column;
}

section#slider .owl-carousel .item .content h2 {
  color: #ffffff;
  font-weight: 300;
  letter-spacing: 2px;
  font-size: 40px;
  text-transform: uppercase;
  text-align: center;
  width: 100%;  
}

section#slider .owl-carousel .item .content h3 {
  color: #ffffff;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 28px;
  text-transform: uppercase;
  text-align: center;
  width: 100%;
}

.owl-stage-outer {
  display: block;  
}

.owl-nav {
  display: none;
}

.owl-dots {
  height: 100%;
  position: absolute;
  top: 0;
  right: 55px;
  z-index: 50;
  flex-direction: column;
}

.owl-dot {
  width: 15px;
  height: 15px;
  border-radius: 100%;
  background: #0c0604 !important;
  margin: 5px 0;
}

.owl-dot.active {
  background: #ea168d !important;
}

#skip {
  z-index: 50;
  color: #ffffff;
  position: absolute;
  bottom: 30px;
  font-size: 48px;
  -webkit-animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite; 
  animation: pulsate 1s ease-out;
  animation-iteration-count: infinite; 
  opacity: 0.2;  
}

section#welcome {
  width: 100%;
  background: #0c0604 url(../img/graphic.png) top center no-repeat;
}

section#welcome .container {
  flex-direction: column;
  padding: 80px 0;  
}

section#welcome h1 {
  color: #ea168d;
  font-weight: 300;
  letter-spacing: 2px;
  font-size: 36px;
  text-transform: uppercase;
}

section#welcome p {
  line-height: 30px;
  font-size: 16px;
  color: #b9afa7;
  text-align: justify;
  margin: 25px 0 0 0;
}

section#courses {
  flex-direction: column;
  width: 100%;
}

.course {
  width: 100%;
  height: 450px;
}

.course .image {
  overflow: hidden;
}

.course .image,
.course .content {
  height: 100%;
  width: 50%;
}

.course .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.course .content {
  padding: 30px 50px;
  flex-direction: column;
}

.course .content h2 {
  color: #ea168d;
  font-weight: 400;
  letter-spacing: 1px;
  font-size: 28px;
  text-transform: uppercase;
  flex-direction: column;
}

.course .content h2 span {
  font-size: 20px;
  color: #0c0604;
}

.course .content p,
section#feedbacks ul.text p {
  font-size: 15px;
  line-height: 26px;
  text-align: justify;
  margin-top: 25px;
}

@media only screen
and (min-width : 1160px) {
  .course:hover .p {
    opacity: 1;
  }

  .course:hover .content {
    background: #ea168d;
  }

  .course:hover .content h2,
  .course:hover .content h2 span,
  .course:hover .content p,
  .course:hover .content .button {
    color: #ffffff;
  }

  .course:hover .content .button {
    border-color: #ffffff;
  }
}

section#benefit {
  width: 100%;
  background: #0c0604 url(../img/graphic.png) top -50px center no-repeat;
}

section#benefit .container {
  flex-direction: row;
  padding: 140px 0 80px 0;
}

section#benefit .entry {
  flex: 1;  
}

section#benefit .entry span {
  font-size: 16px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #ffffff;
  border: #ffffff 2px solid;
  border-radius: 5px;
  padding: 15px 20px;
  width: 70%;
}

section#benefit .entry span b {
  position: absolute;
  top: -50px;
  font-size: 60px;
  font-weight: 600;
  background: #0c0604;
  line-height: 50px;
  padding: 0 20px;
}

section#feedback {
  width: 100%;
}

section#feedback .container {
  padding: 80px 0;
  flex-direction: column;
}

section#feedback h2 {
  color: #0c0604;  
  font-weight: 400;
  letter-spacing: 1px;
  font-size: 28px;
  text-transform: uppercase;
  flex-direction: column;
}

section#feedback h2 span {
  font-size: 20px;
  color: #ea168d;
}

section#feedback ul {
  width: calc(100% + 60px);
  margin: 50px 0 25px 0;
  align-items: flex-start;
}

section#feedback li {
  width: 25%;
  padding: 0 30px;
  flex-direction: column;
}

section#feedback .text {
  flex-direction: column;
  margin-top: 10px;
}

section#feedback img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 10;
}

section#feedback .image:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/feedback.svg) center center no-repeat;
  background-size: cover;
  z-index: 20;
}

section#feedback .image:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  background: rgba(255,255,255,0.7) url(../img/quote.svg) center center no-repeat;
  background-size: 45% auto;
  z-index: 30;
}

section#feedback h3 {
  font-size: 16px;
  font-weight: 600;
  text-align: center;
}

section#feedback h4 {
  font-size: 14px;
  font-weight: 300;
  text-align: center;
}

section#map {
  width: 100%;
  height: 300px;
}

section#map iframe {
  width: 100%;
  height: 100%;
}

footer {
  width: 100%;
  background: #0c0604;
  padding: 35px 50px 70px 50px;
  justify-content: flex-start;
}

footer li:not(:last-child) {
  margin-right: 10px;
}

footer li:not(:last-child):after {
  content: '\2022';
  color: #ffffff;
  margin-left: 10px;
}

footer a {
  font-size: 13px;
  font-weight: 300;
  text-transform: uppercase;
  color: #ffffff;
}

footer a.pink {
  color: #ea168d;
  font-weight: 400;
}

section#footer {
  position: fixed;
  left: 0;
  bottom: -65px;
  z-index: 500;
  background: #ea168d;
  height: 35px;
  width: 100%;
  padding: 0 50px;
}

section#footer.sticky {
  bottom: 0;
}

section#footer ul.company {
  flex: 1;
  justify-content: flex-start;
}
  
section#footer ul.company li {
  font-size: 13px;
  color: #0c0604;
  margin-right: 10px;
}

section#footer ul.company li:not(:last-child):after {
  content: '\2022';
  color: #0c0604;
  margin-left: 10px;
}

section#footer ul.contact {
  position: absolute;
  right: 0;
  bottom: 0;
  background: #ea168d;
  border-radius: 5px 0 0 0;
  padding: 10px;
}

section#footer ul.contact a {
  background: #0c0604;
  padding: 0 20px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  border-radius: 5px;
  text-transform: uppercase;
  letter-spacing: 1px;
  height: 45px;
}

section#footer ul.contact a i {
  margin-right: 5px;
}

section#footer ul.contact li:not(:last-child) {
  margin-right: 10px;
}

section#pagepic {
  width: 100%;
  height: 460px;
  flex-direction: column;  
}

section#pagepic .image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  flex-direction: column;
}

section#pagepic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

section#pagepic .p {
  opacity: 1;
}

section#pagepic h1 {
  position: absolute;
  bottom: 30px;
  left: 0;
  width: 100%;
  text-align: center;
  color: #ffffff;
  font-weight: 400;
  letter-spacing: 1px;
  font-size: 30px;
  text-transform: uppercase;
  z-index: 30;
}

section#blog,
section#contact,
section#feedbacks,
section#about,
section#imprint,
section#notfound,
section#statistics,
section#course,
section#registration {
  width: 100%;
  flex-direction: column;
  border-top: #ea168d 2px solid;
  background: url(../img/graphic2.png) top center no-repeat;
  padding: 50px 0 80px 0;
  flex: 1;
}

section#blog {
  padding-bottom: 50px;
}

section#blog .container {
  width: 1130px;
}

section#blog ul {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}

section#blog li {
  width: 33%;
  padding: 0 15px 30px 15px;
}

section#blog li a:not(.fakebutton) {
  flex-direction: column;
  width: 100%;
}

section#blog .image {
  width: 100%;
  height: 180px;
  border-radius: 5px;
  border: #ea168d 2px solid;
  overflow: hidden;
  margin-bottom: 15px;
}

section#blog .image img {
  width: 100%;
  height: 180px;
  object-fit: cover;
}

section#blog .content {
  flex-direction: column;
  width: 100%;
}

section#blog h2 {
  font-size: 24px;
  color: #343433;
  font-weight: 600;
}

section#blog p {
  font-size: 14px;
  line-height: 24px;
  color: #343433;
  font-weight: 400;
  text-align: justify;
  margin-top: 5px;
  width: 100%;
  justify-content: flex-start;
}

section#blog .mask,
section#course .mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(233,20,141,0.7);
  z-index: 20;
  opacity: 0;
}

section#course section#registration .mask {
  opacity: 1;
}

section#blog .mask i,
section#course .mask i {
  font-size: 60px;
  color: #ffffff;
  opacity: 0.3;
}

@media only screen
and (min-width : 1160px) {
  section#blog a:hover h2,
  section#blog a:hover p {
    color: #ea168d;
  }

  section#blog a:hover .mask,
  section#course a:hover .mask {
    opacity: 1;
  } 
} 

section#contact .container {
  align-items: flex-start;
}
  
section#contact .content {
  flex-direction: column;
  padding-right: 50px;
  width: 60%;
}

section#contact .map {
  width: 40%;
  height: 775px;
  padding-top: 30px;
}

section#contact iframe {
  width: 100%;
  height: 100%;
}

section#contact .content p,
section#feedbacks p,
section#about p,
section#imprint p,
section#notfound p,
section#statistics p,
section#course p,
section#registration p {
  width: 100%;
  line-height: 30px;
  font-size: 16px;
  text-align: justify;
  margin: 25px 0 0 0;
  display: block;
}

section#course p.note {
  font-size: 14px;
  line-height: 18px;
  font-style: italic;
}

section#course p.center {
  text-align: center;
}

section#about .center-block {
  flex-direction: column;
  margin-top: 50px;
}

section#about .center-block p {
  text-align: center;
  font-style: italic;
}

section#about .center-block .button {
  margin-top: 15px;
}

section#feedbacks {
  padding-top: 0;
}

section#feedbacks .container,
section#about .container,
section#imprint .container,
section#notfound .container,
section#statistics .container,
section#course .container,
section#registration .container {
  flex-direction: column;
}

section#feedbacks ul.photo {
  flex-direction: column;
}

section#feedbacks ul.photo li {
  align-items: flex-start;
  margin-top: 50px;
}

section#feedbacks ul.text li {
  flex-direction: column; 
  margin-top: 50px;
  width: 50%;
}

section#feedbacks ul.text li:nth-child(odd) {
  padding-right: 25px;
}

section#feedbacks ul.text li:nth-child(even) {
  padding-left: 25px;
}

section#feedbacks ul.text {
  width: 100%;
  padding: 0;
  justify-content: flex-start;
}

section#feedbacks .text {
  width: 80%;
  padding-left: 50px;
  align-items: flex-start;
  padding-top: 10px;
  flex-wrap: wrap;
}

section#feedbacks img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 10;
}

section#feedbacks .image {
  width: 20%;
}

section#feedbacks .image:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/feedback.svg) center center no-repeat;
  background-size: cover;
  z-index: 20;
}

section#feedbacks .image:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  background: rgba(255,255,255,0.7) url(../img/quote.svg) center center no-repeat;
  background-size: 45% auto;
  z-index: 30;
}

section#feedbacks .name {
  width: 100%;
  justify-content: flex-start;
  align-items: baseline;
}

section#feedbacks ul.text .name {
  padding-left: 35px;
}

section#feedbacks ul.text .name:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 27px;
  height: 27px;
  background: url(../img/quote-text.svg) center center no-repeat;  
}

section#feedbacks h3 {
  font-size: 24px;
  font-weight: 600;
}

section#feedbacks h4 {
  font-size: 18px;
  font-weight: 300;
  margin-left: 10px;
}

section#feedbacks ul.text h3 {
  font-size: 20px;
}

section#feedbacks ul.text h4 {
  font-size: 16px;
}

section#about p:first-child,
section#course p:first-child,
section#registration p:first-child {
  margin-top: 0;
}

section#about h2,
section#imprint h2,
section#notfound h2,
section#statistics h2,
section#course h2,
section#registration h2 {
  margin-top: 50px;
  font-size: 24px;
  letter-spacing: 1px; 
  font-style: italic;
  text-transform: uppercase;
  width: 100%;
}

section#about h2 span,
section#imprint h2 span,
section#notfound h2 span,
section#statistics h2 span,
section#course h2 span,
section#registration h2 span {
  background: #ffffff;
  z-index: 20;
  padding: 0 20px;
  font-weight: 600;
}

section#about h2:after,
section#imprint h2:after,
section#notfound h2:after,
section#statistics h2:after,
section#course h2:after,
section#registration h2:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  border: #d2d2d2 1px solid;
  z-index: 10;
}

section#about h3,
section#imprint h3,
section#notfound h3 {
  font-size: 20px;
  font-weight: 600;
  color: #ea168d;
  width: 100%;
  justify-content: flex-start;
  margin-top: 50px;
}

section#about .listing {
  padding-left: 35px;  
}

section#about .highlight-listing {
  padding-left: 35px;  
  border-left: #ea168d 5px solid;
}

section#about h3.first:before {
  content: '1';
}

section#about h3.second:before {
  content: '2';
}

section#about h3.third:before {
  content: '3';
}

section#about h3.listing:before {
  position: absolute;
  top: -55px;
  left: -30px;
  font-size: 100px;
  color: #ea168d;
  opacity: 0.5;
  font-weight: 800;
}

section#about ul {
  width: calc(100% + 60px);
  margin: 50px 0 25px 0;
}

section#about li {
  width: 25%;
  padding: 0 30px;
  flex-direction: column;
}

section#about .text {
  flex-direction: column;
  margin-top: 25px;
  width: 100%;
}

section#about .image {
  border-radius: 100%;
  overflow: hidden;
}
  
section#about img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 10;
}

section#about ul h3 {
  font-size: 24px;
  font-weight: 600;
  color: #343433;
  width: 100%;
  justify-content: center;
  margin: 0;
}

section#about h4 {
  font-size: 14px;
  font-weight: 300;
  width: 100%;
}

section#about li a {
  flex-direction: column;
}

@media only screen
and (min-width : 1160px) {
  section#about a:hover h3,
  section#about a:hover h4 {
    color: #ea168d;
  }
}

section#about .mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(12,6,4,0.7);
  z-index: 20;
  opacity: 0;
}

section#about .mask i {
  font-size: 60px;
  color: #ffffff;
  opacity: 0.3;
}

@media only screen
and (min-width : 1160px) {
  section#about a:hover .mask {
    opacity: 1;
  }
}

section#registration .contact {
  margin: 25px 0 25px 0;
}

section#registration .contact a {
  font-size: 20px;
  font-weight: 600;
  color: #ea168d;
  margin: 0 15px;
}

section#registration .contact a i {
  font-size: 48px;
  opacity: 0.5;
  margin-right: 10px;
}

section#registration form {
  flex-direction: column;
  width: 100%;
  margin-top: 20px;
}

section#registration .row {
  width: 100%;
  margin-top: 20px;
}

section#registration .row:first-child {
  margin-top: 0;
}

section#registration .row :first-child {
  margin-right: 10px;
}

section#registration .row :last-child {
  margin-left: 10px;
}

section#registration form input,
section#registration form select {
  width: calc(50% - 10px);
}

section#registration form input.full-width,
section#registration form select.full-width {
  width: 100%;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

section#registration form input,
section#registration form select,
section#registration form textarea {
  padding: 10px 20px;
  border: #ea168d 2px solid;
  border-radius: 5px;
  font-size: inherit;
  font-family: inherit;
  font-weight: 600;
}

section#registration form input:invalid,
section#registration form select:invalid,
section#registration form textarea:invalid {
  background: #f2f1f1;
}

section#registration form textarea {
  width: calc(94% - 20px);
  height: 150px;
  resize: none;
}

section#registration form select:invalid {
  color: #343433;
  font-style: italic;
  font-weight: 300;  
}

section#registration form select:invalid option {
  font-weight: 400;
  font-style: normal;
  background: #ffffff;
}

section#registration form button {
  width: 6%;
  height: 150px;
  background: #ea168d;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-size: 36px;
  color: #ffffff;
}

section#registration form button.progress {
  opacity: 0.5;
}

section#registration form .mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  background: rgba(12,6,4,0.9);
  z-index: 100;
  display: none;
  flex-direction: column;
  color: #ffffff;
  text-align: center;
  padding: 0 10px;
}

section#registration form .mask i {
  font-size: 80px;
}

section#registration form .mask div {
  font-size: 20px;
  font-weight: 400;
  margin-top: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

section#course .info {
  flex-direction: column;
  margin-top: 25px;
  width: 100%;
}

section#course .info p {
  margin: 0;
  display: flex;
  align-items: flex-start;  
}

section#course .info label,
section#course .info span {
  justify-content: flex-start;
}

section#course .info label {
  width: 30%;
}

section#course .info span {
  width: 70%;
}

section#course ul {
  flex-wrap: wrap;
  align-items: flex-start;
  margin-bottom: 25px;
  width: 100%;
}

section#course li {
  width: 33.33%;
  flex-direction: column;
  padding: 0 15px;
  align-items: flex-start;
  margin-top: 50px;
}

section#course li.rszt {
  margin-top: 30px;
}

section#course li p {
  text-align: center;
  font-size: 12px;
  line-height: normal;
  margin-top: 15px;
  font-weight: 600;
}

section#course li .dates {
  flex-direction: column;
  border: #ea168d 2px solid;
  border-radius: 5px;
  width: 100%;
  height: 180px;
}

section#course li.rszt .dates {
  height: 120px;
}

section#course li .dates h3 {
  position: absolute;
  top: -20px;
  left: 0;
  width: 100%;
  text-align: center;
  padding: 0 20px;
  color: #ea168d;
  font-size: 24px;
  font-weight: 400;
  text-transform: uppercase;
}

section#course li .dates h3 span {
  padding: 0 20px;
  background: #ffffff;
  flex-direction: column;
}

section#course li .dates h3 span small {
  font-size: 14px;
}

section#course li.rszt .dates h3 {
  position: relative;
  top: 0;
  left: auto;
}
  
section#course li .dates p {
  margin: 0;
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
}

section#course li.rszt .dates p {
  color: #ea168d;
  font-weight: 600;
  font-size: 20px;
}

section#course li.full .dates,
section#course li.full p {
  opacity: 0.4;
}

section#course li.full .dates p {
  opacity: 1;
}

section#course li.full:before {
  content: 'Megtelt';
  position: absolute;
  top: 25%;
  left: 25%;
  font-size: 40px;
  letter-spacing: 3px;
  font-weight: 800;
  text-transform: uppercase;
  color: #ea168d;
  transform: rotate(-35deg);
  -o-transform: rotate(-35deg);
  -ms-transform: rotate(-35deg);
  -moz-transform: rotate(-35deg);
  -webkit-transform: rotate(-35deg);
  z-index: 50;
}

section#course li.rszt.full:before {
  top: 15%;
  transform: rotate(-15deg);
  -o-transform: rotate(-15deg);
  -ms-transform: rotate(-15deg);
  -moz-transform: rotate(-15deg);
  -webkit-transform: rotate(-15deg);
}

section#course li.full a {
  pointer-events: none;
}

section#course ul.simple {
  flex-direction: column;
  margin: 0 0 0 45px;
}

section#course ul.simple li {
  width: 100%;
  margin: 0;
  padding: 3px 0 0 0;
  font-size: 16px;
}

section#course ul.simple li:before {
  content: '\2022';
  color: #ea168d;
  font-weight: 600;
  font-size: 20px;
  position: absolute;
  top: 0;
  left: -15px;
}

section#imprint h2:first-child,
section#notfound h2:first-child,
section#statistics h2:first-child {
  margin-top: 0;
}

section#imprint h3,
section#notfound h3,
section#imprint p,
section#notfound p {
  text-align: center;
  justify-content: center;
  margin-top: 25px;
}

section#statistics ol {
  flex-direction: column;
  width: 100%;
  list-style: decimal outside;
  margin-left: 60px;
}

section#statistics ol li {
  width: 100%;
  justify-content: flex-start;
  font-size: 16px;
  padding-top: 3px;
  display: list-item;  
}

section#statistics .statistic {
  width: 100%;
  flex-direction: column;
}

section#statistics .statistic p {
  font-size: 14px;
  margin-top: 0;
}

section#statistics .statistic p:first-child {
  font-size: 20px;
  font-weight: 600;
  color: #ea168d;
  width: 100%;
  justify-content: flex-start;
  margin-top: 50px;  
}

section#statistics .statistic table,
section#statistics .statistic tbody,
section#statistics .statistic td {
  flex-direction: column;
}

section#statistics .statistic .responsive-table {
  margin: 10px 0;
}

section#statistics .statistic .responsive-table,
section#statistics .statistic table,
section#statistics .statistic tbody,
section#statistics .statistic tr {
  width: 100%;
}

section#statistics .statistic table {
  border-collapse: collapse;
}

section#statistics .statistic td {
  flex: 1;
  font-size: 14px;
  background: #f2f1f1;
  padding: 5px;
  border: #ffffff 1px solid;
}

#layer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: rgba(12,6,4,0.9);
  z-index: 1000;
  opacity: 0;
}

#layer.visible {
  opacity: 1;
}

#layer .box {
  background: #ffffff;
  padding: 50px 0;
  border-radius: 10px;
  width: 900px;
  height: auto;
  height: 80%;
  display: block;
}

#layer .fade {
  display: block;
  height: calc(100% - 135px);
  margin-top: 25px;  
}

#layer .scroll {
  height: 100%; 
  display: block;
  overflow-y: scroll;
  z-index: 20;
  padding: 0 35px 0 50px;
}

#layer .fade:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 30px;
  left: 0;
  z-index: 30;
}

#layer .fade:after {
  bottom: 0;
  background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));
}

#layer.coworker .fade {
  height: calc(100% - 175px);  
}

#layer .content {
  display: block;
  overflow: auto;
  padding-bottom: 20px;
}

#layer.coworker .box {
  height: calc(80% - 150px);
  margin-top: 150px;
}

#layer .profile {
  width: 220px;
  height: 220px;
  border: #ffffff 10px solid;
  border-radius: 100%;
  overflow: hidden;
  z-index: 20;
  margin: -150px auto 10px auto;
}

#layer .profile img {
  width: 220px;
  height: 220px;
  object-fit: cover;  
}

#layer h2 {
  color: #ea168d;
  font-weight: 400;
  letter-spacing: 1px;
  font-size: 28px;
  text-transform: uppercase; 
}

#layer.faq h2 {
  justify-content: flex-start;
  width: 100%;
}

#layer.faq h3:first-child {
  margin: 0;
}

#layer.faq h3 {
  justify-content: flex-start;
  font-weight: 600;
  margin-top: 25px;
}

#layer.faq p {
  margin-top: 10px;
}

#layer .title {
  flex-direction: column;
  z-index: 20;
  padding: 0 50px;  
}

#layer h3 {
  font-weight: 300;
  font-size: 16px;
  text-transform: uppercase;
  margin-top: 5px;
}

#layer.coworker h3 {
  margin-bottom: 15px;
}

#layer p {
  width: 100%;
  line-height: 26px;
  font-size: 15px;
  text-align: justify;
  margin: 0;
  display: block;
}

#layer p i {
  display: inline-block;
}

#layer .fa-times {
  color: #ea168d;
  font-size: 50px;
  cursor: pointer;
  z-index: 20;
  margin: 30px auto 0 auto;
  display: flex !important;
}

#layer .background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
  z-index: 10;
}

#layer .background img {
  position: absolute;
  width: 100% !important;
  height: 100% !important;
  top: 0;
  left: 0;
  object-fit: cover;
  max-width: none;  
}

#layer.blog .image {
  width: 50%;
  height: auto;
  float: left;
  border: #ea168d 2px solid;
  border-radius: 5px;
  overflow: hidden;
  margin: 20px 20px 0 0;
}

#layer.blog .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#layer.blog .fade {
  margin: 0;
}

#layer.blog .fade {
  height: calc(100% - 125px);  
}

#layer.blog h2 {
  font-weight: 400;
  font-size: 20px;
  color: #0c0604;
  margin-top: 25px;
  justify-content: flex-start;
}

#layer.blog p {
  margin-top: 15px;
  justify-content: flex-start;  
}

#layer.blog p i,
#layer.blog p u,
#layer.blog p b,
#layer.blog p em, 
#layer.blog p span, 
#layer.blog p s {
  display: inline-block;
}

#layer.blog a {
  color: #ea168d;
}

#layer.blog .facebook {
  z-index: 20;
  justify-content: flex-start;
  margin-bottom: 25px;
  padding: 0 50px;
}

section#notfound .fourofour {
  font-size: 400px;
  letter-spacing: 10px;
  font-weight: 800;
  opacity: 0.3;
  margin: -120px 0 -120px 0;
  z-index: 10;
  color: #ea168d;
}

section#notfound h2,
section#notfound p {
  z-index: 20;
}

#cookie {
  position: fixed;
  bottom: 100px;
  left: 50px;
  width: 450px;
  height: auto;
  background: rgba(233,20,141,0.9); 
  z-index: 2000;
  border-radius: 10px;
  font-size: 13px;
  color: #ffffff;
  text-align: justify;
  padding: 20px;
  display: none;
  align-items: flex-start;
}

#cookie span {
  color: #ffffff;
  font-weight: 400;
  letter-spacing: 1px;
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 10px;
  text-align: left;
  width: 100%;
  justify-content: flex-start;
}

#cookie i {
  z-index: 10;
  font-size: 100px;
  opacity: 0.2;
}

#cookie .content {
  flex-direction: column;
  justify-content: flex-start;
  padding-left: 20px;
}

#cookie .button {
  border: none;
  background: #0c0604;
  font-size: 14px;
  padding: 8px 20px;
  margin: 15px 0 0 0;
  margin-right: auto;
}

#respmb {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50px;
  font-size: 40px;
  color: #ea168d;
}

#respmc,
#respsmb {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translate(-50%, 0);
  color: #ffffff;
  font-size: 40px;
  opacity: 1;
}

#respsmb {
  opacity: 0;
  z-index: 5;
}

#respmc {
  z-index: 10;
}

#respmc.sm {
  opacity: 0;
  z-index: 10;
}

#respsmb.sm {
  opacity: 1;
  z-index: 20;
}

.fakeh1 {
  display: none;
}

p.highlight-box {
  background: rgba(234,22,141,0.1);
  padding: 15px 20px;
  border-left: #ea168d 5px solid;
  margin: 15px 0 !important;
}

p.highlight-box-2 {
  background: #ea168d;
  color: #ffffff;
  padding: 15px 20px;
  font-weight: 600;
  text-align: left;
  justify-content: flex-start;
  font-size: 18px !important;
  margin: 15px 0 0 0 !important;
  border-left: rgba(255,255,255,0.7) 5px solid;
}

/* -------------------------------------------------------------------------- */

#video {
  width: 100%;
  margin-top: -30px;
  padding-bottom: 80px;
}

#video .picture {
  width: auto;
  height: 330px;
  flex-shrink: 1;
  flex-grow: 0;    
}

#video .picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#video .text {
  background: #ea168d;
  width: 450px;
  height: 330px;
  flex-grow: 0;
  flex-shrink: 0;
  padding: 30px 80px 30px 30px;
}

#video .text h3 {
  text-transform: uppercase;
  color: #ffffff;
  font-size: 24px;
  font-weight: 400;
}

#video .text a {
  position: absolute;
  left: 30px;
  bottom: 30px;
  color: #ffffff;
  font-size: 14px;
}

#video .text a i {
  font-size: 24px;
  margin-right: 10px;
}

#video .play {
  position: absolute;
  width: 100px;
  height: 100px;
  background: #0c0604;
  z-index: 100;
  border-radius: 100%;
  left: 400px;
}

#video .play i {
  color: #ffffff;
  font-size: 36px;
}

#video-layer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(12,6,4,0.9);
  z-index: 1000;
}

#video-layer .closer {
  position: absolute;
  top: 10px;
  right: 30px;
  color: #ffffff;
  font-size: 50px;
  display: block;
}

@media only screen
and (max-width : 840px) {
  #video-layer iframe {
    width: 480px;
    height: 270px;  
  }
}

@media only screen
and (max-width : 520px) {
  #video-layer iframe {
    width: 320px;
    height: 180px;  
  }
}

@media only screen
and (max-width : 1160px) {
  #video .play  {
    left: 430px;
  }
}

@media only screen
and (max-width : 960px) {
  #video .container  {
    flex-direction: column;  
  }
  #video .text,
  #video .picture {
    width: 100%;
  }
  #video .picture {
    order: 1;
  }
  #video .text {
    order: 2;
    height: auto;
    padding: 70px 30px 30px 30px;
    flex-direction: column;
  }
  #video .text a {
    position: relative;
    left: auto;
    bottom: auto;
    margin: 15px auto 0 auto;
  }
  #video h3 {
    text-align: center;
    font-size: 18px !important;
  }
  #video .play {
    left: calc(50% - 50px);
    top: 280px;
  }
  #video .text a i {
    font-size: 18px;
    margin-right: 5px;
  }   
}

/* -------------------------------------------------------------------------- */

section#important {
  width: 100%;
  padding: 0 0 80px 0;
}

section#important .iwrapper {
  background: #ffebf1;
  border: #ff0000 2px solid;
  border-radius: 5px;
  flex-direction: column;
  padding: 30px 30px 30px 65px;
}

section#important .iwrapper .icon {
  position: absolute;
  top: 35px;
  left: -30px;
}

section#important .iwrapper .ititle {
  display: block;
  font-size: 30px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #ff0000;
  font-weight: 600;
  text-align: left;
  width: 100%;
  margin-bottom: 15px;
}

section#important .iwrapper .icontent {
  display: block;
  text-align: justify;
  font-size: 14px;
  width: 100%;  
}


section#important .iwrapper .icontent strong {
  display: inline-block;
  font-weight: 600;
}

@media only screen
and (max-width : 1160px) {
  section#important .iwrapper .icon {
    left: -15px;
  }
}

/* -------------------------------------------------------------------------- */

section#hitel1-container {
  width: 100%;
  flex-direction: column;
  padding: 50px 0 50px 0;
  flex: 1;
  background: #efefef;
}

section#hitel2-container {
  width: 100%;
  flex-direction: column;
  padding: 50px 0 50px 0;
  flex: 1;
}

section#hitel3-container {
  width: 100%;
  flex-direction: column;
  padding: 50px 0 50px 0;
  flex: 1;
  background: #ea168d;
}

section#hitel3-container .container::after {
  content: '';
  position: absolute;
  right: 100px;
  top: -30px;
  height: calc(100% + 60px);
  width: 100%;
  background: url(../img/check.svg) center right no-repeat;
  background-size: auto 100%;
  opacity: 0.2;  
}

section#hitel4-container {
  width: 100%;
  flex-direction: column;
  padding: 50px 0 50px 0;
  flex: 1;  
}

section#hitel1-container .container,
section#hitel2-container .container,
section#hitel3-container .container,
section#hitel4-container .container {
  flex-direction: column; 
}

section#hitel1-container h2,
section#hitel2-container h2 {
  width: 100%;
  text-align: left;
  justify-content: flex-start;
  text-transform: uppercase;
  color: #ea168d;
  font-weight: 600;
  font-size: 24px;
  padding-left: 45px;  
}

section#hitel1-container h2 span,
section#hitel2-container h2 span {
  color: #ea168d;
  font-size: 60px;
  position: absolute;
  top: -24px;
  left: 0;
  opacity: 0.2;
  font-weight: 700;
}

section#hitel3-container h2 {
  width: 100%;
  text-align: left;
  justify-content: flex-start;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 600;
  font-size: 24px;  
}

section#hitel4-container h2 {
  width: 100%;
  text-align: left;
  justify-content: flex-start;
  text-transform: uppercase;
  color: #ea168d;
  font-weight: 600;
  font-size: 24px;  
}

section#hitel1-container p,
section#hitel2-container p {
  width: 100%;
  line-height: 30px;
  font-size: 16px;
  text-align: justify;
  margin: 25px 0 0 0;
  display: block;    
}

section#hitel1-container ul,
section#hitel2-container ul,
section#hitel3-container ul,
section#hitel4-container ul {
  flex-direction: column;
  width: 100%;
  align-items: flex-start;
}

section#hitel1-container ul li,
section#hitel2-container ul li {
  font-size: 16px;
  margin-top: 10px;
  display: block;
  padding-left: 30px;
}

section#hitel3-container ul li {
  font-size: 16px;
  margin-top: 10px;
  display: block;
  padding-left: 40px;
  color: #ffffff;
}

section#hitel4-container ul li {
  font-size: 16px;
  margin-top: 10px;
  display: block;
  padding-left: 40px;
}

section#hitel4-container ul li a {
  display: inline-block;
  color: inherit;
  text-decoration: underline;
}

section#hitel1-container li strong,
section#hitel2-container li strong {
  font-weight: inherit;
  display: inline-block;
  font-weight: 600;
}

section#hitel1-container li::before,
section#hitel2-container li::before {
  font-family: 'Font Awesome 5 Free'; 
  font-weight: 900;  
  content: '\f054';
  color: #ea168d;
  font-size: 24px;
  position: absolute;
  top: -1px;
  left: 0;
}

section#hitel3-container li::before {
  font-family: 'Font Awesome 5 Free'; 
  font-weight: 900;  
  content: '\f00c';
  color: #ffffff;
  font-size: 24px;
  position: absolute;
  top: -1px;
  left: 0;
}

section#hitel4-container li::before {
  font-family: 'Font Awesome 5 Free'; 
  font-weight: 900;  
  content: '\f00c';
  color: #ea168d;
  font-size: 24px;
  position: absolute;
  top: -1px;
  left: 0;
}

section#hitel1-container .infobox,
section#hitel2-container .infobox {
  display: block;
  margin-top: 30px;
  background: rgba(255,255,255,0.5);
  border-radius: 5px;
  padding: 30px 30px 30px 65px;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(234,22,141,0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(234,22,141,0.6);  
}

section#hitel1-container .infobox h3,
section#hitel2-container .infobox h3 {
  font-style: italic;
  color: #ea168d;
  font-size: 18px;
  font-weight: 600;
  display: block;
  margin: 0 0 15px 0;
}

section#hitel1-container .infobox p,
section#hitel2-container .infobox p {
  font-style: italic;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  opacity: 0.8;
  display: block;
  margin: 15px 0 0 0;  
}

section#hitel1-container .infobox i,
section#hitel2-container .infobox i {
  color: #ea168d;
  font-size: 60px;
  position: absolute;
  top: 10px;
  left: 20px;
  opacity: 0.2;
}

section#hitel4-container .button {
  background: #ea168d;
  padding: 0 20px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  border-radius: 5px;
  text-transform: uppercase;
  letter-spacing: 1px;
  height: 45px;
  margin-top: 50px;
  -webkit-animation: pulsate 2s ease-out;
  -webkit-animation-iteration-count: infinite; 
  animation: pulsate 2s ease-out;
  animation-iteration-count: infinite;  
}

/* -------------------------------------------------------------------------- */

#course-inner-container {
  width: 100%;
  height: auto;
  display: block;
  padding-bottom: 50px;
}

#course-inner-container .container {
  display: block;
  margin: 0 auto;
}

#course-inner-container .first-row {
  width: 100%;
  height: 780px;
  padding-top: 80px;
  margin-bottom: 100px;
  display: block;
}

#course-inner-container .first-row .container {
  height: 100%;
}

#course-inner-container .first-row .background {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.15;
}

#course-inner-container .first-row .welcome-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 650px;
}

#course-inner-container .first-row h2 {
  font-size: 36px;
  color: #ea168d;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 30px;
}

#course-inner-container .first-row p {
  font-size: 16px;
  line-height: 30px;
  color: #000000;
  margin-bottom: 30px;
}

#course-inner-container .first-row .pictures {
  width: 100%;
  height: 230px;
  position: absolute;
  bottom: -50px;
  left: 0;
}

#course-inner-container .first-row .pictures .pic {
  margin: 0 15px;
  height: 230px;
  overflow: hidden;
  border: #ffffff 5px solid;
}

#course-inner-container .first-row .pictures .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#course-inner-container .first-row .pictures .pic.main {
  position: absolute;
  top: -520px;
  right: -35px;
  width: 420px;
  height: 420px;
  overflow: hidden;
  border: #ffffff 5px solid;  
}

#course-inner-container p {
  font-size: 16px;
  line-height: 30px;
  color: #343433;
  margin-bottom: 30px;
  text-align: justify;
  display: block;
}

#course-inner-container p.center {
  text-align: center;
}

#course-inner-container p s,
#course-inner-container p strong {
  display: inline !important;
}

#course-inner-container p strong.underline {
  text-decoration: underline;
}

#course-inner-container .timing-row {
  width: 100%;
  height: 320px;
  margin: 50px 0;
}

#course-inner-container .timing-row .left-col {
  width: 50%;
  height: 100%;
  background: #ea168d;
  align-items: center;
  justify-content: flex-end;
}

#course-inner-container .timing-row .left-col .text {
  width: 550px;
  display: block;
}

#course-inner-container .timing-row .left-col .text h3 {
  display: block;
  text-align: left;
  color: #ffffff;
  font-size: 30px;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 10px;
}

#course-inner-container .timing-row .left-col .text p {
  display: flex;
  margin: 0;
  align-items: flex-start;
  justify-content: flex-start;
  color: #ffffff;
  padding-right: 30px;
}

#course-inner-container .timing-row .left-col .text label {
  width: 240px;
}

#course-inner-container .timing-row .left-col .text span {
  font-style: italic;
  opacity: 0.5;
}

#course-inner-container .timing-row .left-col .text label,
#course-inner-container .timing-row .left-col .text span {
  display: block;
}

#course-inner-container .timing-row .left-col .text h3 span {
  font-size: 14px;
  font-weight: 400;
  display: block;
  
}

#course-inner-container .timing-row .right-col {
  width: 50%;
  height: 100%;
}

#course-inner-container .timing-row .right-col img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#course-inner-container .button {
  background: #ea168d;
  padding: 0 20px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  border-radius: 5px;
  text-transform: uppercase;
  letter-spacing: 1px;
  height: 45px;
  margin: 50px auto 0 auto;
  -webkit-animation: pulsate 2s ease-out;
  -webkit-animation-iteration-count: infinite; 
  animation: pulsate 2s ease-out;
  animation-iteration-count: infinite;
  width: max-content;
}

#course-inner-container .mobile {
  display: none;
}

.tematika {
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
}

.tematika h3 {
  display: block;
  font-weight: 600;
  margin-top: 30px;
  text-transform: uppercase;
  width: 100%;
}

.tematika h4 {
  color: #ea168d;  
  display: block;  
  font-weight: 600;
  margin-top: 15px;
}

.tematika h5 {
  display: block;  
  font-style: italic;
  margin-top: 5px;
  color: #ea168d;
  font-weight: 600;  
}

.tematika .block {
  display: block;
  padding-left: 15px;
}

.tematika ul {
  list-style: outside disc;
  margin: 15px 0 0 30px !important;
  display: block;
}

.tematika ul li {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  display: list-item;
}

.xmas-open {
  flex-direction: column;
  margin: 25px 0 -10px 0;
  padding: 20px 20px 70px 20px;
  background: #ea168d url(../img/xmas-section.png) bottom center repeat-x;
  background-size: auto 50px;
}

.xmas-open h2 {
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  color: #ffffff;
  text-transform: uppercase;
}

.xmas-open h3 {
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
  margin: 10px 0;
}

.xmas-open h4 {
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  font-style: italic;
}