/** 2023 **/
/* roboto-300 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/roboto-v51-latin_latin-ext-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-300italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/roboto-v51-latin_latin-ext-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-v51-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/roboto-v51-latin_latin-ext-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-700 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/roboto-v51-latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



/* exo-2-300 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/exo-2-v26-latin_latin-ext-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* exo-2-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/exo-2-v26-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* exo-2-italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Exo 2';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/exo-2-v26-latin_latin-ext-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* exo-2-700 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/exo-2-v26-latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* exo-2-700italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Exo 2';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/exo-2-v26-latin_latin-ext-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


lite-youtube {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #000;
    background-position: center center;
    background-size: cover;
    cursor: pointer;
    contain: content;
    border-radius: 1rem;
    overflow: hidden;
}

lite-youtube::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    background-image: linear-gradient(180deg, rgba(0,0,0,.4) 0%, transparent 100%);
    height: 60px;
    width: 100%;
    z-index: 1;
}

/* Play button */
lite-youtube .lty-playbtn {
    width: 68px;
    height: 48px;
    background-color: transparent;
    background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 68 48" xmlns="http://www.w3.org/2000/svg"><path d="M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55c-2.93.78-4.63 3.26-5.42 6.19C.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z" fill="%23f00"/><path d="M45 24 27 14v20" fill="%23fff"/></svg>');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 68px 48px;
    position: absolute;
    cursor: pointer;
    z-index: 1;
    filter: grayscale(100%);
    transition: filter .1s cubic-bezier(0, 0, 0.2, 1);
    border: 0;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
}

lite-youtube:hover .lty-playbtn,
lite-youtube .lty-playbtn:focus {
    filter: none;
}

/* Once activated */
lite-youtube.lyt-activated {
    cursor: unset;
}

lite-youtube.lyt-activated::before,
lite-youtube.lyt-activated .lty-playbtn {
    opacity: 0;
    pointer-events: none;
}



:root {
  --link-black: #000;
  --link-gray: #8c8c8c;
  --link-white: #fff;
  --link-cyan: #0c8fa1;
  --magenta-light: #A15A95;

  --bg-cyan: #15b5ca;
  --color-primary: #FF6A39;
  --bg-cyan-dark: #115E67;
  --bg-cyan-dark-85: rgba(17,94,103,.85);
  --bg-ic-dark: #353535;
  --bg-ic-dark-85: rgba(35,35,35,.85);
  --bs-info-rgb: 21,181,202;
  --bg-magenta: #be63a7;
  --bs-magenta-rgb: 190,99,167;
  --border-radius: 1rem;
  --border-radius-out: 1.25rem;
  --border-radius-in: .75rem;
  --bs-light-rgb: 242,242,242;
  --bs-secondary-rgb: 177,177,177;
  --ic-gray-bg: #f8f9fa;
}

.img-style { border-radius: var(--border-radius);}

.py-6 { padding-top: 5rem !important;  padding-bottom: 5rem !important;}
.pb-6 { padding-bottom: 5rem !important;}
.pt-6 { padding-top: 5rem !important;}

.card {
  --bs-card-border-radius: var(--border-radius);
}

.card-body {
  --bs-card-spacer-y: 2rem !important;
  --bs-card-spacer-x: 2rem !important;
  --bs-card-title-spacer-y: 1rem !important;
}

.card-tarif-row .card-body {
  --bs-card-spacer-y: 1rem !important;
  --bs-card-spacer-x: 2rem !important;
}

@media (min-width: 1px) and (max-width: 576px)
{
	.card-body {
	  --bs-card-spacer-y: 1rem !important;
	  --bs-card-spacer-x: 1rem !important;
	}
}

@media (min-width: 577px) and (max-width: 1200px)
{
	.card-body {
	  --bs-card-spacer-y: 2rem !important;
	  --bs-card-spacer-x: 1rem !important;
	}
}

.pagination-lg {
  --bs-pagination-border-radius: 0;
 /* --bs-pagination-padding-x: 1.25rem;
  --bs-pagination-padding-y: 0.5rem;
  --bs-pagination-font-size: 1rem;
  --bs-pagination-border-radius: 0.5rem;*/
}
.pagination {
  --bs-pagination-color: var(--color-primary);
  --bs-pagination-active-color: var(--link-white);
  --bs-pagination-active-bg: var(--color-primary);
  --bs-pagination-active-border-color: var(--color-primary);
  --bs-pagination-border-width: 0px;

}

	.fields-wrapper {
		display: flex;
		flex-direction: column;
	}
	/* Výchozí pořadí (občan / firma): nadpis → firma → IČO/DIČ → adresa → jméno → kontakt */
	.group-heading  { order: 1; }
	.group-company  { order: 2; }
	.group-ico      { order: 3; }
	.group-address  { order: 4; }
	.group-name     { order: 5; }
	.group-contact  { order: 6; }

	/* Podnikatel: IČO/DIČ → jméno → adresa → kontakt */
	.fields-wrapper.typ-podnikatel .group-heading { order: 1; }
	.fields-wrapper.typ-podnikatel .group-ico     { order: 2; }
	.fields-wrapper.typ-podnikatel .group-name    { order: 3; }
	.fields-wrapper.typ-podnikatel .group-address  { order: 4; }
	.fields-wrapper.typ-podnikatel .group-contact  { order: 5; }

    .icon-wrapper {
        width: 64px;
        height: 64px;
        border-radius: 32px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 28px;
        margin-bottom: 20px;
        background-color: var(--bg-magenta);
        color: white;
    }

  .timeline-container { position: relative; padding: 2rem 0; }
    .timeline-line {
        position: absolute;
        top: 50px;
        left: 10%;
        right: 10%;
        height: 2px;
        background-color: #e9ecef;
        z-index: 1;
    }
    .timeline-step { position: relative; z-index: 2; text-align: center; }
    .timeline-dot {
        width: 40px;
        height: 40px;
        background-color: var(--bg-magenta);
        color: white;
        border-radius: 50%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-weight: bold;
        margin: 0 auto 1rem auto;
        border: 4px solid #fff;
        box-shadow: 0 0 0 2px var(--bg-magenta);
    }

    @media (max-width: 768px) {
        .timeline-line { display: none; }
        .timeline-step { margin-bottom: 2rem; }
    }


.overeniTop {padding: 10px 15px;  }
.odstiny{  }
.odstiny input{ display: none}

.odstiny .colour{ margin: 0 7px 6px 0; min-width: 94px; border: 0px; padding-top: 15px; text-align:left; font-weight: bold; overflow: hidden; background-color: #f7f7f7;  border-radius: 7px;  }
.odstiny .colour .info { padding: 3px 0px; font-size: 10px; text-align: left; font-weight: normal; }
.odstiny .colour.skladem { color: #0fb398; }
.odstiny .colour.skladem .pocetKS { background-color: #0fb398; }
.odstiny .colour.last { color: #ff7700; }
.odstiny .colour.last .pocetKS { background-color: #ff7700; }
.odstiny .colour .pocetKS{ margin: 7px -12px -1px -12px; padding: 3px 10px; background-color: #b3b3b3; font-size: 10px; text-align: left; font-weight: normal; color: #fff;   }
.odstiny .selected{	background-color: var(--color-primary); color: #fff !important; 	}
.odstiny .selected  .pocetKS{	background-color: #fff !important; color: #000; 	}

.recenze-stamp {  z-index: 99;  margin-top: -1.6rem; margin-right: -2.5rem;}

.card-img {  transition: transform 0.5s ease;}
.card-img-hover:hover .card-img {  transform: scale(1.05);}

.pagination li { box-shadow: 0 20px 100px rgba(0,0,0,.1);}

.fajntelka-oss img {max-height: 30px;  max-width: 100px;  vertical-align: middle;  margin: 1rem;}

b, strong {  font-weight: 700;}
.flex-mid-mid {   display: flex;  align-items: center !important;  justify-content: center !important;}
.lead-list li+li { margin-top: 0.5rem;}
.lead-list li {   font-size: 1.25rem;  font-weight: 300;}
.lead-list li::marker {  font-size: 1.5rem; font-weight: bold;}

body{color: #353535; font-weight: 300; font-family: "Roboto","Exo 2","Helvetica Neue",Helvetica,Arial,sans-serif; }

#header-top-nav { font-size: .85rem; background-color: rgba(var(--obdobi-active, 200,200,200),.50); }
#header-top-nav .nav-link {  color: var(--bg-ic-dark);  padding: var(--bs-nav-link-padding-y) calc( var(--bs-nav-link-padding-x) - .25rem) calc(var(--bs-nav-link-padding-y) + .25rem); border-top-left-radius: .75rem;border-top-right-radius: .75rem; }
#header-top-nav .nav-item+.nav-item { margin-left: 2px; }
.zakaznikTypebusiness #header-top-nav .nav-link {  color: var(--link-white); }
.zakaznikTypedeveloper #header-top-nav .nav-link {  color: var(--link-white); }
.zakaznikTypesvj #header-top-nav .nav-link {  color: var(--link-white); }
.zakaznikTypeverejnasprava #header-top-nav .nav-link {  color: var(--link-white); }
#header-top-nav .active .nav-link,#header-top-nav .nav-link:hover, .nav-contacts .active .nav-link {  color: var(--bg-ic-dark); text-decoration: none; background: #ffffff; padding: calc(var(--bs-nav-link-padding-y) + .125rem) calc( var(--bs-nav-link-padding-x) - .25rem)  calc(var(--bs-nav-link-padding-y) + .125rem); }
.zakaznikTypebusiness #header-top-nav .active .nav-link,.zakaznikTypebusiness #header-top-nav .nav-link:hover, .zakaznikTypebusiness .nav-contacts .active .nav-link {  color: var(--link-white); text-decoration: none;  background: var(--bg-magenta) }
.zakaznikTypedeveloper #header-top-nav .active .nav-link,.zakaznikTypedeveloper #header-top-nav .nav-link:hover, .zakaznikTypedeveloper .nav-contacts .active .nav-link {  color: var(--link-white); text-decoration: none;  background: #15b5ca }
.zakaznikTypesvj #header-top-nav .active .nav-link,.zakaznikTypesvj #header-top-nav .nav-link:hover, .zakaznikTypesvj .nav-contacts .active .nav-link {  color: var(--link-white); text-decoration: none; background: var(--bg-cyan-dark) }
.zakaznikTypeverejnasprava #header-top-nav .active .nav-link,.zakaznikTypeverejnasprava #header-top-nav .nav-link:hover, .zakaznikTypeverejnasprava .nav-contacts .active .nav-link {  color: var(--link-white); text-decoration: none; background: var(--bg-ic-dark) }
#header-top-nav hr { margin: 0; opacity: .05}

.navbar-default .navbar-toggler { text-transform: none; border-color: var(--bg-ic-dark); color: #fff; background: var(--bg-ic-dark); font-size: 1rem }
.navbar-default .navbar-toggler:hover, .navbar-default .navbar-toggler:focus {    background-color: #000;  background: #000;}
.navbar-default .navbar-toggler .bi {  font-size: 2rem;  }
.navbar-default .navbar-collapse, .navbar-default .navbar-form {    border-color: transparent;}

.zakaznikTypebusiness header { color: #fff}
.zakaznikTypebusiness header { background-color:var(--bg-magenta);}
.zakaznikTypebusiness #header-top-nav {  background-color:  rgba(255,255,255,.25);}
.zakaznikTypebusiness .floatmenu { background-color: rgba(190,99,167,.85);  }
.zakaznikTypebusiness .navbar-default .navbar-toggle {  border-color: #fff;  color: #000;  background: #fff; }
.zakaznikTypebusiness .navbar-default .navbar-nav > li > a {  color: var(--link-white);}
.zakaznikTypebusiness .navbar-default .navbar-nav > .active > a, .zakaznikTypebusiness .navbar-default .navbar-nav > .active > a:focus, .zakaznikTypebusiness .navbar-default .navbar-nav > .active > a:hover {color: var(--link-white);}
.zakaznikTypebusiness .navbar-default .nav-contacts li > a { color: var(--link-white);}

.zakaznikTypedeveloper header { color: #fff}
.zakaznikTypedeveloper header { background-color:#15b5ca;}
.zakaznikTypedeveloper #header-top-nav {  background-color:  rgba(255,255,255,.25);}
.zakaznikTypedeveloper .floatmenu { background-color: rgba(21,181,202,.85);  }
.zakaznikTypedeveloper .navbar-default .navbar-toggle {  border-color: #fff;  color: #000;  background: #fff; }
.zakaznikTypedeveloper .navbar-default .navbar-nav > li > a {  color: var(--link-white);}
.zakaznikTypedeveloper .navbar-default .navbar-nav > .active > a, .zakaznikTypedeveloper .navbar-default .navbar-nav > .active > a:focus, .zakaznikTypedeveloper .navbar-default .navbar-nav > .active > a:hover {color: var(--link-white);}
.zakaznikTypedeveloper .navbar-default .nav-contacts li > a { color: var(--link-white);}

.zakaznikTypesvj header { color: #fff}
.zakaznikTypesvj header { background-color:var(--bg-cyan-dark);}
.zakaznikTypesvj #header-top-nav {  background-color:  rgba(255,255,255,.25);}
.zakaznikTypesvj .floatmenu { background-color:var(--bg-cyan-dark-85);  }
.zakaznikTypesvj .navbar-default .navbar-toggle {  border-color: #fff;  color: #000;  background: #fff; }
.zakaznikTypesvj .navbar-default .navbar-nav > li > a {  color: var(--link-white);}
.zakaznikTypesvj .navbar-default .navbar-nav > .active > a, .zakaznikTypesvj .navbar-default .navbar-nav > .active > a:focus, .zakaznikTypesvj .navbar-default .navbar-nav > .active > a:hover {color: var(--link-white);}
.zakaznikTypesvj .navbar-default .nav-contacts li > a { color: var(--link-white);}

.zakaznikTypeverejnasprava header { color: #fff}
.zakaznikTypeverejnasprava header { background-color:var(--bg-ic-dark);}
.zakaznikTypeverejnasprava #header-top-nav {  background-color:  rgba(255,255,255,.25);}
.zakaznikTypeverejnasprava .floatmenu { background-color:var(--bg-ic-dark-85);  }
.zakaznikTypeverejnasprava .navbar-default .navbar-toggle {  border-color: #fff;  color: #000;  background: #fff; }
.zakaznikTypeverejnasprava .navbar-default .navbar-nav > li > a {  color: var(--link-white);}
.zakaznikTypeverejnasprava .navbar-default .navbar-nav > .active > a, .zakaznikTypeverejnasprava .navbar-default .navbar-nav > .active > a:focus, .zakaznikTypeverejnasprava .navbar-default .navbar-nav > .active > a:hover {color: var(--link-white);}
.zakaznikTypeverejnasprava .navbar-default .nav-contacts li > a { color: var(--link-white);}

footer {  background-color: #c3c3c3;;  color: #3b3b3b;  }
footer h2 {font-size: 1.5rem; margin-bottom: 1.5rem;  text-transform: inherit;}
footer a { color: #000; }
footer a:hover { text-decoration: underline; }
footer #footer-last a { color: #fff; }
footer .nav-link {  padding: 3px 0;}

.btn-square { border-radius: 0 !important;}
.form-control-lg {  border-radius: 0rem; }

.min-h-0 { min-height: 0px!important;}
.min-h-650 { min-height: 650px!important;}
.min-h-450 { min-height: 450px!important;}
.card-deck-margin-minus {  margin-top: -90px; z-index: 99;position: relative;}

.link-dark:hover { text-decoration: none;}
.text {max-width: 1140px; margin: 0 auto; }
.text p {font-size: 18px }

.icon-stack { position: relative; display: inline-block; }
.icon-stack>i:first-child { color:inherit; }
.icon-stack>i:last-child { transform: translate(-50%,-50%) !important; left: 50% !important;   top: 50% !important;   position: absolute !important; font-size: 70%; }
.me-n1 { margin-right: -1rem;}

h3 { margin-bottom: 1rem;}
h1 small { font-weight: 400; font-size: .7em;}

.flex-list { max-width: 990px; margin: 0 auto; }
.flex-list h5, .flex-list h6, .flex-list p { margin-bottom: 0; }

/** 2020**/


.lead.text-success { color: #3c763d !important}

.card-notifikace { border-top-left-radius: var(--border-radius); border-top-right-radius: var(--border-radius); position: absolute;  top: -11px;  left: 0;  right: 0;  height: 30px;  background: var(--bg-ic-dark);  color: #fff;  font-size: 14px;  font-weight: 400;  letter-spacing: 1px;  line-height: 34px; z-index: 10; text-align: left; padding-left: 12px;  }
.card-notifikace2 { border-radius: var(--border-radius-in);  position: absolute;  top: -6px;  right: 0;  height: 30px;  background: #ccc;  color: #555;  font-size: 14px;  font-weight: 400;  letter-spacing: 1px;  line-height: 30px;  z-index: 11;  padding: 0 10px; }

.columns-4 {    column-count: 6;    font-size: .7em;}

@media (max-width: 767px)
{
	.columns-4 {    column-count: 2;    font-size: .7em;}
}


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .btn {  font-weight: 700;  font-family:  "Roboto","Exo 2","Helvetica Neue",Helvetica,Arial,sans-serif;}
.btn {    font-family: "Roboto","Exo 2","Helvetica Neue",Helvetica,Arial,sans-serif;}
h2  { font-size: 3rem;  }
.borderT0 { border-top: 0px !important;}
.rychlostAnimWrapper{width: 80%; height: auto; margin: 0 auto;  margin-top: 0px;  max-width: 105px;  margin-top: -10px; margin-bottom: 15px}

::placeholder {    color: #f5f5f5;    opacity: 1; /* Firefox */ }
:-ms-input-placeholder { color: #f5f5f5;}
::-ms-input-placeholder {     color: #f5f5f5;}
abbr[title], abbr[data-original-title] {    border-bottom: 0px dotted #777;}

.btn-primary {  background-color: var(--color-primary); }
.btn-primary:hover {    background-color: #BE5400;    border-color: #BE5400; }
.btn-outline-primary { color: var(--color-primary); border-color: var(--color-primary); }
.btn-outline-primary:hover {   color: var(--bs-btn-hover-color);  background-color: var(--color-primary);  border-color: var(--color-primary); }
a { color: #FF6A39; }
a:hover, a:focus {    color: #BE5400;  }

/*interconnect*/
.shadow-lg { box-shadow: 0 20px 100px rgba(0,0,0,.1);}
.shadow { box-shadow: 0 20px 100px rgba(0,0,0,.1) !important;}
.radius-none {   border-radius: 0 !important;}
.text-link { text-decoration: underline; color: inherit; }
.text-link:hover { text-decoration: underline; color: #FF6A39; }
.text-tiny { font-size: 12px; }

.row.d-flex p.small { line-height: 18px }

#lottie{width:100%; max-width: 232px; height:100%;display:block; margin: 0 auto; overflow: hidden;transform: translate3d(0,0,0);text-align: center;opacity: 1; }
#lottie2{width:100%; max-width: 232px; height:100%;display:block; margin: 0 auto; overflow: hidden;transform: translate3d(0,0,0);text-align: center;opacity: 1; }
#lottie3{width:100%; max-width: 232px; height:100%;display:block; margin: 0 auto; overflow: hidden;transform: translate3d(0,0,0);text-align: center;opacity: 1; }
#lottieMain{    width: 100%;    max-width: 820px;    height: auto;    display: block;    position: absolute;    right: -60px;    bottom: 30px;    z-index: 0;    overflow: hidden;    transform: translate3d(0,0,0);  text-align: center;    opacity: 1;    top: 0;}
#lottieMain2{     max-width: 410px;  }
.close {margin-right:30px;margin-top: 6px;}
.boxShadow {box-shadow: 0px 10px 40px 0px rgba(1, 0, 0, 0.15);}

header { position: relative; background: transparent; }
#mainLogo {    max-width: 235px; height: auto; }
#mainLogo:hover, #mainLogo:focus {    color: #fff;}

.navbar { text-transform: uppercase; }
.navbar .nav > li > a { padding: 10px 10px;}
.navbar .navbar-icons > li > a { padding: 0px 5px 0 0;}
.navbar .navbar-icons { margin-left: 10px; }
.navbar-default .navbar-nav > li > a {  color: #3A3A3A;  font-weight: 700; font-size: 1.15rem;}
.navbar-default .navbar-nav > li > a.short  {     white-space: nowrap;   overflow: hidden;    text-overflow: ellipsis; max-width: 180px;}
.navbar-default .navbar-nav > li > a>.fa { margin-right: 5px;}
.navbar-default .navbar-nav > li > a.navblack  { background-color: #353535;color: #fff;font-size: 20px;border-radius: 20px;padding: 2px 10px;margin-top: 9px; margin-left: 30px}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {   text-decoration: underline;   background-color: transparent; color: #353535;}
.navbar-default .navbar-nav .nav-link.active, .navbar-default .navbar-nav .show > .nav-link { text-decoration: underline;   background-color: transparent;  }
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {    text-decoration: underline; }
.navbar-default .navbar-icons > li > a {color: #d0d0d0;}
.navbar-default .navbar-nav > li > a.highlight { background-color: #df0093;   color: #FFFFFF;  }
.navbar-default .navbar-nav > li > a.highlight:hover { background-color: #353535;   color: #FFFFFF;  }

.navbar-default .nav-contacts {    font-size: 14px;    margin-left: 160px; text-transform: none; color: #8c8c8c;}
.navbar-default .nav-contacts li > a  {  color: var(--bg-ic-dark); padding: 8px 10px }

.navbar-right ~ .navbar-right { margin-right: -15px; }
.nav-center {  text-align: center; }
.nav-center ul.nav { display: inline-block; }
.nav-center ul.nav li { display: inline }
.nav-center ul.nav li a { float: left }

.form-interconnect { align-items: stretch;display: flex; text-align: left; font-size: 20px !important;color: #353535;padding: 0px 0;text-align: left;margin-left: 0 !important;margin-right: 0 !important; margin-bottom: 1rem; position: relative; }
.form-interconnect .control-label { padding: 13px 15px !important; font-size: 20px; font-weight: normal; text-align: right; color: #fff;background-color: rgba(255,255,255,0.2);}
.form-interconnect>div>input,.form-interconnect>div>textarea,.form-interconnect>div>select { margin: 0 0px; height:100% }
.form-interconnect>div.col-sm-8 { padding: 0 0px; background-color: #fff; }
.form-interconnect>div.col-md-8 { padding: 0 0px; background-color: #fff; }
.form-interconnect .radio-inline, .form-interconnect .checkbox-inline { padding: 13px 7px; margin: 0 0 0 15px; }

.bg-white .form-interconnect .radio-inline, .bg-white .form-interconnect .checkbox-inline { padding: 13px 4px; margin: 0 0 0 15px; }
.bg-white .form-interconnect { color: #353535; }
.bg-white .form-interconnect .control-label { color: #555;background-color: #cecece;}
.bg-white .form-interconnect>div.col-sm-8 { border: 1px solid #cecece;  }
.bg-white .form-interconnect>div.col-md-8 { border: 1px solid #cecece;  }
.bg-white .form-interconnect>div>input,.bg-white .form-interconnect>div>textarea,.bg-white .form-interconnect>div>select { }

.bg-magenta {  --bs-bg-opacity: 1;  background-color: rgba(var(--bs-magenta-rgb),var(--bs-bg-opacity)) !important; }
.bg-magenta-light {  --bs-bg-opacity: 1;  background-color:var(--magenta-light) !important; }
.bg-orange {  --bs-bg-opacity: 1;  background-color: var(--color-primary) !important; }


.form-horizontal .btn {  padding: 20px 40px;  margin-top: 20px;}

.container-objednavka .nextButtons { text-align: right; }
.container-objednavka .summaryMobile { display: none; }
.container-objednavka .submitOrder { margin-top: 40px; margin-bottom: 60px }
.container-objednavka+footer { display: none}

@media (max-width: 992px)
{
	.form-interconnect { display: block; }
	.form-interconnect>div { width: 100%  }
	.form-interconnect .control-label{ display: block; margin-bottom: 0px; text-align: left; width: 100%; padding: 10px 15px !important; }
	.navbar-default .navbar-nav > li > a {  font-size: 24px;   color: #353535;    font-weight: 300;    text-align: center;    padding: 13px 0; line-height: 36px;}
	.navbar-default .nav-contacts > li > a {  font-size: 14px;  padding: 4px 8px; line-height: 24px; }
	.navbar-default .nav-contacts > li {  display: inline-block;}
	.navbar-default .nav-contacts  {  text-align: center;   margin-left: -15px !important; margin-top: 14px; }
}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {  max-height: 380px;}

.input-form { background-color: #fff;}
.input-form label{     color: #555;    padding: 10px;    font-weight: 300;    font-size: 20px !important; display: block;}
.input-form label input { margin-top: 8px;}
.input-group-addon { border-radius: 0px;-moz-border-radius:0px;-webkit-border-radius: 0px; min-width: 200px; border: 0px }
.input-group-interconnect>label { width: 100% !important; margin: 0; line-height: 2em; }
.input-group-interconnect>label>input { width: auto !important; margin: 0 14px 0 24px;}
.input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) {  }
.input-lg { font-size: 20px;}

.carousel-caption h1,.carousel-caption.cap { font-family: "Roboto","Exo 2","Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: bold;  margin: 2rem 0; color: #353535; font-size: 40px; text-shadow: none; line-height: 1.2 }
.carousel-caption p { font-weight: 300; display: block; color: #353535; font-size: 1.25rem; max-width: 450px; margin-bottom: 10px   }
.carousel-caption  { text-align: left; position: relative; top: 0px; bottom: auto; left: 0; }
.carousel-caption .btn {z-index: 50;position: relative; }
.carousel  { background: rgba(200,200,200,.35); }
.carousel .item {   background-position: center center; background-size: cover; min-height: 200px;}
.carousel .item>.container{  z-index: 99; position: relative; }



:root {
  --obdobi-podzim:    252, 225, 174;
  --obdobi-zima:      174, 230, 252;
  --obdobi-leto:      255, 243, 163;
  --obdobi-mikulas:   174, 230, 252;
  --obdobi-vanoce:    214, 137, 116;
  --obdobi-valentyn:  255,   0,   0;
  --obdobi-velikonoce:132, 195,  94;
  --obdobi-jaro:      132, 195,  94;
  --obdobi-strasidlo: 124,  79, 159;
  --obdobi-vecer:      59,  74,  96;
  --obdobi-vaclav:    147, 212, 244;
  --obdobi-martin:    147, 212, 244;
  --obdobi-cernobyl:  255, 225, 138;
  --obdobi-skola:     246, 130, 169;
  --obdobi-mdz:     180, 180, 237;
  --obdobi-mama:     241, 212, 175;
  --obdobi-eu:     79, 112, 222;
  --obdobi-novyrok:     53, 101, 173;
  --obdobi-smutek:     223, 191, 178;
  --bg-base: 242, 242, 242;
}

/* mapování aktivní barvy podle class na <body> */
body.obdobi-podzim     { --obdobi-active: var(--obdobi-podzim); }
body.obdobi-zima       { --obdobi-active: var(--obdobi-zima); }
body.obdobi-leto       { --obdobi-active: var(--obdobi-leto); }
body.obdobi-mikulas    { --obdobi-active: var(--obdobi-mikulas); }
body.obdobi-vanoce     { --obdobi-active: var(--obdobi-vanoce); }
body.obdobi-valentyn   { --obdobi-active: var(--obdobi-valentyn); }
body.obdobi-velikonoce { --obdobi-active: var(--obdobi-velikonoce); }
body.obdobi-jaro       { --obdobi-active: var(--obdobi-jaro); }
body.obdobi-strasidlo  { --obdobi-active: var(--obdobi-strasidlo); }
body.obdobi-vecer      { --obdobi-active: var(--obdobi-vecer); }
body.obdobi-vaclav     { --obdobi-active: var(--obdobi-vaclav); }
body.obdobi-martin     { --obdobi-active: var(--obdobi-martin); }
body.obdobi-cernobyl   { --obdobi-active: var(--obdobi-cernobyl); }
body.obdobi-skola      { --obdobi-active: var(--obdobi-skola); }
body.obdobi-volby      { --obdobi-active: var(--obdobi-zima); }
body.obdobi-mdz      { --obdobi-active: var(--obdobi-mdz); }
body.obdobi-mama      { --obdobi-active: var(--obdobi-mama); }
body.obdobi-eu      { --obdobi-active: var(--obdobi-eu); }
body.obdobi-nagano      { --obdobi-active: var(--obdobi-strasidlo); }
body.obdobi-novyrok      { --obdobi-active: var(--obdobi-novyrok); }
body.obdobi-smutek      { --obdobi-active: var(--obdobi-smutek); }


/* osobní */
.obdobi-podzim.zakaznikTypeosobni .carousel    { background: linear-gradient(0deg, rgb(var(--bg-base)) 1%, rgba(var(--obdobi-podzim), .75) 100%); }
.obdobi-zima.zakaznikTypeosobni .carousel      { background: linear-gradient(0deg, rgb(var(--bg-base)) 1%, rgba(var(--obdobi-zima), .75) 100%); }
.obdobi-leto.zakaznikTypeosobni .carousel      { background: linear-gradient(0deg, rgb(var(--bg-base)) 1%, rgba(var(--obdobi-leto), .50) 100%); }
.obdobi-mikulas.zakaznikTypeosobni .carousel   { background: linear-gradient(0deg, rgb(var(--bg-base)) 1%, rgba(var(--obdobi-mikulas), .75) 100%); }
.obdobi-vanoce.zakaznikTypeosobni .carousel    { background: linear-gradient(0deg, rgb(var(--bg-base)) 1%, rgba(var(--obdobi-vanoce), .65) 100%); }
.obdobi-valentyn.zakaznikTypeosobni .carousel  { background: linear-gradient(0deg, rgb(var(--bg-base)) 1%, rgba(var(--obdobi-valentyn), .33) 100%); }
.obdobi-velikonoce.zakaznikTypeosobni .carousel{ background: linear-gradient(0deg, rgb(var(--bg-base)) 1%, rgba(var(--obdobi-velikonoce), .33) 100%); }
.obdobi-jaro.zakaznikTypeosobni .carousel      { background: linear-gradient(0deg, rgb(var(--bg-base)) 1%, rgba(var(--obdobi-jaro), .33) 100%); }
.obdobi-strasidlo.zakaznikTypeosobni .carousel { background: linear-gradient(0deg, rgb(var(--bg-base)) 1%, rgba(var(--obdobi-strasidlo), .48) 100%); }
.obdobi-vecer.zakaznikTypeosobni .carousel     { background: linear-gradient(0deg, rgb(var(--bg-base)) 1%, rgba(var(--obdobi-vecer), .48) 100%); }
.obdobi-vaclav.zakaznikTypeosobni .carousel    { background: linear-gradient(0deg, rgb(var(--bg-base)) 1%, rgba(var(--obdobi-vaclav), .48) 100%); }
.obdobi-martin.zakaznikTypeosobni .carousel    { background: linear-gradient(0deg, rgb(var(--bg-base)) 1%, rgba(var(--obdobi-martin), .48) 100%); }
.obdobi-cernobyl.zakaznikTypeosobni .carousel  { background: linear-gradient(0deg, rgb(var(--bg-base)) 1%, rgba(var(--obdobi-cernobyl), .51) 100%); }
.obdobi-skola.zakaznikTypeosobni .carousel     { background: linear-gradient(0deg, rgb(var(--bg-base)) 1%, rgba(var(--obdobi-skola), .51) 100%); }
.obdobi-volby.zakaznikTypeosobni .carousel     { background: linear-gradient(0deg, rgb(var(--bg-base)) 1%, rgba(var(--obdobi-zima), .51) 100%); }
.obdobi-mdz.zakaznikTypeosobni .carousel     { background: linear-gradient(0deg, rgb(var(--bg-base)) 1%, rgba(var(--obdobi-mdz), .51) 100%); }
.obdobi-mama.zakaznikTypeosobni .carousel     { background: linear-gradient(0deg, rgb(var(--bg-base)) 1%, rgba(var(--obdobi-mama), .51) 100%); }
.obdobi-eu.zakaznikTypeosobni .carousel     { background: linear-gradient(0deg, rgb(var(--bg-base)) 1%, rgba(var(--obdobi-eu), .51) 100%); }
.obdobi-nagano.zakaznikTypeosobni .carousel     { background: linear-gradient(0deg, rgb(var(--bg-base)) 1%, rgba(var(--obdobi-strasidlo), .51) 100%); }
.obdobi-novyrok.zakaznikTypeosobni .carousel     { background: linear-gradient(0deg, rgb(var(--bg-base)) 1%, rgba(var(--obdobi-novyrok), .51) 100%); }
.obdobi-smutek.zakaznikTypeosobni .carousel     { background: linear-gradient(0deg, rgb(var(--bg-base)) 1%, rgba(var(--obdobi-smutek), .6) 100%); }

/* obsolete */
.obdobi-podzim.zakaznikTypeosobni .card-hero {  background: linear-gradient(0deg, rgb(242, 242, 242) 1%, rgba(252,225,174,.75) 100%); }
.obdobi-zima.zakaznikTypeosobni .card-hero { background: linear-gradient(160deg, #4D799A 25%, #D5E8F1 100%); }
.obdobi-leto.zakaznikTypeosobni .card-hero { background: linear-gradient(0deg, rgb(242, 242, 242) 1%, rgba(255,243,163,.5) 100%) }
.obdobi-mikulas.zakaznikTypeosobni .card-hero { background: linear-gradient(162deg,rgb(211, 87, 71) 0%, rgb(125, 50, 57) 100%) }
.obdobi-vanoce.zakaznikTypeosobni .card-hero { background: linear-gradient(162deg, rgb(211, 87, 71) 35%, rgb(200 215 219) 80%); }
.obdobi-valentyn.zakaznikTypeosobni .card-hero {  background: linear-gradient(0deg, rgb(242, 242, 242) 1%, rgba(255, 0, 0,.33) 100%); }
.obdobi-velikonoce.zakaznikTypeosobni .card-hero {  background: linear-gradient(0deg, rgb(242, 242, 242) 1%, rgba(132, 195, 94,.33) 100%); }
.obdobi-jaro.zakaznikTypeosobni .card-hero {  background: linear-gradient(0deg, rgb(242, 242, 242) 1%, rgba(132, 195, 94,.33) 100%); }
.obdobi-strasidlo.zakaznikTypeosobni .card-hero {  background:  linear-gradient(0deg, rgb(242, 242, 242) 1%, rgb(124,79,159,.48) 100%) }
.obdobi-vecer.zakaznikTypeosobni .card-hero {  background:  linear-gradient(9deg, rgb(93, 111, 133) 1%, rgba(59, 74, 96, 0.5) 100%) }
.obdobi-vaclav.zakaznikTypeosobni .card-hero {  background:  linear-gradient(0deg, rgb(242, 242, 242) 1%, rgb(147,212,244,.48) 100%) }
.obdobi-martin.zakaznikTypeosobni .card-hero {  background:  linear-gradient(0deg, rgb(242, 242, 242) 1%, rgb(147,212,244,.48) 100%) }
.obdobi-cernobyl.zakaznikTypeosobni .card-hero {  background: linear-gradient(0deg, rgb(242, 242, 242) 1%, rgb(255 225 138 / 51%) 100%) }
.obdobi-skola.zakaznikTypeosobni .card-hero {  background: linear-gradient(0deg, rgb(242, 242, 242) 1%, rgb(255 225 138 / 51%) 100%) }
.obdobi-mdz.zakaznikTypeosobni .card-hero {  background: linear-gradient(0deg, rgb(242, 242, 242) 1%, rgb(255 225 138 / 51%) 100%) }
/* end obsolete */

.carousel-caption h1 { text-shadow: none; font-size: 77px; font-weight: 700; position:relative; z-index: 10;   line-height: 65px; }
#subpage .carousel .carousel-caption h1, .mesto .carousel .carousel-caption h1 { font-size: 56px; max-width: 540px;   }
#subpage .carousel .carousel-caption { min-height: 340px;   z-index: 99;   }
#subpage .carousel.short .carousel-caption h1 { font-size: 36px; margin:0; max-width: 100%; }
#subpage .carousel.short .carousel-caption h1 small { font-size: 26px; display: inline; }
#subpage .carousel.short .carousel-caption { min-height: 0;  }
.carousel-caption h1 small { text-shadow: none; color: inherit; font-weight: 700; text-transform: none;  display: block; font-size: 56px; }

#speed-kontakt,#kontaktForm { margin-top: -60px;  }
#kontaktForm .contentViolet { box-shadow: 0px 10px 40px 0px rgba(1, 0, 0, 0.15); }
.speed-kontakt { border-radius: var(--border-radius);background-color: var(--bg-magenta); display: block; text-align: center; color: #fff; text-decoration: none;  box-shadow: 0 20px 20px rgba(0,0,0,.1);  font-size: 1.25rem; transition: background-color 300ms linear;}
.speed-kontakt strong {  display: block; font-size: 1.75rem; font-weight: 700; text-transform: uppercase; }
.speed-kontakt.speed-2 { background-color: #15b5ca; }
.speed-kontakt.speed-3 { background-color: #FF6A39; }
.speed-kontakt:hover, .speed-kontakt:active, .speed-kontakt:focus { background-color: #61094b; text-decoration: none; color: #fff;  }
.speed-kontakt.speed-2:hover { background-color: #0f8291; }
.speed-kontakt.speed-3:hover { background-color: #b14700; }

.input-lg {  border-radius: 0px; }
.form-control,.form-select { border: 1px solid #fff; color: #333; }
.mb-3>.form-control,.mb-3>.form-select { border: 1px solid #ccc; color: #333; }
.input-group-btn .btn {border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }
.homepage-dostupnost {  border-radius: var(--border-radius); max-width: 600px; margin-top: 25px;  background-color: #15b5ca; position: relative; z-index: 3; padding: 20px 25px 25px 25px; box-shadow: 0px 0px 20px 0px rgba(1, 0, 0, 0.25);  }
.homepage-dostupnost p { font-size: 1rem; color: #fff !important; text-transform: none; font-weight: 300; max-width: 100% !important;  }
.homepage-dostupnost .btn { font-size: 1rem; font-weight: 700; color: #fff; padding-left: 1rem; padding-right: 1rem; text-transform: uppercase; background-color: #00606d; }

.hodnoceniStars { font-size: 14px; }
.hodnoceniStars .fa { color: #89106b;  }

.btn-blue { font-size: 20px; font-weight: 600; color: #15b5ca; text-transform: uppercase; display: inline-block; padding: 5px 0; }
.btn-orange { font-size: 20px; font-weight: 600; color: #FF6A39; text-transform: uppercase; display: inline-block; padding: 5px 0; }
.btn-gray { font-size: 20px; font-weight: 600; color: #555555; text-transform: uppercase; display: inline-block; padding: 5px 0; }
.text-orange { font-weight: 600; color: #FF6A39 !important; }
.text-cyan { font-weight: 600; color: #15b5ca !important; }
.text-violet { font-weight: 600; color: #89106b !important; }
.text-upper  { text-transform: uppercase }

.btn-info { border-radius: 32px;padding: 10px 30px; background-color: #89106b; border: 0; color: #fff; text-transform: uppercase; font-weight: 700;  }
.btn-info:hover, .btn-info:focus {  background-color: #61094b; color: #fff; }
.btn-info.btn-lg {border-radius: 60px; padding: 20px 40px;font-size: 40px;font-weight: 700;}

.btn-default {    border-radius: 32px;    padding: 10px 30px;    background-color: #b1b1b1;    border: 0px;    text-transform: uppercase;    font-weight: 700;}

.btn-cyan { border-radius: 32px;padding: 10px 30px; background-color: #15b5ca; color: #fff; border: 0; text-transform: uppercase; font-weight: 700;  }
.contentCyan .btn-cyan {  background-color: #00606d;  }
.btn-cyan:hover, .btn-cyan:focus, .btn-cyan:active {  background-color: #00444d;  color: #fff; }

.btn-violet { border-radius: 32px;padding: 10px 30px; background-color: #8c1d70; border: 0; text-transform: uppercase; font-weight: 700; color: #fff;  }
.btn-violet:hover, .btn-violet:focus, .btn-violet:active {  background-color: #6b0d53;  color: #fff; }

.nav-pills > li > a {    border-radius: 0px; }
.nav-pills > li + li {    margin-left: 0px;}
.nav-pills.violet > li.active > a, .nav-pills.violet > li.active > a:hover, .nav-pills.violet > li.active > a:focus { background-color: #89106b;}
.nav-pills.violet a { color: #89106b;}
.nav-pills.cyan a { color:  var(--bg-ic-dark); background-color: #fff;  border-radius: var(--border-radius-in); }
.nav-pills.cyan .nav-link.active, .nav-pills.cyan .show > .nav-link {   color: var(--link-white);  background-color: var(--bg-ic-dark); }
.nav-pills {background: #fff;  border-radius: var(--border-radius); font-size: 1rem; font-weight: 400;  vertical-align: middle; margin: 0 25px;  border: 2px solid var(--bg-ic-dark); }

.btn-primary { padding: 10px 30px; margin-top: 0px; border: 0px;  text-transform: uppercase; font-weight: 700; border-radius: 30px;-moz-border-radius:30px;-webkit-border-radius: 30px; }
.btn-secondary { padding: 10px 30px; margin-top: 0px; border: 0px;  text-transform: uppercase; font-weight: 700; border-radius: 30px;-moz-border-radius:30px;-webkit-border-radius: 30px; }
.btn-outline-secondary { padding: 10px 30px; margin-top: 0px; text-transform: uppercase; font-weight: 700; border-radius: 30px;-moz-border-radius:30px;-webkit-border-radius: 30px; }


.contentWhite { background: transparent; min-height: 100px; position: relative; margin: 100px 0;padding: 40px 0; }
.contentWhite>.bgLineLightTop {  background: #f2f2f2; height: 575px; position: absolute; top: 0; left: 0; right: 0; z-index: -1;   }
.contentLight { background: #f2f2f2; min-height: 100px; position: relative; margin: 100px 0;padding: 40px 0;  border-radius: var(--border-radius); }
.contentLight p { color: #353535; }

/*.contentLight .table { background: #ffd69c;border-radius: 30px !important;-moz-border-radius:30px !important;-webkit-border-radius: 30px !important; }
.contentLight .table > thead > tr > th, .contentLight .table > tbody > tr > th, .contentLight .table > tfoot > tr > th, .contentLight .table > thead > tr > td, .contentLight .table > tbody > tr > td, .contentLight .table > tfoot > tr > td {padding: 14px; border-top: 1px solid #ffe6c3;}
*/
.contentViolet { background: var(--bg-magenta); min-height: 100px; position: relative; margin: 100px 0;padding: 40px; color: #fff;   border-radius: var(--border-radius);}
.contentViolet p { color: #fff; }
.contentCyan { background: #15b5ca; min-height: 100px; position: relative; margin: 100px 0;padding: 40px; color: #fff; border-radius: var(--border-radius); }
.contentCyan p { color: #fff; }
.contentCyan .btn {     border-radius: 0 !important;}
.contentCyan a { color: #00606d; font-weight: 700; }

.container .jumbotron, .container-fluid .jumbotron { border-radius: 0px;  }
.container .jumbotron h1 , .container-fluid .jumbotron h1 {      font-size: 54px;    text-transform: uppercase;    margin: 20px 0 50px;}

.bg-white { background-color: white}

#cojetukanet,#jaktozenejlevnejsi,#technologie { display: block;    position: relative;    top: -150px;    visibility: hidden;}

/** 2017 **/
.boxBGlight {      background-color: #ffffff; padding: 40px; box-shadow: 0 20px 100px rgba(0,0,0,.1);  border-radius: var(--border-radius); }
/*.boxBGlight2 {    border-radius: 40px;  background-color: #f7f7f7; padding: 20px 10px; }*/
.boxBGlightHeader {      padding: 30px 30px;  text-align: center;   margin: -20px -10px;    -webkit-border-top-left-radius: 30px;    -webkit-border-top-right-radius: 30px;    -moz-border-radius-topleft: 30px;   -moz-border-radius-topright: 30px;    border-top-left-radius: 30px;    border-top-right-radius: 30px;}

.radio label, .checkbox label { min-height: 26px; font-size: 17px; display:block;}
input[type="radio"], input[type="checkbox"] { margin: 6px 0 0; }
.radio, .checkbox {  margin-top: 5px;  margin-bottom: 5px; }

.modal-content #formdostupnost .form-control {     border: 1px solid #ccc; height: 48px; }
.modal-content #formdostupnost .form-select {     border: 1px solid #ccc; height: 48px; }
.homepage-mapa { position: absolute; bottom: 0; right: 100px; }

.homepage-tukan-container { position: relative; }
.homepage-tukan { position: absolute; bottom: -28px; left: 50%; margin-left: -400px; z-index:10; }
.homepage-tukan-kridlo { position: absolute; bottom: -28px; left:50%; margin-left: -400px; z-index:9;  }

.dostupnost-tukan-container { position: relative; }
.dostupnost-tukan { position: absolute; bottom: -43px; left:0; z-index:10; }
.dostupnost-tukan-kridlo { position: absolute; bottom: 20px; left:290px; z-index:9; }

.dostupnost-bublina {position: relative;background: rgba(255,255,255,.8);max-width: 696px;box-shadow: 0px 10px 40px 0px rgba(1, 0, 0, 0.15); backdrop-filter: blur(6px);padding: 2.5rem 2rem; border-top-left-radius: var(--border-radius);border-top-right-radius: var(--border-radius); }
.dostupnost-adresa { white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; }
.dostupnost-bublina h1 {font-size: 65px; }
.dostupnost-bublina p { max-width: 100% !important; }

.btn-dark { border-radius: 0px; font-weight: 800; padding: 10px 30px;font-family: 'Roboto','Exo 2', cursive;font-size: 32px; background-color: #353535; color: #fff; }
.btn-dark:hover,.btn-dark:focus { background-color: #353535; color: #fff; }
.dostupnost-bublina .btn {   border-radius: 0px;   position: absolute;    right: 0; left:0;   bottom: -3rem; border-bottom-left-radius: var(--border-radius);border-bottom-right-radius: var(--border-radius);  }

@media (max-width: 992px)
{
	.dostupnost-bublina .btn-dark {    /* margin-right: -30px; */    position: static;    right: auto;    bottom: auto; }
	.homepage-dostupnost { max-width: 100%;margin-top: 0px;}
	.boxBGlight { padding: 15px; margin-left: -15px; margin-right: -15px }

	.mesto .carousel .carousel-caption h1 {    font-size: 56px;    max-width: 100%;}
	.mesto .carousel #lottieMain {  max-width: 445px;position: relative;margin: 0 auto; }
	#subpage .carousel .carousel-caption h1 { max-width: 100%;   margin-bottom: 2rem;   overflow-wrap: anywhere;  }
	#subpage .carousel .carousel-caption p { max-width: 100%;   }
	#subpage .carousel .carousel-caption { min-height: 0;   }
}

#mapSpecial { height: 760px; position: absolute; left: 0; right: 0; top: 0; z-index: 1; }

#mapSpecialGrad {  }

#orderSteps { margin: 15px -20px 25px;  position: relative; }
#orderSteps .steps { position: relative; font-size: 28px; }
#orderSteps .line1 { position: absolute; z-index: 0;top: 10px;left: 30px;right: 0px; border-top: 2px solid #fff }
#orderSteps .line2 { position: absolute; z-index: 0;top: 60px;left: 0px;right: 30px; border-top: 2px solid #fff }
#orderSteps .steps.pull-right .line1 { left: 30px;right: 30px;  }
#orderSteps p.pull-left { margin-top: 14px; }
#orderSteps .muted { color: #fff; }
#orderSteps .muted .fa-inverse { color: #C8C9C7; }
#orderSteps .text-warning { color: #fff; }
#orderSteps .text-warning .fa-inverse { color: #353535; }
#orderSteps p { font-size: 16px; }
#sticky { z-index: 998}
.fa-5x {    font-size: 5em; }



.col-margin-minus { margin-top: -70px; }
.card-special-checkbox { min-height: 0px; margin-top: 0px; padding: 1.25rem; }
.card-body-header { min-height: 100px; padding: 1.25rem; }
.card-body-header h3 { margin: 0; }
.card-body-header h3 span {   display: block; font-size: 16px; }

.card-body .card-text { font-size: 13px; }
.card {
  position: relative;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 0px solid rgba(0, 0, 0, 0.125);
}

.col>.card {  box-shadow: 0 20px 100px rgba(0,0,0,.1); text-align: center}
.col>.card .card-body .card-text { font-size: 16px; }
.card-tarifs>.card .card-body .card-text { font-size: 16px; }
.card p.h3 small { display: block; font-size: 16px; text-decoration: line-through; margin-bottom: 5px; color: #353535; }
.card .btn-blue, .card .btn-gray, .card .btn-orange {  }
.card-tarifs .card-title {    min-height: 75px;}
.card .card-title span {   display: block; font-size: 16px; }
.card-hover:hover { box-shadow: 0 20px 100px rgba(0,0,0,.3); transition: all 0.2s ease-in-out 0s; }


.card > hr {  margin-right: 0;  margin-left: 0;}
.card > .list-group:first-child .list-group-item:first-child {  border-top-left-radius: 0.25rem;  border-top-right-radius: 0.25rem;}
.card > .list-group:last-child .list-group-item:last-child {  border-bottom-right-radius: 0.25rem;  border-bottom-left-radius: 0.25rem;}
.card-tarif .card-title { margin: 1.25rem 0 2.5rem 0;}
.card-subtitle {  margin-top: -0.375rem;  margin-bottom: 0;}
.card-text:last-child {  margin-bottom: 0;}
.card-link:hover {  text-decoration: none;}
.card-link + .card-link {  margin-left: 1.25rem;}
.card-header {  padding: 0.75rem 1.25rem;  margin-bottom: 0;  background-color: transparent;  border-bottom: 0px solid rgba(0, 0, 0, 0.125);}
.card-header:first-child {  border-radius: calc(0.25rem-1px) calc(0.25rem-1px) 0 0;}
.card-header + .list-group .list-group-item:first-child {  border-top: 0;}

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: transparent;
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  margin-left: 15px;
	margin-right: 15px;
}



@-webkit-keyframes vibrate-norm {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  10% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
  20% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg);
  }
  30% {
    -webkit-transform: rotate(-1deg);
            transform: rotate(-1deg);
  }
  40% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
  60% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg);
  }
  70% {
    -webkit-transform: rotate(-1deg);
            transform: rotate(-1deg);
  }
  80% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
  90% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@keyframes vibrate-norm {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  10% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
  20% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg);
  }
  30% {
    -webkit-transform: rotate(-1deg);
            transform: rotate(-1deg);
  }
  40% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
  60% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg);
  }
  70% {
    -webkit-transform: rotate(-1deg);
            transform: rotate(-1deg);
  }
  80% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
  90% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
.vibrate-norm{-webkit-animation:vibrate-norm 2s linear 2 both;animation:vibrate-norm 2s linear 2 both}

@-webkit-keyframes vibrate-max {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  10% {
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg);
  }
  20% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  30% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
  40% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg);
  }
  50% {
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg);
  }
  60% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  70% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
  80% {
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg);
  }
  90% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@keyframes vibrate-max {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  10% {
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg);
  }
  20% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  30% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
  40% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg);
  }
  50% {
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg);
  }
  60% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  70% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
  80% {
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg);
  }
  90% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
.vibrate-max{-webkit-animation:vibrate-max .5s linear infinite both;animation:vibrate-max .5s linear infinite both}









/** 2016 **/


.ui-widget {    font-family: inherit !important;}
.ui-corner-all { border-radius: 0px !important;-moz-border-radius:0px !important;-webkit-border-radius: 0px !important; border: 0px solid #fff !important;   }
.ui-menu {  box-shadow: 0px 10px 40px 0px rgba(1, 0, 0, 0.15) !important; }
.ui-menu .ui-menu-item:hover { background-image: none !important; background-color: rgba(247,145,32,0.1) !important; }

.wherewhen  { bottom: 0px;  line-height: 1;background: rgba(0, 0, 0, 0.4); padding: 40px; position: absolute; left: 0%; right: 0%; color: #fff; font-size: 26px; text-transform: uppercase; font-weight: bold; }
.wherewhen small { font-size: 18px; font-weight: normal }
.wherewhen i { font-weight: normal }

#slideVideo {display: block;    background-size: cover;margin: 0 auto;width: 100%;height: auto;z-index: 1;max-width: 1280px;    }
#subpage.mesto .carousel,#subpage.mesto .carousel .item,#subpage.mesto .carousel .item>.container   { height: 700px; }
#subpage #content    { padding-top: 50px; }


#minicar.carousel,#minicar.carousel .item,#minicar.carousel .item>.container   { height: 300px; }
#minicar.carousel   { margin-top: 0; }
#minicar.carousel .item>.container{display: block; }

#minicar .carousel-caption   { top: 20px !important;font-size: 36px; }

#bottom .container,#header.container,#menu.container { background-color: transparent; box-shadow: 0 0 0; }
#header.container,#menu.container { padding: 0; }
.navbar-inverse .container { background-color: transparent; }
.img-full { min-width: 100%;}

#header { position: relative; }
#wysiwygbody { color: #353535; background-image: none;  background-color: #fff; }

label.error {display: block;max-width: 100%;margin-bottom: 5px;position: absolute;top: 35px;right: 0px;z-index: 99;background-color: white;margin-left: 1px;padding: 1px 4px;color: #ff0000;font-weight: 400;border-left: 2px solid #ff0000;font-size: 13px; }
label.is-invalid {display: block;max-width: 100%;margin-bottom: 5px;position: absolute;  bottom: -7px;  right: 2px;z-index: 99;background-color: white;margin-left: 1px;padding: 1px 4px;color: #ff0000;font-weight: 400;border-left: 2px solid #ff0000;font-size: 13px; }
.input-group { position: relative; }

/*** tukanet ***/


.panel-default > .panel-heading {    background-color: #b1b1b1;    border: 0;  border-radius: var(--border-radius);}
.panel-title { margin-bottom: 0;}
.panel-title a { display:block; color: #fff; text-align:center; padding: 25px; text-decoration: none;  border-radius: var(--border-radius); }
.panel-title a:hover,.panel-title a:focus,.panel-title a:active {  text-decoration: none;  background-color: #939393; }
.panel-group .panel { border: 0;  margin-bottom: .5rem;  background: #f2f2f2;   border-radius: var(--border-radius);}
.panel-default > .panel-heading + .panel-collapse > .panel-body {  padding: 2rem;  border-top-color: transparent;}
.panel-group .panel-dark {   background-color: #b1b1b1;}
.panel-dark>.panel-collapse>.panel-body {   background-color: #b1b1b1;}
.panel-dark > .panel-heading + .panel-collapse > .panel-body { border-radius: var(--border-radius);}

.panel-group .panel-title a .fa-angle-down { display: none; }
.panel-group .panel-title a .fa-angle-up { display: inline-block; }
.panel-group .panel-title a.collapsed .fa-angle-up {display: none;}
.panel-group .panel-title a.collapsed .fa-angle-down { display: inline-block; }

.text h2 { margin-top: 55px; }

.bgOrangeBlock { background: #C8C9C7; position: relative;  margin: 20px 0px 20px 0;  border-radius: var(--border-radius); }
.bgOrangeBlock .text h3:first-child{ margin-top: 0; }

.overeniDostupnost .modal-dialog .modal-content { border-radius: 0px;-moz-border-radius: 0px;-webkit-border-radius: 0px; border: 0px;}
.overeniDostupnost .modal-dialog .modal-content .contentLight { min-height: 0;}
.modal-dialog .modal-title a { color: inherit; text-decoration: none;}

.oblastLabels { }
.oblastLabels.fadeMeNotPlus,.oblastLabels.fadeMePlusSmall {  }


#mapaBackButton { display: none; }
#mapaHolder {   z-index: 1;  position: relative;   overflow: hidden; }
#mapaHolder #mapaT {     position: absolute;    left: 0;    top: -130px;    width: 2200px;    height: 870px;   z-index: 4; }
#mapaHolder #mapaT #mapaTimg {   z-index:0; opacity: 0.6; }
#mapaHolder #mapaTD {  background: url(../images/layout/mapaBig.jpg);    position: absolute;    left: 0;    top: -130px;    width: 2784px;    height: 2198px;   z-index: 2;  -moz-transition: all .2s linear;-o-transition: all .2s linear;-webkit-transition: all .2s linear;transition: all .2s linear;}
#mapaHolder .drag {  position: absolute;display: inline-block;font-size: 12px;background: rgba(255,255,255,0.8);padding-left: 5px; }
#mapaHolder .drag:hover {  z-index: 99 !important; }
#mapaHolder #mapaT .drag { pointer-events: none; }
#mapaHolder .drag { z-index: 10; -moz-transition: opacity .2s linear;-o-transition: opacity .2s linear;-webkit-transition: opacity .2s linear;transition: opacity .2s linear; }
#mapaHolder .drag.mapa_soon { z-index: 9;  }
#mapaHolder .drag.fadeMe { opacity: 0.25; }
#mapaHolder .drag.fadeMeBig { opacity: 0.25; }
#mapaHolder .drag.fadeMe:hover { opacity: 100; color: #353535; }
#mapaHolder .drag img { cursor: pointer; position: absolute; top: -9px; left: -9px; z-index: 101 }
#mapaHolder .leftT {  position: fixed;    left: 0;    top: 0px;  bottom: 0;   width: 160px;      background: url(../images/layout/bgToWhRight.png) repeat-y;    z-index: 10;}
#mapaHolder .rightT {  position: absolute;    right: -1px;    top: 0px; bottom: 0;   width: 160px;      background: url(../images/layout/bgToWhLeft.png) repeat-y;    z-index: 10;}
#Map area, .zoom { cursor:url('../images/icons/zoom_in.cur'),pointer; cursor: zoom-in; }
#mapaFrontButton {    position: absolute;    z-index: 99;    top: 10px;    left: 10px; cursor: inherit; background-color: #fff; font-size: 23px; color: #353535 }
.tooltip { z-index:12000 !important; font-size: 14px;}
.tooltip-inner {  min-width: 200px; max-width: 400px;}

#mapaBackButton {    position: absolute;    z-index: 99;    top: 10px;     left: 10px;}
.mesteckaList { display: none; position: relative; padding: 40px 30px 20px; margin: 0 25px; }

.mesteckaList.mensiMesta  .list-unstyled { font-size: 14px; }
.mesteckaList.mensiMesta  .list-unstyled li a { padding: 1px 0;  }
.fadeMe { opacity: 0.3; }
.fadeStop {  opacity: 1 !important; }
.fadeMe:hover { }
.fadeMePlusSmall { }
.fadeMePlusSmall:first-child { }
.fadeMePlusSmall h3{  }
.fadeMePlusSmall h3 a{ color: #353535;  }
.fadeMePlusSmall small, .fadeMePlusSmall h3 .fa { display: none !important; }
.fadeMeNotPlus { }
.fadeMeNotPlus:first-child {}
.fadeMeNotPlus h3 {}
.fadeMeNotPlus h3 .fa { }
.fadeMeNotPlus small { display: none !important; }
.fadeMe:hover { opacity: 100; color: #353535; }




#content { min-height: 300px; margin-bottom: 80px }.panel-default .table { }

.bublina { top: -136px; left: 272px; position: absolute;  background: transparent url("../images/layout/bublina.png") no-repeat; z-index:100; width: 226px; height: 187px; text-align: center; }
.bublina a { display: block; font-family: "Roboto",'Exo 2', cursive;padding: 30px 0 30px; color: #353535; text-decoration: none; text-align: center; font-size: 50px; line-height: 50px  }
.bublinaTall { top: 0px; left: 0px; position: absolute;  background: transparent;; z-index:10; width: 132px; min-height: 112px; text-align: center; }
.bublinaTall>.bublinaTallTop { top: 0; left: 0; position: absolute;  background: transparent url("../images/layout/bublina_1.png") no-repeat 0 0; z-index:-1; width: 132px; height: 56px; }
.bublinaTall>.bublinaTallBottom { bottom: 0; left: 0; position: absolute;  background: transparent url("../images/layout/bublina_1.png") no-repeat 0px -285px; z-index:-1; width: 132px; height: 56px; }
.bublinaTall>.bublinaInside { top: 56px; bottom: 56px; left: 0; right: 0; position: absolute;  background: transparent url("../images/layout/bublina_1.png") no-repeat 0px -56px; z-index:-1; width: 132px;  }
.bublinaTall p { font-size: 12px; line-height: 14px; text-align: center; padding: 5px 15px 10px; }
.bublinaTall a { color: #353535; text-decoration: none; text-align: center;  }
.bublinaTall a.title, .bublinaTal2 a.title, .bublinaTall span.title, .bublinaTal2 span.title { position: relative;  z-index:10; display: block; font-family: "Roboto",'Exo 2', cursive;padding: 22px 5px 0px; font-size: 32px; line-height: 32px; font-weight: bold; }
.bublinaTall .subtitle, .bublinaTall2 .subtitle { position: relative;  z-index:10; display: block; font-family: "Roboto",'Exo 2', cursive; letter-spacing: -1px; padding: 16px 10px 0px; font-size: 30px; line-height: 33px; font-weight: bold; }

.bublinaTall2 { right: 15%; position: absolute;  background: transparent; z-index:10; width: 132px; min-height: 112px; text-align: center; }
.bublinaTall2>.bublinaTallTop { top: 0; left: 0; position: absolute;  background: transparent url("../images/layout/bublina_2.png") no-repeat 0 0; z-index:-1; width: 132px; height: 56px; }
.bublinaTall2>.bublinaTallBottom { bottom: 0; left: 0; position: absolute;  background: transparent url("../images/layout/bublina_2.png") no-repeat 0px -285px; z-index:-1; width: 132px; height: 56px; }
.bublinaTall2>.bublinaInside { top: 56px; bottom: 56px; left: 0; right: 0; position: absolute;  background: transparent url("../images/layout/bublina_2.png") no-repeat 0px -56px; z-index:-1; width: 132px;  }
.bublinaTall2 p { font-size: 12px; line-height: 14px; text-align: center; padding: 5px 15px 10px; }
.bublinaTall2 a { color: #353535; text-decoration: none; text-align: center;  }

.bublinaTall { max-height: 260px; }
.bublinaTall .hoverShowMe { display: none; opacity: 0; }
.bublinaTall:hover .hoverShowMe, .bublinaTall.hover .hoverShowMe { display: block; opacity: 1; margin-top: -15px; -moz-transition: opacity 1.5s linear; -o-transition: opacity 1.5s linear; -webkit-transition: opacity 1.5s linear; transition: opacity 1.5s linear; }
.bublinaTall:hover, .bublinaTall.hover { max-height: 300px; -moz-transition: max-height .5s ease; -o-transition: max-height .5s ease; -webkit-transition: max-height .5s ease; transition: max-height .5s ease; }

.procesZiskani .col-sm-3 .fa-angle-right { position: absolute; right: -20px; top: 50px;}
.procesZiskani .col-md-3 .fa-angle-right { position: absolute; right: -12px; top: 70px; font-size: 3em}
.procesZiskani .col-md-3 { padding-left: 10px; padding-right: 10px;  }
.procesZiskani .col-md-6 .fa-angle-right { position: absolute; right: -12px; top: 70px; font-size: 3em}
.procesZiskani .col-md-6 { padding-left: 10px; padding-right: 10px;  }
.procesZiskani.small  { font-size: 11px;}
.procesZiskani.small .h4 { font-size: 16px; margin-bottom: 5px;}

.procesZiskani .col-sm-3 .fa-angle-down  { position: absolute; right: 50%; bottom: -60px; margin-left: -64px; left: 50%; }
.procesZiskani .col-md-3 .fa-angle-down  { position: absolute; right: 50%; bottom: -60px; margin-left: -64px; left: 50%; }

/** bootstrap **/
#menu{    position: relative;}

.container-objednavka { padding-top: 0 !important; }
.floatmenu  { position: fixed; left: 0; top:0; right: 0; z-index: 999; background: rgba(255,255,255,.8); backdrop-filter: blur(6px); -webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.05);-moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.05);box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.05); }
.floatmenu  #header-top-nav { display: none !important }
.floatmenu  #mainLogo { width: 180px; }
.shortmenu header { height: 50px; }


.card-hero { min-height: 500px;}
.card-hero #lottieMain {  max-width: 1020px;  right: -190px;  bottom: 20px;}
.card-hero .carousel-caption h1 {    font-size: 57px;  line-height: 60px;}
.card-hero .carousel-caption h1 small{    font-size: 64px;}


@media (max-width: 1399px)
{
	.card-hero { min-height: 470px;}
	.card-hero #lottieMain {  max-width: 920px;  right: -160px;  bottom: 10px;}
	.card-hero .carousel-caption h1 {  font-size: 47px;    line-height: 54px;}
	.card-hero .carousel-caption h1 small{    font-size: 56px;}

}
@media (max-width: 1200px)
{
	.carousel-caption, #subpage  .carousel-caption  { top: 0px; }
	#mainLogo {    margin: 0px;    text-align: left; }
	#lottieMain {   right: -110px; }

	.card-hero { min-height: 360px;}
	.card-hero #lottieMain {  max-width: 830px;    right: -160px;    bottom: 10px;}
	.card-hero .carousel-caption h1 {    font-size: 77px;  line-height: 65px;}
	.card-hero .carousel-caption h1 small{    font-size: 50px;}
	.card-hero .carousel-caption .list-unstyled{ font-size: .9rem;}
	.card-hero .carousel-caption .list-unstyled .fs-4{font-size: 1.25rem !important; }

	.carousel-caption.carousel-caption-secondary h1 {    font-size: 2.2rem;    line-height: 2.5rem;; }

}
@media (max-width: 992px)
{

	.card-pointers h6 {  font-size: .75rem;}
	.card-pointers i {  font-size: 2rem;}

	.navbar-default .navbar-nav > li > a.short {      max-width: 100%;}
	.container-objednavka h1 {font-size: 38px; margin-bottom: 25px; text-align: center}
	.container-objednavka h1 small { display: block; font-size: 20px; margin-top: 8px}
	.container-objednavka .submitOrder {margin-top: 0px;  }
	.container-objednavka { margin-bottom: 45px !important}
	.container-objednavka>.contentWhite  { margin-bottom: 45px}
	.container-objednavka .btn-default  {padding: 10px 20px;  font-size: 16px}
	.container-objednavka .nextButtons { text-align: center; }
	.container-objednavka .summaryMobile {display: block; position: fixed; bottom: 0; left: 0; right: 0; margin: 0; padding: 10px 15px; z-index: 99999999999999;  border-radius: 0; }
	.container-objednavka .summaryMobile p,.container-objednavka .summaryMobile h5 {margin: 0; line-height: 1.2; font-size: 16px; }
	.container-objednavka .summaryMobile .btn {margin:8px 0; font-size: 14px;  float:right}
	.container-objednavka h1 {font-size: 38px; margin-bottom: 25px; text-align: center}
	.container-objednavka h1 small { display: block; font-size: 20px; margin-top: 8px}
	.container-objednavka h3 { font-size: 24px;}

	.procesZiskani .fa-5x { font-size: 3em }
	.procesZiskani .bublinaTall {    top: -65px; }
	.procesZiskani h3 {   font-size: 25px; }
	.procesZiskani p {   font-size: 14px; }
	.procesZiskani .col-sm-3 .fa-angle-right { top: 32px }
	.procesZiskani .col-lg-3 .fa-angle-right {    right: auto;    bottom: -15px;    top: auto;    transform: rotate(90deg);    margin-left: -8px;}
	.procesZiskani .col-sm-3 .fa-angle-down {    bottom: -35px;margin-left: -31px;}
	.procesZiskani .col-md-3 .fa-angle-down {    bottom: -35px;margin-left: -31px;}
	.procesZiskani .col-md-3 h3 {  margin-bottom: 5px;}
	.procesZiskani .col-md-3 .fa-5x {  margin-bottom: 10px; }
	.procesZiskani .col-md-3 { padding-bottom: 30px; }

	.procesZiskani .col-sm-6 .fa-angle-right { top: 32px }
	.procesZiskani .col-lg-6 .fa-angle-right {    right: auto;    bottom: -15px;    top: auto;    transform: rotate(90deg);    margin-left: -8px;}
	.procesZiskani .col-md-6 h3 {  margin-bottom: 5px;}
	.procesZiskani .col-md-6 .fa-5x {  margin-bottom: 10px; }
	.procesZiskani .col-md-6 { padding-bottom: 30px; }


	.carousel-caption h1 { font-size: 77px; }
	.carousel-caption.carousel-caption-secondary h1 { font-size: 3rem;    max-width: 380px;    line-height: 2.75rem;     text-align: left;}

	body { font-size: 16px }

	.overeniDostupnost h2 { font-size: 32px; }
	.input-lg {    font-size: 20px; }
	.mainNav { margin-top: 8px;}
	.navbar-default .nav-contacts {  margin-left: 0px; }


	.card-hero { min-height: 310px;}
	.card-hero #lottieMain { max-width: 600px;    right: -110px;}
	.card-hero .carousel-caption h1 { font-size: 5rem;    max-width: 380px;    line-height: 3.2rem;    text-align: left; }
	.card-hero .carousel-caption h1 small{    font-size: 38px;}
	.card-hero .carousel-caption p {    max-width: 220px;}
}
@media (max-width: 400px)
{
	.carousel-caption, #subpage  .carousel-caption  { top: -20px; }
}

@media (max-width: 558px)
{

	.recenze-stamp {   margin-right: 0rem;}
    .nav.nav-pills.cyan {   margin: 1.5rem 0; }
    .nav.nav-pills.cyan > li > a { text-align: center; }
	.zakaznikTypebusiness .carousel-caption h1 small { font-size: 45px }
	.zakaznikTypedeveloper .carousel-caption h1 small { font-size: 45px }
}

@media (max-width: 992px)
{

	.container-objednavka h1 {font-size: 38px; margin-bottom: 25px; text-align: center}
	.container-objednavka h1 small { display: block; font-size: 20px; margin-top: 8px}
	.container-objednavka .form-interconnect .control-label {    padding: 6px 15px !important;    font-size: 16px; }

	.modal-content .navbar-brand { font-size: 21px ;}
	.overeniDostupnost .modal-dialog { margin-right:0px;}

	.panel-default > .panel-heading + .panel-collapse > .panel-body {    padding: 15px;}
	.panel-default .table { font-size: 12px; }
	.panel-default .table > thead > tr > th, .panel-default .table > tbody > tr > th, .panel-default .table > tfoot > tr > th, .panel-default .table > thead > tr > td, .panel-default .table > tbody > tr > td, .panel-default .table > tfoot > tr > td { padding: 8px 3px; }
	.carousel-caption, #subpage  .carousel-caption  { top: 0px; text-align: center; }
	.carousel-caption p  { max-width: 100%}
	#mainLogo { max-width: 150px; margin: 8px 15px 8px 0; }
	.floatmenu .navbar #mainLogo { margin: 8px 15px 8px 0; }
	#lottieMain {       bottom: 0;    width: 100%;    right: 0px;    max-width: none;    position: relative;    left: 0; }
	#lottieMain2 {max-width: 300px;margin: 0 0 0 -30px; }
	.carousel,.carousel .item{ height: auto; }
	.carousel.short, .carousel.short .item { min-height: 200px;}

	#minicar .carousel-caption .btn {    padding: 20px 20px 20px 20px;    font-size: 20px;}

	.tukanetKde .kdeRozcestnik .row h3 {	font-size: 25px; margin: 10px 0; }
	.tukanetKde .kdeRozcestnik small, .tukanetKde .kdeRozcestnik .row h3 a i {	display: none !important;}
	.fadeMeNotPlus {    width: 100%;    max-width: 100%; }
	.fadeMePlusSmall {    width: 100%;    max-width: 100%; display: none; }
	.tukanetKde { margin-bottom: 50px; }
	.mesteckaList { margin: 10px auto; }
	.bublinaTall {    top: -25px;    left: 10px;}
	.bublinaTall2 {   right: 10px;  top: -25px; }
	.carousel-caption h2 { font-size: 35px }

	.carousel-caption h1 { margin-top: 40px; margin-bottom: 40px; }
	.carousel-caption h1 small {  }
	#subpage .carousel-caption p {     font-size: 1.25rem; }

	.carousel-caption.carousel-caption-secondary h1 {     font-size: 3.25rem;   line-height: 3.5rem; }
	.carousel-caption.carousel-caption-secondary h1 small { font-size: 2rem;     }
	.carousel-caption.carousel-caption-secondary p { text-align: left;    max-width: 220px; line-height: 1.5rem; }
	.card-hero .carousel-caption .list-unstyled .fs-4 {    font-size: 1rem !important;  }

	.procesZiskani .col-sm-3 .fa-angle-right {    right: auto;    bottom: -15px;  left: auto;  top: auto;    transform: rotate(90deg);    margin-left: -8px;}
	.procesZiskani .col-md-3 .fa-angle-right {    right: auto;    bottom: -15px;    top: auto;    transform: rotate(90deg);    margin-left: -8px;}
	.procesZiskani .col-sm-3 .fa-angle-down, .procesZiskani .col-md-3 .fa-angle-down {    right: auto;    bottom: -15px;    top: auto;   margin-left: -30px;}
	.procesZiskani .col-sm-6 .fa-angle-right, .procesZiskani .col-md-6 .fa-angle-right {    right: auto;    bottom: -15px;    top: auto;    transform: rotate(90deg);    margin-left: -8px;}
	.procesZiskani h3 {  margin-bottom: 5px;}
	.procesZiskani .fa-5x {  margin-bottom: 10px; }
	.procesZiskani .col-sm-3, .procesZiskani .col-md-3 { padding-bottom: 30px; }
	.procesZiskani .col-sm-6, .procesZiskani .col-md-6 { padding-bottom: 30px; }

	#subpage.mesto .carousel-caption { top: 100px; }

	/**2018**/
	.navbar-default .navbar-nav > li > a.navblack {    border-radius: 0px;    padding: 10px;    margin-top: 0px;    margin-left: 0px;}

    .card .btn-orange, .card .btn-gray { display: block; }
    .btn {white-space: normal;}

    .card-hero #lottieMain {      margin-bottom: -20px;    margin-top: -50px; left: auto; right: auto; top: auto; bottom: auto; width: 100% }
	.card-hero .carousel-caption h1 { max-width: 100%; width:100%; text-align: left;}
	.card-hero .carousel-caption p { max-width: 100%; width:100%; text-align: left;}

	.nav-contacts .active .nav-link,.nav-contacts .nav-link:hover {  text-decoration: underline !important; }
	.nav-contacts{ border-bottom: 1px solid rgba(0,0,0,.1);  padding-bottom: 1rem; }
	.zakaznikTypebusiness .nav-contacts, .zakaznikTypedeveloper .nav-contacts, .zakaznikTypesvj .nav-contacts, .zakaznikTypeverejnasprava .nav-contacts { border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;  padding-bottom: 1rem; }

}

@media (max-width: 558px)
{


	.carousel-caption.carousel-caption-secondary h1 {     font-size: 2.25rem;   line-height: 2.5rem; }

}

@media (min-width: 558px) and (max-width: 992px)
{
    .nav.nav-pills.cyan { vertical-align: text-bottom; margin: 0; font-size: 12px; }
    .nav.nav-pills.cyan > li > a {padding: 10px 10px;}
}
/*
@media (min-width: 768px) and (max-width: 989px)
{
	.carousel-caption, #subpage .carousel-caption {    top: 0px;}
	.carousel-caption h1 {      z-index: 10;    position: relative; }
	.homepage-dostupnost {    margin-top: 87px; max-width: 500px;}
	#lottieMain {    width: 100%;    right: -200px;}
	#lottieMain2 {   max-width: 290px; margin-top: -80px;}
	.col .card {    margin-right: 1px;    margin-left: 1px; }
	.col > .card .card-body {    padding: 1rem;}
	.col > .card .card-title {  font-size: 26px; }
	.col.card-tarifs > .card .card-body .card-text {    font-size: 14px;}
	.col .card-footer {    padding: 0.75rem 1rem;   margin-left: 0px;    margin-right: 0px;}
	.col .btn {  white-space: normal; }
	#subpage .carousel .carousel-caption h1 {    font-size: 50px;}
	.carousel-caption h1 small {    font-size: 45px;}
	.col > .card {    box-shadow: 0 10px 30px rgba(0,0,0,.1); }

}
*/
@media (min-width: 990px) and (max-width: 1200px)
{
	#header-top-nav {  font-size: .75rem;}
	.nav{
		--bs-nav-link-padding-y: 0.4rem;
    	--bs-nav-link-padding-x: 0.75rem;
	}
	.col .card-footer {    padding: 0.75rem 1rem;   margin-left: 0px;    margin-right: 0px;}

	.procesZiskani .col-sm-3 .fa-angle-right {    right: -28px; }
	.procesZiskani .col-md-3 .fa-angle-right {    right: -12px;  font-size: 3em; }
	.procesZiskani .col-md-6 .fa-angle-right {    right: -12px;  font-size: 3em; }

	#lottieMain {    right: -190px;}
	#lottieMain2 {max-width: 370px; margin-top: -100px;}
	#mainLogo {  max-width: 200px;  height: auto;}
	.navbar-default .navbar-nav > li > a {  font-size: 1rem;}
}


.navbar-inverse  {  top: 100px; background-color: #222;  border-color: #080808; min-height: 30px; }
.navbar-inverse .navbar-header {  margin-top: 7px}
.navbar-inverse .navbar-nav > li > a {  color: #fff; padding-top: 12px; padding-bottom: 13px; padding-left: 20px; padding-right: 20px; font-size: 14px;  }

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {    background-color: #890d12;   color: #FFFFFF;}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {  background-color: #890d12; }
.navbar-inverse .navbar-nav > li.active > a {  background-color: #890d12; }
.navbar-inverse .navbar-nav > li > a.highlight:hover { background-color: #520d55;   }

.dropdown-menu > li > a {  padding: 6px 20px; }
.dropdown-menu li:hover .sub-menu {   visibility: visible;}
.dropdown:hover .dropdown-menu {    display: block;}
.form-inline label {  border: 0 none;    clip: rect(0px, 0px, 0px, 0px);    height: 1px;    margin: -1px;    overflow: hidden;    padding: 0;    position: absolute;    width: 1px;}
a:hover .form-control-feedback { color: #353535;}
.bigger { font-size: 120%;}
/** bootstrap **/





/** 2023 **/

@media (max-width: 576px)
{
	.card .card-title {  min-height: auto; margin-bottom: var(--bs-card-title-spacer-y); }
	h3 {font-size: 2rem;}
	h2 {font-size: 2rem;}
	.navbar-default .navbar-toggler .bi {  font-size: 1.8rem;  }
	#mainLogo {  max-width: 110px;  margin: 8px 10px 8px 0;  }
	.overeniTop { font-size: .8rem;  padding: 10px 10px; }

}

@media (max-width: 768px)
{
	.card .card-title {  min-height: auto; margin-bottom: var(--bs-card-title-spacer-y); }
	.card-tarif .card-title {  min-height: 75px; }
}





/* ============================================================
   Rejstřík autocomplete dropdown
   ============================================================ */

.rejstrik-wrapper {
    position: relative;
}

.rejstrik-list {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1055;
    margin: 2px 0 0;
    padding: 4px 0;
    list-style: none;
    background: #fff;
    border: 1px solid #d0d7de;
    border-radius: 6px;
    box-shadow: 0 4px 16px rgba(0,0,0,.12);
    max-height: 320px;
    overflow-y: auto;
}

.rejstrik-list.has-results {
    display: block;
}

.rejstrik-list li {
    position: relative;
    padding: 8px 14px 8px 40px; /* Zvětšený levý padding z 14px na 40px */
    cursor: pointer;
    border-bottom: 1px solid #f0f0f0;
    transition: background 0.1s;
}

/* Umístění vlajky do volného prostoru vlevo */
.ac-lang {
    position: absolute;
    left: 14px; /* Původní odsazení */
    top: 11px; /* Optické zarovnání s textem, případně dolaď */
}

/* Zakulacení a velikost */
.ac-lang img {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.08); /* Jemný okraj, aby nezanikla bílá barva na vlajce */
}

.rejstrik-list li:last-child {
    border-bottom: none;
}

.rejstrik-list li:hover,
.rejstrik-list li.ac-active {
    background: #f0f7f4;
}

/* Řádek 1: název + badge */
.rejstrik-list .ac-main {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 2px;
}

.rejstrik-list .ac-name {
    font-size: 0.9rem;
    font-weight: 500;
    color: #1a1a2e;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1 1 auto;
    min-width: 0;
}

.rejstrik-list li.ac-active .ac-name {
    color: #1a6f4a;
}

/* OSVČ badge */
.ac-type {
    flex: 0 0 auto;
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    padding: 1px 5px;
    border-radius: 3px;
    text-transform: uppercase;
}

.ac-type--osvc {
    background: #fff3cd;
    color: #856404;
    border: 1px solid #ffc107;
}

/* Řádek 2: IČO + adresa */
.rejstrik-list .ac-meta {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.78rem;
    color: #6c757d;
}

.rejstrik-list .ac-ico {
    flex: 0 0 auto;
    font-variant-numeric: tabular-nums;
    color: #495057;
    font-weight: 500;
}

.rejstrik-list .ac-address {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1 1 auto;
    min-width: 0;
}

/* Scrollbar */
.rejstrik-list::-webkit-scrollbar {
    width: 5px;
}
.rejstrik-list::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 0 6px 6px 0;
}
.rejstrik-list::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px;
}






/* Svislá čára na desktopu */
@media (min-width: 768px) {
    .split-divider {
        border-right: 1px solid rgba(0,0,0,0.1);
    }
}

/* Jemný hover efekt pro pravou stranu, protože je celá klikatelná (stretched-link) */
.hover-area {
    transition: background-color 0.2s ease;
}
.hover-area:hover {
    background-color: #f8f9fa; /* Změň podle barevné palety webu */
}

/* Sjednocení výšky pro input a tlačítko, pokud to nemáš pořešené v Bootstrapu */
#form2 input[type="text"],
#form2 input[type="tel"] {
    text-align: center;
    padding: 0.75rem 1rem; /* Zvětšení inputu, aby seděl k btn-lg */
}




#expectumCoreAdminMenu { top: auto!important; -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);   max-width: 250px;  background-color: #fff; bottom: 0;    right: 0;    position: fixed;    z-index: 99999;    padding: 20px; }
#expectumCoreAdminMenu .navbar-collapse { padding: 0px; }
#expectumCoreAdminMenu li {   display: block; float: none !important; }
#expectumCoreAdminMenu li a {    color: #353535;    display: block; }

.gallery { margin-right: -7px; margin-top: 10px;}
.gallery > a {   display: inline-block;  margin: 0 7px 7px 0; }

.padding5 { padding: 50px 50px 40px;}

.marginT0 { margin-top: 0px !important;}.marginT, .marginT1 { margin-top: 10px !important;}.marginTT, .marginT2 { margin-top: 20px !important;}.marginTTT, .marginT3 { margin-top: 30px !important;}.marginTTTT, .marginT4 { margin-top: 40px !important;}.marginTTTTT, .marginT5 { margin-top: 50px !important;}.marginTTTTTT, .marginT6 { margin-top: 60px !important;}.marginTTTTTTT, .marginT7 { margin-top: 70px !important;}.marginTTTTTTTT, .marginT8 { margin-top: 80px !important;}
.marginB0 { margin-bottom: 0px !important;}.marginB, .marginB1 { margin-bottom: 10px !important;}.marginBB, .marginB2 { margin-bottom: 20px !important;}.marginBBB, .marginB3 { margin-bottom: 30px !important;}.marginBBBB, .marginB4 { margin-bottom: 40px !important;}.marginBBBBB, .marginB5 { margin-bottom: 50px !important;}.marginBBBBBB, .marginB6 { margin-bottom: 60px !important;}.marginBBBBBBB, .marginB7 { margin-bottom: 70px !important;}.marginBBBBBBBB, .marginB8 { margin-bottom: 80px !important;}
.marginR0 { margin-right: 0px !important;}.marginR, .marginR1 { margin-right: 10px !important;}.marginRR, .marginR2 { margin-right: 20px !important;}.marginRRR, .marginR3 { margin-right: 30px !important;}.marginRRRR, .marginR4 { margin-right: 40px !important;}.marginRRRRR, .marginR5 { margin-right: 50px !important;}.marginRRRRRR, .marginR6 { margin-right: 60px !important;}.marginRRRRRRR, .marginR7 { margin-right: 70px !important;}.marginRRRRRRRR, .marginR8 { margin-right: 80px !important;}
.marginL0 { margin-left: 0px !important;}.marginL, .marginL1 { margin-left: 10px !important;}.marginLL, .marginL2 { margin-left: 20px !important;}.marginLLL, .marginL3 { margin-left: 30px !important;}.marginLLLL, .marginL4 { margin-left: 40px !important;}.marginLLLLL, .marginL5 { margin-left: 50px !important;}.marginLLLLLL, .marginL6 { margin-left: 60px !important;}.marginLLLLLLL, .marginL7 { margin-left: 70px !important;}.marginLLLLLLLL, .marginL8 { margin-left: 80px !important;}

.paddingT0 { padding-top: 0px !important;}.paddingT1,.paddingT { padding-top: 10px !important;}.paddingT2,.paddingTT { padding-top: 20px !important;}.paddingT3,.paddingTTT { padding-top: 30px !important;}.paddingT4,.paddingTTTT { padding-top: 40px !important;}.paddingT5,.paddingTTTTT { padding-top: 50px !important;}.paddingT6,.paddingTTTTTT { padding-top: 60px !important;}.paddingT7,.paddingTTTTTTT { padding-top: 70px !important;}.paddingT8,.paddingTTTTTTTT { padding-top: 80px !important;}
.paddingB0 { padding-bottom: 0px !important;}.paddingB1,.paddingB { padding-bottom: 10px !important;}.paddingB2,.paddingBB { padding-bottom: 20px !important;}.paddingB3,.paddingBBB { padding-bottom: 30px !important;}.paddingB4,.paddingBBBB { padding-bottom: 40px !important;}.paddingB5,.paddingBBBBB { padding-bottom: 50px !important;}.paddingB6,.paddingBBBBBB { padding-bottom: 60px !important;}.paddingB7,.paddingBBBBBBB { padding-bottom: 70px !important;}.paddingB8,.paddingBBBBBBBB { padding-bottom: 80px !important;}
.paddingL0 { padding-left: 0px !important;}.paddingL,.paddingL1 { padding-left: 10px !important;}.paddingLL,.paddingL2 { padding-left: 20px !important;}.paddingLLL,.paddingL3 { padding-left: 30px !important;}.paddingLLLL,.paddingL4 { padding-left: 40px !important;}.paddingLLLLL,.paddingL5 { padding-left: 50px !important;}.paddingLLLLLL,.paddingL6 { padding-left: 60px !important;}.paddingLLLLLLL,.paddingL7 { padding-left: 70px !important;}.paddingLLLLLLLL,.paddingL8 { padding-left: 80px !important;}
.paddingR0 { padding-right: 0px !important;}.paddingR,.paddingR1 { padding-right: 10px !important;}.paddingRR,.paddingR2 { padding-right: 20px !important;}.paddingRRR,.paddingR3 { padding-right: 30px !important;}.paddingRRRR,.paddingR4 { padding-right: 40px !important;}.paddingRRRRR,.paddingR5 { padding-right: 50px !important;}.paddingRRRRRR,.paddingR6 { padding-right: 60px !important;}.paddingRRRRRRR,.paddingR7 { padding-right: 70px !important;}.paddingRRRRRRRR,.paddingR8 { padding-right: 80px !important;}

.fb-like { vertical-align: text-top;}

.ui-autocomplete { z-index: 9999 !important; }

.black { color: #353535 !important;  }
.black a { color: #353535 !important;  }
.red,.errorfont { color: #E24A60 !important}
.errorfont { font-weight: bold}
.white { color: white }
a.white:hover { color: white }
.pink { color: #e24a60 }
.blue {color: #244ca5}
.lblue {color: #496bf3}
.green {color: #0fb398}
.gray {color: #808080}

.opacity100	{ opacity: 1;}
.opacity90	{ opacity: 0.8;}
.opacity70	{ opacity: 0.7;}
.opacity50	{ opacity: 0.5;}
.opacity30	{ opacity: 0.3;}

.click { cursor: pointer}
.clickhover { cursor: pointer;}
.clickhover:hover { cursor: pointer; opacity: 0.7;}
.moveIT { cursor: move}

/* Classes */
.hide,.hidn,.form-inline .hidn { display: none}
.bold { font-weight: bold}
.uppercase { text-transform: uppercase }
.cls{clear:both;}
.rel { position: relative}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.ir{margin:0 0 3px 10px;border:3px solid #ACD146;}
.il{margin:0 10px 3px 0;border:3px solid #ACD146;}
.tal{text-align:left;}
.tar{text-align:right;}
.tac{text-align:center;}
.captcha { width: auto !important;}
.wrong{text-decoration:line-through;}
.odd{background:#C7CCCC;}
.small { font-size: 85%;}
.normal { font-size: 14px; line-height: 16px}
.bigger { font-size: 16px; line-height: 24px}
.big { font-size: 25px; line-height: 26px; }
.huge { font-size: 34px; line-height: 36px; }
.hr { overflow: hidden; height: 1px; line-height: 1px; border-top: 1px solid #dbe1fd; border-bottom: 0px; margin: 30px 0 }