@font-face {
    font-family: montserrat;
    src: url(../fonts/Montserrat/Montserrat-Regular.woff);
    font-weight: 400;
}

@font-face {
    font-family: montserrat;
    src: url(../fonts/Montserrat/Montserrat-Bold.woff);
    font-weight: 700;
}

@font-face {
    font-family: ubuntu;
    src: url(../fonts/Ubuntu/Ubuntu-Regular.woff);
    font-weight: 400;
}

@font-face {
    font-family: ubuntu;
    src: url(../fonts/Ubuntu/Ubuntu-Bold.woff);
    font-weight: 700;
}

@font-face {
    font-family: opensans;
    src: url(../fonts/OpenSans/OpenSans-Regular.woff);
    font-weight: 400;
}

@font-face {
    font-family: opensans;
    src: url(../fonts/OpenSans/OpenSans-Bold.woff);
    font-weight: 700;
}
* {
    font-family: 'opensans';
    margin: 0;
    padding: 0;
    color: #242A38;
}

/*-------------------------hlavicka-------------------------*/

img.logo {
    height: 50px;
    margin-left: 30px;
}

a.logo {
	width: 350px;
}

@media screen and (max-width: 1380px) {
    .nav .tabs {
        display: none;
    }
    /* .hidden-nav {
        display: block;
    } */
}

.hidden-menu {
    display: none;
    transition: .3s;
}

#menu {
    display: none;
}
.hidden-menu input:checked ~ span {
    opacity: 1;
    transform: rotate(45deg) translate(10px, 21px);
    background: #242A38;
}

.hidden-menu input:checked ~ span:nth-last-child(3) {
    opacity: 0;
    transform: rotate(0deg) scale(0.2, 0.2);
}

.hidden-menu input:checked ~ span:nth-last-child(2) {
    transform: rotate(-45deg) translate(0, -12px);
}

.hidden-menu input:checked ~ span {
    margin-bottom: 10px;
}

.hidden-menu input:checked ~ #menu {
    display: block;
}

#menu {
    position: absolute;
    right: 0px;
    background: white;
    width: 100%;
    text-align: center;
    padding-top: 22px;
	margin-top: 15px;
    list-style: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding-bottom: 45px;
    z-index: 10;
	box-shadow: 0px 40px 40px 1px rgba(0,0,0,0.1);
}

#menu li {
    line-height: 50px;
    font-size: 20px;
    position: relative;
}

#scroll-menu_hidden a {
	font-size: 15px;
	font-family: montserrat !important;
	letter-spacing: normal !important;
}

#scroll-menu_hidden li {
	line-height: 30px;
	text-transform: none
}

#menu a {
    font-family: montserrat;
    font-weight: 700;
    letter-spacing: 1px;
    position: relative;
}

.hidden-menu span {
    width: 38px;
    height: 5px;
    margin-bottom: 6px;
    position: relative;
    background: #242A38;
    border-radius: 5px;
    z-index: 4;
    display: block;
    right: 41px;
    transition: .3s;
}

#scroll-menu li a{
	padding-left: 14px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 35px;
    padding-top: 8px;
    padding-bottom: 8px;
}

#panel {
    top: 50px;
    width: 315px;
    background-color: white;
    border-radius: 5px;
    box-shadow: -2px 0px 40px 1px rgba(0,0,0,0.2);
    margin-top: 30px;
    padding-top: 1px;
}
#vysouvaci_menu_parent {
	top: 0px;
    left: -20px;
	width: 120px;
    padding: 20px;
    z-index: 550;
	display: none;
	position: absolute;
}

/*#panel::after {
    width: 0;
    height: 0;
    border-bottom: 10px solid white;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    content: "";
    display: block;
    position: absolute;
    left: 60px;
    top: 40px;
}*/

#scroll-menu {
	list-style: none;
    margin: 20px;
    font-size: 14.4px;
}
#scroll-menu li:last-of-type {
    padding-bottom: 15px;
}
#scroll-menu li:hover a {
	color: #f2d113;
}
/*#scroll-menu .zamestnanecka:hover {
	background-image: url(../img/zamestnanci-zluta.svg);
}
#scroll-menu .klientska:hover {
	background-image: url(../img/icon-klientska-zluta.svg);
}
#scroll-menu .smeny:hover {
	background-image: url(../img/prst-zluta.svg);
}
#scroll-menu .stravovaci:hover {
	background-image: url(../img/icon-stravovaci-cast-zluta.svg);
}
#scroll-menu .organizacni:hover {
	background-image: url(../img/organizacni-cast-zluta.svg);
}
#scroll-menu .sklady:hover {
	background-image: url(../img/sklady-zluta.svg);
}
#scroll-menu .web:hover {
	background-image: url(../img/web-zluta.svg);
}
#scroll-menu .datovky {
    background-image: url(../img/datove-schranky.svg);
}
#scroll-menu .datovky:hover {
    background-image: url(../img/datove-schranky-zluta.svg);
}*/

#scroll-menu a {
	font-family: ubuntu;
    font-weight: 700;
	line-height: 47px;
	transition: .3s;
}

.checkbox {
    width: 40px;
    height: 40px;
    position: absolute;
    opacity: 0;
    right: 40px;
    top: 35px;
    z-index: 5;
    cursor: pointer;
}

nav.tabs {
    display: flex;
    flex-wrap: wrap;
    margin-right: 30px;
}
.hidden-nav {
    display: none;
}
nav .oteviraci_menu {
    position: relative;
}
nav .oteviraci_menu:hover .podmenu_parent {
    display: block;
}
nav .podmenu_parent {
    padding-top: 20px;
    z-index: 100;
    position: absolute;
    display: none;
}
/*nav .podmenu_parent .podmenu:after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 10px solid white;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    left: 20px;
    top: 10px;
}*/
nav .podmenu_parent .podmenu {
    padding: 20px;
    background-color: white;
    border-radius: 5px;
    box-shadow: -2px 0px 40px 1px rgb(0 0 0 / 20%);
}
nav .podmenu_parent .podmenu .pododkaz {
    display: block;
    font-family: ubuntu;
    font-weight: 700;
    line-height: 32px;
    transition: .3s;
    letter-spacing: 1.0px;
}
nav .podmenu_parent .podmenu .pododkaz:hover {
    color: #f2d113 !important;
}
div.nav {
    width: 100%;
    max-width: 1380px;
    margin: 0 auto;
    height: 116px;
    text-transform: uppercase;
    font-size: 15.4px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
}

.tabs .tab {
    font-family: ubuntu;
    text-decoration: none;
    font-weight: 700;
    color: #242b38;
    display: inline-block !important;
    position: relative;
    margin: 0 13.5px;
    word-spacing: 0;
    cursor: pointer;
    letter-spacing: 1.0px;
    line-height: 30px;
    margin-top: 7px;
}

nav.tabs a.tab:after, #menu a:after, .tabs #menu_reseni:after {
    content: "";
    display: block;
    width: 0;
    height: 4px;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    background: rgb(238,213,74);
    transition: width .3s ease;
}

.swiper-slide:hover .nadpis_b {
	text-decoration: underline;
}

#menu a:after {
    top: 25px;
}

#vysouvaci_menu_parent_hidden {
	display: none;
}

#menu_reseni_hidden a {
	cursor: pointer;
}

nav.tabs a.tab.active::after, #menu_reseni:hover::after, #menu_reseni.active::after {
    width: 100%;
}

nav.tabs a.tab:hover:after, #menu a:hover:after {
    width: 100%;
}

nav.tabs:hover .active::after {
    width: 0% !important;
}

nav.tabs .active:hover::after {
    width: 100% !important;
}
.pata_spod .pata_nav {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding-bottom: 10px;
}
.pata_nav a.pata_tab:after{
    content: "";
    display: block;
    width: 0%;
    height: 4px;
    position: absolute;
    left: 50%;
    bottom: 0px;
    transform: translateX(-50%);
    background: #242A38;
    transition: width .3s ease;
}

.pata_nav .pata_tab:hover:after {
    width: 100%;
}
.table_dostupnost {
    border-collapse: collapse;
}
.table_dostupnost tr:nth-child(even) {
    background-color: #f5f5f5;
}
.table_dostupnost tr td, .table_dostupnost tr th {
    border: 1px solid #c9cacf;
    padding: 4px 5px;
}
.table_dostupnost tr th, .table_dostupnost tr .resp_td {
    font-family: ubuntu !important;
    font-weight: 700;
}
.table_dostupnost tr td.resp_td {
    display: none;
    width: calc(20% - 5px);
}
@media screen and (max-width: 500px) {
    .table_dostupnost {
        border: none;
        font-size: 12px;
    }
    .table_dostupnost thead {
        display: none;
    }
    .table_dostupnost tr {
        display: flex;
        flex-wrap: wrap;
        margin: 10px 0;
    }
    .table_dostupnost tr td:not(.resp_td) {
        display: block;
        width: calc(80% - 19px);
    }
    .table_dostupnost tr td.resp_td {
        display: inline-block;
        width: calc(20% - 5px);
        text-align: center;
    }
    .table_dostupnost tr td.resp_td span {
        vertical-align: middle;
    }
}
/*-------------------------pata-------------------------*/

.pataimg {
    background-image: url("../img/pata.jpg");
    width: 100%;
    background-repeat: no-repeat;
	margin: 0 auto;
    max-width: 1920px;
}

.pata {
    margin: 0 auto;
    max-width: 1320px;
    width: 100%;
}

.bar {
    background-color: #242b38;
    margin: 0 85px;
    height: 105px;
    width: 1150px;
    position: relative;
    top: -30px;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    
}
.bar .prvni {
    margin: auto 0;
    display: flex;
    flex-wrap: wrap;
    padding-left: 43px;
}
.bar span {
    color: #99a1b0;
    font-size: 25px;
    letter-spacing: 0.4px;
}
.pata .bar hr {
    position: relative;
    top: 18px;
    left: 108px;
    height: 65px;
    border-color: #f4f5f526; 
}
.bar #zaslat-button {
    width: 250px;
}


span.a {
    font-family: ubuntu;
    font-weight: 700;
    padding-right: 5px;
}

span.b {
    font-family: ubuntu;
}

span.druha {
    font-size: 14px;
    text-transform: uppercase;
    font-family: ubuntu;
    font-weight: 700;
    letter-spacing: 2.3px;
    padding-right: 31px;
}

@media (max-width: 650px) {
    span.druha {
        font-size: 14px;
        text-transform: uppercase;
        font-family: ubuntu;
        font-weight: 700;
        letter-spacing: 2.3px;
        padding-right: 20px;
    }
}

img.vector {
    position: relative;
    left: -3px;
    top: 0px;
    width: 29px;
}

span.text {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2.3px;
    font-family: ubuntu;
    font-weight: 700;
    position: relative;
    left: 0px;
    top: -11px;
    transition: .3s;
}

span.text:hover {
    color: white;
    transition: .3s;
}

.bar a:hover .text {
    color: white;
}


button.zaslat {
    padding-left: 23px;
    padding-top: 6px;
    background-color: #242b38;
    border-style: none;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

.navigace ul li a, .popisek a {
    text-decoration-line: underline;
}

.navigace {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-right: 120px;
}

.navigace .nazev {
    font-family: ubuntu;
    font-weight: 700;
    font-size: 20.5px;
    padding-bottom: 15px;
}

.navigace ul{
    padding-top: 62px;
    line-height: 36px;
    font-size: 14px;
}

li.none {
    list-style: none;
}

div.hr_b{
    position: relative;
    width: 100%;
    top: 94px;
} 

li.sipka {
	padding-left: 30px;
    list-style: none;
    background-image: url(../img/sipka.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 14px;
    transition: 0.3s;
}

li.jiny {
    padding-left: 30px;
    list-style: none;
    background-image: url(../img/vector_jiny.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 21px;
    transition: 0.3s;
}

ul.prvni {
    padding-right: 31px;
}

ul.treti {
    line-height: 28px;
    padding-top: 70px;
}

span.cesta {
    line-height: 39px;
    padding-bottom: 0px;
}

ul.ctvrta {
    line-height: 34px;
}

div.pata_nav a {
    font-family: ubuntu !important;
    font-weight: 700;
    margin-right: 22px;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 30px;
}

div.pata_nav a:first-child {
    font-family: ubuntu !important;
    font-weight: 700;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 30px;
}

li.nazev {
	list-style: none;
}

.pata_nav {
    position: relative;
}

div.pata_spod {
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
    margin-top: 108px;
    padding-bottom: 14px;
}

div.copy {
    font-size: 14px;
	line-height: 30px;
}

.pata_tab {
    position: relative;
}

.pata li.sipka:hover{
    margin-left: 10px; 
}

.pata li:hover a {
    text-decoration-line: none;
}

.popup.active {
    display: block;
}

.jednotlive-prvni {
	width:265px;
}

.jednotlive-druha {
	width:337px;
}

.jednotlive-treti {
	width:274px;
}

.jednotlive-ctvrta {
	width:270px;
}



.overlay {
	display: none;
	position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,0.5);
    z-index: 15;
}

.overlay.active {
	display: block;
}

.popup-diky {
	position: fixed;
	display: none;
    width: 448px;
    text-align: center;
    height: 150px;
    border-radius: 5px;
    padding: 50px 80px;
    background: #f3f3f1;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 555;
    box-shadow: 0 0 50px 4px rgba(0,0,0,.15);
}

.popup-diky h1 {
	font-family: ubuntu;
    font-weight: 700;
}

.popup_show_more {
	width: 600px;
	height: 360px;
	padding: 30px;
	background: white;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 5px;
}

#popup_text_parent {
    width: 100vw;
    height: 100vh;
	position: fixed;
	background: rgba(0,0,0,0.5);
    z-index: 99999999;
    top: 0;
	display: none;
}

.popup-diky p {
	color: #242A38;
	margin-top: 20px;
}

.popup-diky div {
	margin-top: 43px;
}

.text_c .more-text {
	display: none;
}

.popup {
    padding: 50px 4.5% 40px;
    border-radius: 5px;
    background-color: #f3f3f1;
    background-size: cover;
    background-position: center center;
    text-align: center;
}

#dotaz {
	display: block;
}

.popup {
    max-height: calc(100% - 20px);
    width: 50%;
    max-width: 766px;
    position: fixed;
    z-index: 10;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 50px 4px rgba(0,0,0,.15);
}

button, input, optgroup, select, textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
    outline: none;
}

.popup .close, .popup-diky .close, .popup_show_more .close {
    height: 35px;
    width: 35px;
    position: absolute;
    top: 20px;
    right: 20px;
    border: 0;
    border-radius: 18px;
    background: rgb(27,32,42);
    cursor: pointer;
}

button, input, optgroup, select, textarea {
    font-family: 'Ubuntu', Helvetica,Helvetica Neue,Arial,sans-serif;
}

button, html [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button;
}

button, select {
    text-transform: none;
}

button, input {
    overflow: visible;
    outline: none;
}

button {
    cursor: pointer;
}

button, input, optgroup, select, textarea {
    font-family: montserrat;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
    outline: none;
}

.popup h3 {
    margin-bottom: 10px;
    padding-top: 10px;
    font-weight: 600;
    font-size: 32px;
    font-family: ubuntu;
    font-weight: 700;
}

/* .popup .scroll {
    height: 100%;
    max-height: calc(100vh - 40vh);
    width: 100%;
    max-width: 520px;
    overflow-y: scroll;
} */

.popup p {
    margin-bottom: 17px;
    font-family: montserrat;
}

p {
    display: block;
    margin: 0;
	color: rgb(97,117,143);
}

.popup form {
    width: 100%;
    text-align: left;
    padding-bottom: 10px;
}

.scroll p {
	color: #242A38;
}

.popup input[type="text"], .popup input[type="email"], .popup input[type="number"], .popup textarea {
    height: 40px;
    width: calc(100% - 42px);
    margin: 10px 0;
    padding: 0 20px;
    border: 1px solid rgb(220,220,220);
    border-radius: 5px;
    background: white;
    font-size: .95em;
    font-family: ubuntu;
}

.popup .close span:first-of-type, .popup-diky .close span:first-of-type, .popup_show_more .close span:first-of-type {
    transform: rotate(45deg);
}

.popup .close span, .popup-diky .close span, .popup_show_more .close span {
    display: block;
    height: 2px;
    width: 12px;
    position: absolute;
    top: calc(50% - 1px);
    left: calc(50% - 6px);
    background: white;
}

.popup .close span:last-of-type, .popup-diky .close span:last-of-type, .popup_show_more .close span:last-of-type {
    transform: rotate(-45deg);
}


/* form.form input:not([type='checkbox']) {
    width: 100%;
    display: block;
    border-radius: 8px;
    padding: 0 10px;
    height: 35px;
    background: #fff;
    font-size: 14px;
    border: none;
} */
.popup textarea {
    height: 160px;
    resize: none;
    padding: 10px 20px;
    font-family: Ubuntu;
}

.popup form input[type="checkbox"] {
    cursor: pointer;
}

form input[type="checkbox"] {
    width: 16px;
    height: 16px;
    margin-right: 8px;
}

li.br {
	margin-top: 15px;
}

[type="checkbox"], [type="radio"] {
    box-sizing: border-box;
    padding: 0;
}


.popup input[type="text"].col-2 {
    float: left;
    width: calc(50% - 55px);
}


.popup input[type="text"].col-2:nth-of-type(2) {
    float: right;
}

.btn_radius.blue {
    background: #242b38;
    font-family: ubuntu;
    font-weight: 700;
}

.pr-inline.vertical-center {
    align-items: center;
}

.popup form button {
    float: right;
    clear: both;
}

.btn_radius {
    text-transform: uppercase;
    font-size: 13px;
    color: #fff;
    text-decoration: none;
	margin-top: 40px;
    letter-spacing: 0.24em;
    font-weight: 700;
    border-radius: 5px;
    display: inline-block;
    line-height: 45px;
    padding: 0 28px;
    position: relative;
    border: none;
    -webkit-appearance: none;
    appearance: none;
    top: 0;
    transition: .3s;
}


/*#flex {
	display: flex;
}*/

div.home {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    overflow: hidden;
	margin: 0 auto;
	height: 650px;
    max-width: 1920px;
	background-image: url("../img/cho-bg.jpg");
	background-repeat: no-repeat;
}

div.text div.nadpis, .onas .nadpis {
    font-family: ubuntu !important;
    font-weight: 700;
    font-size: 48px;
    max-width: 650px;
}

div.home div.text {
    width: 100%;
    margin-top: 160px;
}

div.text img.carka {
    padding-top: 30px;
    padding-bottom: 21px;
}

div.popis {
    font-size: 15px;
    line-height: 27px;
    max-width: 600px;
    font-family: 'opensans';
}

.home .center-align {
	max-width: 1320px;
	margin: 0 auto;
}

div.text a.vice {
    text-transform: uppercase;
    font-size: 14px;
    font-family: ubuntu;
    font-weight: 700;
    text-decoration: none;
    color: #242b38;
    position: relative;
    top: 53px;
    letter-spacing: 2.5px;
}

img.sipka {
    width: 14px;
    padding-left: 13px;
    position: relative;
    top: 0px;
    right: 7px;
    transition: 0.3s;
}
a.demo:hover .sipka, .vice:hover .sipka, .zobrazit_vse:hover .sipka {
    right: 0px;
}

div.tel {
    background-color: #242b38;
    color: #99a1b0;
    position: absolute;
	top: 590px;
	left: 60%;
    width: 420px;
    height: 39px;
    text-align: center;
    padding-top: 21px;
    font-family: ubuntu;
    font-size: 17px;
    letter-spacing: 0.4px;
    border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

div.tel a {
    color: #99a1b0;
    text-decoration: none;
    font-family: ubuntu !important;
    font-weight: 700;
    transition: .3s;
}

div.tel a:hover {
    color: white;
    transition: .3s;
}

div.tel a:hover {
    color: white;
}

div.onas {
    width: 100%;
    height: 400px;
	margin: 0 auto;
    max-width: 1920px;
	background-image: url("../img/cho-bg.jpg");
	background-repeat: no-repeat;
}

img.headimg {
    z-index: -1;
    position: absolute;
}

div.head {
    margin: 0 auto;
    max-width: 1320px;
    padding-top: 112px;
}

div.head img.carka {
    padding-top: 23px;
    padding-bottom: 21px;
}

div.demo {
    margin: 0 auto;
    max-width: 1320px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 140px;
}

div.text_b .nadpis {
    font-family: ubuntu !important;
    font-weight: 700;
    font-size: 31.6px;
    letter-spacing: 0.2px;
    max-width: 450px;
}

div.mac {
    margin-top: 83px;
    /* margin-left: 41px; */
    background-image: url(../img/macbook.png);
    width: 610px;
    height: 410px;
    background-repeat: no-repeat;
}

.demo .text_b {
    margin-top: 107px;
    margin-left: 89px;
}

.gdpr {
    margin-top: 24px;
    text-transform: uppercase;
    font-size: 13px;
    background-color: #00c57b;
    border-radius: 30px;
    color: white;
    width: 132px;
    padding: 5px 13px;
	background-image: url(../img/fajfka-gdpr.svg);
	background-repeat: no-repeat;
    background-size: 6%;
    background-position-x: 16px;
    background-position-y: center;
    padding-left: 45px;
}

.demo .text_b .popis {
    font-size: 14px;
    line-height: 26px;
    margin-top: 19px;
    max-width: 480px;
    font-family: 'opensans';
}

a.demo {
    text-transform: uppercase;
    font-size: 14px;
    font-family: ubuntu;
    font-weight: 700;
    text-decoration: none;
    color: #242b38;
    position: absolute;
    margin-top: 68px;
    letter-spacing: 2.6px;
    padding-left: 4px;
}

hr.hr {
    margin-top: 113px;
    border-color: #f4f5f563;
	max-width: 1920px;
    margin: 0 auto;
}

div.info {
    margin: 0 auto;
    max-width: 1320px;
    width: 100%;
    padding-bottom: 50px;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

div.info .info_block {    
    color: #242A38;
    text-align: center;
    margin-top: 40px;
    width: 200px;

}

.info div.cislo {
    font-family: ubuntu !important;
    font-size: 40px;
}

.info div.nazev {
    font-family: ubuntu !important;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.info img.carka_b {
    width: 43px;
}

.info div.popis_b {
    font-size: 13px;
    font-family: 'opensans';
    line-height: 22px;
    padding-top: 3px;
}

div.reseni {
    width: 100%;
    background-color: #efece7;
    padding-bottom: 100px;
	max-width: 1920px;
	margin: 0 auto;
}

.reseni div.telo {
    padding-top: 101px;
}

.reseni .telo .nazev {
    font-family: ubuntu !important;
    font-weight: 700;
    font-size: 34px;
    position: relative;
    padding-left: 90px;
    max-width: 1390px;
    margin: 0 auto;
}

.display-flex {
	display: flex;
}

.reseni .telo .popis_c {
    font-size: 13.8px;
    padding-top: 16px;
    letter-spacing: 0.1px;
    padding-left: 90px;
    max-width: 1390px;
    margin: 0 auto;
	line-height: 22px;
    font-family: 'opensans';
}

.reseni .tabs {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding-left: 50px;
    padding-right: 50px;
    max-width: 1320px;
    margin: 68px auto;
}
.telo .tabs .tab_dolni, .telo .tabs .tab_horni, .tab_horni_b, .tab_dolni_b, .tab_horni_c {
    width: 238px;
    background-color: white;
    padding-top: 50px;
    height: 138px;
    padding-bottom: 28px;
    position: relative;
    text-align: left;
    padding-left: 33px;
    padding-right: 27px;
    border-radius: 5px;
    transition: 0.3s;
}
.reseni .telo .tabs .tab_dolni {
    margin-top: 29px;
}

.reseni .telo .tabs .tab_dolni_b {
    margin-top: 46px;
}

.reseni .telo .tabs .tab_horni_b, .tab_horni_c {
    margin-top: 16px;
}

.tabs .zalozka {
    position: absolute;
    top: -10px;
    left: 34px;
    width: 45px;
    height: 45px;
	border-radius: 5px;
    background-color: #f2d113;
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center;
}

#flex-aktualne {
		display: flex;
		flex-wrap: wrap;
        margin-top: 120px;
		padding-bottom: 150px;
		justify-content: space-between;
		width: calc(100% - 180px);
	}
	
	#flex-aktualne .swiper-slide {
		margin: 15px 0;
	}

.zamestnanecka {
	background-image: url(../img/zamestnanci.svg);
	transition: .3s;
}

.klientska {
	background-image: url(../img/icon-klientska.svg);
	transition: .3s;
}

.smeny {
	background-image: url(../img/prst.svg);
	transition: .3s;
}

.stravovaci {
	background-image: url(../img/icon-stravovaci-cast.svg);
	transition: .3s;
}

.organizacni {
	background-image: url(../img/organizacni-cast.svg);
	transition: .3s;
}

.sklady {
	background-image: url(../img/sklady.svg);
	transition: .3s;
}

.web {
	background-image: url(../img/web.svg);
	transition: .3s;
}
.datovky {
    background-image: url(../img/datove-schranky.svg);
}

.reseni .tabs .nadpis {
    text-transform: uppercase;
    font-family: montserrat;
    font-weight: 700;
    font-size: 14px;
    display: flex;
}

.carka_c {
    background-image: url("../img/carka.svg");
    width: 47px;
    height: 3px;
    margin-top: 13px;
}

.text_c {
    font-size: 13px;
    padding-top: 8px;
    line-height: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-family: 'opensans';
} 

.telo .tabs .tab_dolni, .telo .tabs .tab_horni, .tab_horni_b, .tab_dolni_b, .tab_horni_c {
	box-shadow: 0px 0px 40px 1px rgba(0,0,0,0.1);
}

.tab_horni_c {
    background-color: #f2f2f2;
}

.sipka_b {
    background-image: url(../img/sipka.svg);
    width: 14px;
    padding-left: 13px;
    position: relative;
    right: -7px;
    top: 4px;
    background-repeat: no-repeat;
    background-size: 50%;
    visibility: hidden;
}
/* .sipka_b:hover {
    visibility: visible;
} */

.telo .tabs .tab_dolni:hover .sipka_b, .tab_horni:hover .sipka_b, .tab_horni_b:hover .sipka_b, .tab_dolni_b:hover .sipka_b {
    visibility: visible;
}

.tab_dolni, .tab_horni, .tab_dolni_b, .tab_horni_b {
    z-index: 1;
}

.telo .tabs .tab_dolni:hover, .telo .tabs .tab_horni:hover, .tab_horni_b:hover, .tab_dolni_b:hover:hover {
    background-color: #f2d113;
	
}

.tab_horni:hover {
	background-color: #f2d113;
	border-radius: 5px;
}

.telo .tabs .tab_dolni:hover .zalozka, .telo .tabs .tab_horni:hover .zalozka, .tab_horni_b:hover .zalozka, .tab_dolni_b:hover .zalozka {
    box-shadow: 0px 40px 151px 2px black;
}

.telo .tabs .tab_dolni:hover .carka_c, .tab_horni:hover .carka_c, .tab_horni_b:hover .carka_c, .tab_dolni_b:hover .carka_c {
    background-image: url("../img/carka_bila.svg") !important;
}
a {
    text-decoration: none;
}

ul.a {
    padding-left: 19px;
}

.aktualne {
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
}

#home_aktualne {
    height: 563px;
}

.swiper-text {
	margin-top: 116px;
	margin-left: auto;
	margin-right: auto;
	max-width: 1320px;
}

.swiper-text .nadpis {
    font-size: 34px;
    font-family: ubuntu;
    font-weight: 700;
}

.swiper-text .popis {
    font-size: 14px;
    padding-top: 16px;
	width: 90%;
}

.aktualne .swiper {
    max-width: 1288px;
    height: 218px;
    padding: 53px 16px;
    overflow-x: hidden;
}

.popisek {
	width: calc(100% - 140px);
	max-width: 1320px;
	margin: 80px auto;
}

.popisek p {
	margin: 35px 0;
	color: #242A38;
    font-family: 'opensans';
    line-height: 27px;
    font-size: 15px;
}

.popisek .bold {
	font-family: montserrat;
    font-weight: 700;
}

.aktualne .img, .aktualne .img_b {
    height: 100%;
    width: 44%;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background-repeat: no-repeat;
}
.aktualne .img {
    background-image: url(../img/zastupne-foto.jpg);
}

.aktualne .img_b {
    background-image: url(../img/fotka.png);
}
.aktualne .text {
    background-color: #fff;
    width: 56%;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    height: 100%;
    text-align: left;
}

.aktualne .nadpis_b {
    text-transform: uppercase;
    font-family: ubuntu;
    font-weight: 700;
    font-size: 15px;
    line-height: 23px;
}

.aktualne .datum {
    color: white;
    background-color: #242A38;
    width: 82px;
    max-width: 82px;
    border-radius: 10px;
    font-size: 13px;
    height: 19px;
    position: relative;
    text-align: center;
    top: 11px;
    vertical-align: middle;
    display: table-cell;
}

.aktualne .popis_b {
    margin-top: 19px;
    font-size: 13px;
    line-height: 24px;
    height: 95px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.reference_casti {
    font-size: 12.1px;
    line-height: 23px;
    overflow: hidden;
    height: 95px;
    padding-top: 20px;
}

.lokace {
    font-size: 12px;
    padding-top: 6px;
    position: relative;
    padding-left: 18px;
    background-image: url("../img/point.svg");
    background-position: left top 5px;
    background-repeat: no-repeat;
    background-size: 12px;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    display: flex; 
    height: 214px;
    width: 626px;
    margin-right: 32px;
    box-shadow: 6px 0px 41px -23px rgba(222,222,222,1);
    
}

.button-next, .button-prev {
    width: 27px;
    height: 18px;
    background-image: url(../img/sipka.svg);
    background-repeat: no-repeat;
    cursor: pointer;
}

.button-next:focus, .button-prev:focus {
    visibility: hidden;
}

.buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    max-width: 1416px;
    margin: 0 auto;
    padding: 0 15px;
    top: 365px;
}

.button-prev {
    transform: rotate(180deg);
}

.swiper-slide .telo {
    margin-top: 24px;
    position: absolute;
    margin-left: 33px;
    margin-right: 40px;
}

.zobrazit_vse {
    margin-top: 11px;
    text-align: center;
}

.zobrazit_vse .zobrazit {
    text-transform: uppercase;
    letter-spacing: 2.6px;
    font-size: 14px;
    font-family: ubuntu;
    font-weight: 700;
}

.zobrazit .sipka_c {
    width: 13px;
    padding-left: 13px;
    position: relative;
    top: 0px;
    right: 7px;
    transition: 0.3s;
}

.zobrazit:hover .sipka_c {
    right: 0px;
}

.vyhledavani, .text_hlava {
    max-width: 1320px;
    margin: 0 auto;
}

.vyhledavani .nadpis {
    font-size: 30px;
    font-family: ubuntu;
    font-weight: 700;
    margin-top: 60px;
    letter-spacing: 1px;
}
  
input {
    padding: 0 28px;
    border: 0;
    font-size: 16px;
    width: 95%;
    letter-spacing: -1px;
    border-radius: 5px;
}
  
.search_box {
    width: 70%;
    height: 70px;
    display: flex;
    box-shadow: 0px 0px 34px -7px rgba(189,189,189,1);
    margin-top: 26px;
    border-radius: 5px;
}

  
.submit {
    width: 7.5%;
    height: 100%;
    background-color: white;
    background-image: url(../img/lupa.svg);
    background-repeat: no-repeat;
    background-size: 34%;
    background-position: center;
    cursor: pointer;
}

.helpimg {
    background-image: url(../img/help_cerny.svg);
    background-size: 70%;
    background-repeat: no-repeat;
    width: 40px;
    height: 35px;
}

.knihaimg {
    background-image: url(../img/knizka_cerna.svg);
    background-size: 80%;
    background-repeat: no-repeat;
    width: 40px;
    height: 35px;
}

.napoveda .prvni, .napoveda .druha {
    display: flex;
}

.napoveda .druha {
    margin-top: 12px;
}

.napoveda .text {
    margin-top: 6px;
    margin-left: 3px;
    text-transform: uppercase;
    font-family: ubuntu;
    font-weight: 700;
    font-size: 14px;
}

.napoveda .prvni.active .helpimg {
    background-image: url(../img/help_zluta.svg)
}

.napoveda .prvni.active .text{
    color: #f2d113;
}

.napoveda .druha.active .knihaimg {
    background-image: url(../img/knizka_zluta.svg);
}

.napoveda .druha.active .text{
    color: #f2d113;
}
.casti-text a, .onas-popis a {
    color: #f2d113;
}
.napoveda_rodic {
    position: absolute;
    width: 100%;
}

.napoveda {
    width: 255px;
    height: 77px;
    background-color: white;
    box-shadow: 0px 0px 45px -14px rgba(189,189,189,1);
    position: relative;
    padding: 28px 28px;
    border-radius: 5px;
    top: 459px;
    margin-left: 70%;
    transition: .3s;
}

.vyberte_reseni {
    max-width: 1320px;
    margin: 0 auto;
    margin-bottom: 150px;
}

.vyberte_reseni .nadpis {
    font-size: 30px;
    font-family: ubuntu;
    font-weight: 700;
    margin-top: 48px;
    letter-spacing: 1px;
}

.vyberte_reseni .navi {
    width: 70%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-end;
    margin-top: 14px;
}

.vyberte_reseni .navi .block {
    position: relative;
    width: 48.7%;
    height: 65px;
    background-color: #f2d113;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}

.navi .block .text, .navi .block .text_l {
    padding-top: 26px;
    padding-left: 23px;
    padding-right: 23px;
    font-family: montserrat;
    font-weight: 700;
    font-size: 14.2px;
    display: flex;
}

.navi .block .text_l div {
    font-family: montserrat;
    font-weight: 700;
    font-size: 14.2px;
}

.vyberte_reseni .img_sipka {
    background-image: url(../img/sipka.svg);
    background-size: 90%;
    height: 12px;
    background-repeat: no-repeat;
    width: 19px;
    transform: rotate(90deg);
    position: relative;
    top: 22px;
    right: 22px;
    transition: transform 0.3s;
}

.vyberte_reseni .block .img_sipka {
    top: 29px;
}

.vyberte_reseni .tabs_b {
    width: 70%;
    height: 76%;
    margin-top: 32px;
}
.vyberte_reseni .tabs_b .tab_b {
    width: 100%;
    background-color: #f3f3f1;
    border-radius: 5px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
    transition: background-color ease 0.3s ;
    cursor: pointer;
}
.vyberte_reseni .tabs_b .text-tbl {
    display: table;
    max-width: 90%;
    height: 75px;
}
.vyberte_reseni .tabs_b .text-tbl .text {
    padding: 19px 19px;
    font-size: 14px;
    font-family: montserrat;
    font-weight: 700;
}

.vyberte_reseni .tabs_b .tab_b:after {
    height: 500px;
}

.vyberte_reseni .tab_b .pod_telo {
    padding: 4px 38px 35px;
    font-size: 14px;
    max-width: 820px;
    line-height: 22px;
    display: none;
}

.vyberte_reseni .slide_navi {
    display: none;
    /*visibility: hidden;*/
    position: absolute;
    background-color: #f2d113;
    width: 100%;
    top: 61px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    padding-bottom: 10px;
    z-index: 1;
    overflow-y: scroll;
    height: 200px;
}

.vyberte_reseni .slide_navi li {
    text-decoration: none;
    padding: 8px;
    padding-left: 35px;
    font-size: 15px;
    list-style: none;
}

.vyberte_reseni .slide_navi li:hover {
    background-color: #f3f3f1;
}

.vyberte_reseni .block_slide {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    background-color: white !important;
    
}

.vyberte_reseni .hr-style {
    width: 70%;
    margin-top: 57px
}

.vyberte_reseni .block_slide .slide_navi {
   background-color: white !important;
}

.vyberte_reseni .tab_b .pod_img {
    background-image: url(../img/podobrazek.png);
    background-repeat: no-repeat;
    height: 327px;
    margin-top: 17px;
}

.vyberte_reseni .tab_b_white {
    background-color: white !important;
    box-shadow: 0px 0px 34px -18px rgba(189,189,189,1);
}

.vyberte_reseni .tab_b_white .img_sipka, .vyberte_reseni .block_slide .img_sipka {
    transform: rotate(270deg);
    transition: transform 0.3s;
}

.vyberte_reseni .stranky {
    width: 70%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.vyberte_reseni .stranky .bod {
    border: solid #f3f3f1 1px;
    background-color: white;
    border-radius: 65%;
    width: 40px;
    height: 40px;
    text-align: center;
    margin: 28px 4px;
    cursor: pointer;
}

.vyberte_reseni .stranky .bod:active {
    border: solid #f2d113 1px !important;
}

.vyberte_reseni .stranky .bod:focus {
    visibility: hidden;
}


.align {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.napoveda_nahore::after{
    top: 32px;
}

.napoveda_nahore::after, .napoveda_dole::after {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid white;
    content: "";
    display: block;
    position: absolute;
    right: 100%;
}

.napoveda_dole::after{
    top: 80px;
}

.text_hlava {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 66px;
}

.text_hlava .text_popis {
    max-width: 68%;
    font-size: 14px;
    line-height: 25px;
}

.text_hlava .text_b {
    margin-top: 27px;
}

.manualy .nadpis {
    font-size: 30px;
    font-family: ubuntu;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 55px;
}

.manualy {
    max-width: 1320px;
    margin: 0 auto;
    margin-top: 70px;
    margin-bottom: 170px;
}

.manualy .tabimg {
    background-image: url(../img/prst.svg);
    width: 45px;
    height: 45px;
    background-repeat: no-repeat;
	background-color: #f2d113;
    border-radius: 5px;
    background-size: 74%;
    background-position: center;
    position: relative;
    top: 19px;
    right: 12px;
	box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.14);
}

.manualy .tab_c {
    width: 61%;
    background-color: #f3f3f1;
    margin-top: 20px;
    border-radius: 5px;
    display: flex;
    margin-left: 11px;
    transition: .3s;
}

.manualy .tab_c:hover .tabimg {
    background-image: url(../img/stahnout.svg);
    background-color: #f2d113;
    border-radius: 3px;
    background-size: 50%;
    position: relative;
    background-position: center;
    width: 45px;
    height: 45px;
}

.tab_c .imgcarka {
    background-image: url(../img/carka.svg);
    width: 70px;
    height: 5px;
    background-repeat: no-repeat;
    background-size: 60%;
}

.tab_c .a {
    padding: 15px 22px 18px 7px;
    width: 100%;
}

.tab_c .hlavicka {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.hlavicka .nadpis_b {
    font-family: montserrat;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    padding-bottom: 12px;
}

.hlavicka .velikost {
    font-size: 14px;
}

.tab_c .popis_b {
    font-size: 13px;
    line-height: 24px;
    padding-top: 7px;
    max-width: 666px;
}

.block_slide::after {
    width: 100%;
    position: absolute;
    height: 271px;
    content: "";
    box-shadow: 0px 0px 34px -18px rgba(189,189,189,1);
}


.telo-casti {
	margin:0 auto;
	max-width: 1320px;
}

.casti-text {
	position: relative;
	margin-top: 120px;
	margin-bottom: 70px;
}

.casti-text p {
	color: #242A38;
	width: calc(100% - 330px);
	font-size: 15px;
	line-height: 27px;
}

.demo-pristup {
	height: 160px;
	width: 280px;
    background-color: white;
	box-shadow: 0px 0px 30px 1px rgba(0,0,0,0.1);
	border-radius: 5px;
	margin-left: 25px;
    position: absolute;
    right: 0;
    top: 0;
}
	  
.casti-text .flex {
	display: flex;
	justify-content: space-between;
	width: 98%;
}
	  
.demo-pristup .nazev {
	padding: 25px 46px 0px 30px;
    line-height: 30px;
	letter-spacing: 0.3px;
	font-family: 'ubuntu';
    font-weight: 700;
	text-transform: uppercase;
}
	  
.swiper_casti .swiper-wrapper {
	display: flex;
}

 .swiper_casti .swiper-container {
    width: 100%;
	position: relative;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
	max-width: 1320px;
	padding: 0 15px 15px 15px
 }
	
#cenik-popup {
	display: block;
}

#cenik-overlay, #moduly-overlay {
	position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,0.5);
	z-index: 15;
	top: 0;
	left: 0;
	display: none;
}

#cenik-overlay.active {
	display: block;
}

.pozadavek-overlay {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,0.5);
    z-index: 15;
    top: 0;
    left: 0;
	display: none;
}

.demo-pristup::after {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid white;
    content: "";
    display: block;
    position: relative;
    right: 10px;
	bottom: 85px;
}
	  
.demo-pristup .pozadat {
	width: 18px;
    height: 18px;
    position: relative;
    top: 4px;
    margin-left: -3px;
    margin-right: 10px;
}
	  
.demo-pristup .button-pozadat {
	border-radius: 5px;
    color: #cdcdcb;
	border-style: hidden;
    background-color: #242A38;
    padding: 12px 20px 15px 20px;
    position: relative;
	letter-spacing: 0.3px;
    margin-left: 30px;
    top: 12px;
    font-family: 'ubuntu';
    font-weight: 700;
    text-transform: uppercase;
    font-size: 13px;
	transition: .3s;
}

.demo-pristup .button-pozadat:hover {
	color: white;
}
	  
	  .swiper_casti .swiper-pagination {
		  margin-top: 60px;
		  position: relative;
	  }
	  
	  .swiper_casti .swiper-pagination-bullet {
		  margin: 0 5px;
		  

	  }
	  .swiper_casti .tab_horni {
		  padding-left: 33px;
		  padding-right: 30px;
		  padding-top: 30px;
		  padding-bottom: 30px;
		  transition: .3s;
		  margin-top: 0 !important;
		  cursor: pointer;
          border-radius: 5px;
          box-shadow: 0 0 14px 3px rgba(0 0 0 / 9%);
	  }
	  
	  .swiper-pagination-bullet-active {
		  background-color: #242A38 !important;
	  }

    .swiper_casti .swiper-slide {
      	  text-align: left;
      	  font-size: 17px;
      	  background-color: white;
		  border-radius: 5px;
		
      	  height: calc((100% - 30px) / 2);

      /* Center slide text vertically */
		  display: -webkit-box;
		  display: -ms-flexbox;
		  display: -webkit-flex;
		  display: flex;
		  -webkit-box-pack: center;
		  -ms-flex-pack: center;
		  -webkit-justify-content: center;
		  justify-content: center;
		  -webkit-box-align: center;
		  -ms-flex-align: center;
		  -webkit-align-items: center;
		  align-items: center;
		  box-shadow: 0px 0px black;
		    margin-top: 30px !important;
    }
	  
   .swiper_casti .swiper_stin {
	  box-shadow: 0px 0px 30px 1px rgba(0,0,0,0.1);
  }

.telo-casti .casti-flex {
	display: flex;
	margin-bottom: 50px;
}

.telo-casti .casti-flex .block {
	display: flex;
	margin-right: 60px;
	width: 255px;
}

.telo-casti .text {
	margin-left: 15px;
	font-size: 13px;
	line-height: 19px;
	margin-top: 4px;
}

.telo-casti .cislo {
	font-size: 40px;
    color: #f2d113;
    font-family: 'ubuntu';
}

.telo-casti .nadpis {
	font-size: 24px;
    font-family: 'ubuntu';
    font-weight: 700;
    background-color: white;
    position: relative;
    top: 33px;
    width: 155px;
    right: 0px;
    padding: 0 9px;
}

.buttons-casti {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    left: calc(100% - 150px);
    width: 75px;
    background-color: white;
    top: 9px;
    padding: 0 15px;
}

.buttons-casti .button-next, .buttons-casti .button-prev{
	position: relative;
}

.buttons-casti .button-next {
	top: 1px;
}

.casti-reseni .tabs {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding-left: 50px;
    padding-right: 50px;
    max-width: 1320px;
    margin: 68px auto;
}

@media screen and (max-width: 630px) and (min-width: 480px) {
	.swiper_casti .tab_horni {
		height: 170px !important;
	}
}

.casti-reseni .tab_horni {
	height: 130px;
	width: 100%;
}

.tab_horni .nadpis, .popup_show_more .nadpis {
	font-family: 'ubuntu';
    font-weight: 700;
    text-transform: uppercase;
}

.popup_show_more .nadpis {
	font-size: 21px;
}

.popup_show_more .carka_c {
	margin-bottom: 13px;
}

#vyskakovaci_okno_text {
	line-height: 24px;
	font-size: 14px;
}

.casti-reseni {
	margin-bottom: 110px;
	margin-top: 45px;
}

div.kontakty {
    max-width: 1320px;
    margin: 0 auto;
    margin-top: 120px;
	margin-bottom: 400px;
}

.kontakty h1, .kontakty h2 {
    font-family: ubuntu;
    font-weight: 700;
}

.kontakty li {
    /* levy */
    list-style: none;
    margin-top: 8px;
    font-size: 14px;
}

.space {
    display: flex;
    width: 70%;
    justify-content: space-between;
}

.kontakty .nadpis {
    font-family: "opensans";
    font-weight: 700;
    font-size: 15.2px;
    margin-top: 34px;
    letter-spacing: 0.5px;
}

.kontakty li {
    list-style: none;
    margin-top: 8px;
    font-size: 16px;
}

.kontakty .ic {
    margin-top: 3px !important;
    margin-left: 1px;
}

.kontakty .dic {
    margin-left: 1px;
}

.kontakty .id {
    margin-top: 15px !important;
    margin-left: 1px;
}

.kontakt-michal {
    background-image: url(../img/michal.png);
    width: 161px;
    height: 161px;
    background-repeat: no-repeat;
}

.kontakt-michaela {
    background-image: url(../img/michaela.png);
    width: 161px;
    height: 161px;
    background-repeat: no-repeat;
}

.kontakt-kristyna {
    background-image: url(../img/kristyna.png);
    width: 161px;
    height: 161px;
    background-repeat: no-repeat;
}

.kontakt-tyralik {
    background-image: url(../img/tyralik.png);
    width: 161px;
    height: 161px;
    background-repeat: no-repeat;
}

.kontakt-josefus {
    background-image: url(../img/josefus.png);
    width: 161px;
    height: 161px;
    background-repeat: no-repeat;
}

.kontakt-patrik {
    background-image: url(../img/patrik.png);
    width: 161px;
    height: 161px;
    background-repeat: no-repeat;
}

.kontakt-lukas {
    background-image: url(../img/lukas.png);
    width: 161px;
    height: 161px;
    background-repeat: no-repeat;
}

.kontakt-otakar {
    background-image: url(../img/otakar.png);
    width: 161px;
    height: 161px;
    background-repeat: no-repeat;
}

.kontakt-jirka {
    background-image: url(../img/david.png);
    width: 161px;
    height: 161px;
    background-repeat: no-repeat;
}
.kontakt-iveta {
    background-image: url(../img/krackova.png);
    width: 161px;
    height: 161px;
    background-repeat: no-repeat;
}
.kontakt-kamila {
    background-image: url(../img/holubova.png);
    width: 161px;
    height: 161px;
    background-repeat: no-repeat;
}
.kontakt-malerova {
    background-image: url(../img/malerova.png);
    width: 161px;
    height: 161px;
    background-repeat: no-repeat;
}
.kontakt-kohlschreiber {
    background-image: url(../img/kohlschreiber.png);
    width: 161px;
    height: 161px;
    background-repeat: no-repeat;
}
.kontakt-roubal {
    background-image: url(../img/roubal.png);
    width: 161px;
    height: 161px;
    background-repeat: no-repeat;
}

.kontakt-geyer {
    background-image: url(../img/geyer.png);
    width: 161px;
    height: 161px;
    background-repeat: no-repeat;
}

.kontakt-bamhor {
    background-image: url(../img/bamhor.png);
    width: 161px;
    height: 161px;
    background-repeat: no-repeat;
}

.kontakt-svojanovsky {
    background-image: url(../img/svojanovsky.png);
    width: 161px;
    height: 161px;
    background-repeat: no-repeat;
}

.kontakt-tp {
    background-image: url(../img/tp.png);
    width: 161px;
    height: 161px;
    background-repeat: no-repeat;
}

.kontakty .tel {
    margin-top: 17px !important;
    background-image: url(../img/li-tel.svg) !important;
    padding-left: 30px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 19px;
    font-size: 14.3px;
    margin-left: 1px;
    transition: .3s;
}

 .tym-kontakty {
    width: 80%;
}
/*.tym-kontakty .flex {
    display: flex;
}*/
 .flex {
    display: flex;
}

.email {
    background-image: url(../img/email-li.svg) !important;
    padding-left: 30px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 19px;
    font-size: 14.3px;
    margin-left: 1px;
}

.text-podpora {
    display: flex;
}


.podpora {
    display: flex;
    width: 79%;
}

.kontakty .tech-podpora {
    position: relative;
    width: 690px;
    background-color: #efece7;
    margin-top: 35px;
    padding-top: 27px;
    padding-right: 29px;
    padding-bottom: 31px;
    padding-left: 30px;
    border-radius: 5px;
    transition: .3s;
}
.tech-podpora .text-podpora {
    position: absolute;
    bottom: 17px;
}
.kontakty .nadpis-b {
    font-family: ubuntu;
    font-weight: 700;
    font-size: 28px;
}

.tech-podpora .text-b {
    margin-top: 10px;
    font-size: 16px;
    letter-spacing: 0.5px;
}

.tech-podpora .casy {
    margin-top: 8px;
}

.h1 {
    font-size: 32px;
    font-family: ubuntu;
    font-weight: 700;
}

.tech-podpora .tel-block {
    background-color: #242b38;
    margin-top: 5px;
    border-radius: 5px;
    display: flex;
    color: #cdcdcb;
    padding: 9px 30px 9px 30px;
    font-family: 'ubuntu';
    transition: .3s;
}

.tech-podpora .tel-block:hover, .tech-podpora .tel-block:hover .tel-cislo {
    color: white;
    transition: 0.3s;
}

.tel-block .headset {
    background-image: url(../img/headset.svg);
    background-size: 77%;
    width: 34px;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 6px;
}

.tel-block .text-block {
    color: #cdcdcb;
    margin-top: 8px;
    margin-left: 4px;
    transition: .3s;
}

.tel-block .tel-cislo {
    color: #cdcdcb;
    margin-top: 8px;
    margin-left: 6px;
    font-family: ubuntu;
    font-weight: 700;
    letter-spacing: 1px;
    transition: .3s;
}

.sms {
    position: relative;
    width: 690px;
    background-color: #efece7;
    margin-top: 35px;
    margin-left: 23px;
    padding-top: 31px;
    padding-right: 29px;
    padding-bottom: 31px;
    padding-left: 30px;
    border-radius: 5px;
    display: flex;
    transition: .3s;
}

.sms .tel-img {
    width: 35%;
    height: 100%;
}
.sms .mobil {
    padding-bottom: 30px;
}

.tel-img img {
    position: absolute;
    bottom: 0;
    left: 15px;
}

.sms .text-b {
    margin-top: 6px;
    font-family: montserrat;
    font-weight: 700;
    margin-left: 1px;
}

.sms .casy {
    margin-top: 7px;
    display: flex;
}

.sms .tel-block {
    background-color: #242A38;
    color: #cdcdcb;
    margin-top: 5px;
    border-radius: 5px;
    display: inline-block;
    padding: 9px 30px 9px 30px;
    font-family: 'ubuntu';
    transition: .3s;
}
.tel-cislo-b {
    position: absolute;
    bottom: 17px;
}
.tech-podpora .headset {
    padding-bottom: 26px;
}
.tel-block .mobil {
    background-image: url(../img/telefon.svg);
    background-size: 42%;
    width: 34px;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 4px;
}

.tel-block .tel-cislo-b {
    position: absolute;
    bottom: 17px;
    color: #cdcdcb;
    margin-top: 8px;
    margin-left: -2px;
    font-family: ubuntu;
    font-weight: 700;
    letter-spacing: 1px;
    transition: .3s;
}

.tel-block:hover {
    color: white;
    transition: .3s;
}

.kontakty .mapa {
    background-color: #242A38;
    color: #cdcdcb;
    position: relative;
    left: 279px;
    top: -144px;
    padding: 13px 23px;
    border-radius: 5px;
    font-family: ubuntu;
    font-size: 17px;
    letter-spacing: 0.8px;
    transition: .3s;
}

.kontakty .mapa:hover {
    color: white;
    transition: .3s;
}

.kontakty .tym-block {
    width: 100%;
    height: 165px;
    margin-top: 46px;
    display: flex;
}

.kontakty .tym-block .img-block {
    height: 100%;
    width: 32.5%;
}

.kontakty .kancelar {
    width: 390px;
}

.kontakty .tym-block .text-block {
    padding-top: 33px;
    margin-left: 174px;
    position: absolute;
    padding-left: 10px;
}

.kontakty .tym-block .img-block img {
    position: relative;
    top: 3px;
    left: 3px;
}

.kontakty .jmeno {
    font-family: montserrat;
    font-weight: 700;
}

.kontakty .pozice {
    margin-top: 7px;
    font-size: 14px;
}

.kontakty .tel-cislo-c {
    margin-top: 11px;
    font-size: 15px;
    background-image: url(../img/li-tel.svg) !important;
    padding-left: 30px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 19px;
    margin-left: -5px;
    letter-spacing: -0.3px;
    transition: .3s;
}

.kontakty .email {
    margin-top: 6px;
    font-size: 15px;
    background-image: url(../img/email-li.svg) !important;
    padding-left: 30px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 21px;
    margin-left: -5px;
    letter-spacing: -0.4px;
    transition: .3s;
}

.kontakty .vyvoj {
    margin-top: 71px;
    text-transform: uppercase;
    font-family: ubuntu;
    font-weight: 700;
    font-size: 20.2px;
}

.email-parent:hover .email {
    margin-left: 10px !important;
    transition: .3s;
}

.tel-parent:hover .tel, .tel-parent:hover .tel-cislo-c{
    margin-left: 10px !important;
    transition: .3s;
}
.center-onas {
    width: 100%;
    margin-bottom: 200px;
    margin-top: 120px;
}

span.strong {
    font-family: ubuntu;
    font-weight: 700;
}

.center-onas .onas-popis {
    font-family: ubuntu;
    line-height: 30px;
	max-width: 1320px;
    margin: 0 auto;
}

.onas-popis h1 {
    font-family: ubuntu;
    font-weight: 700;
	margin-bottom: 20px;
}
.onas-popis h2, .casti-text h2 {
    margin-top: 30px;
}

.onas-popis p, .casti-text p {
    color: #242A38 !important;   
    margin-top: 10px;
    /*margin-left: 10px;*/
    font-size: 15px;
    line-height: 27px;
}

li {
    font-size: 15px;
}

ul {
    padding-left: 30px;
    padding-top: 16px;
    line-height: 26px;
}

ol {
    padding-left: 30px;
    padding-top: 16px;
    line-height: 26px;
}

.onas-popis ul, .casti-text ul {
    margin-left: 45px;
}

.onas {
    position: relative;
    overflow: hidden;
}
.cenik {
	box-sizing: border-box;
}
.clearfix:after{
	content: "";
	display: block;
	clear: both;
}
.btn, .btn-moduly {
	float: right;
	height: 45px;
	padding: 0 25px;
	border: 0;
	border-radius: 23px;
	line-height: 45px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 600;
	font-size: 13px;
	margin-right: 50px;
	color: white;
	background-color: #242b38;
	font-family: ubuntu;
    font-weight: 700;
}

#main-nav ul li:nth-of-type(3) a:after{
    transform: scaleX(1);
}

#vyber-modulu{
	width: 100%;
	max-width: 600px;
	max-height: calc(100% - 100px);
	overflow: scroll;
	padding: 30px;
	background-color: white;
}
	#vyber-modulu input[type="checkbox"]{
		cursor: pointer;	
	}
	#vyber-modulu label{
		cursor: pointer;
	}
	#vyber-modulu #module-list{
		padding-top: 10px;
	}
	#vyber-modulu .modul{
		float: left;
		position: relative;
		margin-right: 20px;
		margin-bottom: 20px;
		padding: 0 10px;
		padding-left: 50px;
		border: 1px solid rgb(220,220,220);
		border-radius: 5px;
		line-height: 48px;
		white-space: nowrap;
		color: white;
		background: #f2d113;
		cursor: pointer;
	}
	#vyber-modulu #module-list{
		clear: both;	
	}
	#vyber-modulu #module-list .modul{
		color: black;
		background-color: #e9edf0;
	}
	#vyber-modulu .modul .check{
		height: 22px;
		width: 22px;
		position: absolute;
		top: 50%;
		left: 10px;
		transform: translateY(-50%);
		border: 3px solid #fff;
		outline: 1px solid #d2d2d2;
		background-color: #f6f7f8;
}
	#vyber-modulu .modul.active .check{
		background-size: contain;
		background-repeat: no-repeat;
		background-image: url(../img/check-sign.svg);
	}

#zadani{
	width: 100%;
	max-width: 1340px;
	margin: 0 auto;
	padding: 50px 30px;
}
	#zadani h2{
		font-weight: bold;
		font-size: 24px;
	}
	#zadani #vyber-casti{
		padding: 40px 0;	
	}
		#zadani #vyber-casti button{
			float: left;
			margin: 15px 30px 15px 0;
			padding: 0 15px;
			border: 1px solid rgb(220,220,220);
			border-radius: 5px;
			line-height: 48px;
			white-space: nowrap;
			background: 0;
			cursor: pointer;	
		}
			#zadani #vyber-casti button .plus{
				display: inline-block;
				position: relative;
				vertical-align: middle;
				margin-right: 20px;
				height: 14px;
				width: 14px;
			}
				#zadani #vyber-casti button .plus span{
					background: black;
					position: absolute;
					top: calc(50% - 1px);
					height: 2px;
					width: 14px;
				}
				#zadani #vyber-casti button .plus span:last-of-type{
					transform: rotate(90deg);
				}
				#zadani #vyber-casti button.active .plus span:last-of-type{
					display: none;
				}
			#zadani #vyber-casti button .nazev{
				vertical-align: middle;
				letter-spacing: 3px;
				font-weight: 500;
				font-size: 16px;
				font-family: ubuntu;
                font-weight: 700;
			}
			#zadani #vyber-casti button.active .nazev{
				color: #f2d113;
			}
			
	#zadani #cannot-compute{
		display: none;
		padding: 20px 5px;
		border: 2px solid red;
		margin-right: 20px;
		border-radius: 5px;
	}

	#cannot-compute p {
		color: #242A38;
		font-family: ubuntu;
        font-weight: 700;
	}
	
	#zadani #cannot-compute.active{
		display: block;
	}
			
	#zadani #zadej-detaily{
		padding: 40px 0;
		word-spacing: -0.3em;
		text-align: center;
	}
		#zadej-detaily .cast{
			display: none;
			float: left;
			width: calc(50% - 20px);
			min-width: 300px;
			position: relative;
			margin-bottom: 20px;
			margin-right: 20px;
			padding: 0 50px 20px 100px;
			border-radius: 5px;
			background: #f3f3f1;
			word-spacing: initial;
			text-align: left;
		}
		@media all and (max-width: 1100px){
			#zadej-detaily .cast{
				padding-left: 80px;
			}	
		}
		@media all and (max-width: 699px){
			#zadej-detaily .cast{
				width: 100%;
			}	
		}
		#zadej-detaily .cast.active{
			display: inline-block;
		}
			#zadej-detaily .cast header{
				height: 100px;	
			}
				#zadej-detaily .cast header .img{
					height: 45px;
					width: 45px;
					position: absolute;
					top: 35px;
					left: 30px;
				}

				.obrazek-moduly {
					width: 45px;
					height: 45px;
					background-repeat: no-repeat;
					background-size: 68%;
					background-color: #f2d113;
					background-position: center;
					border-radius: 5px;
				}				

				#zadej-detaily .cast header .img img{
					position: absolute;
					top: 10%;
				}
				#organizacni-cast header .img{
					background-color: rgb(246,176,9);
				}
				
				#zadej-detaily .cast header h3{
					width: calc(100% - 200px);
					position: absolute;
					top: 60px;
					left: 100px;
					transform: translateY(-50%);	
				}
				@media all and (max-width: 1100px){
					#zadej-detaily .cast header .img{
						left: 10px;
					}
					#zadej-detaily .cast header h3{
						left: 80px;
					}
				}
				#zadej-detaily .cast header .check-sign{
					height: 30px;
					width: 30px;
					position: absolute;
					top: 60px;
					right: 50px;
					transform: translate(50%, -50%);
					background-size: contain;
					background-repeat: no-repeat;
					background-image: url(../img/cross-sign.svg);
				}
				#zadej-detaily .cast.complete header .check-sign{
					background-image: url(../img/check-sign.svg);
				}
			#zadej-detaily .cast .inputs{
				height: 140px;
			}
				#zadej-detaily .cast .input{
					float: left;
					height: 70px;
					width: calc(50% - 10px);
					min-width: 180px;
				}
				#zadej-detaily .cast .inputs button{
					height: 40px;
					width: 100%;
					border: 1px solid rgb(220,220,220);
					border-radius: 5px;
					transition: background .4s ease;
					background-color: #fff;
				}
				#zadej-detaily .cast .inputs button:hover{
					background-color: #e9edf0;
				}
				#zadej-detaily .cast .inputs button:active{
					background: rgb(222,226,228);
				}
				#zadej-detaily .cast .input:first-of-type{
					margin-right: 20px;
				}
					#zadej-detaily .cast .input label{
						display: block;
						line-height: 30px;
						font-weight: 300;
						color: rgb(79,99,126);
					}
					#zadej-detaily .cast .input label.has-img{
						position: relative;
						padding-left: 30px;	
					}
					#zadej-detaily .cast .input label img{
						display: block;
						height: 24px;
						position: absolute;
						top: 1px;
						left: 0;
					}
					#zadej-detaily .cast .input input{
						height: 40px;
						width: 100%;
						text-align: center;
						border: 1px solid rgb(220,220,220);
						border-radius: 5px;
					}
	#zadani > button img{
		height: 26px;
		position: relative;
		top: -2px;
		margin-right: 10px;
		vertical-align: middle;
	}

#vysledek{
	padding: 80px 0;
	border-bottom: 1px solid rgb(43,51,68);
	background: #242b38;
	position: relative;
	overflow: hidden;
	max-width: 1920px;
    margin: 0 auto;
}
	#vysledek .wrapper{
		width: 100%;
		max-width: 1340px;
		margin: auto auto;	
	}
	#vysledek h2{
		text-transform: uppercase;
		letter-spacing: 1px;
		font-weight: 600;
		font-size: 30px;
		color: white;
		padding-left: 20px;
		font-family: ubuntu;
        font-weight: 700;
	}
	#vysledek table{
		width: 100%;
		margin-bottom: 50px;
	}
		#vysledek tbody tr{
			display: none;	
		}
		#vysledek tbody tr.active{
			display: table-row;	
		}

		#vysledek td, #vysledek th {
			line-height: 24px;
			padding: 13px 20px;
			font-weight: 300;
			color: rgb(97,117,143);
			text-align: left;
		}

		#vysledek tbody tr:nth-of-type(odd) {
			background-color: rgb(33,39,51);
		}

		table.casti span {
			color: rgb(97,117,143) !important;
		}

		/* #vysledek tbody tr:nth-of-type(odd){
			background-color: rgb(33,39,51);
		} */
		
			#vysledek td:first-of-type, #vysledek th:first-of-type{
				width: 50%;
			}
			#vysledek td:first-of-type a{
				text-decoration: underline;
				font-weight: 500;
				color: rgb(97,117,143);
			}
			/*#organizacni-cast-vysledek .cena-mesic img,
			#webove-stranky-vysledek .cena-mesic img{
				height: 24px;
				position: relative;
				top: -2px;
				vertical-align: middle;	
			}*/
			#vysledek .cena-mesic img{
				height: 24px;
				position: relative;
				top: -2px;
				vertical-align: middle;	
			}
			
			/*#organizacni-cast-vysledek .cena-mesic:not(.discount) span:last-of-type,
			#webove-stranky-vysledek .cena-mesic:not(.discount) span:last-of-type{
				display: none;
			}*/
			#vysledek .cena-mesic:not(.discount) span:last-of-type{
				display: none;
			}
			
			/*#organizacni-cast-vysledek .cena-mesic.discount span:first-of-type,
			#webove-stranky-vysledek .cena-mesic.discount span:first-of-type{
				text-decoration: line-through;
			}*/
			#vysledek .cena-mesic.discount span:first-of-type{
				text-decoration: line-through;
			}
			
	#vysledek .pozn{
		float: left;
		width: 50%;
		padding-bottom: 10px;
		padding-left: 20px;
		line-height: 26px;
		color: rgb(97,117,143);
	}
	@media all and (max-width: 640px){
		#vysledek .pozn{
			width: 90%;
		}	
	}
	#vysledek .cena-celkem{
		width: auto;
		float: right;
		font-weight: 600;
		font-size: 21px;
		color: white;
		margin-right: 50px;
	}
	#vysledek .cena-celkem span{
		display: inline-block;
		vertical-align: middle;
		line-height: 40px;
		color: #99a1b0;
	}
	#vysledek .cena-celkem .output{
		margin-left: 15px;
		font-weight: 500;
		font-size: 40px;
		color: #f2d113;
	}
	#vysledek .btn{
		clear: right;
    	float: right;
    	margin-top: 50px;
    	width: 230px;
    	background-color: #f2d113;
    	color: #242b38;
    	padding-left: 51px;
    	list-style: none;
    	background-image: url(../img/vector_cerny.svg);
    	background-repeat: no-repeat;
    	background-position-x: 13px;
    	background-position-y: center;
    	background-size: 25px;
    	transition: 0.3s;
	}


.info_panel{
	display: none;
}

#zadani, #zadani * {
	box-sizing: border-box;
}

h3 {
	font-family: ubuntu;
    font-weight: 700;
    padding-top: 30px;
}

.pata_cenik {
	margin: 0 auto;
    max-width: 1320px;
    width: 100%;
}


@media screen and (max-width: 321px) {
	.demo-pristup {
		left: 42.5% !important;
	}
}

@media screen and (max-width: 480px) {
    .popup h3 {
        font-size: 20px;
    }
	
	.telo-casti .casti-flex {
		width: 165px;
		margin: 0 auto;
	}
	
	.casti-text {
		margin-bottom: 50px;
	}

    .btn {
        margin-right: 10px;
    }
	
	.home {
		height: 500px !important;
	}
	
	.casti-text p {
		margin-left: 20px;
		width: 90%;
		font-size: 12px;
	}
	
	.casti-flex, .casti-flex .block {
		display: block !important;
		text-align: center;
	}
	
	
	.telo-casti .casti-flex .block {
		 width: 165px;
	}
	
	.telo-casti .casti-flex .block_spodni {
		margin-top: 40px;
	} 
	
	.buttons-casti {
		left: calc(100% - 115px);
	}
	
	.telo-casti .nadpis {
		right: -10px;
		margin-top: 50px;
	}
	
	.telo-casti .text {
		margin-left: 0;
	}
	
	.casti-text h1 {
		font-size: 24px;
    	margin-left: 20px;
	}
	
	.demo-pristup {
		top: 342px;
		left: 44%;
	}
	
	.swiper-text {
		margin-left: 30px;
		margin-top: 25px;
	}
	
	.vyberte_reseni .nadpis {
		margin-top: 30px;
	}
	.vyberte_reseni .hr-style {
		margin-top: 40px;
	}
	
	div.tel {
		top: 440px;
	}
	
	.demo .text_b {
		max-width: 85% !important;
	}
	
	.center-align {
		margin-left: 0 !important;
	}

    .popup .close {
        height: 25px;
        width: 25px;
    }
    .btn_radius {
        margin: 25px 123px 0;
    }

    .popup p {
        font-size: 10px;
    }

    .popup input[type="text"].col-2:nth-of-type(2) {
        float: unset;
    }

    .popup input[type="text"].col-2 {
        width: 294px;
        margin: 5px 0;
    }

    .popup input[type="text"], .popup input[type="email"], .popup input[type="number"], .popup textarea {
        width: 294px;
        margin: 5px 0;
    }
    
    .popup {
        width: 70%;
        padding: 20px 35px 30px !important;
    }

    .btn_radius {
        line-height: 36px;
        font-size: 10px;
        padding: 0 14px;
    }

    .popup form {
        font-size: 12px;
    }

    .popup textarea {
        height: 90px;
    }

    form input[type="checkbox"] {
        position: relative;
        top: 3px;
        width: 13px;
        height: 14px;
    }

    img.logo {
        width: 206px;
        margin-left: 20px;
    }

    .nav {
        height: 75px !important;
    }

    .pata .pata_nav {
        text-align: center;
        padding-left: 10px !important;
        padding-right: 10px;
    }

    div.pata_nav a {
        font-size: 12px !important;
    }

    div.copy {
        font-size: 10px;
        padding-left: 20px !important;
    }

    .hidden-menu span {
        width: 29px;
        height: 3px;
        margin-bottom: 5px;
        margin-right: -10px;
    }

    .telo .tabs .tab_dolni, .telo .tabs .tab_horni, .tab_horni_b, .tab_dolni_b, .tab_horni_c {
        width: 100% !important;
    }

    .reseni .telo .popis_c, .reseni .telo .nazev {
        padding-left: 30px;
        padding-right: 30px;
    }

    .center-onas .onas-popis {
        margin: 0px 30px !important;
    }

    .head, .kontakty, .manualy, .text_hlava, .vyhledavani, .vyberte_reseni {
        margin-left: 30px !important;
        margin-right: 30px !important;
    }

    .hidden-menu input:checked ~ span:nth-last-child(2) {
        transform: rotate(-45deg) translate(0, -9px);
    }

    .hidden-menu input:checked ~ span {
        transform: rotate(45deg) translate(10px, 18px);
    }

    .napoveda {
        top: 270px !important;
        margin-left: 30px !important;
    }

    .checkbox {
        width: 33px;
        height: 30px;
        right: 32px;
        top: 24px;
    }

    .mac {
        width: auto !important;
    }

    .jednotlive .prvni, .jednotlive .druha, .jednotlive .treti, .jednotlive .ctvrta {
        padding: 0 !important;
        margin: 14px auto !important;
    }

    .pata_spod {
        margin-top: 30px !important;
    }

    .pata_nav a {
        line-height: 30px !important;
    }

    .pata .copy {
        margin: 0 auto !important;
		padding: 15px 0 0 !important;
    }

    .hr_b {
        top: 4px !important;
    }

    .jednotlive .ctvrta {
        margin-left: 0 !important;
        /* margin-top: 14px !important; */
    }
    
    div.home div.text, .onas .head {
        margin: 60px auto 0 auto !important;
        width: 100%;
        max-width: 300px;
        margin-top: 30px;
        text-align: center;
    }

    .onas .head {
        padding-top: 0;
        padding-left: 0 !important;
    }

    .onas {
        height: 240px !important;
    }

    div.text div.nadpis, .onas .nadpis, div.text_b .nadpis, .reseni .telo .nazev, div.aktualne .nadpis {
        font-size: 27px;
    }

    div.popis, .demo .text_b .popis, .reseni .telo .popis_c, div.aktualne .popis {
        font-size: 12px;
    }

    .reseni .telo {
        padding-top: 50px !important;
    }

    .swiper-slide .telo {
        margin-top: 24px;
    }

    .reseni .tabs {
        margin: 30px auto !important;
    }

    .text .vice {
        margin-left: 27px;
        position: relative !important;
        top: 30px;
        font-size: 12px !important;
    }

    div.tel {
        font-size: 14px;
        width: 325px;
        left:50% !important;
		transform: translate(-50%, 0);
        float: none;
    }

    img.homeimg {
        height: 480px;
    }

    .aktualne {
        height: 540px;
    }

    .buttons {
        top: 425px;
		float: right;
		margin-right: 30px
    }
	
	.aktualne .swiper {
		margin: 0 !important; 
	}
	
	.zobrazit_vse {
		margin-top: 40px;
	}
	
	
	.home-buttons .button-prev {
		margin-right: 30px;
	}

    .demo .text_b {
        margin-top: -175px !important;
    }

    hr.hr {
        margin: 0;
    }
}

@media screen and (max-width: 450px) {
    .vyberte_reseni .navi .block .text_l, .navi .block .text {
        line-height: 0;
    }

    .btn_radius {
        margin: 25px 89px 0;
    }
	
	 .buttons {
        top: 385px;
    }
	
	#zadej-detaily .cast header .img {
		top: 15px;
	}
	

    .popup input[type="text"].col-2 {
        width: 226px;
        margin: 5px 0;
    }

    .popup input[type="text"], .popup input[type="email"], .popup input[type="number"], .popup textarea {
        width: 226px;
        margin: 5px 0;
    }
	
	a.logo {
		width: unset;
	}

    button.zaslat {
        padding-left: 24px;
    }

    .navigace .nazev {
        font-size: 18px;
    }

    .navigace ul {
        line-height: 26px;
        font-size: 12px;
    }

    span.cesta {
        line-height: 29px;
    }

    .pata .bar {
        height: 50px !important;
        width: 190px !important;
    }

    .vyberte_reseni .navi .block {
        height: 50px;
    }

    .vyberte_reseni .block .img_sipka {
        top: 20px;
    }

    .reseni .tabs {
        padding: 0 30px !important;
    }

    .vyhledavani .nadpis {
        margin-top: 150px !important;
    }

    .swiper-slide {
        height: 174px;
		box-shadow: 0px 0px 40px 1px rgba(0,0,0,0.1);
    }

    .aktualne .img, .aktualne .img_b {
        width: 0;
    }

    .center-onas .onas-popis {
        line-height: 22px;
        font-size: 14px;
    }

    .vyhledavani .nadpis, .vyberte_reseni .nadpis, .manualy .nadpis {
        font-size: 20px;
    }
    
    .navi .block .text_l div, .navi .block .text, .vyberte_reseni .tabs_b .text-tbl .text,
    .vyberte_reseni .tab_b .pod_telo, .vyberte_reseni .slide_navi li, .napoveda .text,
    .text_hlava .text_popis, .hlavicka .nadpis_b, .tab_c .popis_b, .hlavicka .velikost {
        font-size: 10px;
    }

    .search_box {
        height: 50px;
    }

    .vyberte_reseni .stranky .bod {
        width: 30px;
        height: 30px;
    }

    .knihaimg, .helpimg {
        background-size: 60%;
    }

    .napoveda .druha {
        margin-top: 0 !important;
    }

    .napoveda {
        height: 57px !important;
        padding: 20px 28px;
    }

    .napoveda_nahore::after {
        top: 22px;
    }

    .napoveda_dole::after {
        top: 55px;
    }

    .manualy .tabimg {
        background-size: 35px;
        width: 35px;
        height: 35px;
    }

    .manualy .tab_c:hover .tabimg {
        background-size: 17px;
        width: 35px;
        height: 35px;
    }

    .hlavicka .nadpis_b {
        padding-bottom: 5px;
    }

    .tab_c .popis_b {
        line-height: 18px;
        padding-top: 4px;
    }

    .text_hlava {
        margin-top: 150px !important;
    }


    .h1 {
        font-size: 20px;
    }

    .kontakty .nadpis {
        font-size: 13px;
        margin-top: 10px;
    }

    .kontakty li {
        font-size: 10px;
    }

    .kontakty .tel, .kontakty .email, .kontakty .tel-cislo-c {
        font-size: 12px;
        background-size: 14px;
        padding-left: 25px;
    }

    .kontakty .mapa {
        padding: 8px 12px;
        font-size: 12px;
        left: 160px !important;
    }

    .kontakty .nadpis-b {
        font-size: 14px;
    }

    .sms .text-b {
        font-size: 10px;
    }

    .sms .casy {
        font-size: 10px;
        display: flex !important;
    }

    .tech-podpora .text-b {
        font-size: 10px;
        margin-top: 10px;
    }

    .tech-podpora .casy {
        font-size: 10px;
        margin-top: 8px;
    }

    .tel-block .tel-cislo {
        font-size: 10px;
        margin-top: 9px;
    }

    .tel-block .text-block, .tel-block .tel-cislo-b {
        font-size: 10px;
    }

    .tel-block .tel-cislo-b {
        margin-top: 9px;
    }

    .tel-block .headset {
        background-size: 50%;
    }

    .tel-block .mobil {
        background-size: 28%;
    }
    .sms .tel-block, .tech-podpora .tel-block {
        font-size: 10px;
    }


    .kontakty .tech-podpora {
        height: 93px;
        width: 240px !important;
        padding-top: 10px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .sms, .tech-podpora {
        width: 240px !important;
    }

    .sms {
        padding-top: 10px;
        padding-right: 20px;
        padding-bottom: 20px;
        padding-left: 20px;
        height: 94px;
        width: 240px;
    }
    .kontakt-michal, .kontakt-michaela, .kontakt-kristyna, .kontakt-tyralik,
    .kontakt-josefus, .kontakt-patrik, .kontakt-lukas, .kontakt-otakar, .kontakt-jirka, .kontakt-kamila, .kontakt-malerova, .kontakt-roubal, .kontakt-iveta, .kontakt-geyer {
        background-size: 60%;
        background-position: left;
    }

    .kontakty .tym-block .text-block {
        margin-left: 110px;
    }

    .kontakty .tym-block {
        margin-top: 0;
        width: unset;
    }

    #zadej-detaily .cast header .img img {
        top: -13px;
    }

    #zadej-detaily .cast header h3 {
        top: 40px;
        font-size: 14px;
    }

    #zadej-detaily .cast header .check-sign {
        top: 40px;
        width: 20px;
        height: 20px;
    }

    #zadej-detaily .cast .input label {
        font-size: 12px;
    }

    #zadej-detaily .cast .input label img {
        height: 17px;
        top: 6px;
    }

    #zadej-detaily .cast .inputs button {
        height: 30px;
    }

    button, input, optgroup, select, textarea {
        font-size: 80%;
    }

    #zadej-detaily .cast header {
        height: 65px;
    }

    #zadej-detaily .cast .input input {
        height: 30px;
    }

    #zadej-detaily .cast .input {
        height: unset;
    }

    #zadej-detaily .cast .inputs {
        height: unset;
    }

    #zadani #vyber-casti button {
        margin: 15px 30px 0px 0;
        line-height: 34px;
    }

    #zadani #vyber-casti button .nazev {
        font-size: 11px;
        letter-spacing: 2px;
    }

    #zadani h2 {
        font-size: 20px;
    }

    .btn, .btn-moduly {
        height: 35px;
        padding: 0 15px;
        line-height: 25px;
        font-size: 10px;
    }

    .btn-moduly {
        float: unset;
        margin: 0;
    }
    
    #zadani > button img {
        height: 20px;
    }

    #vysledek .btn {
        width: 195px;
    }

    #vyber-modulu {
        width: 85%;
        height: 85%;
        padding: 30px 15px;
    }

    #vyber-modulu .modul {
        margin-right: 10px;
        margin-bottom: 15px;
        padding-left: 40px;
        line-height: 38px;
    }

    #vyber-modulu .modul .check {
        height: 15px;
        width: 15px;
    }

    #zadani #cannot-compute {
        padding: 10px 5px;
        font-size: 14px;
    }

    #vysledek {
        padding: 40px 0;
    }

    #vysledek h2 {
        font-size: 20px;
        margin-left: 20px;
    }

    #vysledek td, #vysledek th {
        font-size: 12px;
    }

    #vysledek .wrapper {
        padding: 0;
    }

    #vysledek .pozn, #vysledek .cena-celkem {
        margin: 0 20px;
    }

    #vysledek .pozn {
        font-size: 10px;
    }

    #vysledek .cena-celkem .output {
        font-size: 22px;
    }

    #vysledek .cena-celkem span {
        font-size: 17px;
    }

    #vysledek table {
        margin-bottom: 10px;
    }

    #vysledek .btn {
        margin-top: 20px;
    }

    .kontakty .jmeno {
        font-size: 14px;
    }

    .kontakty .pozice {
        font-size: 13px;
    }

    .demo .text_b {
        margin-top: -275px !important;
    }
}

@media screen and (max-width: 360px) {
    .popup input[type="text"].col-2 {
        width: 210px;
        margin: 5px 0;
    }
	


    .btn_radius {
        margin: 25px 81px 0;
    }

    .popup input[type="text"], .popup input[type="email"], .popup input[type="number"], .popup textarea {
        width: 210px;
        margin: 5px 0;
    }
}

@media screen and (max-width: 320px) {
    div.tel {
        width: 306px;
        left: -3px;
        height: 30px;
        padding-top: 12px;
    }

	.buttons {
		top: 355px;
	}
	
    .popup input[type="text"], .popup input[type="email"], .popup input[type="number"], .popup textarea {
        width: 182px;
    }

    .popup input[type="text"].col-2 {
        width: 182px;
    }

    .aktualne .nadpis_b {
        font-size: 11px;
    }

    .aktualne .popis_b {
        font-size: 10px;
    }

    .swiper-slide .telo {
        margin-left: 23px;
        margin-right: 23px;
    }

    .aktualne .nadpis_b, .aktualne .popis_b {
        line-height: 14px !important;
    }

    #zadani #vyber-casti button {
        padding: 0 5px;
    }
    #zadani {
        padding: 50px 20px;
    }

    #zadej-detaily .cast {
        min-width: unset;
    }

    #zadej-detaily .cast {
        padding-left: 50px;
    }

    #vysledek td, #vysledek th {
        padding: 13px 16px;
    }

    .kontakty .tym-block .text-block {
        margin-left: 0;
        padding-top: 143px;
        width: 208px;
        text-align: center;
    }

    .kontakty .tym-block {
        margin-bottom: 90px;
        margin-left: 35px;
        
    }
    
    .kontakt-michal, .kontakt-michaela, .kontakt-kristyna, .kontakt-tyralik, .kontakt-josefus, .kontakt-patrik, .kontakt-lukas, .kontakt-otakar, .kontakt-jirka, .kontakt-kamila, .kontakt-malerova, .kontakt-roubal, .kontakt-iveta, .kontakt-geyer {
        background-position: center;
        position: relative;
        left: 20px;
    }

    .kontakty .tel, .kontakty .email, .kontakty .tel-cislo-c {
        padding-left: 18px;
    }

    .kontakty .tel-cislo-c {
        background-position: 35px;
    }

    .kontakty .vyvoj {
        margin-top: 150px;
    }

    div.text div.nadpis, .onas .nadpis, div.text_b .nadpis, .reseni .telo .nazev, div.aktualne .nadpis {
        font-size: 20px;
    }

    img.gdpr {
        height: 15px;
    }

    div.popis, .demo .text_b .popis, .reseni .telo .popis_c, div.aktualne .popis {
        font-size: 10px;
        line-height: 17px;
    }

    a.demo {
        font-size: 10px;
    }

    .aktualne .swiper {
        height: 168px !important;
    }

    img.homeimg {
        height: 420px;
    }
}

@media screen and (max-width: 1380px) {
    .hidden-menu {
        display: block;
    }
}

@media screen and (max-width: 900px) and (min-width: 480px) {
	.home .nadpis, .home .popis, .onas .head {
		max-width: 90% !important;
	}
	
	.swiper_casti .swiper-container {
		width: 87.5%;
	}
}

@media screen and (max-width: 479px) {
	.swiper_casti .swiper-container {
		width: 81%;
	}
}

@media screen and (max-width: 1219px) {
    div.demo {
        position: relative;
        display: block !important;
        padding-top: 50px;
    }

    div.mac {
        margin-top: 83px;
        background-image: url(../img/macbook.png);
        width: 610px;
        height: 500px;
        background-repeat: no-repeat;
        position: relative;
        max-width: 1320px;
        margin: 0 auto !important;
    }

    .demo .text_b {
        text-align: -webkit-center;
        position: relative;
        max-width: 1320px;
        margin: 0 auto;
		margin-left: auto !important;
    }

    .demo .demo {
        left: 22px;
        max-width: 1320px;
        margin: 0 auto;
        padding: 0;
        position: relative;
        top: 50px;
    }

    hr.hr {
        margin-top: 0;
    }
}

@media screen and (max-width: 1292px) {
    .reseni .tabs {
        padding: 0 90px;
    }

    .telo .tabs .tab_dolni, .telo .tabs .tab_horni, .tab_horni_b, .tab_dolni_b, .tab_horni_c {
        margin-top: 50px !important;
    }
}
@media screen and (max-width: 1425px) and (min-width: 900px) {
	.swiper_casti .swiper-container {
		width: 60%;
	}
}

@media screen and (max-width: 1425px) {
    .buttons {
        max-width: 766px;
        z-index: 5;
    }

    .aktualne .swiper {
        max-width: 633px;
        height: 218px;
        padding: 53px 16px;
        overflow-x: hidden;
        margin: 0 auto;
    }
	
	
	.swiper_casti .swiper-wrapper {
		height: unset;
	}

}

@media screen and (max-width: 1300px) {
    .pata .bar .hr {
        left: 15px;
    }

    .pata .bar {
        margin: 0;
    }


}

@media screen and (max-width: 1150px) {
    .pata .bar {
        width: 940px;
    }



    .pata .bar hr {
        left: 10px;
    }
}


@media screen and (max-width: 1500px) and (min-width: 700px) {
	.center-align, .swiper-text, .popisek, .head, .kontakty, .center-onas .onas-popis, .telo-casti {
		margin-left: 90px !important;
        margin-right: 90px;
	}
	
	.center-onas .onas-popis {
		margin-right: 90px;
	}
}

@media screen and (max-width: 700px) and (min-width: 500px) {
	.center-align, .swiper-text, .popisek, .head, .kontakty, .center-onas .onas-popis, .telo-casti {
		margin-left: 40px !important;
        margin-right: 40px;
	}
	
	.casti-text p {
		width: 100%;
        text-align: justify;
	}
	
	.reseni .telo .nazev, .reseni .telo .popis_c {
		padding-left: 40px !important;
	}
	
	.center-onas .onas-popis {
		margin-right: 40px;
	}
}

@media screen and (max-width: 1500px) {
	
	#flex {
		margin-left: 90px;
		margin-right: 90px;
	}

    .manualy, .text_hlava, .vyhledavani, .vyberte_reseni {
        margin-left: 90px;
    }
	

    .text_hlava {
        margin-top: 150px;
    }

    .napoveda {
        width: 365px;
        height: 26px;
        top: 430px;
        margin-left: 90px;
        display: flex;
    }

    .napoveda .druha {
        margin-top: 0;
        margin-left: 20px;
    }

    .vyhledavani .nadpis {
        margin-top: 135px;
    }
}

@media screen and (max-width: 800px) {
	.popisek {
		margin-left: 30px !important;
		width: calc(100% - 60px);
    	overflow: hidden;
	}
    .swiper-slide {
        width: 100%;
    }
    .swiper-slide .img {
        display: none;
    }
    .swiper-slide .text {
        width: 100%;
    }
}
@media screen and (max-width: 600px) {
    #flex-aktualne {
        width: calc(100% - 40px);
    }
}

@media screen and (max-width: 1000px) {
    .vyhledavani .nadpis {
        margin-top: 135px;
    }

    .popup {
        padding: 50px 65px 40px;
    }
}

@media screen and (max-width: 750px) {
    .aktualne .swiper {
        margin: 0 45px;
    }
}

@media screen and (max-width: 1020px) {
    .vyberte_reseni .hr-style {
        width: 100%;
    }

    .head, .kontakty, .manualy, .text_hlava, .vyhledavani, .vyberte_reseni {
        margin-right: 90px;
    }

    .vyberte_reseni .navi, .search_box, .vyberte_reseni .tabs_b, .vyberte_reseni .stranky {
        width: 100%;
    }
}

@media screen and (max-width: 650px) {
    .bar .prvni, .bar hr {
        display: none;
    }

    .pata .bar {
        width: 220px !important;
        height: 70px;
        margin: 0 auto;
    } 
    
    .bar .zaslat {
        border-radius: 5px;
    }
}

@media screen and (max-width: 545px) {
    .aktualne .nadpis_b, .aktualne .popis_b {
        line-height: 18px;
    }
}

@media screen and (max-width:1050px) {
	div.tel {
		left: calc(100% - 420px);
	}
}

@media screen and (max-width:1450px) and (min-width:1050px) {
	#flex .swiper-slide {
		width: 49%;
	}

}

@media screen and (max-width:1049px) {
	#flex {
		margin: 116px auto 0 auto;
		max-width: 627px;
	}
}

@media screen and (max-width: 720px) {
	#flex {
		width: calc(100% - 95px) !important;
		margin-left: 45px;
	}
}

@media screen and (max-width: 630px) {
	.swiper_casti .tab_horni {
		padding-top: 20px;
		padding-left: 20px;
	    padding-right: 20px;
	}
	
	.swiper_casti .text_c {
		line-height: 22px;
	}
		
}

@media screen and (max-width: 690px) and (min-width: 480px) {
	.popup_show_more {
		width: 87%;
	}
	
}

@media screen and (max-width: 480px) {
		.popup_show_more {
			width: calc(100% - 60px);
			height: calc(100% - 60px);
	}
}

@media screen and (max-width: 480px) {
	#flex {
		height: unset !important;
	}
}

@media screen and (max-width: 470px) {
	#flex .img, #flex .img_b {
		width: 0 !important;
	}
	
	#flex .swiper-slide {
		height: 175px;
	}
}

@media screen and (max-width: 929px) {
    .info .popis_b {
        line-height: 20px !important;
    }
}

@media screen and (max-width:615px) {
	#flex .nadpis_b, #flex .popis_b {
		line-height: 18px;
	}
}

@media screen and (max-width: 805px) {
	#flex .swiper-slide {
		width: 100%;
	}
}

@media screen and (max-width: 940px) {
    .pata .bar {
        width: 650px;
    }
    .pata .bar hr {
        left: 12px;
    }
    .bar #zaslat-button {
        width: 360px;
    }
    .bar button.zaslat {
        padding-left: 15px;
    }
    .bar span.druha {
        padding-right: 0;
    }
}

@media screen and (max-width: 1400px) {
    .kontakty .space {
        width: 87%;
    }

    .kontakty .podpora {
        width: 95%;
    }

    .kontakty .flex {
        width: 97%;
    }
	
	.tym-kontakty {
		width: 100%;
	}
}

@media screen and (max-width: 1370px) {
    .pata ul.prvni, .pata .pata_nav {
        padding-left: 40px;
    }

    .pata .copy {
        padding-right: 40px;
    }
}

@media screen and (max-width: 1265px) {
    .pataimg {
        background-color: #f2d113;
    }
    
    .pata ul.treti {
        padding-left: 40px;
    }

    .pata ul.ctvrta {
        margin-left: -62px;
    }

    .pata .navigace {
        max-width: 875px;
        margin: 0 auto;
    }

    .pata .hr_b hr {
        margin-top: 40px;
    }
}

@media screen and (max-width: 1028px) and (min-width: 700px) {
	.casti-text p {
		width: 100%;
        text-align: justify;
	}
}

@media screen and (max-width: 1028px) {
    .pata .copy {
        padding-left: 50px;
        padding-top: 15px;
    }
    .casti-text {
        margin-top: 200px;
    }

    .flex {
        display: block !important;
    }
	
	.demo-pristup {
		height: 150px;
	}
	
	.demo-pristup .nazev {
		    padding: 15px 30px 0px 30px;
	}
	
	.demo-pristup .button-pozadat {
		margin: 0;
	}
	.demo-pristup::after {
		display: none;
	}
	
	.casti-text .flex {
		margin-top: 200px;
		width: unset;
	}
	.demo-pristup {
		position: absolute;
        transform: translate(-50%, 0);
        text-align: center;
        top: -160px;
        left: 50%;		
	}

    .podpora {
        display: block !important;
    }

    .sms {
        margin-left: 0;
        width: 450px;
    }
    .sms .tel-block {
        margin-top: 0;
    }

    .tech-podpora {
        width: 450px !important;
    }

    .space {
        display: block;
    }

    .kancelar {
        margin-top: 50px;
        width: unset !important;
    }

    .kontakty {
        transition: .3s;
    }

    .kontakty .nadpis, .faktura .text, .kontakty .text_pravy,
    .kontakty .podpora, .kontakty .flex {
        margin-left: 50px;
        transition: .3s;
    }

    .kontakty .mapa {
        left: 329px;
    }

    .kontakty .podpora, .kontakty .flex {
        width: unset;
    }
}

@media screen and (max-width: 1130px) {
    .tab_b .pod_img {
        background-size: 100%;
    }
}

@media screen and (max-width: 640px) {
    div.home div.text {
		margin-top: 110px;
    }

    .mac {
        width: auto !important;
    }
  
    .demo .mac {
        background-size: 90%;
        margin-left: 25px !important;
    }
}

@media screen and (max-width: 650px) {
    .kontakty .nadpis, .faktura .text, .kontakty .text_pravy,
    .kontakty .podpora, .kontakty .flex {
        margin-left: 0px;
    }

    .kontakty .mapa {
        left: 215px;
    }

    .kontakty {
        margin-left: 20px !important;
    }
}
@media screen and (max-width: 600px) {
   .tel-block {
       margin-left: -10px;
   }

   .pata ul.ctvrta {
       margin-left: 0;
       margin-top: 0;
   }

   .pata .navigace {
        margin-left: 30px !important;
        display: block;
    }
    .tech-podpora .tel-block {
        margin-top: 0;
    }
	
	.jednotlive-prvni, .jednotlive-druha, .jednotlive-treti, .jednotlive-ctvrta {
		width: auto;
	}

     ul.prvni, ul.druha, ul.treti, ul.ctvrta {
        padding: 20px 0 0 !important;
    } 
   
   .tel-img {
       display: none;
   }

   .tech-podpora {
       width: 350px !important;
   }

   .sms {
       width: 350px;
   }

   .napoveda {
       display: block;
       height: 77px;
       width: 46%;
   }

   .napoveda .druha {
       margin-top: 12px;
       margin-left: 0;
   }

   .vyhledavani .nadpis {
       margin-top: 195px;
   }

   .text_hlava {
       margin-top: 200px;
   }

   .vyberte_reseni .navi {
       display: block;
   }

   .vyberte_reseni .navi .block {
       width: 100%;
   }

   .vyberte_reseni .navi .block .text_l {
        display: flex !important;
        padding-top: 26px !important;
   }

   .demo .text_b {
        margin-top: -140px;
    }
}
@media screen and (max-width: 1020px) {
    .text_hlava, .manualy {
        margin-right: 90px;
    }
    
    .text_hlava .text_popis {
        max-width: 100%;
    }

    .manualy .tab_c {
        width: 100%;
    }
}

@media screen and (max-width: 840px) {
    .vyberte_reseni .navi .block .text_l {
    display: block;
    padding-top: 16px;
    }
	

}

@media screen and (max-width: 735px) {
    /* .pata .copy {
        margin-top: -19px;
    } */
}

@media screen and (max-width: 685px) {
	#vyber-modulu {
		max-width: calc(100% - 70px);
    	padding: 40px 20px 40px !important;
	}
}


@media screen and (max-width: 778px) {
    .telo .tabs .tab_dolni, .telo .tabs .tab_horni, .tab_horni_b, .tab_dolni_b, .tab_horni_c {
        width: 160px;
        height: unset;
    }
    .reseni .tabs {
        padding: 0 20px;
    }
}

@media screen and (max-width: 1020px) {
    .navi .block {
        margin-top: 10px;
    }
} 

/**
 * Swiper 5.4.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 16, 2020
 */

 @font-face {
    font-family: 'swiper-icons';
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal;
  }
  /* :root {
    --swiper-theme-color: #007aff;
  } */
  .swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    /* Fix of Webkit flickering */
    z-index: 1;
  }
  .swiper-container-vertical > .swiper-wrapper {
    flex-direction: column;
  }
  .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
  }
  .swiper-container-android .swiper-slide,
  .swiper-wrapper {
    transform: translate3d(0px, 0, 0);
  }
  .swiper-container-multirow > .swiper-wrapper {
    flex-wrap: wrap;
  }
  .swiper-container-multirow-column > .swiper-wrapper {
    flex-wrap: wrap;
    /* flex-direction: column; */
  }
  .swiper-container-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto;
  }
  .swiper-slide {
    flex-shrink: 0;
    position: relative;
    transition-property: transform;
  }
  .swiper-slide-invisible-blank {
    visibility: hidden;
  }
  /* Auto Height */
  .swiper-container-autoheight,
  .swiper-container-autoheight .swiper-slide {
    height: auto;
  }
  .swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height;
  }
  /* 3D Effects */
  .swiper-container-3d {
    perspective: 1200px;
  }
  .swiper-container-3d .swiper-wrapper,
  .swiper-container-3d .swiper-slide,
  .swiper-container-3d .swiper-slide-shadow-left,
  .swiper-container-3d .swiper-slide-shadow-right,
  .swiper-container-3d .swiper-slide-shadow-top,
  .swiper-container-3d .swiper-slide-shadow-bottom,
  .swiper-container-3d .swiper-cube-shadow {
    transform-style: preserve-3d;
  }
  .swiper-container-3d .swiper-slide-shadow-left,
  .swiper-container-3d .swiper-slide-shadow-right,
  .swiper-container-3d .swiper-slide-shadow-top,
  .swiper-container-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }
  .swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  /* CSS Mode */
  .swiper-container-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    /* For Firefox */
    -ms-overflow-style: none;
    /* For Internet Explorer and Edge */
  }
  .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none;
  }
  .swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }
  .swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
    scroll-snap-type: x mandatory;
  }
  .swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
    scroll-snap-type: y mandatory;
  }
  /* :root {
    --swiper-navigation-size: 44px;
    
    --swiper-navigation-color: var(--swiper-theme-color);
   
  } */
  .swiper-button-prev,
  .swiper-button-next {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    
  }
  .swiper-button-prev.swiper-button-disabled,
  .swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
  }
  .swiper-button-prev:after,
  .swiper-button-next:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1;
  }
  .swiper-button-prev,
  .swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto;
  }
  .swiper-button-prev:after,
  .swiper-container-rtl .swiper-button-next:after {
    content: 'prev';
  }
  .swiper-button-next,
  .swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto;
  }
  .swiper-button-next:after,
  .swiper-container-rtl .swiper-button-prev:after {
    content: 'next';
  }
  .swiper-button-prev.swiper-button-white,
  .swiper-button-next.swiper-button-white {
    --swiper-navigation-color: #ffffff;
  }
  .swiper-button-prev.swiper-button-black,
  .swiper-button-next.swiper-button-black {
    --swiper-navigation-color: #000000;
  }
  .swiper-button-lock {
    display: none;
  }
  /* :root {
    
    --swiper-pagination-color: var(--swiper-theme-color);
   
  } */
  .swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 300ms opacity;
    transform: translate3d(0, 0, 0);
    z-index: 3;
  }
  .swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
  }
  /* Common Styles */
  .swiper-pagination-fraction,
  .swiper-pagination-custom,
  .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 10px;
    left: 0;
    width: 100%;
  }
  /* Bullets */
  .swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
  }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
  }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1);
  }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1);
  }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
  }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
  }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
  }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
  }
  .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: 0.2;
  }
  button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }
  .swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
  }
  .swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
  }
  .swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0px, -50%, 0);
  }
  .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block;
  }
  .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
  }
  .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: 200ms transform, 200ms top;
  }
  .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
  }
  .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
  }
  .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms left;
  }
  .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms right;
  }
  /* Progress */
  .swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
  }
  .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
  }
  .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top;
  }
  .swiper-container-horizontal > .swiper-pagination-progressbar,
  .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
  }
  .swiper-container-vertical > .swiper-pagination-progressbar,
  .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0;
  }
  .swiper-pagination-white {
    --swiper-pagination-color: #ffffff;
  }
  .swiper-pagination-black {
    --swiper-pagination-color: #000000;
  }
  .swiper-pagination-lock {
    display: none;
  }
  /* Scrollbar */
  /* .swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1);
  } */
  .swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
  }
  .swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
  }
  .swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0;
  }
  .swiper-scrollbar-cursor-drag {
    cursor: move;
  }
  .swiper-scrollbar-lock {
    display: none;
  }
  .swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .swiper-zoom-container > img,
  .swiper-zoom-container > svg,
  .swiper-zoom-container > canvas {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
  }
  .swiper-slide-zoomed {
    cursor: move;
  }
  /* Preloader */
  /* :root {
    
    --swiper-preloader-color: var(--swiper-theme-color);
   
  } */
  .swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent;
  }
  .swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
  }
  .swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
  }
  @keyframes swiper-preloader-spin {
    100% {
      transform: rotate(360deg);
    }
  }
  /* a11y */
  .swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
  }
  .swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out;
  }
  .swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
  }
  .swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none;
  }
  .swiper-container-fade .swiper-slide-active,
  .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
  }
  .swiper-container-cube {
    overflow: visible;
  }
  .swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
  }
  .swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none;
  }
  .swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0;
  }
  .swiper-container-cube .swiper-slide-active,
  .swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
  }
  .swiper-container-cube .swiper-slide-active,
  .swiper-container-cube .swiper-slide-next,
  .swiper-container-cube .swiper-slide-prev,
  .swiper-container-cube .swiper-slide-next + .swiper-slide {
    pointer-events: auto;
    visibility: visible;
  }
  .swiper-container-cube .swiper-slide-shadow-top,
  .swiper-container-cube .swiper-slide-shadow-bottom,
  .swiper-container-cube .swiper-slide-shadow-left,
  .swiper-container-cube .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
  }
  .swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0;
  }
  .swiper-container-flip {
    overflow: visible;
  }
  .swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    z-index: 1;
  }
  .swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none;
  }
  .swiper-container-flip .swiper-slide-active,
  .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
  }
  .swiper-container-flip .swiper-slide-shadow-top,
  .swiper-container-flip .swiper-slide-shadow-bottom,
  .swiper-container-flip .swiper-slide-shadow-left,
  .swiper-container-flip .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
  }