@import "fonts/fonts.css";
body {
  height: 4000px;
  position: relative;
  font-weight: normal;
  font-style: normal;
  font-family: 'Dosis', sans-serif;
  font-weight: 400;
}

@media (max-width: 768px) {
  body {
    height: unset;
    padding-top: 54px;
  }
}

.fontnormal {
  font-weight: normal;
  font-style: normal;
  font-family: 'Dosis', sans-serif;
}
.fdosislight {
  font-weight: normal;
  font-style: normal;
  font-family: 'Dosis', sans-serif;
  font-weight: 200;
}
.fdosisnormal {
  font-weight: normal;
  font-style: normal;
  font-family: 'Dosis', sans-serif;
  font-weight: 400;
}
.fdosisbold {
  font-weight: normal;
  font-style: normal;
  font-family: 'Dosis', sans-serif;
  font-weight: 700;
}
.kgten {
  font-family: 'kg_ten_thousand_reasonsRg' !important;
  font-weight: normal;
  font-style: normal;
  font-family: 'Dosis', sans-serif;
}
.content {
  max-width: 1140px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}

#navigation-mobile.navigation-mobile-home {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

// #navigation {
//   height: 63px;
//   position: absolute;
//   top: 0px;
//   left: 50%;
//   margin-left: -570px;
// }
// #navigation .content {
//   background: url(../img/background_content.png) no-repeat top left;
//   position: relative;
// }
// #navigation .content .leftbck {
//   height: 63px;
//   position: absolute;
//   top: 0px;
//   right: 1140px;
//   background-image: url(../img/black_gradient_head.png);
//   background-position: 0px 0px;
//   background-repeat: repeat-x;
//   width: 100%;
// }
// #navigation .content .rightbck {
//   height: 63px;
//   position: absolute;
//   top: 0px;
//   right: -1140px;
//   background-image: url(../img/red_gradient_head.png);
//   background-position: 0px 0px;
//   background-repeat: repeat-x;
//   width: 100%;
// }
// #navigation .content a.logo {
//   background-image: url(../img/logo.png);
//   background-repeat: no-repeat;
//   background-position: 0px 0px;
//   width: 187px;
//   height: 63px;
//   display: block;
//   text-indent: -9999px;
// }
// #navigation .content ul {
//   list-style: none;
//   margin: 0;
//   padding: 0;
//   margin-top: 14px;
//   margin-left: 30px;
// }
// #navigation .content ul li {
//   float: left;
//   margin-right: 14px;
// }
// #navigation .content ul li:hover a {
//   border: 1px solid #616161;
//   color: #FFF;
// }
// #navigation .content ul li a {
//   padding: 0 20px;
//   height: 30px;
//   line-height: 30px;
//   display: block;
//   text-align: center;
//   font-size: 14px;
//   color: #7E7D7E;
//   text-decoration: none;
//   text-transform: uppercase;
//   font-weight: normal;
//   font-style: normal;
//   font-family: 'Dosis', sans-serif;
//   font-weight: 700;
//   border: 1px solid transparent;
//   -moz-border-radius: 3px;
//   -webkit-border-radius: 3px;
//   border-radius: 3px;
//   -moz-background-clip: padding;
//   -webkit-background-clip: padding-box;
//   background-clip: padding-box;
// }
// #navigation .content ul li:last-child {
//   margin-right: 20px;
// }
// #navigation .content ul li.current-menu-item a {
//   border: 1px solid #616161;
//   color: #FFF;
// }
// #navigation .content ul lii:first-child {
//   margin-left: 10px;
// }
// #navigation .content a.selectlocation {
//   display: block;
//   color: #FFF;
//   height: 63px;
//   line-height: 63px;
//   font-weight: normal;
//   font-style: normal;
//   font-family: 'Dosis', sans-serif;
//   font-weight: 700;
//   text-decoration: none;
//   font-size: 14px;
//   width: 147px;
//   text-align: center;
//   position: relative;
//   padding-left: 50px;
// }
// #navigation .content a.selectlocation span.arrowdown {
//   background-image: url(../img/sprite.png);
//   background-position: 0px 0px;
//   background-repeat: no-repeat;
//   width: 15px;
//   height: 9px;
//   display: inline-block;
//   margin-left: 15px;
//   margin-top: 29px;
// }
// #navigation .content ul#changelocationnav {
//   z-index: 9999;
//   position: absolute;
//   bottom: -51px;
//   right: 0px;
//   background-color: #2B2929;
//   padding: 10px 15px;
// }
// #navigation .content ul#changelocationnav li {
//   float: auto;
// }
// #navigation .content ul#changelocationnav li:last-child {
//   margin-right: 0;
// }
// #navigation .content ul#changelocationnav li a {
//   float: auto;
//   color: #FFF;
// }
// #navigation .content ul#changelocationnav li a.active {
//   border: 1px solid #616161;
//   color: #FFF;
// }
.fullbckimage {
  background-position: top center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.section {
  position: fixed;
  width: 100%;
  top: 300%;
  left: 0px;
}

#section1 {
  min-height: 841px;
  height: 100%;
  background-image: url(../img/backgrounds/section1.jpg);
  top: 0px;
  padding-top: 50px;
}

@media (max-width: 768px) {
  .section {
    position: initial;
  }  

  #section1 {
    min-height: unset;
    height: unset;
  }
}

@media (max-width: 576px) {
  #section1 {
    height: 196px;
  }
}

#section1 .content h1 {
  font-weight: normal;
  font-style: normal;
  font-family: 'Dosis', sans-serif;
  font-weight: 700;
  font-size: 100px;
  color: #FFF;
  text-transform: uppercase;
  line-height: 80px;
  text-align: center;
}

#section1 .content h1 span {
  font-size: 60px;
}

@media (max-width: 576px) {
  #section1 .content h1 {
    font-weight: 500;
    font-size: 20px;
    line-height: 25px;
    font-weight: 700;
  }

  #section1 .content h1 span {
    font-size: 14px;
    line-height: 18px;
  }
}

#section1 .content .line {
  height: 2px;
  width: 100%;
  background: url(../img/home/line.png) repeat-x top left;
  line-height: 2px;
}
#section1 .content h3 {
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-family: 'Dosis', sans-serif;
  font-weight: 400;
  color: #FFF;
  text-align: center;
}


#section1 .content a.arrowdown {
  background-image: url(../img/sprite.png);
  background-position: -19px 0px;
  width: 57px;
  height: 57px;
  display: block;
  position: absolute;
  top: 530px;
  left: 540px;
  cursor: pointer;
}

@media (max-width: 768px) {
  #section1 .content h3 {
    margin-bottom: 0;
  }

  #section1 .content h3 p{
    padding-bottom: 20px;
    margin-bottom: 0;
  }

  #section1 .content a.arrowdown {
    display: none;
  } 
}

#section2 {
  height: 1065px;
  background-color: #1c1c1c;
}

@media (max-width: 768px) {
  #section2 {
    height: unset;
  }
}

#section2 .text {
  margin-top: 94px;
  border-top: 1px solid #2b2b2b;
}
#section2 .text h3 {
  font-size: 36px;
  font-weight: normal;
  font-style: normal;
  font-family: 'Dosis', sans-serif;
  font-weight: 700;
  color: #FFF;
  background: #1c1c1c;
  display: block;
  width: 300px;
  margin: 0 auto;
  margin-top: -24px;
  text-align: center;
  margin-bottom: 30px;
}
#section2 .text .content {
  height: 411px;
  position: relative;
}
#section2 .text .content p {
  color: #fff;
  font-size: 20px;
  line-height: 33px;
  padding: 100px 200px 0 200px;
}
#section2 .text .content .instruktorji {
  height: 300px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 1140px;
}
#section2 .text .content .instruktorji .instruktorholder {
  width: 1140px;
  height: 300px;
  position: relative;
}
#section2 .text .content .instruktorji .instruktorholder .instruktor {
  display: block;
  width: 300px;
  height: 300px;
  position: absolute;
  background-image: url(../img/instruktorji.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  top: 0px;
  left: 0px;
}
#section2 .text .content .instruktorji .instruktorholder .instruktor.tadeja {
  left: 17px;
  width: 135px;
  background-position: -92px 0px;
}
#section2 .text .content .instruktorji .instruktorholder .instruktor.tadeja:hover {
  z-index: 9999;
  background-position: -43px -304px;
  width: 186px;
  left: -30px;
}
#section2 .text .content .instruktorji .instruktorholder .instruktor.tea {
  left: 0;
  width: 170px;
  background-position: -3319px 0px;
}
#section2 .text .content .instruktorji .instruktorholder .instruktor.tea:hover {
  z-index: 9999;
  background-position: -3296px -304px;
  width: 252px;
  left: -47px;
}
#section2 .text .content .instruktorji .instruktorholder .instruktor.iztok {
  left: 132px;
  width: 152px;
  background-position: -3001px 0px;
  z-index: 99999;
}
#section2 .text .content .instruktorji .instruktorholder .instruktor.iztok:hover {
  z-index: 9999;
  background-position: -2957px -304px;
  width: 215px;
  left: 79px;
}
#section2 .text .content .instruktorji .instruktorholder .instruktor.arijana {
  background-position: -3891px 0;
  left: 260px;
  width: 163px;
}
#section2 .text .content .instruktorji .instruktorholder .instruktor.arijana:hover {
  z-index: 9999;
  background-position: -3891px -304px;
  left: 260px;
  width: 163px;
}
#section2 .text .content .instruktorji .instruktorholder .instruktor.jernej {
  left: 297px;
  width: 153px;
  background-position: -2682px 0px;
}
#section2 .text .content .instruktorji .instruktorholder .instruktor.jernej:hover {
  z-index: 9999;
  background-position: -2649px -304px;
  width: 186px;
  left: 297px;
}
#section2 .text .content .instruktorji .instruktorholder .instruktor.diego {
  left: 137px;
  width: 182px;
  background-position: -2187px 0px;
}
#section2 .text .content .instruktorji .instruktorholder .instruktor.diego:hover {
  z-index: 9999;
  background-position: -2187px -304px;
  width: 306px;
  left: 97px;
}
#section2 .text .content .instruktorji .instruktorholder .instruktor.matej {
  width: 143px;
  background-position: -377px 0px;
  left: 233px;
}
#section2 .text .content .instruktorji .instruktorholder .instruktor.matej:hover {
  z-index: 9999;
  background-position: -336px -304px;
  width: 190px;
  left: 193px;
}
#section2 .text .content .instruktorji .instruktorholder .instruktor.matic {
  background-position: -690px 0px;
  left: 375px;
  width: 132px;
}
#section2 .text .content .instruktorji .instruktorholder .instruktor.matic:hover {
  z-index: 9999;
  background-position: -691px -304px;
  width: 173px;
  left: 375px;
}
#section2 .text .content .instruktorji .instruktorholder .instruktor.borut {
  background-position: -984px 0px;
  left: 481px;
  width: 155px;
}
#section2 .text .content .instruktorji .instruktorholder .instruktor.borut:hover {
  z-index: 9999;
  background-position: -991px -304px;
  width: 186px;
  left: 481px;
}
#section2 .text .content .instruktorji .instruktorholder .instruktor.velibor {
  background-position: -1275px 0px;
  left: 615px;
  width: 155px;
}
#section2 .text .content .instruktorji .instruktorholder .instruktor.velibor:hover {
  z-index: 9999;
  background-position: -1234px -304px;
  width: 237px;
  left: 554px;
}
#section2 .text .content .instruktorji .instruktorholder .instruktor.ivica {
  background-position: -1574px 0px;
  left: 740px;
  width: 172px;
}
#section2 .text .content .instruktorji .instruktorholder .instruktor.ivica:hover {
  z-index: 9999;
  background-position: -1590px -304px;
  width: 156px;
  left: 740px;
}
#section2 .text .content .instruktorji .instruktorholder .instruktor.vlasta {
  background-position: -1897px 0px;
  left: 985px;
  width: 116px;
}
#section2 .text .content .instruktorji .instruktorholder .instruktor.vlasta:hover {
  z-index: 9999;
  background-position: -1864px -304px;
  width: 186px;
  left: 945px;
}
#section2 .text .content .instruktorji .instruktorholder .instruktor.estera {
  left: 845px;
  width: 175px;
  background-position: -3605px 20px;
}
#section2 .text .content .instruktorji .instruktorholder .instruktor.estera:hover {
  z-index: 9999;
  background-position: -3616px -304px;
  left: 845px;
  width: 175px;
}
#section2 .text .content .instruktorji .instruktorholder .instruktor.maja {
  left: 946px;
  width: 195px;
  background-position: -4178px 0px;
}
#section2 .text .content .instruktorji .instruktorholder .instruktor.maja:hover {
  z-index: 9999;
  background-position: -4178px -304px;
  left: 946px;
  width: 195px;
}

/*** ABOUT SECTION ***/

.about {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: cover; }
  @media (max-width: 768px) {
    .about {
      padding-top: 40px;
      padding-bottom: 40px; } }
  .about--right {
    text-align: right; }
  .about img {
    border-radius: 6px;
    display: inline-block;
    max-width: 100%;
    width: 100%; }
  .about h2, .about h3, .about p, .about span {
    color: #fff; }
  .about__left__img {
    padding-bottom: 45px; }
    .about__left__img--right {
      text-align: right; }
    .about__left__img:nth-child(2) {
      position: relative;
      right: -26px; }
  .about__center {
    text-align: center; }
    .about__center__title {
      padding-top: 60px;
      padding-bottom: 29px; }
      @media (max-width: 768px) {
        .about__center__title {
          padding-top: 0;
          padding-bottom: 30px; } }
    .about__center h3 {
      font-weight: 300;
      font-size: 36px;
      line-height: 52px;
      margin-top: 50px;
      margin-bottom: 0;
      padding-bottom: 4px; }
      @media (max-width: 768px) {
        .about__center h3 {
          margin-top: 0;
          font-size: 20px;
          line-height: 52px; } }
      .about__center h3 span {
        font-weight: 700; }
    .about__center h2 {
      font-size: 42px;
      line-height: 52px;
      font-weight: 700;
      text-transform: uppercase;
      margin: 0; }
      @media (max-width: 768px) {
        .about__center h2 {
          font-size: 24px;
          line-height: 32px; } }
    .about__center__counter {
      display: flex;
      justify-content: space-between;
      padding: 0 6px 13px 45px; }
      @media (max-width: 768px) {
        .about__center__counter {
          padding: 0 15px 35px 15px; } }
      @media (max-width: 768px) {
        .about__center__counter {
          padding: 0; } }
      .about__center__counter h2 {
        font-size: 48px;
        line-height: 64px;
        padding-bottom: 4px; }
        @media (max-width: 768px) {
          .about__center__counter h2 {
            font-size: 26px;
            line-height: 24px;
            font-weight: 600; } }
      @media (max-width: 768px) {
        .about__center__counter span {
          font-size: 14px;
          line-height: 21px; } }
    .about .about__center__text {
      margin-bottom: 36px;}     
    .about__center__text p {
      font-size: 16px;
      font-weight: 300;
      line-height: 24px;
      padding: 0px 42px; }
    @media (max-width: 768px) {
      .about__center__text {
        font-size: 16px;
        line-height: 24px;
        font-weight: 300; } }

  .about .content {
    max-width: 1159px;
    width: 95%;
  }

  .about--mw {
    max-width: 631px;
    width: 100%;
    margin: 0 auto;
  }

  .about__team {
    overflow: hidden;
    position: relative;
  }

  .about__team__member {
    position: relative;
  }

  @media (max-width: 576px) {
    .about__team .swiper-slide {
      max-width: 109px;
    }
  }

  .about__team__member__info {
    background: #1c1c1ceb;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 999;
    border-radius: 3px;
    transition: opacity 100ms ease-in;
  }

  .about__team__member:hover .about__team__member__info {
    opacity: 1;
    transition: opacity 200ms ease-in;
  }

  .about__team__member__info h3{
    color: #EF1F2F;
    font-weight: 600;
    font-size: 34px;
    line-height: 43px;
    text-transform: uppercase;
    margin: 4px 0 0 0;
  }

  .about__team__member__info h4{
    color: #fff;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
  }

  .about__team__member__info span{
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
    display: block;
  }

  @media (min-width: 992px) and (max-width: 1200px) {
    .about__team__member__info span {
      font-size: 14px;
      line-height: 20px;
      margin-bottom: -3px;
    }
  }
  
  @media (max-width: 576px) {

    .about__team__member__info h3{
      font-size: 18px;
      line-height: 21px;
      position: absolute;
      bottom: 0;
      width: 100%;
      text-align: center;
    }

    .about__team__member__info h4, .about__team__member__info span {
      display: none;
    }

    .about__team__member:hover .about__team__member__info {
    }
  }

  .about .swiper-button-next, .about .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 48px;
    height: 48px;
    background: #333;
    border: 2px solid #fff;
    border-radius: 50%;
    cursor: pointer;
    z-index: 999;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 200ms ease-in;
  }

  .about .swiper-button-next {
    right: 10px;
  }

  .about .swiper-button-prev {
    left: 10px;
  }

  .about .swiper-button-prev svg{
    transform: rotate(180deg);
  }

  .swiper-homepage:hover .swiper-button-next{
    opacity: 1 !important;
    transition: opacity 200ms ease-in;
  }

  .swiper-homepage:hover .swiper-button-prev{
    opacity: 1 !important;
    transition: opacity 200ms ease-in;
  }

  // .about__team__member:hover .about .swiper-button-prev{
  //   opacity: 1;
  //   transition: opacity 200ms ease-in;
  // }

  @media (max-width: 768px) {
    .about .swiper-button-next, .about .swiper-button-prev{
      visibility: hidden;
    }  
  }

      /*** ABOUT SECTION  END ***/

#section3 {
  min-height: 1026px;
  height: 100%;
  background-image: url(../img/backgrounds/section3.jpg);
}

#section3-mobile {
 display: none;
}

@media (max-width: 768px) {
  #section3 {
    display: none;
  }

  #section3-mobile {
    display: block;
    background-image: url(../img/backgrounds/section3.jpg);
    height: 203px;
    width: 100%;
  }
}

#section4 {
  height: 833px;
  background-color: #FFF;
}

@media (max-width: 768px) {
  #section4 {
    height: unset;
  }
}

#section4 .content ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-top: 55px;
}

@media (max-width: 768px) {
  #section4 .content ul {
    margin: 0;
  }
}


#section4 .content ul li {
  float: left;
  width: 379px;
  border-right: 1px solid #eaeaea;
  height: 482px;
}

@media (max-width: 768px) {
  #section4 .content ul li {
    width: 100%;
    height: unset;
  }
}

#section4 .content ul li:last-child {
  border-right: 0px;
}
#section4 .content ul li h2 {
  color: #252525;
  font-size: 36px;
  line-height: 36px;
  font-weight: normal;
  font-style: normal;
  font-family: 'Dosis', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  margin-left: 29px;
  height: 105px;
}

#section4 .content ul li h2 span {
  text-transform: none;
  font-size: 24px;
  font-weight: normal;
  font-style: normal;
  font-family: 'Dosis', sans-serif;
  font-weight: 400;
}
#section4 .content ul li .infoholder {
  height: 317px;
  background-repeat: no-repeat;
  background-position: 82px -120px;
}
#section4 .content ul li .infoholder .infoholderinside .icon {
  width: 310px;
  height: 101px;
  background-image: url(../img/sprite.png);
  background-position: -83px -1px;
  background-repeat: no-repeat;
  margin-left: 25px;
  margin-right: 0;
}

@media (max-width: 768px) {

  #section4 .content ul li {
    text-align: center;
  }

  #section4 .content ul li h2 {
    margin: 0;
    font-size: 16px;
    line-height: 20px;
    font-weight: 800;
    margin-top: 18px;
    margin-bottom: 10px;
    height: unset;
  }

  #section4 .content ul li h2 br{
    display: none;
  }

  #section4 .content ul li h2 span {
    font-size: 16px;
    line-height: 20px;
    display: block;
  }

  #section4 .content ul li .infoholder {
    height: unset;
    margin-bottom: 20px;
  }

  #section4 .content ul li .infoholder .infoholderinside .icon {
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
}
  }
}

#section4 .content ul li .infoholder .infoholderinside .icon.health {
  background-position: -83px -1px;
}
#section4 .content ul li .infoholder .infoholderinside .icon.firstcare {
  background-position: -388px -1px;
}
#section4 .content ul li .infoholder .infoholderinside .icon.cpp {
  background-position: -712px -1px;
}
#section4 .content ul li .infoholder .infoholderinside ul#slidermedicina {
  margin-top: 0px;
  height: 135px;
}
#section4 .content ul li .infoholder .infoholderinside ul#slidermedicina li {
  height: 135px;
}
#section4 .content ul li .infoholder .infoholderinside a.signup {
  height: 41px;
  border: 1px solid #cd1010;
  -moz-border-radius: 1px 2px 2px 2px;
  -webkit-border-radius: 1px 2px 2px 2px;
  border-radius: 1px 2px 2px 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #e51313;
  -moz-box-shadow: inset 0 1px 0 rgba(230, 19, 20, 0.75);
  -webkit-box-shadow: inset 0 1px 0 rgba(230, 19, 20, 0.75);
  box-shadow: inset 0 1px 0 rgba(230, 19, 20, 0.75);
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDExOCA0MyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSItMS40MjEwODU0NzE1MjAyZS0xNCUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjY2UxMjEzIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTUxMzEzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMTgiIGhlaWdodD0iNDMiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==);
  background-image: -moz-linear-gradient(bottom, #ce1213 0%, #e51313 100%);
  background-image: -o-linear-gradient(bottom, #ce1213 0%, #e51313 100%);
  background-image: -webkit-linear-gradient(bottom, #ce1213 0%, #e51313 100%);
  background-image: linear-gradient(bottom, #ce1213 0%, #e51313 100%);
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  color: #FFF;
  font-weight: normal;
  font-style: normal;
  font-family: 'Dosis', sans-serif;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  padding: 0 22px;
  line-height: 41px;
  margin-left: 136px;
}
#section4 .content ul li .infoholder .infoholderinside .text {
  height: 117px;
  text-align: center;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-family: 'Dosis', sans-serif;
  font-weight: 700;
  color: #2b2929;
  margin-top: 20px;
  line-height: 20px;
}

@media (max-width: 768px) {

  #section4 .content ul li .infoholder .infoholderinside a.signup {
    margin: 0;
    padding: 6px 7px;
    height: unset;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
  }

  #section4 .content ul li .infoholder .infoholderinside .text {
    font-size: 14px;
    line-height: 18px;
  }
}

#section4 .content ul li .infoholder .infoholderinside .text span {
  font-size: 12px;
  margin-bottom: 33px;
  display: block;
}
#section4 .content ul li .infoholder .infoholderinside .text .info {
  font-weight: normal;
  font-style: normal;
  font-family: 'Dosis', sans-serif;
  font-weight: 700;
  font-size: 24px;
}
#section4 .content ul li .infoholder .infoholderinside .text .info i {
  display: inline-block;
  width: 23px;
  height: 29px;
  background-image: url(../img/sprite.png);
  background-position: 0px -66px;
  background-repeat: no-repeat;
  margin-right: 10px;
}
#section4 .content ul li .infoholder .infoholderinside .text .info i.calendar {
  background-position: -30px -66px;
}
#section4 .content ul li .infoholder .infoholderinside .text .info span {
  line-height: 30px;
  font-weight: normal;
  font-style: normal;
  font-family: 'Dosis', sans-serif;
  font-weight: 700;
  font-size: 24px;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
}

@media (max-width: 768px) {
  #section4 .content ul li .infoholder .infoholderinside .text .info span {
    font-size: 16px;
    line-height: 20px;
  }  
}

#section4 .content ul li .infoholder .infoholderinside #slides {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 200px;
  margin: 0 auto;
  text-align: center;
}
#section4 .content ul li .infoholder .infoholderinside #slides a {
  background-image: url(../img/sprite.png);
  background-repeat: no-repeat;
  background-position: 0px -102px;
  width: 9px;
  height: 9px;
  display: inline-block;
  text-indent: -9999px;
  margin-right: 10px;
}
#section4 .content ul li .infoholder .infoholderinside #slides a:hover {
  background-position: -10px -102px;
}
#section4 .content ul li .infoholder .infoholderinside #slides a.activeSlide {
  background-position: -10px -102px;
}

#section4 .exam {
  background: #E70F18;
  padding: 60px 0 42px 0;
  text-align: center;
  color: #fff;
}

@media (max-width: 768px) {
  #section4 .exam {
    display: none;
  }  
}

#section4 .exam h2{
  font-size: 47px;
  line-height: 59px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0 0 4px 0;
  padding: 0;
}

#section4 .exam p{
  font-weight: 500;
  font-size: 24px;
  line-height: 30px;
  margin: 0 0 42px 0;
}

#section4 .exam a{
  color: #fff;
  font-size: 17px;
  line-height: 21px;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 700;
  background: #1C1C1C;
  padding: 19px 46px;
  border-radius: 2px;
  margin: 0;
}

#section5 {
  min-height: 1022px;
  height: 100%;
  background-image: url(../img/backgrounds/section5.jpg);
}

@media (max-width: 768px) {
  #section5 {
    min-height: 186px;
    height: unset;
    width: 100%;
    display: flex;
    align-items: center;
  } 
}

#section5 .onepercentdone {
  font-family: 'kg_ten_thousand_reasonsRg' !important;
  font-weight: normal;
  font-style: normal;
  font-family: 'Dosis', sans-serif;
  font-size: 180px;
  color: #FFF;
  line-height: 55px;
  position: absolute;
  top: 250px;
  right: 120%;
  text-align: center;
}

@media (max-width: 768px) {
  #section5 .onepercentdone {
    position: initial;
    top: 0;
    right: 0;
    font-size: 44px;
    line-height: 74px;
    text-align: center;  
  }

  #section5 .onepercentdone span{
    font-size: 14px !important;
    line-height: 23px !important;
    display: block;
  }

  #section5 .onepercentdone br{
    display: none; 
  }

}

#section6 {
  height: 538px;
  background-color: #FFF;
  background-image: url(../img/backgrounds/section6.jpg);
  background-position: top center;
  overflow: hidden;
}

@media (max-width: 768px) {
  #section6 {
    height: unset;
  }
}

#section6 .content h3 {
  text-transform: uppercase;
  font-size: 36px;
  font-weight: normal;
  font-style: normal;
  font-family: 'Dosis', sans-serif;
  font-weight: 700;
  line-height: 36px;
}

#section6 .content h3 span {
  font-size: 24px;
  font-weight: normal;
  font-style: normal;
  font-family: 'Dosis', sans-serif;
  font-weight: 400;
  text-transform: none;
  line-height: 56px;
}


#section6 .content p {
  margin-top: 34px;
  color: #2b2929;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-family: 'Dosis', sans-serif;
  font-weight: 400;
  width: 449px;
}

@media (max-width: 768px) {

  #section6 .content {
    width: 89%;
  }

  #section6 .content h3 {
    font-size: 16px;
    line-height: 20px;
    font-weight: 800;
    margin-top: 30px; 
  }

  #section6 .content br {
    display: none;
  }

  #section6 .content h3 span {
    font-size: 16px;
    line-height: 20px;
    display: block;
  }

  #section6 .content p {
    width: 100%;
    font-size: 14px;
    line-height: 18px;
    box-sizing: border-box;
    padding-right: 82px;
  }   
}

#section6 .content .stopwatch {
  background: url(../img/home/stopwatch.png) no-repeat top left;
  width: 560px;
  height: 462px;
  position: absolute;
  top: 40px;
  right: 55px;
}

@media (max-width: 768px) {
  #section6 .content .stopwatch {
    background: url(../img/home/stopwatch-mobile.png) no-repeat top right;
    width: 64px;
    height: 70px;
    position: absolute;
    top: 2px;
    right: 20px;
  }
}

#section6 .content .stopwatch .pierel {
  position: relative;
  width: 390px;
  height: 297px;
  margin-top: 165px;
  margin-left: 120px;
}
#section6 .content .stopwatch .pierel .percentageholder {
  position: absolute;
  top: -158px;
  left: 143px;
  text-align: center;
  width: 100px;
  color: #3c3c3c;
  font-size: 36px;
}

@media (max-width: 1133px) {
  #section6 .content .stopwatch .pierel .percentageholder {
    display: none;
  }   
}

#section6 .content .stopwatch .pierel .timeholder {
  position: absolute;
  top: -117px;
  left: -100px;
  color: #ffffff;
  font-size: 18px;
}
#section6 .content .stopwatch .pierel .pieholder {
  position: absolute;
  width: 390px;
  height: 297px;
  clip: rect(0px, 390px, 390px, 195px);
  left: 0px;
}
#section6 .content .stopwatch .pierel .pieholder .piepiece {
  position: absolute;
  width: 390px;
  height: 390px;
  clip: rect(0px, 195px, 390px, 0px);
  -moz-border-radius: 195px;
  -webkit-border-radius: 390px;
  border-radius: 195px;
}
#section6 .content .stopwatch .pierel .pieholder .pie {
  background-color: #E90600;
  border-color: #E90600;
  -moz-transform: rotate(109.8deg);
  -webkit-transform: rotate(109.8deg);
  -o-transform: rotate(109.8deg);
  transform: rotate(109.8deg);
}
#section6 .content .stopwatch .pierel .pieholder2 {
  position: absolute;
  width: 390px;
  height: 297px;
  clip: rect(0px, 390px, 390px, 195px);
  left: 0px;
  top: 93px;
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
#section6 .content .stopwatch .pierel .pieholder2 .piepiece {
  position: absolute;
  width: 390px;
  height: 390px;
  clip: rect(0px, 195px, 390px, 0px);
  -moz-border-radius: 195px;
  -webkit-border-radius: 390px;
  border-radius: 195px;
}

#section6 .content .stopwatch .pierel .pieholder2 .pie {
  background-color: #E90600;
  border-color: #E90600;
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
#section6 .content .stopwatch .pierel .stopwatchcheck {
  width: 160px;
  height: 144px;
  position: absolute;
  top: 100px;
  left: 120px;
  background: url(../img/home/stopwatch_check.png) no-repeat top left;
}
#section7 {
  background-image: url(../img/backgrounds/section7.jpg);
  display: none;
}

@media (max-width: 768px) {
  #section7 {
    display: block;
    min-height: 130px;
    width: 100%;
  }  
}

#section8 {
  background-image: url(../img/backgrounds/section8.jpg);
  background-repeat: repeat-x;
  height: 685px;
}

@media (max-width: 768px) {
  #section8 {
    display: none;
  }
}

#section8 .mapholder {
  background-image: url(../img/city/citymap.png);
  background-position: center top;
  background-size: auto 100%;
  height: 685px;
  width: 100%;
  position: absolute;
  top: 51px;
  min-width: 1000px;
}
#section8 .mapholder .mapholdpr {
  width: 100%;
  height: 100%;
}
#section8 .mapholder .mapholdpr .mapbelow {
  background-image: url(../img/city/below.png);
  background-position: center top;
  background-repeat: no-repeat;
  height: 606px;
  width: 100%;
  position: absolute;
  top: -63px;
  left: -27px;
}
#section8 .mapholder .mapholdpr .mapabove {
  background-position: center top;
  background-image: url(../img/city/above.png);
  background-repeat: no-repeat;
  height: 606px;
  width: 100%;
  position: absolute;
  top: -31px;
  left: -27px;
}
#section8 .mapholder .mapholdpr .routeholder {
  width: 1000px;
  height: 650px;
  margin: 0 auto;
  position: relative;
}
#section8 .mapholder .mapholdpr .routeholder .carholder {
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(../img/city/car.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 52px;
  height: 44px;
}
#section8 .mapholder .mapholdpr .routeholder .carholder .messagesholder {
  position: relative;
  width: 157px;
  height: 43px;
  background: url(../img/city/messagebackground.png) no-repeat top left;
  margin-top: -95px;
  margin-left: 43px;
  z-index: 9999;
  opacity: 0;
  padding: 20px;
}
#section9 {
  min-height: 997px;
  height: 100%;
  background-image: url(../img/backgrounds/section9.jpg);
}

@media (max-width: 768px) {
  #section9 {
    display: none;
  }
}

#section9 .onepercentdone {
  font-family: 'kg_ten_thousand_reasonsRg' !important;
  font-weight: normal;
  font-style: normal;
  font-family: 'Dosis', sans-serif;
  font-size: 180px;
  color: #FFF;
  line-height: 55px;
  position: absolute;
  top: 300px;
  right: 120%;
  text-align: center;
}
#section10 {
  height: 739px;
  background-repeat: repeat-x;
}

@media (max-width: 768px) {
  #section10 {
    display: none;
  }
}

#section10 .parking {
  background-image: url(../img/home/parking.png);
  background-repeat: no-repeat;
  background-position: center top;
  width: 100%;
  height: 739px;
  margin-top: -50px;
}
#section10 .parking .ready h3 {
  padding-top: 65px;
  color: #ffffff;
  font-size: 36px;
  margin-bottom: 20px;
}
#section10 .parking .ready h3 .gv {
  display: block;
  font-weight: normal;
  font-style: normal;
  font-family: 'Dosis', sans-serif;
  font-weight: 700;
  font-size: 72px;
  line-height: 60px;
  padding: 0;
  margin: 0;
}
#section10 .parking .ready ul.categories {
  margin: 0;
  padding: 0;
  overflow: hidden;
  list-style: none;
}
#section10 .parking .ready ul.categories li {
  float: left;
  color: #FFF;
  font-size: 14px;
  margin-right: 20px;
  line-height: 26px;
}
#section10 .parking .ready ul.categories li i {
  width: 26px;
  height: 26px;
  background-image: url(../img/sprite.png);
  background-repeat: no-repeat;
  background-position: -384px -116px;
  display: block;
  float: left;
  margin-right: 5px;
}
#section10 .parking .ready ul.categories li:last-child {
  margin-right: 0;
}
#section10 .success {
  position: absolute;
  top: 80px;
  left: 725px;
  width: 216px;
  height: 180px;
  border: 1px solid #c3c0bf;
  border-radius: 108px;
  color: #FFF;
  font-size: 32px;
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
  font-family: 'kg_ten_thousand_reasonsRg' !important;
  font-weight: normal;
  font-style: normal;
  font-family: 'Dosis', sans-serif;
  text-align: center;
  padding-top: 46px;
}
#section10 .youareready {
  position: absolute;
  top: 550px;
  left: 200px;
  color: #FFF;
  font-family: 'kg_ten_thousand_reasonsRg' !important;
  font-weight: normal;
  font-style: normal;
  font-family: 'Dosis', sans-serif;
  font-size: 32px;
}
#section10 .blackcar {
  position: absolute;
  top: 80px;
  left: 575px;
  width: 496px;
  height: 245px;
  background-image: url(../img/home/blackcar.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  -webkit-transform: rotate(-59deg);
  -moz-transform: rotate(-59deg);
  -o-transform: rotate(-59deg);
  -ms-transform: rotate(-59deg);
  transform: rotate(-59deg);
}
#section10 .blackcar .lightsholder {
  background: url(../img/home/lights.png) no-repeat top left;
  width: 812px;
  height: 312px;
  margin-left: 360px;
  margin-top: -28px;
}
#section11 {
  min-height: 779px;
  height: 100%;
  background-image: url(../img/backgrounds/section11.jpg);
}

#section12-mobile {
  display: none;
}

#section12 {
  background: #FFF;
}

@media (max-width: 768px) {
  #section11 {
    display: none;
  }

  #section12 {
    display: none;
  }

  #section12-mobile {
    display: block;
    background-image: url(../img/backgrounds/section12.jpg);
    background-color: #ff4200;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }

  #section12-mobile {
    display: block;
    background-image: url(../img/backgrounds/section12.jpg);
    background-color: #ff4200;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    text-align: center;
    color: #fff;
    padding: 41px;
  }

  #section12-mobile h2{
    font-weight: 800;
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 10px 0;
  }

  #section12-mobile p{
    font-size: 12px;
    line-height: 15px;
    margin: 0 0 21px 0;
  }

  #section12-mobile a{
    color: #fff;
    background: #2D2B2C;
    font-size: 14px;
    line-height: 18px;
    border-radius: 2px;
    padding: 6px 14px;
    text-decoration: none;

  }
}

#section12 .firstpart {
  border-top: 1px solid #cacaca;
  margin-top: 46px;
}
#section12 .firstpart .content h3 {
  margin: 0 auto;
  color: #2b2929;
  font-size: 24px;
  font-weight: normal;
  font-style: normal;
  font-family: 'Dosis', sans-serif;
  font-weight: 400;
  padding: 0 19px;
  display: block;
  margin-top: -17px;
  background: #FFF;
  width: 160px;
  text-align: center;
}
#section12 .firstpart .content h2 {
  color: #252525;
  font-size: 72px;
  font-weight: normal;
  font-style: normal;
  font-family: 'Dosis', sans-serif;
  font-weight: 700;
  margin: 0;
  text-align: center;
}
#section12 .firstpart .content .description {
  font-size: 14px;
  color: #252525;
  text-align: center;
  margin-bottom: 292px;
}
#section12 .secondpart {
  background-image: url(../img/backgrounds/section12.jpg);
  background-color: #ff4200;
  height: 362px;
}
#section12 .secondpart .content {
  padding-top: 87px;
}
#section12 .secondpart .content .getgift {
  font-family: 'kg_ten_thousand_reasonsRg' !important;
  font-weight: normal;
  font-style: normal;
  font-family: 'Dosis', sans-serif;
  font-size: 12px;
  position: absolute;
  text-align: center;
}
#section12 .secondpart .content .getgift.getshirt {
  top: -260px;
  left: 225px;
}
#section12 .secondpart .content .getgift.getpencil {
  top: -260px;
  left: 460px;
}
#section12 .secondpart .content .getgift.getbook {
  top: -260px;
  left: 665px;
}
#section12 .secondpart .content .getgift.getbrosko {
  top: -260px;
  left: 895px;
}
#section12 .secondpart .content .giftinfographic {
  background-image: url(../img/home/gifts.png);
  width: 761px;
  height: 342px;
  position: absolute;
  left: 50%;
  margin-left: -380.5px;
  top: -250px;
}
#section12 .secondpart .content h2 {
  color: #FFF;
  font-size: 72px;
  font-weight: normal;
  font-style: normal;
  font-family: 'Dosis', sans-serif;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  margin: 0;
}
#section12 .secondpart .content .description {
  color: #ffffff;
  font-size: 14px;
  text-align: center;
}
#section12 .secondpart .content .prijava {
  height: 56px;
  width: 85px;
  border: 1px solid #181818;
  border-radius: 1px 3px 3px 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #252525;
  -webkit-box-shadow: inset 0 -1px 0 rgba(24, 24, 24, 0.75);
  box-shadow: inset 0 -1px 0 rgba(24, 24, 24, 0.75);
  background-image: -webkit-linear-gradient(bottom, #161616 0%, #252525 100%);
  background-image: -moz-linear-gradient(bottom, #161616 0%, #252525 100%);
  background-image: -o-linear-gradient(bottom, #161616 0%, #252525 100%);
  background-image: -ms-linear-gradient(bottom, #161616 0%, #252525 100%);
  background-image: linear-gradient(bottom, #161616 0%, #252525 100%);
  margin: 0 auto;
  display: block;
  font-size: 18px;
  color: #ffffff;
  font-weight: normal;
  font-style: normal;
  font-family: 'Dosis', sans-serif;
  font-weight: 700;
  padding: 0 55px;
  text-decoration: none;
  line-height: 56px;
  margin-top: 35px;
}
#section13 {
  display: none;
  min-height: 1026px;
  height: 100%;
  background-image: url(../img/backgrounds/section13.jpg);
}

#section13 h3 {
  text-align: center;
  padding-top: 50px;
  color: #FFF;
  font-size: 32px;
  font-family: 'kg_ten_thousand_reasonsRg' !important;
  font-weight: normal;
  font-style: normal;
  font-family: 'Dosis', sans-serif;

}

  @media (max-width: 768px) {
    #section13 {
      display: block;
      box-sizing: border-box;
      min-height: 180px;
      width: 100%;
      padding-top: 17px;
    }

    #section13 h3 {
      font-size: 20px;
      line-height: 33px;
      padding: 0;
      margin: 0;
    }
}
#section14 {
  background-color: #202020;
  height: 195px;
  top: auto;
}
#section14 .contentholder {
  margin-top: 30px;
}
#section14 .contentholder .content {
  text-align: center;
}
#section14 .contentholder .content #quoteslides {
  list-style: none;
  margin: 0 auto;
  display: block;
  text-align: center;
  width: 960px;
}

#section14 .contentholder .content .swiper-quotes-homepage {
  overflow: hidden;
}

#section14 .contentholder .content #quoteslides li {
  width: 960px;
}

@media (max-width: 768px) {
  #section14 {
    background: #FA1932;
    height: unset;
    padding: 30px 25px;
    box-sizing: border-box;
  }

  #section14 .contentholder {
    margin-top: 0;
    position: relative;
  }

  #section14 .contentholder .content #quoteslides {
    width: 100%;
    padding: 0;
  }

  #section14 .contentholder .content #quoteslides .swiper-slide {
    width: 100%;
  }

  #section14 .contentholder .content #quoteslides li {
    width: 100%;
  }

  #section14 .contentholder .content #quoteslides li .quote {
		font-size: 25px;
		line-height: 29px;	
	}

  #section14 .contentholder .line {
    width: 100%;
    height: 1px;
    background: #950b19;
    position: absolute;
    top: 11px;
  }
  
  #section14 .contentholder .line {
    top: 7px;
  }
}

#section14 .contentholder .content #quoteslides li .author {
  color: #fff;
  margin: 0 auto;
  margin-top: 0;
  width: 300px;
  text-align: center;
  font-size: 18px;
}

#section14 .contentholder .content #quoteslides li .quote {
  margin-top: 15px;
  margin-bottom: 10px;
  color: #FFF;
  font-size: 32px;
  text-align: center;
  width: 100%;
}
#section14 .contentholder .content #quotenav a {
  width: 12px;
  height: 12px;
  display: inline-block;
  margin-right: 15px;
  border: 1px solid #c00f20;
  text-indent: -9999px;
  border-radius: 6px;
}
#section14 .contentholder .content #quotenav a:hover {
  border: 1px solid #FFF;
  background-color: #FFF;
}
#section14 .contentholder .content #quotenav a.activeSlide {
  border: 1px solid #FFF;
  background-color: #FFF;
}

@media (max-width: 768px) {

  #section14 .contentholder .content #quoteslides li .author {
    color: #BB1426;
    background: #FA1932;
    font-size: 12px;
    line-height: 15px;  
    width: 80px;
    margin-top: -1px;
  }

  #section14 .contentholder .content #quoteslides li .quote {
		font-size: 14px;
    line-height: 18px;
	}
}

#footer {
  background: #ffffff;
  position: fixed;
  width: 100%;
  left: 0px;
  padding-top: 25px;
  padding-bottom: 20px;
  color: #b0b0b0;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-family: 'Dosis', sans-serif;
  font-weight: 400;
}
#footer .content a {
  color: #b0b0b0;
  text-decoration: none;
}
#footer .content .follow a.facebook {
  color: #fd1128;
  background-image: url(../img/sprite.png);
  background-position: 0px -449px;
  background-repeat: no-repeat;
  padding-left: 25px;
  margin-left: 10px;
  display: inline-block;
  height: 20px;
  line-height: 20px;
}
#footer .content ul.nav {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 20px;
}

#footer .follow-mobile{
  display: none;
}

@media (max-width: 768px) {

  #footer {
    position: initial;
    padding: 25px 20px 20px 20px;
    box-sizing: border-box;
  }

  #footer .follow{
		display: none;

	}

	#footer .follow-mobile{
		display: block;
    float: left;
	}

	#footer .author{
		float: right;
	}

  #footer .content ul.nav {
    display: none;
  }

}

#footer .content ul.nav li {
  float: left;
  margin-right: 26px;
}
#footer .content ul.nav li a {
  color: #252525;
  font-weight: normal;
  font-style: normal;
  font-family: 'Dosis', sans-serif;
  font-weight: 700;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  border: 1px solid transparent;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 0 18px;
  display: block;
  text-decoration: none;
}
#footer .content ul.nav li a:hover {
  border: 1px solid #c0cccd;
}
#footer .content ul.nav li a:active {
  border: 1px solid #c0cccd;
}