@charset "UTF-8";
/*!
* Start Bootstrap - Creative v7.0.5 (https://startbootstrap.com/theme/creative)
* Copyright 2013-2021 Start Bootstrap
* Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-creative/blob/master/LICENSE)
*/
/*!
 * Bootstrap v5.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

:root {

  --bs-primary: #554835;
  --bs-secondary: #E9E6DF;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #E9E6DF;
  --bs-dark: #8A7F6F;
  --bs-font-sans-serif: "Outfit",  -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-font-family: "Outfit", -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  --bs-body-font-size: 20px;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #000000;
  --bs-body-bg: #FDFDFC;
  --bs-section-height:73vh;
  --bs-bg-blue-grad-light:#005BAB;
  --bs-bg-blue-grad-dark:#194071;
  --bs-bg-blue-light:#F2FAFF;
  --bs-btn-radius:4px;
  --bs-modal-width:100%;
}

*,
*::before,
*::after {
  box-sizing: border-box; 
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  overflow-x:hidden;
}

hr {
  margin: 1rem 0;
  color: inherit;
  background-color: currentColor;
  border: 0;
  opacity: 0.25;
}

hr:not([size]) {
  height: 1px;
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  color: var(--bs-primary);
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 800; 
  line-height: 1.2;
}

h1, .h1 {
  font-size: calc(1.375rem + 2vw);
}
@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 3.5rem;
  }
}

h2, .h2 {
  font-size: calc(1.325rem + 2vw);
  /*background: -webkit-linear-gradient( #40206B, #BA4B7D); *
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; */
  
}
h2.gradient-white {
  
  background: -webkit-linear-gradient( #ffffff, #BA4B7D);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  
}
@media (min-width: 1200px) {
  h2, .h2 {
    font-size: 2.5rem;
  }
}

h3, .h3 {
  font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
  h3, .h3 {
    font-size: 1.75rem;
  }
}

h4, .h4 {
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  h4, .h4 {
    font-size: 1.5rem;
  }
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1rem;
}
html {
 // scroll-behavior: smooth;
}
/*
*
*
*    color 
* 
*
*/
.main {
color:var(--bs-body-color);
}
.red {
color: var(--bs-red); 
}
.blue-light {
color: var(--bs-blue-light);
}
.blue-light2 {
color: var(--bs-blue-light2);
}
.orange {
color: var(--bs-orange);
}
.blue {
color: var(--bs-blue);
}
.magenta {
color:#5A1846;
}
.magenta-light {
color:#910D3F;
}
p {
  margin-top: 0;
  margin-bottom: 1rem;
}
.font-weight-bold {
font-weight:bold;
}
.font-weight-normal {
font-weight:normal;
}
abbr[title],
abbr[data-bs-original-title] {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul {
  padding-left: 2rem;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small, .small {
  font-size: 0.8em;
}

mark, .mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}

sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: #f4623a;
  text-decoration: underline;
}
a:hover {
  color: #c34e2e;
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

pre,
code,
kbd,
samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
  direction: ltr /* rtl:ignore */;
  unicode-bidi: bidi-override;
}

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

code {
  font-size: 0.875em;
  color: #d63384;
  word-wrap: break-word;
}
a > code {
  color: inherit;
}

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 0.875em;
  color: #fff;
  background-color: #212529;
  border-radius: 0.2rem;
}
kbd kbd {
  padding: 0;
  font-size: 1em;
  font-weight: 700;
}

figure {
  margin: 0 0 1rem;
}

img,
svg {
  vertical-align: middle;
}

table {
  caption-side: bottom;
  border-collapse: collapse;
}

caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: #6c757d;
  text-align: left;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}

label {
  display: inline-block;
  font-weight:bold;
  font-size: 0.9rem;
}

button {
  border-radius: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}
select:disabled {
  opacity: 1;
}

[list]::-webkit-calendar-picker-indicator {
  display: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

textarea {
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: calc(1.275rem + 0.3vw);
  line-height: inherit;
}
@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem;
  }
}
legend + * {
  clear: left;
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0;
}

::-webkit-inner-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: textfield;
}

/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
  direction: ltr;
}
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-color-swatch-wrapper {
  padding: 0;
}

::-webkit-file-upload-button {
  font: inherit;
}

::file-selector-button {
  font: inherit;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

iframe {
  border: 0;
}

summary {
  display: list-item;
  cursor: pointer;
}

progress {
  vertical-align: baseline;
}

[hidden] {
  display: none !important;
}

.lead {
  font-size: 1.25rem;
  font-weight: 300;
}

.display-1 {
  font-size: calc(1.625rem + 4.5vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-1 {
    font-size: 5rem;
  }
}

.display-2 {
  font-size: calc(1.575rem + 3.9vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-2 {
    font-size: 4.5rem;
  }
}

.display-3 {
  font-size: calc(1.525rem + 3.3vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-3 {
    font-size: 4rem;
  }
}

.display-4 {
  font-size: calc(1.475rem + 2.7vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-4 {
    font-size: 3.5rem;
  }
}

.display-5 {
  font-size: calc(1.425rem + 2.1vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-5 {
    font-size: 3rem;
  }
}

.display-6 {
  font-size: calc(1.375rem + 1.5vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-6 {
    font-size: 2.5rem;
  }
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

.initialism {
  font-size: 0.875em;
  text-transform: uppercase;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}
.blockquote > :last-child {
  margin-bottom: 0;
}

.blockquote-footer {
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: 0.875em;
  color: var(--bs-blue-light);
}
.blockquote-footer::before {
  content: "— ";
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.figure-caption {
  font-size: 0.875em;
  color: #6c757d;
}


.text-decoration-none {
  text-decoration: none !important;
}

.text-decoration-underline {
  text-decoration: underline !important;
}

.text-decoration-line-through {
  text-decoration: line-through !important;
}
.fw-light {
  font-weight: 300 !important;
}

.fw-lighter {
  font-weight: lighter !important;
}

.fw-normal {
  font-weight: 400 !important;
}

.fw-bold {
  font-weight: 700 !important;
}

.fw-bolder {
  font-weight: bolder !important;
}

/*
*
*   background
*
*/
.bg-brown-light {
background-color: var(--bs-secondary);
}
.bg-brown-dark {
background-color: var(--bs-primary);
}
.bg-magenta-grad-vert {
background: linear-gradient(90deg, #5A1846 0%, #910D3F 100%);
}
.bg-blue-img {

  background: linear-gradient(270deg, rgba(0, 0, 0, 0) 1%, #194071 100%), url('../assets/img/visual-blue-2.jpg'); 
  background-size: auto; /* size of the image*/
  background-repeat: repeat;
}
.bg-white-img {

  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 1%, #FFFFFF 100%), url('../assets/img/visual-white-2.jpg'); 
  background-size: auto; /* size of the image*/
  background-repeat: repeat;
}
.bg-img {

  /*background: linear-gradient(270deg, rgba(255, 255, 255, 0) 1%, #FFFFFF 100%), url('../assets/img/visual-white-2.jpg'); */
  background-size: cover; /* size of the image*/
  background-position:70% 79%;
  background-repeat: no-repeat;
}
.bg-dark {

  background-color: var(--bs-dark)!important; 
  
}
/*
*
*   navigation button
*
*/
.btn {
border-radius: var(--bs-btn-radius);
border:none;
transition: none!important; 
}
.btn-primary {
    color: #fff;
    background-color: var(--bs-primary);

}
.btn-secondary {
    color: var(--bs-primary);
    background-color: var(--bs-light);
    
}
.btn-primary:hover,.btn-primary:active {
    color: #fff;
    background: #352A1A;
    
}
.btn-secondary:hover, .btn-secondary:active {
    color: #fff;
    background: #8A7F6F;
    
}
.btn-dlz {
background: linear-gradient(90deg, #5A1846 0%, #910D3F 100%);
color: #fff;
}
.btn-dlz:hover {
background: #910D3F;
color: #fff;
}
#top-bar .nav-item, #mainNav .nav-item {
border-radius: var(--bs-btn-radius);
font-size:14px;
  
}
#top-bar .nav-item:hover {
background: var(--bs-blue);
  
}
#top-bar .nav-item.active {
background: var(--bs-blue);
}
#top-bar .nav-item a {
opacity:0.9;
}
#top-bar .nav-item a:hover {
opacity:1;
}
#top-bar .dlz {
background: linear-gradient(180deg, #5A1846 0%, #910D3F 100%);
}
.btn-login a {
color: var(--bs-orange)!important;
}
.btn-login a:hover {
color: var(--bs-white);
}
#mainNav .nav-link {
color:var(--bs-blue);
}
#mainNav .active .nav-link {
color:var(--bs-orange);
}
.navbar-nav li:last-child{
    margin-right: 0px!important;
}
.shrink {
padding-bottom:3px!important;
}
.navbar-shrink .navbar-brand img {
    max-height: 70px!important;
}
.form-control.s-top {
background-color: var(--bs-blue-light);
border:none;
/*color:var(--bs-white); */
}
/** 
 *
 *    section scroll hack 
 *
 *
 ***/
a.anchor {
    /*display: block;
    position: relative;
    top: -200px;
    visibility: hidden; */
}
/** 
 *
 *    header section 
 *
 *
 ***/
header {
    border-bottom: 2px dotted rgba(73, 95, 110, 0.50);
    transition: all 0.3s ease-in-out;
        }

.logo img {
    max-height: 111px;
    transition: all 0.3s ease-in-out;
        }
@media (max-width: 768px) {
            header {
                padding: 10px 0;
            }
            .logo img {
                max-height: 50px;
            }
        }
/** 
 *
 *    hero seciton 
 *
 *
 ***/
.hero.masthead {

  
  /*padding-bottom: calc(4rem - 2.5rem);
  
  min-height: calc(100vh - var(--navbar-height)); */
  
}

.hero.masthead h1, .hero.masthead .h1 {
  font-size: 2.25rem;
  
}
.arrow-down {
            position: absolute;
            bottom: 10rem;
            left: calc(50% - 57px); /* 114px / 2 to center it precisely */
            animation: bounce 4s infinite;
        }
.hero.masthead .obrazek {
position: relative; 
top: -250px;
}        
@media (min-width: 992px) {

  
  .hero.masthead .obrazek {
  position: relative; 
  top: -120px;
  }        
}

@media (min-width: 1200px) {

  .hero.masthead h1 {
  font-size: 5.25rem;
  }
  .hero.masthead .container {
            max-width: 70%;
        }
        .hero.masthead .obrazek {
  position: relative; 
  top: -150px;
  } 
}

/*
*
*
* section sluzby, projekty
* 
*
**/
section {
scroll-margin-top: 80px; /* výška hlavičky */
}
.nastrik-uvod, .al-uvod, .onas, .contact-form {
    
    position:relative;

     
}
.contact-form {
border-bottom: none!important;
}
.bottom-arrow {
    position: absolute;
    bottom:0;
    left: 50%;
    transform: translate(-50%, 50%); /* Horizontální a vertikální zarovnání */
}
.nastrik-image {
    position: absolute;
    bottom: 0; /* Obrázek bude přesahovat dolů */
    left: 50%; /* Zarovnání na pravou stranu */
    transform: translateY(50%); /* Posune střed obrázku na spodní hranu sekce */
    max-width: 50%; /* Velikost obrázku na větších zařízeních */
    z-index:-200;
}
.al-image {
    position: absolute;
    bottom: 0; /* Obrázek bude přesahovat dolů */
    left: 50%; /* Zarovnání na pravou stranu */
    transform: translateY(50%); /* Posune střed obrázku na spodní hranu sekce */
    max-width: 50%; /* Velikost obrázku na větších zařízeních */
    z-index:-200;
}
.kontakt-image {
    position: absolute;
    top: 0; /* Obrázek bude přesahovat dolů */
    right: 0; /* Zarovnání na pravou stranu */
    transform: translateY(50%); /* Posune střed obrázku na spodní hranu sekce */
    max-width: 50%; /* Velikost obrázku na větších zařízeních */
    /*z-index:-200;*/
}
.kontakt-image2 {
position: absolute;
    top: 0; /* Obrázek bude přesahovat dolů */
    left: 0; /* Zarovnání na pravou stranu */
    transform: translateY(50%); /* Posune střed obrázku na spodní hranu sekce */
    max-width: 40%; /* Velikost obrázku na větších zařízeních */
    /*z-index:-200;*/
}
/* Pro mobilní zařízení */
@media (max-width: 768px) {
    .sluzby-image, .projekt-image, .kontakt-image,.kontakt-image2  {
        display:none;
    }
    .bottom-arrow {
    left: 50%;
    transform: translate(-50%, 50%); /* Horizontální a vertikální zarovnání */
    max-width:25%;
}
}

/*
*
*
* vyhody
* 
*
**/
.window-reveal-container {
  width: 100%;
  /*max-width: 300px; */
  margin: auto;
}

.window-image {
  width: 100%;
  height: auto;
  display: block;
}

.image-old {
  z-index: 2;
  opacity: 0;
  transition: opacity 0.3s ease-out;
}


/*
*
*
* footer
* 
*
**/
footer, .bor-top-dash {
margin-top:5rem;
box-sizing: border-box;
}
footer .card {
    
    background-color: transparent;
    background-clip: border-box;
    border: none;
    border-radius:0;
}
footer a, footer a.nav-link {
color: var(--bs-body-color);
/*font-size:0.85rem;
font-weight:700;  */
}
.ms-n5 {
    margin-left: -40px;
}
.absfooter {
font-size:0.85rem;
}
/*
*
*
* o nas
* 
*
**/
.ref {
font-size:3rem;
}
/* Pro mobilní zařízení */
@media (max-width: 768px) {
    .ref {
font-size:1.8rem;
}
}
/*
*
*
* mapy
* 
*
**/
.gmap {
    border: 10px solid #f6f5f0;
    border-radius: 50%;
    height: 300px;
    width: 300px;
    box-shadow: 0px 0px 3px 3px #e7e4dc;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}
.gmap-area .gmap iframe {
    border-radius: 50%;
    height: 280px;
    width: 300px;
}
/*
*
**
*  go top
*  
**/
.gototop {
    left: 20px;
    bottom: 25px;
    width: 52px;
    height: 52px;
    overflow: hidden;
    cursor: pointer;
    opacity: 0;
    padding: 10px;
    color: var(--bs-blue-light2);
}
.gotopshow {
    opacity: 1;
    color: var(--bs-blue-light2);
}

span.highlight {font-weight:bold;} 

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.animated {
		/*CSS transitions*/
		-o-transition-property: none !important;
		-moz-transition-property: none !important;
		-ms-transition-property: none !important;
		-webkit-transition-property: none !important;
		transition-property: none !important;
		/*CSS transforms*/
		-o-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-webkit-transform: none !important;
		transform: none !important;
		/*CSS animations*/
		-webkit-animation: none !important;
		-moz-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
	}
}
/*
*
**
*  formular
*  
**/
#main-contact-form > .answer { display:none; }
.form input {
background-color:
}

/*
**
** project section
* modal carusel
* 
**/
.modal-dialog {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 100vh; /* Zajištění centrování na výšku */
    }
    .modal-content {
        max-height: 95vh; /* Maximální výška na 95% obrazovky */
        width: auto;
        max-width: 90vw !important; /* Přepsání Bootstrap max-width omezení */
        overflow: hidden;
    }
    .modal-body img {
        max-width: 100%;
        height: auto;
        max-height: 90vh; /* Obrázek se přizpůsobí výšce obrazovky */
        display: block;
        margin: 0 auto;
    }
.image-container {
        position: relative;
        display: inline-block;
        cursor: pointer;
    }
.image-container img {
        width: 100%;
        display: block;
    }
.zoom-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: rgba(0, 0, 0, 0.6);
        color: white;
        padding: 10px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 50px;
        height: 50px;
        font-size: 24px;
        opacity: 0;
        transition: opacity 0.3s ease-in-out;
    }
.image-container:hover .zoom-icon {
        opacity: 1;
    }
#moreProjects {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.5s ease-in-out;
    }
    #moreProjects.expanded {
        max-height: 2000px; /* Nastav dostatečnou výšku pro rozbalení */
    }
.carousel-control-prev, .carousel-control-next {
        width: 5%; /* Nastaví menší šířku ovládacích prvků */
    }
    .carousel-control-prev-icon, .carousel-control-next-icon {
        background-color: rgba(0, 0, 0, 0.5); /* Tmavé pozadí pro lepší viditelnost */
        border-radius: 50%; /* Kulaté tlačítko */
        padding: 15px; /* Větší klikací plocha */
    }