.bttn {
  display: inline-block;
  width: 11em;
  height: 2.2em;
  border: solid 0.225em;
  border-radius: 1.1em;
  line-height: 1.8em;
  text-align: center;
  background: rgba(255, 255, 255, 0.25);
  transition: background-color 0.4s ease; }

.bttn-orange {
  border-color: #F7834F; }
  .bttn-orange:hover {
    background: rgba(247, 131, 79, 0.375); }

.bttn-green {
  border-color: #9ABF32; }
  .bttn-green:hover {
    background: rgba(154, 191, 50, 0.375); }

.landing {
  color: white;
  font-size: 1.4em; }
  .landing h1 {
    margin: 0;
    font-size: 2em; }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    .landing h1 {
      font-size: 1.6em; } }

form {
  margin-top: 0.4em;
  font-size: 1.6em; }
  form * {
    font-size: 1em; }
  form input:not([type="submit"]), form textarea {
    display: block;
    width: 100%;
    resize: vertical;
    margin: 0 0 0.4em;
    padding: 0.4em 0.7em;
    background: white;
    border: none;
    border-radius: 1px;
    font-family: inherit; }
    form input:not([type="submit"]):active, form input:not([type="submit"]):focus, form textarea:active, form textarea:focus {
      outline: solid 0.1em rgba(154, 191, 50, 0.375); }
  form textarea {
    height: 6em;
    min-height: 2em; }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    form {
      margin-top: 2em; } }

.kontakt {
  padding: 2em 1em;
  background: #f4f4f4; }

#home {
  text-align: center; }
  #home #home-topPic > div > div {
    height: 290px;
    background: url("img/home/nuxx-oriesky.png") no-repeat fixed center 5em;
    background-size: 600px; }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      #home #home-topPic > div > div {
        height: 41vw;
        background-size: 80vw; } }
  #home #home-landing {
    padding: 4em 1em;
    background: center top no-repeat url("img/home/uvod-foto-cely.png") fixed;
    background-size: cover; }
    #home #home-landing .bttn {
      margin: 5em 2em 0; }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      #home #home-landing .bttn:last-of-type {
        margin-top: 2em; } }
  #home #home-preFirmy {
    padding: 1em 0;
    font-size: 1.4em; }
    #home #home-preFirmy p {
      margin-bottom: 1em; }
  #home #home-ponuka h2 {
    margin: 1em 0.5em 0.3em;
    font-size: 3em; }
  #home #home-ponuka .home-ponukaParent {
    position: relative;
    display: inline-block;
    width: 20em;
    height: 20em;
    margin: 1em;
    padding: 1em;
    background: url("img/home/uvod-foto.png") no-repeat center;
    background-size: cover;
    overflow: hidden; }
    #home #home-ponuka .home-ponukaParent * {
      position: relative;
      z-index: 1; }
    #home #home-ponuka .home-ponukaParent h3 {
      position: absolute;
      width: 13.8461538462em;
      margin: 0;
      font-size: 1.3em;
      line-height: 13.8461538462em;
      color: white;
      transition: all 0.4s ease; }
    #home #home-ponuka .home-ponukaParent span {
      display: block;
      margin: 20em 0 0;
      opacity: 0;
      transition: margin 0.8s ease, opacity 0.4s ease; }
      #home #home-ponuka .home-ponukaParent span:last-of-type {
        font-size: 1.5em; }
    #home #home-ponuka .home-ponukaParent div {
      position: absolute;
      background: white;
      top: 0;
      left: 0;
      width: 20em;
      height: 20em;
      z-index: 0;
      opacity: 0;
      transition: opacity 0.4s ease; }
    #home #home-ponuka .home-ponukaParent a {
      display: inline-block;
      width: 7em;
      margin: 0;
      border: solid 1px transparent;
      border-radius: 1em;
      line-height: 2em;
      font-weight: bold;
      vertical-align: top;
      transition: all 0.2s ease, margin-top 1s ease-out; }
      #home #home-ponuka .home-ponukaParent a:hover {
        letter-spacing: 1px; }
      #home #home-ponuka .home-ponukaParent a:first-of-type {
        margin-right: 2em; }
        #home #home-ponuka .home-ponukaParent a:first-of-type:hover {
          border-color: white; }
      #home #home-ponuka .home-ponukaParent a:last-of-type {
        margin-top: 20em;
        margin-left: 2em;
        background: white; }
    #home #home-ponuka .home-ponukaParent:hover h3, #home #home-ponuka .home-ponukaParent.hover h3 {
      color: black;
      line-height: 2em; }
    #home #home-ponuka .home-ponukaParent:hover span, #home #home-ponuka .home-ponukaParent.hover span {
      opacity: 1;
      margin: 0; }
      #home #home-ponuka .home-ponukaParent:hover span:first-of-type, #home #home-ponuka .home-ponukaParent.hover span:first-of-type {
        margin-top: 6.5em; }
      #home #home-ponuka .home-ponukaParent:hover span:last-of-type, #home #home-ponuka .home-ponukaParent.hover span:last-of-type {
        margin-bottom: 3.3em; }
    #home #home-ponuka .home-ponukaParent:hover a:last-of-type, #home #home-ponuka .home-ponukaParent.hover a:last-of-type {
      margin-top: 0; }
    #home #home-ponuka .home-ponukaParent:hover div, #home #home-ponuka .home-ponukaParent.hover div {
      opacity: 0.375; }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    #home #home-ponuka h2 {
      font-size: 1.8em; } }
  #home #home-oFirme h1 {
    margin: 1.5em 0.5em 0.7em;
    font-size: 3em;
    line-height: 3em;
    background: url("img/home/nuxx-oriesky2.png") center no-repeat;
    background-size: contain; }
  #home #home-oFirme > p {
    width: 90%;
    max-width: 70em;
    margin: 0 auto; }
  #home #home-oFirme #home-oFirmePerson {
    margin: 3em 0; }
    #home #home-oFirme #home-oFirmePerson #home-oFirmePersonPortrait {
      display: block;
      width: 7em;
      height: 7em;
      margin: 0 auto;
      background: url("img/home/uvod-foto.png") no-repeat center;
      background-size: cover;
      border-radius: 100%; }
    #home #home-oFirme #home-oFirmePerson h4 {
      font-size: 1.5em;
      margin: 0.5em 0; }
    #home #home-oFirme #home-oFirmePerson p {
      width: 65%;
      max-width: 40em;
      margin: 1em auto; }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    #home #home-oFirme h1 {
      font-size: 1.8em; } }
  #home #home-kontakt h1 {
    margin: 0 0 0.7em;
    font-size: 3em; }
  #home #home-kontakt #home-kontaktParent {
    width: 90%;
    max-width: 70em;
    margin: 0 auto; }
    #home #home-kontakt #home-kontaktParent > div {
      display: inline-block;
      width: 50%;
      vertical-align: top; }
      #home #home-kontakt #home-kontaktParent > div h4 {
        display: block;
        margin: 1.5em 0 0;
        font-size: 1.6em;
        font-weight: bold; }
      #home #home-kontakt #home-kontaktParent > div a {
        display: block; }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    #home #home-kontakt h1 {
      font-size: 1.8em; }
    #home #home-kontakt #home-kontaktParent > div {
      width: 100%; }
      #home #home-kontakt #home-kontaktParent > div h4:first-of-type {
        margin-top: 0; } }

#comp {
  text-align: center; }
  #comp #comp-landing {
    padding: 2em 1em;
    background: center bottom no-repeat url("img/home/uvod-foto-cely.png") fixed;
    background-size: cover; }
    #comp #comp-landing .bttn {
      margin: 7em 0 0; }
  #comp #comp-ponuka h1 {
    margin: 1em 0 0.7em;
    font-size: 3em; }
  #comp #comp-ponuka > div {
    padding: 0 10%; }
    #comp #comp-ponuka > div .comp-ponukaParent {
      display: inline-block;
      width: 20em;
      margin: 0 1em 2em; }
      #comp #comp-ponuka > div .comp-ponukaParent h4 {
        margin: 0.4em 0;
        font-size: 1.4em; }
      #comp #comp-ponuka > div .comp-ponukaParent > div {
        width: 20em;
        height: 17.5em;
        margin-bottom: 0.5em;
        background: no-repeat center url("img/home/uvod-foto.png");
        background-size: cover; }
      #comp #comp-ponuka > div .comp-ponukaParent span {
        display: block; }
        #comp #comp-ponuka > div .comp-ponukaParent span.comp-ponukaMinOdber {
          margin-top: 1em; }
        #comp #comp-ponuka > div .comp-ponukaParent span:last-of-type {
          font-size: 0.825em; }
  #comp #comp-kontakt h1 {
    font-size: 3em;
    margin: 0; }
  #comp #comp-kontakt h2 {
    font-size: 1.5em;
    margin: 0.3em 0 1em; }
  #comp #comp-kontakt form {
    width: 80%;
    max-width: 50em;
    margin: 0 auto; }
    #comp #comp-kontakt form input[type="submit"] {
      margin-top: 0.5em; }
    @media only screen and (min-width: 767px) {
      #comp #comp-kontakt form input:not([type="submit"]) {
        display: inline-block;
        width: calc(50% - .2em); }
        #comp #comp-kontakt form input:not([type="submit"]):nth-of-type(odd) {
          margin-right: 0.4em; } }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    #comp #comp-ponuka > div {
      padding: 0; }
    #comp #comp-kontakt h1 {
      font-size: 1.8em; }
    #comp #comp-kontakt h2 {
      font-size: 1.1em; }
    #comp #comp-kontakt form {
      width: 90%; } }

#detail {
  text-align: center; }
  #detail #detail-top {
    padding: 2em 0;
    position: relative; }
    #detail #detail-top > div:first-of-type, #detail #detail-top > div:last-of-type {
      position: absolute;
      top: 10em;
      width: calc(50% - 20em);
      min-height: 40em;
      padding: 0 1em;
      z-index: -1; }
    #detail #detail-top > div:first-of-type {
      left: 0; }
      #detail #detail-top > div:first-of-type img {
        width: 20em; }
    #detail #detail-top > div:last-of-type {
      right: 0;
      overflow: hidden; }
      #detail #detail-top > div:last-of-type img {
        width: 10em; }
    #detail #detail-top > div#detail-center {
      width: 40em;
      margin: 0 auto; }
      #detail #detail-top > div#detail-center h1 {
        font-size: 3em;
        margin: 0.5em 0; }
      #detail #detail-top > div#detail-center div {
        width: 40em;
        height: 40em;
        background: url("img/home/uvod-foto.png") no-repeat center;
        background-size: cover; }
      #detail #detail-top > div#detail-center a {
        font-size: 1.75em; }
  #detail #detail-info {
    width: 80%;
    max-width: 60em;
    margin: 2em auto 5em; }
    #detail #detail-info > div {
      display: inline-block;
      width: 50%;
      vertical-align: top; }
      #detail #detail-info > div h5 {
        margin: 0;
        font-size: 1.5em;
        font-weight: normal; }
      #detail #detail-info > div h4 {
        margin: 0 0 2em;
        font-size: 1.5em;
        font-weight: bold; }
      #detail #detail-info > div p {
        margin-top: 3em; }
      #detail #detail-info > div span {
        display: block; }
  @media only screen and (min-width: 767px) and (max-width: 991px) {
    #detail #detail-top > div:first-of-type, #detail #detail-top > div:last-of-type {
      width: calc(50% - 15em);
      min-height: 30em; }
    #detail #detail-top > div#detail-center {
      width: 30em; }
      #detail #detail-top > div#detail-center div {
        width: 30em;
        height: 30em; } }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    #detail #detail-top > div:first-of-type, #detail #detail-top > div:last-of-type {
      width: calc(50% - 40vw);
      min-height: 30em; }
    #detail #detail-top > div:last-of-type {
      display: none; }
    #detail #detail-top > div#detail-center {
      width: 80vw; }
      #detail #detail-top > div#detail-center h1 {
        font-size: 1.8em; }
      #detail #detail-top > div#detail-center div {
        width: 80vw;
        height: 80vw; }
      #detail #detail-top > div#detail-center a {
        font-size: 1.2em; }
    #detail #detail-info {
      width: 90%; }
      #detail #detail-info > div {
        width: 100%; }
        #detail #detail-info > div h4 {
          margin: 1em 0; }
        #detail #detail-info > div p {
          margin: 1em 0; } }

/*# sourceMappingURL=styleSass.css.map */