@charset "UTF-8";
/* 2028 C */
/* 172 C */
/* Coated Bright Orange */
/* 2012c */
@import url("https://fonts.googleapis.com/css?family=Cinzel+Decorative");
@import url("https://fonts.googleapis.com/css?family=Muli");
/* line 1, _header.scss */
.header-menu {
  -webkit-transition: min-height 200ms;
  -moz-transition: min-height 200ms;
  transition: min-height 200ms;
  background: repeating-linear-gradient(90deg, #eb3300 0%, #FA4616 20%, #ef9600 50%, #FA4616 80%, #eb3300 100%);
  background-size: 100vw 1px;
  -webkit-animation: 'slide' 60s infinite linear forwards;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  top: 0;
  width: 100%;
  min-height: 65px;
  z-index: 3;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 110px; }
  /* line 16, _header.scss */
  .header-menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
    overflow: hidden; }
  /* line 22, _header.scss */
  .header-menu li {
    font-size: 18px;
    display: block;
    text-align: center; }
    /* line 26, _header.scss */
    .header-menu li a {
      color: white;
      display: block;
      padding: 1rem 0;
      text-indent: 0;
      text-decoration: none;
      margin-right: 70px; }
      /* line 33, _header.scss */
      .header-menu li a:hover {
        color: #444242; }

/* line 41, _header.scss */
.header-menu .selected {
  color: #444242; }

/* line 45, _header.scss */
.header-logo {
  -webkit-transition: opacity 600ms;
  -moz-transition: opacity 600ms;
  transition: opacity 600ms;
  background-color: #fdfdf6;
  box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.1);
  width: 100%;
  z-index: 3;
  display: flex;
  justify-content: center;
  margin-bottom: 65px; }

/* line 56, _header.scss */
.logo {
  width: 194px;
  height: 80px;
  background: url("img/logo-grad.png");
  background-size: cover;
  font-size: 2em;
  padding: 10px 20px;
  text-decoration: none;
  margin-top: 5px;
  margin-bottom: 5px; }

/* line 66, _header.scss */
.flameLogo {
  -webkit-transition: opacity 600ms;
  -moz-transition: opacity 600ms;
  transition: opacity 600ms;
  margin-right: 20px;
  margin-top: 5px;
  opacity: 0; }
  /* line 71, _header.scss */
  .flameLogo b {
    font-family: 'Cinzel Decorative', cursive;
    color: white;
    font-size: 25px; }

/* line 79, _header.scss */
.scroll-110 .header-logo {
  opacity: 0; }

/* line 82, _header.scss */
.scroll-110 .header-menu {
  position: fixed;
  top: 0; }

/* line 87, _header.scss */
.scroll-110 .flameLogo {
  opacity: 1; }

/* line 90, _header.scss */
.scroll-110 .small_logo {
  text-decoration: none; }

/* line 96, _header.scss */
.scroll-130 .header-menu {
  min-height: 40px; }

@keyframes slide {
  0% {
    background-position-x: 0%; }
  100% {
    background-position-x: 600vw; } }

/* line 2, _menu.scss */
.header-menu .menu {
  clear: both;
  max-height: 0;
  transition: max-height .2s ease-out;
  justify-content: center; }

/* line 9, _menu.scss */
.header-menu .menu-icon {
  cursor: pointer;
  padding: 24px 2px;
  position: relative;
  margin-right: 20px;
  margin-left: 20px;
  user-select: none;
  margin-top: 8px; }

/* line 19, _menu.scss */
.scroll-130 .header-menu .menu-icon {
  margin-top: 0; }

/* line 24, _menu.scss */
.header-menu .menu-icon .navicon {
  background: white;
  display: block;
  height: 2px;
  position: relative;
  transition: background .2s ease-out;
  width: 18px; }

/* line 33, _menu.scss */
.header-menu .menu-icon .navicon:before,
.header-menu .menu-icon .navicon:after {
  background: white;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transition: all .2s ease-out;
  width: 100%; }

/* line 44, _menu.scss */
.header-menu .menu-icon .navicon:before {
  top: 5px; }

/* line 48, _menu.scss */
.header-menu .menu-icon .navicon:after {
  top: -5px; }

/* line 54, _menu.scss */
.header-menu .menu-btn {
  display: none; }

/* line 58, _menu.scss */
.header-menu .menu-btn:checked ~ .menu {
  max-height: 240px; }

/* line 63, _menu.scss */
.header-menu .menu-btn:checked ~ .menu-icon .navicon {
  background: transparent; }

/* line 67, _menu.scss */
.header-menu .menu-btn:checked ~ .menu-icon .navicon:before {
  transform: rotate(-45deg); }

/* line 71, _menu.scss */
.header-menu .menu-btn:checked ~ .menu-icon .navicon:after {
  transform: rotate(45deg); }

/* line 75, _menu.scss */
.header-menu .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.header-menu .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  top: 0; }

/* line 81, _menu.scss */
.selected {
  display: block;
  text-align: center; }

@media (max-width: 48em) {
  /* line 91, _menu.scss */
  .header-menu {
    justify-content: space-between;
    align-items: flex-start; } }

/* line 1, _content.scss */
.container {
  position: relative;
  margin: auto;
  max-width: 960px; }

/* line 8, _content.scss */
#content {
  width: 100%;
  text-align: justify;
  position: relative;
  margin: auto;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-top: 25px;
  color: #655c5c; }
  /* line 16, _content.scss */
  #content .inner {
    padding: 20px;
    margin: auto;
    font-size: 15px; }
    /* line 18, _content.scss */
    #content .inner h4, #content .inner h3 {
      color: #eb3300; }
    /* line 21, _content.scss */
    #content .inner h4 {
      text-indent: -3em; }

/* line 29, _content.scss */
#content1 {
  background: url("img/cover3.jpg") top center no-repeat;
  background-position: 100%;
  background-size: cover;
  margin: auto;
  width: 100%;
  min-height: 700px; }

/* line 38, _content.scss */
#content2 {
  width: 100%;
  text-align: justify;
  position: relative;
  margin: auto;
  flex: 1;
  padding: 4px;
  text-decoration: none;
  font-size: 10px;
  line-height: 4em;
  color: #655c5c; }

/* line 52, _content.scss */
.columns {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }
  /* line 54, _content.scss */
  .columns > * {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1; }

/* line 61, _content.scss */
.column_space > *:not(:first-child) {
  margin-left: 20px; }

/* line 67, _content.scss */
.flame {
  line-height: 1.9em;
  font-size: x-large;
  padding: inherit;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }
  /* line 72, _content.scss */
  .flame ul {
    margin: 0;
    padding: 0; }
  /* line 76, _content.scss */
  .flame li {
    list-style-type: none; }
    /* line 78, _content.scss */
    .flame li::first-letter {
      font-family: 'Cinzel Decorative', cursive;
      font-weight: bold;
      font-size: larger;
      color: #eb3300;
      margin-right: 2px; }
    /* line 85, _content.scss */
    .flame li:nth-child(2):first-letter {
      color: #FA4616; }
    /* line 86, _content.scss */
    .flame li:nth-child(3):first-letter {
      color: #FA4616; }
    /* line 87, _content.scss */
    .flame li:nth-child(4):first-letter {
      color: #ff5e00; }
    /* line 88, _content.scss */
    .flame li:nth-child(5):first-letter {
      color: #ef9600; }

/* line 93, _content.scss */
.flame1 {
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
  font-size: x-large;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0;
  -ms-flex: 0;
  flex: 0;
  padding: 40px;
  line-height: 2; }

/* line 102, _content.scss */
.flame2 {
  background-color: rgba(255, 255, 255, 0.7);
  font-size: x-large;
  padding: 40px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1; }

/* line 110, _content.scss */
h2.first {
  margin-top: 0; }

/* line 114, _content.scss */
.wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: inherit; }

/* line 119, _content.scss */
.conimg {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 15px; }
  /* line 122, _content.scss */
  .conimg h4, .conimg h3 {
    color: #eb3300; }

/* line 127, _content.scss */
.image {
  background-image: url("img/working.jpg");
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  border: 1px solid #eb3300;
  border-radius: 62px;
  border-top-left-radius: 0;
  box-shadow: 0px 0px 5px #eb3300;
  width: 640px;
  height: 426px;
  margin-top: 78px;
  margin-left: 15px; }

/* line 141, _content.scss */
.image2 {
  background-image: url("img/coach2.jpg");
  background-size: cover;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  border: 1px solid #eb3300;
  border: 1px solid #eb3300;
  border-radius: 62px;
  border-top-left-radius: 0;
  box-shadow: 0px 0px 5px #eb3300;
  width: 640px;
  height: 426px;
  margin-top: 68px;
  margin-left: 15px; }

/* line 157, _content.scss */
.image3 {
  background-image: url("img/startup.jpg");
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  border: 1px solid #eb3300;
  border: 1px solid #eb3300;
  border-radius: 62px;
  border-top-left-radius: 0;
  box-shadow: 0px 0px 5px #eb3300;
  width: 640px;
  height: 426px;
  margin-top: 59px;
  margin-left: 15px; }

/* line 172, _content.scss */
.conimg2 {
  font-size: 15px; }
  /* line 174, _content.scss */
  .conimg2 h4, .conimg2 h3 {
    color: #eb3300; }

/* line 180, _content.scss */
.image5 {
  float: right;
  display: inline-block;
  width: 400px;
  margin-left: 15px; }

@media (max-width: 48em) {
  /* line 191, _content.scss */
  .columns {
    -webkit-flex-flow: column;
    flex-flow: column; }
  /* line 197, _content.scss */
  .column_space > *:not(:first-child) {
    margin-left: 0; }
  /* line 203, _content.scss */
  .flame2 {
    padding: 20px; }
  /* line 207, _content.scss */
  .image, .image2, .image3 {
    display: none; }
  /* line 212, _content.scss */
  body.about .image5 {
    display: block;
    width: 100%; } }

/* line 1, education.scss */
.read-more-state {
  display: none; }

/* line 6, education.scss */
.read-more-target {
  opacity: 0;
  max-height: 0;
  font-size: 0;
  transition: .25s ease;
  position: absolute; }

/* line 23, education.scss */
.read-more-state:checked ~ .read-more-wrap {
  opacity: 1;
  font-size: inherit;
  max-height: 999em; }

/* line 29, education.scss */
.read-more-state:checked ~ .read-more-target {
  opacity: 1;
  font-size: inherit;
  max-height: 999em;
  position: relative; }

/* line 38, education.scss */
.read-more-state ~ .read-more-trigger:before {
  content: 'Saznaj više'; }

/* line 42, education.scss */
.read-more-state:checked ~ .read-more-trigger:before {
  content: 'Sakrij'; }

/* line 47, education.scss */
.read-more-trigger {
  cursor: pointer;
  display: inline-block;
  padding: 5px;
  color: #655c5c;
  text-decoration: none;
  border-bottom: 1px solid #eb3300; }
  /* line 54, education.scss */
  .read-more-trigger:hover {
    color: #eb3300; }

/* line 60, education.scss */
ul.education li {
  list-style-type: disc;
  list-style-position: inside;
  line-height: 2;
  text-indent: -2em; }
  /* line 65, education.scss */
  ul.education li h4 {
    color: #eb3300; }

/* line 72, education.scss */
.hyper {
  color: #655c5c;
  text-decoration: none;
  border-bottom: 1px solid #eb3300; }
  /* line 76, education.scss */
  .hyper:hover {
    color: #eb3300; }

/* line 83, education.scss */
.section1 {
  padding: 18px; }

/* line 87, education.scss */
.section2 {
  padding: 18px; }

/* line 93, education.scss */
.personal_menu {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0;
  -ms-flex: 0;
  flex: 0;
  background-color: #f5f5ed;
  color: #eb3300;
  font-size: large;
  line-height: 3; }
  /* line 99, education.scss */
  .personal_menu h4 {
    color: #eb3300;
    margin-left: -25px; }
  /* line 103, education.scss */
  .personal_menu li {
    padding-right: 10px;
    list-style-position: outside; }
    /* line 106, education.scss */
    .personal_menu li p {
      color: #655c5c; }

/* line 113, education.scss */
#personal_wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }
  /* line 115, education.scss */
  #personal_wrap ul {
    background-color: #f5f5ed;
    position: fixed; }

@media (max-width: 1470px) {
  /* line 125, education.scss */
  .personal_menu {
    display: none; } }

/* line 1, _coach.scss */
.coach {
  background: url("img/coach3.jpg") top center no-repeat;
  width: 960px;
  height: 600px;
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }

/* line 9, _coach.scss */
.coach2 {
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 10px;
  height: 285px;
  color: white; }

/* line 19, _coach.scss */
.sdi li {
  color: #eb3300;
  line-height: 2; }

/* line 26, _coach.scss */
.image4 {
  background-image: url("img/coach1.jpg");
  background-size: cover;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  border: 1px solid gray;
  border-radius: 62px;
  border-top-left-radius: 0;
  box-shadow: 0px 0px 5px;
  width: 640px;
  height: 303px;
  margin-top: 59px;
  margin-left: 15px; }

@media (max-width: 48em) {
  /* line 43, _coach.scss */
  .coach {
    background-size: cover;
    width: initial;
    height: initial; }
  /* line 49, _coach.scss */
  .image4 {
    display: none; } }

/* line 1, _footer.scss */
#footer {
  background-color: #f5f5ed;
  margin-top: inherit;
  color: #655c5c;
  line-height: 1.9em;
  font-size: small;
  border-top: 2px solid #655c5c; }
  /* line 8, _footer.scss */
  #footer .inner {
    padding: 20px;
    margin: auto; }

/* line 27, style.scss */
html {
  height: 100%; }

/* line 31, style.scss */
body {
  font-family: Muli;
  background-color: #fdfdf6;
  min-height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  line-height: 1.5;
  margin: 0; }

/* line 41, style.scss */
a {
  text-decoration: none; }

@media (min-width: 48em) {
  /* line 72, style.scss */
  .header-menu li {
    float: left; }
  /* line 75, style.scss */
  .header-menu li a {
    padding: 5px 30px; }
  /* line 78, style.scss */
  .header-menu .menu {
    clear: none;
    float: right;
    max-height: none; }
  /* line 83, style.scss */
  .header-menu .menu-icon {
    display: none; } }

/* line 87, style.scss */
.topSection {
  border-top: 2px solid #eb3300;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto; }

@media only screen and (max-width: 479px) {
  /* line 95, style.scss */
  .container {
    max-width: 960px; }
  /* line 99, style.scss */
  .header-menu .selected {
    color: #444242; }
  /* line 103, style.scss */
  .personal_menu {
    display: none; }
  /* line 107, style.scss */
  .education {
    text-align: left; } }