/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 1.7.2019, 10:39:36
    Author     : jpokorny
*/
.text-font, .text-bold-blue, #how-it-work h1, #katalog-sluzeb h1, #how-it-work p {
  font-family: Raleway;
  font-size: 25px;
  line-height: 30px; }

.text-color, .text-bold-blue, #how-it-work h1, #katalog-sluzeb h1, #how-it-work p {
  color: #000C5C; }

.text-bold, .text-bold-blue, #how-it-work h1, #katalog-sluzeb h1 {
  font-weight: bold; }

body {
  background-color: white; }

#wrapper {
  background-color: white;
  /*min-height: 100vh;*/
  width: 100%;
  padding-top: 70px; }

body.home-page > #wrapper {
  padding-top: 0px; }

#plachta {
  max-height: 159px;
  max-width: 90%;
  z-index: 9;
  position: absolute;
  float: left;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding-bottom: 0px;
  padding: 2%;
  width: 800px;
  text-align: center; }
  #plachta h1 {
    padding-bottom: 0px; }
  #plachta p {
    overflow: auto;
    max-height: 100px;
    padding-bottom: 0px;
    font-family: Raleway;
    color: white;
    font-size: 25px;
    line-height: 30px; }
    @media screen and (max-width: 850px) {
      #plachta p {
        font-size: 20px; } }
    @media screen and (max-width: 650px) {
      #plachta p {
        font-size: 16px; } }
    @media screen and (max-width: 550px) {
      #plachta p {
        font-size: 14px;
        line-height: 25px; } }
    @media screen and (max-width: 400px) {
      #plachta p {
        font-size: 13px; } }
  #plachta img {
    max-width: 100%;
    padding-bottom: 15px; }
    @media screen and (max-width: 400px) {
      #plachta img {
        padding-bottom: 0px;
        max-width: 80%; } }

/* START HP - video */
video {
  width: 100%;
  height: auto; }

#video-wrapper {
  height: 100%;
  width: 100%;
  position: relative;
  display: grid;
  display: -ms-inline-flexbox; }
  @media screen and (max-width: 800px) {
    #video-wrapper {
      position: relative;
      top: 70px;
      padding-bottom: 70px; } }

/* KONEC HP - video */
#download {
  background-color: #FFFFFF;
  padding-top: 50px; }
  #download .wrapper {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-flow: row wrap;
    justify-content: center;
    text-align: center;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 20px; }
    #download .wrapper .dwn-dwn {
      font-family: Raleway;
      font-size: 25px;
      line-height: 30px;
      color: #000C5C;
      font-weight: bold;
      width: 50%; }
      @media screen and (max-width: 850px) {
        #download .wrapper .dwn-dwn {
          width: 100%; } }
      #download .wrapper .dwn-dwn .wrap {
        padding-top: 80px; }
        @media screen and (max-width: 850px) {
          #download .wrapper .dwn-dwn .wrap {
            padding-top: 0px; } }
        @media screen and (max-width: 500px) {
          #download .wrapper .dwn-dwn .wrap p {
            line-height: 30px; } }
        #download .wrapper .dwn-dwn .wrap img {
          height: 60px; }
          @media screen and (max-width: 400px) {
            #download .wrapper .dwn-dwn .wrap img {
              height: 45px; } }
        #download .wrapper .dwn-dwn .wrap a {
          font-family: Raleway;
          font-size: 25px;
          line-height: 30px;
          color: #000C5C;
          font-weight: bold;
          text-decoration: none; }
    #download .wrapper .dwn-iphone {
      width: 50%;
      padding-top: 15px; }
      @media screen and (max-width: 850px) {
        #download .wrapper .dwn-iphone {
          width: 100%; } }
      #download .wrapper .dwn-iphone img {
        max-width: 100%;
        width: 350px; }

#how-it-work {
  text-align: center;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: 0px 15px; }
  #how-it-work h1 {
    font-size: 35px;
    line-height: 41px; }
  #how-it-work p {
    font-size: 20px;
    line-height: 30px; }
    #how-it-work p img {
      padding: 50px 0px;
      max-width: 80%; }

/* START section + list-of-services */
#katalog-sluzeb {
  background-color: #FFFFFF;
  padding-bottom: 35px; }

#katalog-sluzeb > .katalog-sluzeb {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto; }

.list-of-services {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin-left: auto;
  margin-right: auto; }
  .list-of-services .list-of-services-item {
    height: 300px;
    width: 300px;
    background-color: #FFFFFF;
    margin: 40px;
    margin-top: 40px;
    position: relative;
    cursor: pointer;
    overflow: hidden; }
    @media screen and (max-width: 800px) {
      .list-of-services .list-of-services-item {
        margin: 20px; } }
    .list-of-services .list-of-services-item img {
      width: 100%;
      height: 100%;
      transform: scale(1);
      transition: all 2s; }
    .list-of-services .list-of-services-item .overlay {
      height: 100%;
      width: 100%;
      position: absolute;
      top: 0px;
      background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, #46474a 100%); }
      .list-of-services .list-of-services-item .overlay:hover {
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 30%, #325cc7 100%); }
      .list-of-services .list-of-services-item .overlay .nadpis {
        position: absolute;
        bottom: 0px;
        color: white;
        font-size: 25px;
        margin-bottom: 15px;
        text-align: center;
        width: 100%;
        transform: translateY(0px);
        transition: all 2s; }
    .list-of-services .list-of-services-item:hover img {
      transition: all 2s;
      transform: scale(1.1); }
    .list-of-services .list-of-services-item:hover .overlay .nadpis {
      transform: translateY(-20px);
      transition: all 2s; }

/* KONEC list-of-services */
/* START loga nad footrem */
#loga {
  background-color: #264796;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px; }

.logo-item {
  width: auto;
  height: 80px;
  margin-left: 15px;
  margin-right: 15px;
  max-width: 100%; }

#loga > .container > img:last-child {
  margin: 0px; }

/* KONEC loga nad footrem */
/* START owl-loga */
#reference-list .nadpis {
  /*background-color: #0070c0;*/
  /*text-transform: uppercase;*/
  text-align: center;
  color: black;
  font-weight: bold;
  font-size: 25px;
  padding-top: 20px; }

#owl-loga {
  /*background-color: #0070c0;*/ }

.log {
  height: 200px;
  width: 200px;
  margin: auto;
  position: relative; }

.log > a > img {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  /*-webkit-filter: grayscale(100%);  Safari 6.0 - 9.0 */
  /*filter: grayscale(100%);*/ }

/*.log > a > img:hover{
    -webkit-filter: grayscale(0%);  Safari 6.0 - 9.0 
    filter: grayscale(0%); 
}*/
.lng {
  max-width: 100%;
  height: auto; }

/* KONEC owl-loga */
/*START main-products*/
.main-products {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  text-align: center;
  margin-top: 50px; }
  .main-products .main-product {
    width: 300px; }
    .main-products .main-product .icon {
      height: 85px;
      position: relative; }
      .main-products .main-product .icon img {
        position: absolute;
        bottom: 0px;
        top: 0px;
        left: 0px;
        right: 0px;
        margin: auto auto 5px; }
    .main-products .main-product .nadpis {
      text-transform: uppercase;
      color: #0070c0;
      font-size: 20px;
      margin: 5px; }
    .main-products .main-product .text {
      width: calc(100% - 20px);
      margin: auto; }

/*KONEC main-products*/
#back-contact {
  display: flex;
  background: url("../images/paticka_parkuj.jpg");
  color: white;
  height: 225px; }
  #back-contact .contact-list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    padding-top: 50px;
    padding-bottom: 50px;
    /*        .contact-item{
                margin-left: 50px;
                margin-right: 50px;
    
                margin-left: 10%;
                margin-right: 10%;
    
                margin-top: 20px;
                margin-bottom: 50px;
    
            }*/ }
    @media screen and (max-width: 400px) {
      #back-contact .contact-list {
        padding-top: 30px; } }
    #back-contact .contact-list .nadpis {
      width: 100%;
      font-size: 25px;
      line-height: 35px;
      font-family: Raleway; }
    #back-contact .contact-list .list-button {
      width: 100%; }
      #back-contact .contact-list .list-button a button {
        background-color: #4CAF50;
        /* Green */
        border: none;
        color: white;
        padding: 16px 32px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        margin: 4px 2px;
        -webkit-transition-duration: 0.4s;
        /* Safari */
        transition-duration: 0.4s;
        cursor: pointer;
        border-radius: 8px;
        background-color: #ffffff38;
        color: white;
        border: 2px solid #e7e7e7; }
        #back-contact .contact-list .list-button a button:hover {
          background-color: #ffffff00; }

.kategorie-intro {
  background-color: #bdd7ee;
  width: 100%;
  padding: 0 auto;
  margin-top: 200px; }
  @media screen and (max-width: 1150px) {
    .kategorie-intro {
      position: unset;
      top: unset;
      margin-top: unset; } }
  @media screen and (max-width: 750px) {
    .kategorie-intro {
      position: unset;
      top: unset; } }
  .kategorie-intro .wrapper {
    width: 1050px;
    padding: 0 25px;
    margin: 0 auto;
    min-height: 400px; }
    @media screen and (max-width: 1150px) {
      .kategorie-intro .wrapper {
        width: 90%;
        padding: 25px 5%;
        overflow: auto;
        min-height: unset; } }
    @media screen and (max-width: 750px) {
      .kategorie-intro .wrapper {
        padding-bottom: 50px; } }
    .kategorie-intro .wrapper .text {
      width: 600px;
      padding-right: 50px;
      float: left; }
      @media screen and (max-width: 1150px) {
        .kategorie-intro .wrapper .text {
          width: 55%;
          padding-right: 5%; } }
      @media screen and (max-width: 750px) {
        .kategorie-intro .wrapper .text {
          padding: 0px;
          width: 100%; } }
      .kategorie-intro .wrapper .text h1 {
        padding-top: 50px;
        text-align: left; }
    .kategorie-intro .wrapper .img {
      width: 400px;
      height: 400px;
      background-color: #4caf5000;
      float: left; }
      @media screen and (max-width: 1150px) {
        .kategorie-intro .wrapper .img {
          width: 40%;
          height: 100%; } }
      @media screen and (max-width: 750px) {
        .kategorie-intro .wrapper .img {
          display: none; } }
      .kategorie-intro .wrapper .img img {
        max-width: 100%;
        margin-top: -100px; }
        @media screen and (max-width: 1150px) {
          .kategorie-intro .wrapper .img img {
            margin: 0px; } }

/* KONEC kategorie */
/* START kategorie-list */
.kategorie-list {
  padding: 50px 0;
  overflow: auto;
  min-height: 100px; }
  .kategorie-list .wrapper {
    margin: 0 auto;
    min-height: 150px;
    width: 900px;
    max-width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    justify-content: center; }
    .kategorie-list .wrapper .kategorie-list-item {
      cursor: pointer;
      width: 250px;
      margin-bottom: 20px; }
      .kategorie-list .wrapper .kategorie-list-item .icon {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 150px;
        width: 250px; }
        .kategorie-list .wrapper .kategorie-list-item .icon img {
          max-height: 100px;
          max-width: 100px; }
      .kategorie-list .wrapper .kategorie-list-item p {
        text-align: center;
        width: 90%;
        margin: 0 auto; }
      .kategorie-list .wrapper .kategorie-list-item:hover {
        -webkit-box-shadow: 0px 0px 5px 2px rgba(25, 166, 227, 0.75);
        -moz-box-shadow: 0px 0px 5px 2px rgba(25, 166, 227, 0.75);
        box-shadow: 0px 0px 5px 2px rgba(25, 166, 227, 0.75); }
        .kategorie-list .wrapper .kategorie-list-item:hover .icon img {
          filter: invert(56%) sepia(64%) saturate(1759%) hue-rotate(164deg) brightness(92%) contrast(93%); }

/* KONEC kategorie-list */
/* START footer */
#footer {
  min-height: 100px;
  width: 100%;
  background-color: #203864;
  padding: 20px 0; }
  #footer .wrapper {
    width: fit-content;
    min-height: 90px;
    margin: 0 auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end;
    align-items: center;
    max-width: 100%; }
    #footer .wrapper .left-side {
      color: white;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-flow: row wrap;
      justify-content: center; }
      @media screen and (max-width: 1300px) {
        #footer .wrapper .left-side {
          width: 100%; } }
      #footer .wrapper .left-side .envelope {
        padding-right: 40px; }
        @media screen and (max-width: 900px) {
          #footer .wrapper .left-side .envelope {
            display: none; } }
      @media screen and (max-width: 900px) {
        #footer .wrapper .left-side .text {
          text-align: center;
          max-width: 90%; } }
      #footer .wrapper .left-side .text span {
        font-size: 28px;
        font-weight: bold; }
      #footer .wrapper .left-side .text a button {
        background-color: white;
        border: none;
        color: #203864;
        padding: 15px 40px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        margin: 4px 2px;
        cursor: pointer;
        border-radius: 12px; }
    #footer .wrapper .right-side {
      color: white;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-flow: row wrap;
      justify-content: center; }
      @media screen and (max-width: 1300px) {
        #footer .wrapper .right-side {
          width: 100%;
          padding-top: 15px;
          line-height: 25px;
          text-align: center; }
          #footer .wrapper .right-side div {
            margin: 10px 0; } }
      #footer .wrapper .right-side .left-side {
        width: unset;
        padding: 0 25px 0 50px; }
        @media screen and (max-width: 1300px) {
          #footer .wrapper .right-side .left-side {
            padding: 0 25px; } }
      #footer .wrapper .right-side .right-side {
        width: unset;
        padding: 0 25px 0 50px; }
        @media screen and (max-width: 1300px) {
          #footer .wrapper .right-side .right-side {
            padding: 0 25px; } }

/* KONEC footer */
/* START produktova-rada */
#produktova-rada {
  padding-top: 50px; }
  #produktova-rada h2 {
    margin: 0 10px 0 10px; }

.list-product-line {
  margin-top: 50px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: row wrap;
  justify-content: center; }
  .list-product-line .list-product-line-item {
    margin: 0px 50px 50px 50px;
    width: 400px; }
    @media screen and (max-width: 900px) {
      .list-product-line .list-product-line-item {
        margin: 0px 20px 25px 20px; } }
    @media screen and (max-width: 500px) {
      .list-product-line .list-product-line-item {
        margin: 0px 5% 25px 5%;
        width: 90%; } }
    .list-product-line .list-product-line-item .image {
      height: 335px; }
      @media screen and (max-width: 500px) {
        .list-product-line .list-product-line-item .image {
          height: 70vw; } }
      .list-product-line .list-product-line-item .image img {
        padding-bottom: 0px;
        max-width: 100%;
        max-height: 100%;
        position: relative;
        float: left;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
      .list-product-line .list-product-line-item .image .overlay {
        position: absolute;
        background-color: rgba(0, 112, 192, 0.55);
        width: 400px;
        height: inherit;
        /*visibility: hidden;*/
        opacity: 0;
        transition: visibility 0s, opacity 0.5s linear; }
        @media screen and (max-width: 500px) {
          .list-product-line .list-product-line-item .image .overlay {
            width: 90%; } }
        .list-product-line .list-product-line-item .image .overlay .text-hover {
          background-color: transparent;
          color: white;
          position: relative;
          float: left;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          text-align: center; }
        .list-product-line .list-product-line-item .image .overlay:hover {
          /*visibility: visible;*/
          opacity: 1; }
    .list-product-line .list-product-line-item .text {
      margin-top: 10px;
      background-color: #203864;
      color: white;
      height: 60px; }
      .list-product-line .list-product-line-item .text p {
        position: relative;
        float: left;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding-bottom: 0px; }

/* KONEC produktova-rada */
.spec-list .spec {
  padding: 5px 0px;
  font-size: 16px; }
  .spec-list .spec img {
    padding-right: 10px;
    max-height: 25px; }

/* START produkt*/
#produkt {
  margin-top: 50px;
  /*background-color: red;*/ }
  #produkt #popis {
    /*background-color: green;*/
    max-width: 1200px;
    margin: auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center; }
    @media screen and (max-width: 850px) {
      #produkt #popis {
        flex-flow: row wrap; } }
    #produkt #popis h1 {
      text-align: left; }
    #produkt #popis .text {
      flex-basis: 60%;
      margin: 0px 25px 20px 25px;
      /*background-color: yellowgreen;*/ }
      @media screen and (max-width: 850px) {
        #produkt #popis .text {
          flex-basis: 100%;
          margin: 0px 70px 20px 70px; } }
      @media screen and (max-width: 500px) {
        #produkt #popis .text {
          flex-basis: 100%;
          margin: 0px 30px 20px 30px; } }
    #produkt #popis .image {
      flex-basis: 35%;
      /*background-color: violet;*/
      /*width: 400px;*/
      /*height: 400px;*/ }
      @media screen and (max-width: 850px) {
        #produkt #popis .image {
          flex-basis: 100%; } }
      #produkt #popis .image img {
        max-width: 80%;
        max-height: 95%;
        position: relative;
        float: left;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
  #produkt #specifications {
    margin-top: 30px;
    background-color: #bdd7ee; }
    #produkt #specifications .spec-wrap {
      margin-left: auto;
      margin-right: auto;
      max-width: 1150px;
      /*background-color: yellow;*/
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-wrap: wrap; }
      #produkt #specifications .spec-wrap .spec-tab {
        color: white;
        font-weight: bold;
        /*background-color: red;*/
        height: 50px;
        width: calc(100% / 3);
        order: 1;
        cursor: pointer; }
        @media screen and (max-width: 700px) {
          #produkt #specifications .spec-wrap .spec-tab {
            width: 100%;
            border-style: solid;
            border-color: #203864;
            border-width: 2px 0 0 0; } }
        #produkt #specifications .spec-wrap .spec-tab.active {
          color: #203864; }
      #produkt #specifications .spec-wrap .spec-content {
        /*background-color: green;*/
        width: 100%;
        order: 2;
        /*margin: 30px;*/
        padding: 30px; }
        @media screen and (max-width: 700px) {
          #produkt #specifications .spec-wrap .spec-content {
            order: 1; } }
        #produkt #specifications .spec-wrap .spec-content ul {
          padding-left: 30px;
          line-height: 25px; }
          #produkt #specifications .spec-wrap .spec-content ul.advanced {
            overflow: hidden;
            height: 0px;
            opacity: 0;
            transition: height 0ms 500ms, opacity 500ms 0ms; }
            #produkt #specifications .spec-wrap .spec-content ul.advanced.show {
              height: auto;
              opacity: 1;
              transition: height 0ms 600ms, opacity 600ms 0ms; }
        #produkt #specifications .spec-wrap .spec-content div {
          margin-top: 20px; }
          #produkt #specifications .spec-wrap .spec-content div .button {
            border: none;
            color: white;
            padding: 14px 32px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 16px;
            margin: 4px 2px;
            -webkit-transition-duration: 0.4s;
            /* Safari */
            transition-duration: 0.4s;
            cursor: pointer;
            border-radius: 15px;
            background-color: transparent;
            color: #203864;
            border: 2px solid #203864; }
            #produkt #specifications .spec-wrap .spec-content div .button:hover {
              /*background-color: #008CBA;*/
              color: white; }

/* KONEC produkt*/
.page {
  padding-top: 150px; }

/* START navod-k-instalaci*/
#navod-k-instalaci h1 {
  text-align: center;
  font: Bold 35px/41px Raleway;
  letter-spacing: 0;
  color: #000C5C; }
#navod-k-instalaci .navod-list {
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  flex-flow: row wrap;
  justify-content: center;
  max-width: 1500px;
  margin: 0 auto;
  /*background-color: red;*/ }
  #navod-k-instalaci .navod-list .navod-krok {
    width: 480px;
    padding: 10px;
    padding-bottom: 50px;
    /*background-color: green;*/
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-flow: row wrap;
    /*justify-content: center;*/ }
    @media screen and (max-width: 530px) {
      #navod-k-instalaci .navod-list .navod-krok {
        padding-bottom: 0px; } }
    #navod-k-instalaci .navod-list .navod-krok .navod-obrazek {
      width: 230px;
      margin-right: 15px; }
      #navod-k-instalaci .navod-list .navod-krok .navod-obrazek img {
        max-width: 100%; }
        @media screen and (max-width: 530px) {
          #navod-k-instalaci .navod-list .navod-krok .navod-obrazek img {
            max-width: 250px; } }
      @media screen and (max-width: 530px) {
        #navod-k-instalaci .navod-list .navod-krok .navod-obrazek {
          width: 100%;
          text-align: center;
          padding-bottom: 20px; } }
    #navod-k-instalaci .navod-list .navod-krok .navod-nadpis {
      width: 100%;
      text-align: center;
      font: Bold 25px/30px Raleway;
      letter-spacing: 0;
      color: #000C5C; }
    #navod-k-instalaci .navod-list .navod-krok .navod-text {
      width: 230px; }
      @media screen and (max-width: 530px) {
        #navod-k-instalaci .navod-list .navod-krok .navod-text {
          width: 100%;
          text-align: center;
          padding-bottom: 20px; } }

/* KONEC navod-k-instalaci*/
/* START vyhody aplikace */
#katalog-sluzeb.vyhody-aplikace {
  padding-top: 35px; }
  #katalog-sluzeb.vyhody-aplikace .katalog-sluzeb .list-of-services .list-of-services-item {
    height: 180px;
    width: 180px;
    margin: 19px; }
    #katalog-sluzeb.vyhody-aplikace .katalog-sluzeb .list-of-services .list-of-services-item .overlay .text .nadpis {
      font-size: 20px;
      line-height: 24px; }
    #katalog-sluzeb.vyhody-aplikace .katalog-sluzeb .list-of-services .list-of-services-item img {
      filter: grayscale(100%); }
    #katalog-sluzeb.vyhody-aplikace .katalog-sluzeb .list-of-services .list-of-services-item:hover img {
      transition: all 2s;
      filter: grayscale(0%); }

/* KONEC vyhody aplikace */
/* START kontakt*/
#download.kontakt div {
  padding-bottom: 66px; }
  #download.kontakt div h1 {
    text-align: center;
    font: Bold 35px/41px Raleway;
    letter-spacing: 0;
    color: #000C5C; }
#download.kontakt .wrapper .dwn-dwn .wrap .text-kon {
  text-align: left;
  font: 20px/24px Raleway;
  letter-spacing: 0;
  color: #000C5C; }
#download.kontakt .wrapper .dwn-dwn .wrap .info {
  text-align: left;
  font: Bold 20px/24px Raleway;
  letter-spacing: 0;
  color: #000C5C; }

/* KONEC kontakt*/
/* START 404*/
#navod-k-instalaci.pg404 {
  text-align: center; }
  #navod-k-instalaci.pg404 h1 {
    padding: 65px 0;
    font: Bold 35px/41px Raleway;
    letter-spacing: 0;
    color: #000C5C; }
  #navod-k-instalaci.pg404 p {
    font: Regular 20px/24px Raleway;
    letter-spacing: 0;
    color: #000000;
    width: 90%;
    padding: 0 5%; }
  #navod-k-instalaci.pg404 .ico-404 img {
    max-width: 100%; }

/* KONEC 404*/

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