*{
    font-family: 'MotivaSans-regular', 'sans-serif';
    letter-spacing: 0;
}
.navbar-nav > li > a {
    color: rgb(0, 54, 92);
}
.navbar{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:.5rem 1rem;}
.navbar-brand{display:inline-block;padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap;}
.navbar-brand:focus,.navbar-brand:hover{text-decoration:none;}
.navbar-nav{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none;}
.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem;}
.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none;}
@media (min-width:992px){
.navbar-expand-lg{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start;}
.navbar-expand-lg .navbar-nav{-ms-flex-direction:row;flex-direction:row;}
.navbar-expand-lg .navbar-toggler{display:none;}
}
.navbar-light .navbar-brand{color:rgba(0,0,0,.9);}
.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9);}
.navbar-light .navbar-toggler{color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.1);}
.align-items-center{-ms-flex-align:center!important;align-items:center!important;}
.ml-auto{margin-left:auto!important;}
@media print{
*,::after,::before{text-shadow:none!important;box-shadow:none!important;}
a:not(.btn){text-decoration:underline;}
img{page-break-inside:avoid;}
.container{min-width:992px!important;}
.navbar{display:none;}
}
/*! end @import */
/*! @import https://parkovani.ricany.cz/css/plugins/default.css?v=5 */
*{margin:0;padding:0;box-sizing:border-box;}
a,a:active,a:focus{color:#616161;text-decoration:none;transition-timing-function:ease-in-out;-ms-transition-timing-function:ease-in-out;-moz-transition-timing-function:ease-in-out;-webkit-transition-timing-function:ease-in-out;-o-transition-timing-function:ease-in-out;transition-duration:.2s;-ms-transition-duration:.2s;-moz-transition-duration:.2s;-webkit-transition-duration:.2s;-o-transition-duration:.2s;}
a:hover,a:active{color:#232323;text-decoration:none;}
a:focus,a:active{outline:none;}
img{max-width:100%;height:auto;}
ul{list-style-position:outside;}
ul li{list-style:none;}
::selection{color:#000;background:#dbdbdb;}
::-moz-selection{color:#000;background:#dbdbdb;}
::-webkit-input-placeholder{color:#6f6f6f;text-overflow:ellipsis;}
::-moz-placeholder{color:#6f6f6f;text-overflow:ellipsis;opacity:1;}
:-ms-input-placeholder{color:#6f6f6f;text-overflow:ellipsis;opacity:1;}
.alt-font{font-family:'MotivaSans-Regular', 'Montserrat', sans-serif;font-weight:500;}
.no-padding{padding:0!important;}
.navbar-brand img{transition-duration:0s;}
.navbar-header-custom{padding:12px 0 10px 0;}
.navbar-default{transition:all 0s ease 0s;-webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.2);-ms-box-shadow:0 0 3px rgba(0, 0, 0, 0.2);box-shadow:0 0 3px rgba(0, 0, 0, 0.2);}
.navbar-default .container{position:relative;}
.menu_area{position:relative;z-index:2;}
.menu_area .navbar-brand{transition:all 0s ease 0s;}
.navbar-nav li{list-style:none;-webkit-transition:background 0s ease;-ms-transition:background 0s ease;transition:background 0s ease;}
.navbar-nav li a{display:block;color:#9d9d9d;font-size:13px;}
.navbar-nav > li{margin-left:10px;float:left;}
.navbar-nav > li > a{position:relative;display:block;font-size:14px;font-weight:600;padding:21px 0.5rem;color:rgb(0, 54, 92);letter-spacing:0.2px;text-transform:uppercase;-webkit-transition-duration:500ms;-o-transition-duration:500ms;transition-duration:500ms;}
.navbar-nav li.active > a{color:#000; font-family: 'MotivaSans-Medium';}
@media screen and (min-width: 992px){
header.scrollHeader .navbar-default{position:fixed;top:0;z-index:99;width:100%;background:#fff;left:0;-webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.2);-ms-box-shadow:0 0 3px rgba(0, 0, 0, 0.2);box-shadow:0 0 3px rgba(0, 0, 0, 0.2);}
.scrollHeader .navbar-header-custom{padding:10px 0;transition-duration:0.5s;}
.header-style8 .navbar-nav li a{color:#6f6f6f;}
.header-style8 .navbar-nav > li > a{font-size:14px;color:#3D77CB;}
.header-style8 .navbar-nav > li > a:hover{text-decoration:underline;}
.header-style8 .navbar-nav li.active > a{color:#000;}
.header-style8.scrollHeader .navbar-nav > li > a{color:rgb(0, 54, 92);}
.header-style8.scrollHeader .navbar-nav li.active > a{color:#000;}
.header-style8.scrollHeader .navbar-nav li.active > a:hover{color:#000;}
}
@media screen and (max-width: 1199px){
.navbar-nav > li{margin-left:5px;}
}
@media screen and (max-width: 991px){
.navbar-header-custom{padding:4px 0 8px;}
.menu_area .navbar-brand{margin-top:6px;}
.navbar-nav > li > a{padding:10px 20px;color:#232323;}
.navbar-nav > li > a:hover{opacity:1;}
.navbar-nav{background:#fff;-webkit-box-shadow:0 2px 3px rgba(0, 0, 0, 0.2);-ms-box-shadow:0 2px 3px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 2px 3px rgba(0, 0, 0, 0.2);box-shadow:0 2px 3px rgba(0, 0, 0, 0.2);position:absolute;top:71px;left:0;width:100%;transition-duration:0;-ms-transition-duration:0;-moz-transition-duration:0;-webkit-transition-duration:0;-o-transition-duration:0;width:100%;display:none;transition:none;-ms-transition:none;-moz-transition:none;-webkit-transition:none;-o-transition:none;}
.navbar-nav li.active > a{opacity:1;}
.navbar-nav li{width:100%;border-top:1px solid #e6e6e6;position:relative;padding:0;margin:0;}
.navbar ul li a{width:100%;border-bottom:0;}
.navbar > ul > li{float:none;}
.navbar-toggler{background:#232323;width:45px;height:40px;padding:0;border-radius:0;position:absolute;right:0;top:15px;cursor:pointer;z-index:12399994;border:none;}
.navbar-toggler:after{position:absolute;top:20px;right:12px;display:block;height:8px;width:20px;border-top:2px solid #fff;border-bottom:2px solid #fff;content:"";}
.navbar-toggler:before{-webkit-transition:all 0s ease;-ms-transition:all 0s ease;transition:all 0s ease;position:absolute;top:14px;right:12px;display:block;height:2px;width:20px;background:#fff;content:"";}
}
.col-12,.col-lg-12{position:relative;width:100%;padding-right:15px;padding-left:15px;}
.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;}
@media (min-width:992px){
.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;}
}
/*! end @import */
/*! CSS Used from: https://parkovani.ricany.cz/css/rev_slider/layers.css */
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
/*! CSS Used from: https://parkovani.ricany.cz/css/styles.css?v=6 */
a:hover,a:active{color:var(--red);text-decoration:none;}
.navbar-nav li.active > a{color:var(--red);}
@media screen and (min-width: 992px){
.header-style8 .navbar-nav li.active > a{color:var(--red);font-family:'MotivaSans-Medium';text-decoration:none;}
.header-style8.scrollHeader .navbar-nav li.active > a{color:var(--red);}
.header-style8.scrollHeader .navbar-nav li.active > a:hover{color:var(--red);}
}
/*! CSS Used from: https://parkovani.ricany.cz/css/plugins.css?v=4 */
/*! @import https://parkovani.ricany.cz/css/plugins/bootstrap.min.css */
*,::after,::before{box-sizing:border-box;}
ul{margin-top:0;margin-bottom:1rem;}
a{color:#007bff;text-decoration:none;background-color:transparent;}
a:hover{color:#0056b3;text-decoration:underline;}
.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;}
@media (min-width:576px){
.container{max-width:540px;}
}
@media (min-width:768px){
.container{max-width:720px;}
}
@media (min-width:992px){
.container{max-width:960px;}
}
@media (min-width:1200px){
.container{max-width:1140px;}
}
.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px;}
.col-md-3,.col-md-9{position:relative;width:100%;padding-right:15px;padding-left:15px;}
@media (min-width:768px){
.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%;}
.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%;}
}
@media print{
*,::after,::before{text-shadow:none!important;box-shadow:none!important;}
a:not(.btn){text-decoration:underline;}
.container{min-width:992px!important;}
}
/*! end @import */
/*! @import https://parkovani.ricany.cz/css/plugins/fontawesome-all.min.css */
.fab,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;}
.fa-envelope:before{content:"\f0e0";}
.fa-facebook-f:before{content:"\f39e";}
.fa-mobile-alt:before{content:"\f3cd";}
.fa-search:before{content:"\f002";}
.fab{font-family:"Font Awesome 5 Brands";}
.far{font-weight:400;}
.far,.fas{font-family:"Font Awesome 5 Free";}
.fas{font-weight:900;}
/*! end @import */
/*! @import https://parkovani.ricany.cz/css/plugins/default.css?v=5 */
*{margin:0;padding:0;box-sizing:border-box;}
a,a:active,a:focus{color:#616161;text-decoration:none;transition-timing-function:ease-in-out;-ms-transition-timing-function:ease-in-out;-moz-transition-timing-function:ease-in-out;-webkit-transition-timing-function:ease-in-out;-o-transition-timing-function:ease-in-out;transition-duration:.2s;-ms-transition-duration:.2s;-moz-transition-duration:.2s;-webkit-transition-duration:.2s;-o-transition-duration:.2s;}
a:hover,a:active{color:#232323;text-decoration:none;}
a:focus,a:active{outline:none;}
ul{list-style-position:outside;}
ul li{list-style:none;}
::selection{color:#000;background:#dbdbdb;}
::-moz-selection{color:#000;background:#dbdbdb;}
::-webkit-input-placeholder{color:#6f6f6f;text-overflow:ellipsis;}
::-moz-placeholder{color:#6f6f6f;text-overflow:ellipsis;opacity:1;}
:-ms-input-placeholder{color:#6f6f6f;text-overflow:ellipsis;opacity:1;}
@media screen and (max-width: 767px){
.xs-display-none{display:none!important;}
}
/*! end @import */
/*! CSS Used from: https://parkovani.ricany.cz/css/rev_slider/layers.css */
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
/*! CSS Used from: https://parkovani.ricany.cz/css/styles.css?v=4 */
a:hover,a:active{color:var(--blue);text-decoration:none;}
.top-bar-info{display:inline-block;vertical-align:middle;}
.top-bar-info ul{margin-bottom:0;}
.top-bar-info li{font-weight:500;color:rgb(230, 230, 230)!important;list-style-type:none;font-size:13px;padding:0 5px 0;display:inline-block;margin-bottom:0;}
.top-bar-info li span{font-family:'MotivaSans-Medium';}
#top-bar{display:block;position:relative;z-index:999;background:#1c1c1c;padding:7px 0;}
.top-bar-info li i{font-size:16px;color:#FFFFFF;margin-right:8px;margin-top:0;display:inline-block;vertical-align:text-bottom;}
.top-social-icon{padding:0;float:right;margin:0;}
.top-social-icon li{font-size:14px;list-style-type:none;float:left;text-align:center;margin:0;padding:0 7px;}
.top-social-icon li:last-child{padding-right:0;}
.top-social-icon li:last-child a{padding-right:0;}
.top-social-icon li a{color:#fff;line-height:28px;-webkit-transition-duration:.3s;transition-duration:.3s;padding:0 3px;}
.top-social-icon li a:hover{color:var(--blue);}
/*! CSS Used from: https://parkovani.ricany.cz/css/custom.css?v=4 */
#top-bar{background-color:#303030!important;}
.top-social-icon li a:hover{color:#DDECCA;}
/*! CSS Used fontfaces */

.font-size24 {
    font-size: 24px;
}
.font-size16 {
    font-size: 16px;
}
.grid-horizontal{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    border-bottom: solid 1px rgba(255, 255, 255, 0.582);
}

.grid-horizontal h4{
    margin-bottom:5px;
    margin-top:10px;
    font-size:14px;
}
h1, h2, h3, h4, h5, h6 {
    margin: 0 0 20px;
    padding: 0;
    letter-spacing: 0;
    font-family: 'MotivaSans-Regular', 'Montserrat', sans-serif;
    color: #232323;
    line-height: normal;
}
.red-subheading::after{
    background:#4a4a4a!important;
}
.white-bg{
    background-color:#E81301;
}
.red-bg{
    color:#fff;
}
h3 {
    font-size: 32px;
    color: #E81301;
    font-family: 'MotivaSans-Medium';
}
h3 span {
    font-size: 32px;
    color: var(--black) !important;
    font-family: 'MotivaSans-MediumItalic';
}
h1.section-heading, h2.section-heading, h3.section-heading, h4.section-heading, h5.section-heading, h6.section-heading {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 10px;
    position: relative;
    line-height: 140%;
    text-align: center;
}
h1.section-heading:after, h2.section-heading:after, h3.section-heading:after, h4.section-heading:after, h5.section-heading:after, h6.section-heading:after {
    content: '';
    display: block;
    width: 100px;
    height: 2px;
    margin: 0 auto;
    background: var(--black);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}
.subheading-blue::after{
    background:var(--blue);
}
.subheading-black::after{
    background:var(--red);
}
.subheading-green::after{
    background:var(--grey);
}

.section-subheading{
    position:relative;
}
h1.section-subheading:after, h2.section-subheading:after, h3.section-subheading:after, h4.section-subheading:after, h5.section-subheading:after, h6.section-subheading:after {
    content: '';
    display: block;
    width: 50px;
    height: 2px;

    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
}
.content{
    max-width: 1140px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
#list p {
    background-color:white;
    width: 100%;
    padding: 1rem 2rem;
    letter-spacing:0;
    border-radius:5px;
    position:relative;
}

#list div:first-of-type{
    margin:5px;
    overflow:hidden;
    align-items: center;
}

#list div:last-of-type{
    overflow: hidden;
    height:0px;
    -webkit-transition:height, 0.5s linear;
    -moz-transition: height, 0.5s linear;
    -ms-transition: height, 0.5s linear;
    -o-transition: height, 0.5s linear;
    transition: height, 0.5s linear;

}
.list-active div:last-of-type{
    height:auto !important;
    -webkit-transition:height, 0.5s linear;
    -moz-transition: height, 0.5s linear;
    -ms-transition: height, 0.5s linear;
    -o-transition: height, 0.5s linear;
    transition: height, 0.5s linear;
}

.list-active .pointer h4{
    color:white !important;
}
#setting input{
    border-radius:0px;
    font-size:1.2em;
    padding: .2em .5em;
    border: 1px solid #d1d1d1;
    outline:none;
    letter-spacing:0;
}
#setting label {
    position:relative;
}
#setting {
    padding: 2rem 2rem;
}
#setting input:disabled{
    background:#9d9d9d;
}

#setting h5{
    font-size:1.3em;
    font-weight:300;
    color:var(--blue);
    padding-bottom:.2em;

}
.inline-grid{
    display:grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap:1rem;
}
.separator-line{
    width: 36px;
    height: 3px;
    background:white;
}
#faktura{
    cursor:pointer;
}
#faktura:hover{
    background-color:#ececec;
}
#newCard .card {
    flex-basis:calc(25% - 4rem);
    width:25%;
}

#newCard h5.blue-color{
    font-size:1.5em;
    padding-bottom:.5em;
}
#newCard h4{
    font-weight:400;
    letter-spacing:0;
}
#newCard span{
    letter-spacing:0;
    margin-top:-.2em;
    padding-bottom:1em;
    font-weight: 300;
}
#newCard p {
    letter-spacing:0;
}
#newCard button{
    margin-top:1.5em;
    padding: 1em 0;
}
#demoForm {
    padding:0 5rem;
    }
#demoForm label{
margin-top:2rem;
}
#demoForm label input,#demoForm label select{
    width:50%;
    letter-spacing:0;
    }
#demoForm label h5{
    color: #3D77CB;
    padding: 0;
    margin: 1em 0 .5em 0;
    font-size: 1.17em;
    margin-right:auto;
}
#demoform label h5 i {
    margin-right:.5em;
}
#demoForm button{
    font-size:1.2em;
    margin-top:1rem;
    padding:.8em 0;
}
.btn:hover{
    opacity:.8;
}
#demoForm input, #demoForm select{
    padding: .5em 0 .5em .5em;
    outline: none;
    border: 1px solid #d1d1d1;
    font-size: 14px;
    padding: 8px 15px;
    margin: 0 0 15px 0;
    max-width: 100%;
    padding: 14px 16px;
    resize: none;
}
input[type='date'], select, option{
    cursor:pointer;
}
.totoznost:hover{
    background:#eeeeee;
}
.totoznost{
    align-items:center;
    padding:.5em;
}
.totoznost p{
    margin:0;
}
#list .pointer h3{
    font-weight:400;
}
#list h4{
    margin:0;
}

.faktura{
    display:grid;
    grid-template-columns: 1fr 1fr 20% 20%;
}
.faktura h4:first-of-type{
    margin-left:5rem
}
.faktura h4:nth-of-type(2){
    padding-left:2rem
}
#header{
    cursor: pointer;
}
#header:hover {
    background:var(--default);
    width:calc(100% + 3rem);
    margin-left:-2rem;
    padding-right:1rem;
}

#header:hover #logOut, #header:hover #cogs{
    stroke:white;
}
#header:hover h4 a{
    color:white;
}
.navbar-default .container .row .col-12 .menu_area nav div a img{
    height:50px;
}
.no-trans{
    transition:none !important;
}

.grid-vertical{
    grid-template-columns: 1fr;
    grid-auto-rows: 1fr;
    display:grid;
    grid-gap:1em;
    margin-top:1em;
}

#images-wrap button{
    background-color:var(--red);
    border-radius:5px;
}

.no-trans:hover, .no-trans:focus{
    background-color:inherit;
    opacity: 1 !important;
    color:white;
}
.mobile-only {
    display:none;
}

#rek div {
    border:2px solid rgb(201, 201, 201); 
    border-bottom:0;
    padding:.5em;
    position:relative;
} 
#rek div p {
    margin-bottom:0;
}
#rek div:last-of-type {
    border-bottom: solid 2px rgb(201, 201, 201); 
} 

div#whisperer {
    -moz-box-shadow: 2px 5px 5px rgba(0,0,0,0.27), -2px 5px 5px rgba(0,0,0,0.27);
    -webkit-box-shadow: 2px 5px 5px rgb(0 0 0 / 27%), -2px 5px 5px rgb(0 0 0 / 27%);
    box-shadow: 2px 5px 5px rgb(0 0 0 / 27%), -2px 5px 5px rgb(0 0 0 / 27%);
    border-radius: 0 0 5px 5px;
}
p#whisperer:hover {
    background: var(--blue);
    color: white;
}
p#whisperer {
    margin: 0 !important;
}
#detailModal .uploadForm p {
    color:white;
}
#detailModal #drop-area label{
    background: var(--grey) !important;
    color:white;
}

/******************************
*********   ANIMACE  **********
******************************/

/* ----------------------------------------------
 * Generated by Animista on 2021-6-11 14:35:8
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-in-top
 * ----------------------------------------
 */
 @-webkit-keyframes slide-in-top {
    0% {
      -webkit-transform: translateY(-100%);
              transform: translateY(-100%);
      display:block;
      opacity: 0;
    }
    100% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      opacity: 1;
    }
  }
  @keyframes slide-in-top {
    0% {
      -webkit-transform: translateY(-100%);
              transform: translateY(-100%);
      display:block;
      opacity: 0;
    }
    100% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      opacity: 1;
    }
  }

.slide-in-top-reverse {
	-webkit-animation: slide-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) reverse both;
	        animation: slide-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) reverse both;
}

.slide-in-top{
    -webkit-animation: slide-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}