body {
  font-family: "Asap", sans-serif;
  line-height: 26px;
  font-size: 15px;
  font-weight: 400;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

hr {
  width: 97%;
  padding-bottom: 20px; }

.bg-sive {
  background: white;
  background: -moz-radial-gradient(center, ellipse cover, white 0%, #f4f4f4 100%);
  background: -webkit-radial-gradient(center, ellipse cover, white 0%, #f4f4f4 100%);
  background: radial-gradient(ellipse at center, white 0%, #f4f4f4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=1 );
  padding: 50px 15px 50px 15px; }

.pad-0 {
  padding: 0px; }

.bg-cierne {
  background: rgba(10, 11, 12, 0.95);
  background-size: cover;
  padding: 60px 40px;
  color: #fff; }

.bg-kontakt {
  background: url("../img/web/bg2.jpg") bottom right;
  background-size: cover;
  padding: 60px 40px; }
  .bg-kontakt a {
    color: #000;
    text-decoration: none; }
    .bg-kontakt a:hover, .bg-kontakt a:focus, .bg-kontakt a:visited {
      text-decoration: underline;
      color: #000; }

h1, h2, h3, h4, h5, h6 {
  margin: 0px;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

h1 {
  font-size: 44px;
  letter-spacing: 0px;
  font-weight: 700; }
  h1 div {
    white-space: nowrap;
    display: inline-block; }

h2 {
  font-size: 18px;
  text-transform: uppercase; }

h3 {
  font-size: 30px;
  margin-bottom: 15px;
  line-height: 30px; }

h4 {
  font-size: 22px;
  line-height: normal;
  font-weight: 600;
  margin-bottom: 10px; }

h5 {
  font-size: 28px;
  margin-bottom: 15px; }
  h5 strong {
    color: #c52026;
    display: inline-block;
    font-weight: 600; }

h6 {
  font-size: 22px;
  margin-bottom: 25px;
  font-weight: 600; }

a {
  color: #c52026;
  text-decoration: underline;
  cursor: pointer; }
  a:hover {
    text-decoration: none;
    color: #c52026; }
  a:visited, a:focus {
    text-decoration: underline;
    color: #c52026; }

button {
  outline: none;
  box-shadow: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.wh {
  height: 100vh;
  background: url("../img/web/bg.jpg") center center;
  background-size: cover; }
  .wh .navbar-brand {
    float: none;
    padding: 0;
    margin: 0px;
    width: 100%;
    top: 35vh;
    left: 0px;
    position: absolute;
    z-index: 9999; }
    .wh .navbar-brand img {
      width: 70%;
      height: auto;
      margin: 0 auto; }
  .wh ul {
    width: 100%;
    text-align: center;
    padding: 0px; }
    .wh ul li {
      display: inline-block;
      padding: 10px 0;
      margin: -4px; }
      .wh ul li:first-child a {
        border-radius: 0 0 0 4px;
        -webkit-border-radius: 0 0 0 4px;
        -moz-border-radius: 0 0 0 4px; }
      .wh ul li:last-child a {
        border-radius: 0 0 4px 0;
        -webkit-border-radius: 0 0 4px 0;
        -moz-border-radius: 0 0 4px 0; }
      .wh ul li a {
        background: #c52026;
        padding: 10px 20px;
        color: #fff;
        text-decoration: none;
        transition: none; }
        .wh ul li a:hover, .wh ul li a:focus {
          text-decoration: underline; }
  .wh .scroll {
    position: absolute;
    right: 0;
    bottom: 65px;
    left: 0;
    margin: auto;
    width: 100%;
    height: 55px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 11px; }
    @media (max-width: 767px) {
      .wh .scroll {
        bottom: 90px; } }
    .wh .scroll a {
      color: #fff;
      text-decoration: none;
      transition: none; }
      .wh .scroll a:hover, .wh .scroll a:focus {
        color: inherit; }
    .wh .scroll .obal {
      width: 3px;
      padding: 5px 12px;
      height: 35px;
      border: 2px solid #fff;
      opacity: 0.75;
      box-sizing: content-box;
      margin: 0 auto;
      margin-bottom: 5px;
      border-radius: 25px;
      -webkit-border-radius: 25px;
      -moz-border-radius: 25px; }
    .wh .scroll .anim {
      width: 3px;
      height: 10px;
      border-radius: 25%;
      -webkit-border-radius: 25%;
      -moz-border-radius: 25%;
      background-color: #fff;
      animation-name: scroll;
      animation-duration: 2.2s;
      animation-timing-function: cubic-bezier(0.15, 0.41, 0.69, 0.94);
      animation-iteration-count: infinite; }
@keyframes scroll {
  0% {
    opacity: 0; }
  10% {
    transform: translateY(0);
    opacity: 1; }
  100% {
    transform: translateY(15px);
    opacity: 0; } }
.text {
  padding: 100px 80px 20px 80px; }
  .text .sub {
    margin-top: 10px;
    line-height: 18px; }
    .text .sub span {
      font-weight: 600;
      font-size: 14px;
      text-transform: uppercase;
      color: #c52026;
      margin-right: 1px; }
      .text .sub span:before {
        content: "\2022";
        color: #a0a0a0;
        margin-right: 5px; }
      .text .sub span:first-child:before {
        content: "";
        margin-right: 0; }
  .text span {
    font-size: 18px;
    font-weight: 400; }
  .text p {
    margin-top: 40px; }
    .text p:last-child {
      margin-top: 25px; }

#sluzby .row {
  max-width: 1600px;
  margin: 0 auto; }

.sluzby {
  padding: 20px 20px 0 20px;
  border-right: 1px dotted #d3d3d3; }
  .sluzby:last-child {
    border-right: none; }
  .sluzby img {
    width: 35px;
    margin-right: 6px;
    margin-bottom: 3px;
    display: inline-block; }
  .sluzby p {
    margin: 15px 0px 10px 0; }
  .sluzby span {
    color: #c52026; }

.ref-bloky {
  display: inline-flex;
  flex-wrap: wrap; }

.referencie {
  padding: 60px 30px 30px 30px;
  max-width: 1600px; }
  .referencie .load {
    display: block;
    width: 100%; }
    .referencie .load a {
      font-size: 16px;
      font-weight: 600;
      background: #eee;
      display: inline-block;
      padding: 16px 30px 13px 30px;
      margin: 60px 0 50px 0;
      text-transform: uppercase;
      transition: all ease .3s;
      -webkit-transition: all ease .3s;
      -moz-transition: all ease .3s;
      color: #000;
      text-decoration: none;
      width: 50%;
      border-radius: 4px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px; }
      .referencie .load a:hover {
        background: #000;
        color: #fff; }
      @media (max-width: 600px) {
        .referencie .load a {
          width: 95%; } }
      .referencie .load a .fa {
        font-size: 20px; }
      .referencie .load a.ok {
        margin: 0 !important;
        height: 0 !important;
        padding: 0 !important;
        visibility: collapse; }
  .referencie .row {
    margin: 0px !important;
    text-align: center; }
  .referencie p {
    margin-bottom: 20px;
    margin-top: 12px; }
  .referencie h3 span {
    line-height: 11px;
    color: #c52026; }
  .referencie .ref {
    text-align: left;
    padding: 10px 10px 20px;
    font-size: 14px;
    flex: 0 1 33.33%;
    display: none; }
    @media (max-width: 991px) {
      .referencie .ref {
        flex: 0 1 50%; } }
    @media (max-width: 550px) {
      .referencie .ref {
        flex: 0 1 100%;
        margin: 5px 0; } }
    .referencie .ref.display {
      display: inline-block !important; }
    .referencie .ref .a {
      background: #000;
      overflow: hidden;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
      -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
      box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15); }
      .referencie .ref .a a:hover:before {
        position: absolute;
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f067";
        color: #fff;
        opacity: .9;
        font-size: 38px;
        top: 50%;
        left: 48%;
        z-index: 99;
        -webkit-transform: translateY(-50%, -50%);
        -ms-transform: translateY(-50%, -50%);
        transform: translateY(-50%, -50%); }
      .referencie .ref .a a:hover img {
        opacity: 0.4;
        transition: all ease .3s;
        -webkit-transition: all ease .3s;
        -moz-transition: all ease .3s; }
    .referencie .ref .text-in {
      padding: 20px 0 0; }
      .referencie .ref .text-in h4 {
        font-size: 18px; }
      .referencie .ref .text-in a {
        color: #000; }
      .referencie .ref .text-in .viac {
        background: #c52026;
        color: white;
        display: inline-block;
        text-decoration: none;
        font-size: 12px;
        padding: 5px 20px;
        transition: all ease .3s;
        -webkit-transition: all ease .3s;
        -moz-transition: all ease .3s;
        border: 1px solid #af0c12;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px; }
        .referencie .ref .text-in .viac:hover {
          border: 1px solid #c52026;
          background: #af0c12;
          color: #fff; }
    .referencie .ref img {
      width: 100%; }
    .referencie .ref hr {
      border: 1px solid #c52026;
      width: 30px;
      margin: 10px 5px 5px 0;
      padding-bottom: 0px; }
    .referencie .ref small {
      font-size: 10px;
      text-transform: uppercase;
      color: #000;
      font-weight: 400;
      display: inline-block;
      line-height: 13px;
      margin: 5px 5px 0 0;
      padding: 4px 10px;
      background: #F4F4F4; }
    .referencie .ref button {
      font-size: 13px;
      font-weight: 400;
      background: #c52026;
      display: inline-block;
      padding: 3px 13px;
      margin-top: 15px;
      text-transform: uppercase;
      transition: all ease .3s;
      -webkit-transition: all ease .3s;
      -moz-transition: all ease .3s;
      border: 1px solid #af0c12;
      border-radius: 4;
      -webkit-border-radius: 4;
      -moz-border-radius: 4; }
      .referencie .ref button:hover {
        border: 1px solid #c52026;
        background: #af0c12;
        color: #fff; }

.detail-referencie .row {
  margin: 0px;
  padding: 0 40px; }
  .detail-referencie .row .logo {
    width: 200px;
    margin: 0 auto;
    margin-bottom: 20px; }
.detail-referencie .hlavicka {
  padding: 30px 0;
  margin-bottom: 55px;
  background: rgba(10, 11, 12, 0.95); }
  .detail-referencie .hlavicka .stranky {
    text-align: right;
    margin-top: 7px; }
    .detail-referencie .hlavicka .stranky .fa {
      color: #fff;
      padding-right: 5px; }
    .detail-referencie .hlavicka .stranky a {
      background: #c52026;
      color: #fff;
      padding: 8px 25px;
      font-size: 14px;
      font-weight: 400;
      text-transform: uppercase;
      text-decoration: none;
      transition: all ease .3s;
      -webkit-transition: all ease .3s;
      -moz-transition: all ease .3s;
      border-radius: 4px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px; }
      .detail-referencie .hlavicka .stranky a:hover {
        background: #af0c12; }
  .detail-referencie .hlavicka span {
    font-size: 26px;
    font-weight: 400;
    display: inline-block;
    margin-top: 6px;
    color: #fff; }
.detail-referencie .ref-detail .col-md-8 {
  padding-left: 0px; }
.detail-referencie .ref-detail h3 {
  font-size: 23px; }
.detail-referencie .ref-detail hr {
  border-top: none;
  margin: 35px 0px;
  padding: 0;
  width: 100%; }
.detail-referencie .ref-detail img {
  margin-bottom: 40px;
  width: 100%;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px; }
.detail-referencie .ref-detail .tien {
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15); }
.detail-referencie .ref-detail .det {
  margin-top: 70px; }
.detail-referencie .ref-detail .web {
  margin-top: 25px;
  margin-bottom: 5px;
  border: 1px solid #af0c12;
  font-weight: 600;
  background: #c52026;
  color: #fff;
  padding: 8px 13px;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
  transition: all ease .3s;
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  .detail-referencie .ref-detail .web:hover {
    border: 1px solid #c52026;
    background: #af0c12;
    color: #fff; }
  .detail-referencie .ref-detail .web:focus {
    color: #fff; }
.detail-referencie .ref-detail .pad-40 {
  padding: 40px !important;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px; }
.detail-referencie .ref-detail span {
  display: block;
  font-weight: 400;
  border-bottom: 1px solid #eee;
  margin-bottom: 6px;
  padding-bottom: 6px; }
  .detail-referencie .ref-detail span:before {
    margin-right: 5px;
    font-family: FontAwesome;
    content: "\f138";
    color: #c52026; }

.hodnotenia {
  margin: 30px 0; }
  .hodnotenia #quote-carousel {
    padding: 4px 10px;
    text-align: center; }
    .hodnotenia #quote-carousel .owl-dots {
      position: relative;
      bottom: 15px; }
      .hodnotenia #quote-carousel .owl-dots button {
        background: #ededed;
        height: 8px;
        width: 20px;
        margin: 0 3px;
        border: none !important;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0; }
        @media (max-width: 430px) {
          .hodnotenia #quote-carousel .owl-dots button {
            width: 12px; } }
        .hodnotenia #quote-carousel .owl-dots button.active {
          background: #c52026; }
    .hodnotenia #quote-carousel .item {
      line-height: normal; }
    .hodnotenia #quote-carousel i.fa.fa-quote-right, .hodnotenia #quote-carousel i.fa.fa-quote-left {
      color: #c52026; }
  .hodnotenia .item span {
    color: #000 !important;
    white-space: nowrap; }
  .hodnotenia .bold {
    font-weight: 600 !important;
    font-size: 18px !important;
    line-height: normal !important; }

.kontakt {
  padding: 0px;
  margin-left: -16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .kontakt .flex {
    -webkit-box-flex: 1 0 25%;
    -webkit-flex: 1 0 25%;
    -ms-flex: 1 0 25%;
    flex: 1 0 25%; }
  .kontakt hr {
    border-top: 4px solid #c52026;
    margin: 20px 0 15px 0;
    padding: 0px;
    width: 60px; }
  .kontakt .cont {
    max-width: 920px;
    float: right; }
  .kontakt span {
    font-weight: 600;
    display: block;
    margin-bottom: 9px; }
  .kontakt small {
    font-size: 11px;
    display: block;
    margin-top: 3px;
    line-height: 15px; }
  .kontakt .neaktivne {
    color: #aaaaaa;
    margin-top: 15px;
    text-decoration: line-through; }
  .kontakt button {
    border: 1px solid #af0c12;
    transition: all ease .3s;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    font-weight: 600;
    background: #c52026;
    color: #fff;
    text-transform: uppercase;
    padding: 15px 13px;
    position: relative;
    top: 3px;
    opacity: 1 !important; }
    .kontakt button:hover {
      border: 1px solid #c52026;
      background: #af0c12;
      color: #fff; }
    .kontakt button:focus {
      color: #fff;
      outline: none;
      box-shadow: none; }

.osobne-udaje {
  color: #000 !important; }
  .osobne-udaje .modal-content {
    padding: 25px; }
    .osobne-udaje .modal-content button span {
      margin-bottom: 0px !important; }
  .osobne-udaje h5 {
    font-size: 15px;
    margin: 25px 0 30px 0; }
  .osobne-udaje span {
    font-weight: 600;
    display: block;
    margin-bottom: 15px; }
  .osobne-udaje p {
    margin: 25px 0 15px 0; }

form {
  margin-top: 40px; }
  form .lavy {
    width: 49%;
    float: left; }
  form .pravy {
    width: 49%;
    float: left;
    margin-left: 2%; }
  form p {
    margin: 20px 0; }
    form p small {
      font-size: 12px !important; }
      form p small a {
        color: #fff;
        text-decoration: underline; }
        form p small a:hover {
          text-decoration: none;
          color: #fff; }
        form p small a:visited {
          text-decoration: underline;
          color: #fff; }
  form input {
    resize: vertical;
    font-weight: 400;
    box-shadow: none !important;
    border: 1px solid #303438 !important;
    height: 50px !important; }
  form textarea {
    resize: vertical;
    font-weight: 400;
    box-shadow: none !important;
    border: 1px solid #303438 !important;
    padding: 12px !important; }
  form .pole {
    margin-bottom: 0px; }
  form .captcha {
    margin-bottom: 0px;
    float: left; }
    form .captcha .g-recaptcha {
      transform: scale(0.77);
      transform-origin: 0 0; }
    form .captcha .help-block li {
      position: relative;
      top: -20px !important; }
  form .inf {
    font-weight: 600; }
    form .inf span {
      color: #c52026;
      display: inline;
      font-weight: 600; }
  form a[href^=tel] {
    color: inherit; }
  form .disabled {
    opacity: 1 !important; }
    form .disabled:hover {
      opacity: 0.70 !important; }

.help-block ul li {
  font-size: 12px;
  margin: 0;
  color: #c52026 !important; }
  .help-block ul li:before {
    content: none !important; }

.alert {
  padding: 15px;
  margin-top: 30px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px; }

.alert-success {
  background: #e8fad4;
  color: #3c763d;
  border: 1px solid #3c763d; }

.footer-bg {
  background: #f7f7f7; }
  .footer-bg .footer {
    text-align: center;
    font-size: 11px;
    padding: 20px;
    color: #a4a4a4; }
    .footer-bg .footer img {
      -webkit-filter: grayscale(1);
      -webkit-filter: grayscale(100%);
      filter: gray;
      filter: grayscale(100%);
      opacity: 0.30;
      filter: alpha(opacity=30); }

@media (max-width: 991px) {
  .uvod img {
    margin-top: 25px; }

  .text {
    padding: 70px 70px 10px 70px; }

  .wh ul li a {
    padding: 10px 10px; }

  .ref-detail .col-md-8 {
    padding-left: 15px !important; }

  .ref-detail {
    padding: 0px !important; }

  .sluzby {
    border-right: none; } }
@media (max-width: 840px) {
  .text {
    padding: 70px 45px 10px 45px; } }
@media (min-width: 991px) and (max-width: 1070px) {
  .sluzby h2 {
    font-size: 16px; } }
@media (max-width: 991px) and (min-width: 768px) {
  .kontakt button, .kontakt .modal button.close, .modal .kontakt button.close {
    font-size: 12px; } }
@media (max-width: 767px) {
  .navbar-nav {
    margin: 7.5px 0px !important; }

  .hlavicka {
    text-align: center; }

  .hlavicka .stranky {
    text-align: center !important;
    margin-top: 25px !important; }

  h6 {
    margin-top: 30px; }

  .text {
    padding: 60px 40px; }

  .scroll-xs {
    display: inline; }

  .scroll-lg {
    display: none; }

  .text-in {
    text-align: left !important;
    padding: 20px 0 0 0 !important; } }
@media (min-width: 767px) {
  .navbar-right {
    margin-right: 0px; }

  .scroll-xs {
    display: none; }

  .scroll-lg {
    display: inline; } }
@media (max-width: 550px) {
  .col-2 {
    width: 100%; }

  .modal .xs h2:first-child {
    border-top: 1px solid #eee !important;
    padding-top: 20px !important; }

  h1 {
    font-size: 34px; } }
@media (max-width: 620px) {
  .sluzby {
    width: 100%;
    padding-top: 35px; }

  .sluzby:first-child {
    padding-top: 5px; }

  .sluzby:last-child {
    padding-top: 25px; } }
@media (max-width: 560px) {
  .referencie {
    padding: 60px 10px; } }
@media (max-width: 539px) {
  form button, form .modal button.close, .modal form button.close {
    position: inherit !important; }

  .captcha {
    float: none !important; } }
@media (max-width: 500px) {
  .referencie {
    padding: 60px 20px; } }
@media (max-width: 400px) {
  form .lavy, form .pravy {
    margin: 0;
    float: none;
    width: 100%; } }
@media (max-width: 350px) {
  .carousel-inner .item {
    font-size: 13px !important; } }

/*# sourceMappingURL=style.min.css.map */