.burger {display: none;} #menuMobile {display: none;} #menuMobileFrame {display: none;} #headerTop {width: 100%; float: left; border-bottom: 1px solid #ededed; color: #7a7c7f;} #headerTop svg {width: auto; height: 30px; fill: #8b8e91; max-height: 100%;} #headerTop img {max-height: 100%;} #headerTop a:hover {text-decoration: underline;} #headerTop .inner {position: relative; width: 100%; float: left; height: 55px;} #headerTop .inner .logo {position: absolute; width: 162px; height: 162px;} #headerTop .inner .logo img {display: block;} #headerTop .inner .right {width: 100%; padding: 0 0 0 180px;} #headerTop .inner .right .langs {border-right: 1px solid #ededed; align-items: center;} #headerTop .inner .right .langs a {display: inline-block; max-height: 100%; margin-right: 20px;} #headerTop .inner .right .langs a img {height: 30px;} #headerTop .inner .right .site {align-items: center;} #headerTop .inner .right .site a {display: inline-block; max-height: 100%; margin-left: 20px;} #headerTop .inner .right .site a svg {width: auto; height: 30px;} #headerTop .inner .right .contact {margin-left: auto; align-items: center; font-size: 15px; font-weight: 400; border-right: 1px solid #ededed;} #headerTop .inner .right .contact a {align-items: center; margin-right: 20px;} #headerTop .inner .right .contact a svg {width: auto; height: 20px; padding-right: 5px;} #headerTop .inner .right .user {position: relative; align-items: center; color: #000000;} #headerTop .inner .right .user .login {padding-left: 20px; align-items: center;} #headerTop .inner .right .user .login svg {padding-right: 5px;} #headerTop .inner .right .user .registrace {margin: 0 20px 0 10px; padding: 5px 0 5px 10px; border-left: 1px solid #ededed;} #headerTop .inner .right .user .userLinks {display: none; position: absolute; z-index: 2; left: 0; top: 100%; width: 100%; height: auto; padding: 5px 20px;} #headerTop .inner .right .user .userLinks {text-align: right; background-color: #009c63; color: #ffffff; font-size: 16px;} #headerTop .inner .right .user .userLinks a {display: block; margin: 8px 0;} #headerTop .inner .right .search {margin-left: 20px; align-items: center;} #headerMenu {width: 100%; float: left; color: #525252;} #headerMenu .inner {width: 100%; float: left; height: calc(162px - 55px);} #headerMenu .inner .menu {width: 100%; float: left; justify-content: flex-end;} #headerMenu .inner .menu ul {margin: 0; padding: 0; list-style: none;} #headerMenu .inner .menu ul li {position: relative;} #headerMenu .inner .menu ul li a {margin: 0 20px; font-size: 18px; font-weight: 700; border-top: 4px solid transparent; border-bottom: 4px solid transparent; align-items: center;} #headerMenu .inner .menu ul li a svg {fill: #009c63; width: 14px; margin-left: 5px;} #headerMenu .inner .menu ul li:last-child a {margin-right: 0;} #headerMenu .inner .menu ul li ul.submenu {display: none; position: absolute; z-index: 99; left: 0; top: calc(100% - 4px); width: 300px; padding: 10px 25px; background-color: #ffffff; list-style: none; border-top: 4px solid #009c63;} #headerMenu .inner .menu ul li ul.submenu li {list-style: none; margin: 5px 0; padding: 5px 0;} #headerMenu .inner .menu ul li ul.submenu li a {margin: 0; padding: 0; border: 0; color: #333333; font-size: 17px; font-weight: 400;} #headerMenu .inner .menu ul li ul.submenu li a:hover {color: #009c63;} #headerMenu .inner .menu ul li:hover a {border-bottom: 4px solid #009c63;} #headerMenu .inner .menu ul li:hover ul.submenu {display: block;} #headerMenu .inner .menu ul li:last-child ul.submenu {right: 0; left: unset;} #bannerContainer {width: 100%; float: left; align-items: center; justify-content: center;} #banner {width: 100%; float: left;} #banner .inner {width: 100%; float: left;} #banner .inner .bannerList {width: 100%; margin: 0 auto;} #banner .inner .bannerList .item {width: 100%; padding: 0; margin: 0;} #banner .inner .bannerList .item .cover {width: 100%; padding: 0; margin: 0; justify-content: space-between;} #banner .inner .bannerList .item .cover .photo {width: 100%; height: auto; background-position: center; background-repeat: no-repeat; background-size: cover;} #banner .inner .bannerList .item .cover .photo {} #banner .inner .bannerList .item .cover .photo img {width: 100%;} #banner .inner .bannerList .item .cover .data {width: 45%; color: #555554;} #banner .inner .bannerList .item .cover .data h2 {color: #a5182d; text-transform: uppercase; font-size: 20px; font-weight: 700;} #banner .inner .bannerList .swiper-button-next {top: calc(50% - 22px); width: unset; right: 0; left: unset; margin: 0; color: #000000 !important;} #banner .inner .bannerList .swiper-button-next:after {display: none;} #banner .inner .bannerList .swiper-button-prev {top: calc(50% - 22px); width: unset; left: 0; right: unset; margin: 0; color: #000000 !important;} #banner .inner .bannerList .swiper-button-prev svg {} #banner .inner .bannerList .swiper-button-prev:after {display: none;} #banner .inner .bannerList .swiper-pagination-bullet-active {background-color: #009c63;} #clenstviCepos {width: 100%; float: left; padding: 10px 0 100px 0; background-color: #005b9a; color: #ffffff; font-size: 20px; font-weight: 300; text-align: center;} #clenstviCepos .inner {width: 100%; float: left;} #clenstviCepos .inner h2 {font-size: 36px; font-weight: 700; text-transform: uppercase;} #greenBoxesFrame {width: 100%; float: left; margin-top: -70px; color: #ffffff; font-size: 18px; font-weight: 300;} #greenBoxesFrame .inner {width: 100%; float: left; flex-wrap: wrap;} #greenBoxesFrame .inner .box {width: calc(33.333333% - 80px / 3); margin: 0 40px 0 0; padding: 30px 30px; background-color: #00a86b; border-radius: 5px; text-align: center; flex-direction: column; justify-content: space-between; align-content: center;} #greenBoxesFrame .inner .box:nth-child(3n) {margin-right: 0;} #greenBoxesFrame .inner .box .icon {height: 75px; margin: 10px 0;} #greenBoxesFrame .inner .box .icon svg {max-height: 100%; fill: #ffffff;} #greenBoxesFrame .inner .box .text {margin: 10px 0; text-align: center;} #greenBoxesFrame .inner .box .text p {margin: 10px 0; padding: 0;} #homeNewsAndAkce {width: 100%; float: left; padding: 40px 0;} #homeNewsAndAkce .inner {width: 100%; float: left;} #homeNewsAndAkce .inner .newsFrame {flex: 1; margin: 0 40px 0 0;} #homeNewsAndAkce .inner .newsFrame h2 {margin: 0; padding: 10px 0 10px 30px; color: #005b9a; font-size: 20px; font-weight: 700; border-bottom: 2px solid #005b9a; text-transform: uppercase;} #homeNewsAndAkce .inner .newsFrame h2 {background-image: url('/images/svg/ico-aktuality.svg'); background-size: auto 18px; background-repeat: no-repeat; background-position: left center;} #homeNewsAndAkce .inner .newsFrame .list {flex-direction: column;} #homeNewsAndAkce .inner .newsFrame .list .item {margin: 0; padding: 30px 0; flex-direction: column; color: #333333; font-size: 16px; font-weight: 300; border-bottom: 1px solid #dfdddd;} #homeNewsAndAkce .inner .newsFrame .list .item h3 {margin: 0; padding: 0; color: #333333; font-size: 20px; font-weight: 700;} #homeNewsAndAkce .inner .newsFrame .list .item .dt {margin: 4px 0; padding: 2px 0 2px 0; color: #005b9a; font-size: 14px; font-weight: 400; align-items: center;} #homeNewsAndAkce .inner .newsFrame .list .item .dt svg {fill: #005b9a; height: 14px; width: auto; margin-right: 6px;} #homeNewsAndAkce .inner .newsFrame .btnLine {width: 100%; float: left;} #homeNewsAndAkce .inner .newsFrame .btnLine a {display: inline-block; margin: 20px 0 0 0; padding: 12px 20px; color: #ffffff; font-size: 16px; font-weight: 300; background-color: #005b9a; border-radius: 5px; transition: all 0.5s ease;} #homeNewsAndAkce .inner .newsFrame .btnLine a:hover {background-color: #1c80c6;} #homeNewsAndAkce .inner .akceFrame {width: 360px;} #homeNewsAndAkce .inner .akceFrame h2 {margin: 0; padding: 10px 0 10px 30px; color: #00a86b; font-size: 20px; font-weight: 700; border-bottom: 2px solid #00a86b; text-transform: uppercase;} #homeNewsAndAkce .inner .akceFrame h2 {background-image: url('/images/svg/ico-akce-kurzy.svg'); background-size: auto 18px; background-repeat: no-repeat; background-position: left center;} #homeNewsAndAkce .inner .akceFrame .list {margin: 20px 0 0 0; flex-direction: column;} #homeNewsAndAkce .inner .akceFrame .list .item {margin: 0 0 10px 0; padding: 15px 25px; flex-direction: column; color: #ffffff; background-color: #005b9a; font-size: 16px; font-weight: 300; border-radius: 5px;} #homeNewsAndAkce .inner .akceFrame .list .item h3 {margin: 0; padding: 0; color: #86c3ec; font-size: 18px; font-weight: 700;} #homeNewsAndAkce .inner .akceFrame .list .item .dt {margin: 4px 0; padding: 2px 0 2px 0; font-size: 16px; font-weight: 700;} #homeNewsAndAkce .inner .akceFrame .list .item .misto {margin: 4px 0; padding: 2px 0 2px 0; font-size: 16px; font-weight: 400;} #homeNewsAndAkce .inner .akceFrame .btnLine {width: 100%; float: left;} #homeNewsAndAkce .inner .akceFrame .btnLine a {display: block; margin: 0; padding: 12px 20px; text-align: center; color: #ffffff; font-size: 16px; font-weight: 300; background-color: #00a86b; border-radius: 5px; transition: all 0.5s ease;} #homeNewsAndAkce .inner .akceFrame .btnLine a:hover {background-color: #01774c;} #homeText {width: 100%; float: left; background-color: #00a86b; color: #ffffff;} #homeText .inner {width: 100%; float: left; padding: 50px 0;} #homeText .inner .text {width: 50%; flex-direction: column; align-items: flex-start; justify-content: center;} #homeText .inner .text h1 {margin: 0 0 20px 0; padding: 0; font-size: 48px; font-weight: 600; line-height: 1;} #homeText .inner .text p {margin: 10px 0; font-size: 17px; font-weight: 300;} #homeText .inner .text .tlacitko a {background-color: #ffffff; color: #036256;} #homeText .inner .text .tlacitko a:hover {background-color: #f7f7f7;} #homeText .inner .photo {width: 50%; justify-content: flex-end; align-items: center;} #homeText .inner .photo img {max-width: 100%;} #homeClanky {width: 100%; float: left; padding: 40px 0;} #homeClanky .inner {width: 100%; float: left;} #homeClanky .inner .clankyFrame {width: 940px; margin: 0 40px 0 0;} #homeClanky .inner .clankyFrame h2 {margin: 0; padding: 10px 0 10px 30px; color: #00a86b; font-size: 20px; font-weight: 700; border-bottom: 2px solid #00a86b; text-transform: uppercase;} #homeClanky .inner .clankyFrame h2 {background-image: url('/images/svg/ico-clanky.svg'); background-size: auto 18px; background-repeat: no-repeat; background-position: left center;} #homeClanky .inner .clankyFrame .list {flex-wrap: wrap;} #homeClanky .inner .clankyFrame .list .item {width: calc(50% - 20px); margin: 20px 40px 20px 0; padding: 0; flex-direction: column; color: #333333; font-size: 16px; font-weight: 300;} #homeClanky .inner .clankyFrame .list .item:nth-child(2n) {margin-right: 0;} #homeClanky .inner .clankyFrame .list .item h3 {margin: 0; padding: 0 0 5px 0; color: #005b9a; font-size: 20px; font-weight: 700;} #homeClanky .inner .clankyFrame .btnLine {width: 100%; float: left;} #homeClanky .inner .clankyFrame .btnLine a {display: inline-block; margin: 20px 0 0 0; padding: 12px 20px; color: #ffffff; font-size: 16px; font-weight: 300; background-color: #00a86b; border-radius: 5px; transition: all 0.5s ease;} #homeClanky .inner .clankyFrame .btnLine a:hover {background-color: #01774c;} #homeClanky .inner .photoFrame {flex: 1; align-items: center; justify-content: flex-end;} #homeFirmy {width: 100%; float: left; padding: 40px 0; border-top: 1px solid #dfdbdb;} #homeFirmy h2 {position: relative; margin: 0 0 30px 0; padding: 0 0 0 0; font-size: 18px; font-weight: 700; color: #494949; text-align: center;} #homeFirmy .inner {width: 100%; float: left; flex-wrap: wrap; align-items: center; justify-content: center;} #homeFirmy .inner .item {width: 100px; padding: 20px; } #homeFirmy .inner .item img {filter: grayscale(1); transition: all .3s ease-in;} #homeFirmy .inner .item:hover img {filter: grayscale(0);} #homeMap {width: 100%; float: left; height: 350px;} #homeMap iframe {width: 100%; height: 100%; display: block;} #newsletter {width: 100%; float: left; padding: 30px 0; background-color: #005b9a; color: #ffffff; justify-content: center;} #newsletter .inner {width: auto; align-items: center;} #newsletter .inner .left {text-align: right; font-size: 18px; font-weight: 300;} #newsletter .inner .left .row1 {text-transform: uppercase; font-weight: 700;} #newsletter .inner .left .checkboxCont {margin: 0; justify-content: flex-end; display: -webkit-flex; display: -webkit-box; display: -moz-flex; display: -moz-box; display: -ms-flexbox; display: flex;} #newsletter .inner .right {margin: 0 0 0 20px; flex-direction: column;} #newsletter .inner .right .inputCont {margin: 0;} #newsletter .inner .right input:focus {outline: none; box-shadow: none;} #newsletter .inner .right .inputWrapper {background-color: #ffffff; border-radius: 5px;} #newsletter .inner .right .inputWrapper .inputCont {border-radius: 5px; border: 0;} #newsletter .inner .right .inputWrapper .inputCont input {width: 300px; border: 0; background-color: transparent;} #newsletter .inner .right .inputWrapper .formSubmit {padding: 0 20px; background-color: #00a86b; font-size: 15px; font-weight: 300; color: #ffffff; border: 0; border-radius: 5px; transition: all 0.5s ease;} #newsletter .inner .right .inputWrapper .formSubmit:hover {background-color: #01774c;} #news {width: 100%; float: left;} #news .inner {width: 100%; float: left; flex-direction: column;} #news .inner .item {padding: 30px 0; border-bottom: 1px solid #e8e8e8;} #news .inner .item .photo {width: 200px; margin-right: 20px;} #news .inner .item .photo img {max-height: 100%; max-width: 100%;} #news .inner .item .data {flex: 1;} #news .inner .item:first-child {padding-top: 0;} #news .inner .item:last-child {border: 0;} #news .inner .item .data .dt {font-size: 14px; font-weight: 700; font-style: italic;} #news .inner .item .data h2 {margin: 10px 0; padding: 0;} #news .inner .item .data h2 a {font-size: 14px; font-weight: 700; color: #339966; text-decoration: underline;} #news .inner .item .data h2 a:hover {text-decoration: none;} #news .inner .item .data .perex {margin: 10px 0; font-size: 14px; font-weight: 300;} #news .inner .item .data .tlacitko {margin: 15px 0;} #news .inner .item .data .tlacitko a {} #news .inner .item .data .tlacitko a:hover {} #mainText {width: 100%; float: left; padding: 0 0 30px 0;} #mainText .inner {width: 100%; float: left;} #mainForm {width: 100%; float: left; padding: 0 0 30px 0; justify-content: center;} #mainForm .inner {width: 700px; float: left;} #akce {width: 100%; float: left;} #akce .inner {width: 100%; float: left; margin: 0 0 20px 0;} .sorting {width: 100%; float: left; margin: 0 0 10px 0; display: flex; align-items: center; justify-content: flex-end;} .sorting span {} .sorting a {margin: 0 0 0 10px; padding: 8px 16px; background-color: #f8f8f8; border: 1px solid #e7e7e7; border-radius: 5px; transition: all 0.5s ease;} .sorting a.active {background-color: #00a86b; border-color: #00a86b; color: #ffffff;} #googleMap {width: 100%; float: left; margin: 0 0 40px 0;} #googleMap .inner {width: 100%; float: left;} #googleMap .inner h2 {padding: 10px 10px 10px 0; color: #005b9a; border-bottom: 2px solid #005b9a;} #map {width: 100%; float: left; height: 400px; margin-bottom: 10px;} .table {width: 100%; float: left; margin: 0 0 20px 0; flex-wrap: wrap; font-size: 16px; color: #333333; font-weight: 300; border-bottom: 1px solid #e7e7e7; line-height: 1.4;} .table a {color: #00a86b; text-decoration: none;} .table a:hover {text-decoration: underline;} .table .tr {width: 100%; float: left; justify-content: space-between; border-left: 1px solid #e7e7e7;} .table .tr.header {background-color: #00a86b; color: #ffffff; font-weight: 500; font-size: 18px;} .table .tr.header .td {border-color: #00a86b;} .table .tr:not(.header):nth-child(odd) {background-color: #f8f8f8;} .table .tr .td {padding: 10px 12px; border-right: 1px solid #e7e7e7;} .table .tr .td.date {width: 80px; flex-direction: column; } .table .tr .td.name {width: auto; flex: 1;} .table .tr .td.name p.registrace {width: 100%; margin-top: 5px; display: block;} .table .tr .td.name p.registrace a {display: inline-block; padding: 4px 10px; background-color: #005b9a; color: #ffffff; border-radius: 4px;} .table .tr .td.name p.registrace a:hover {background-color: #1c80c6;} .table .tr .td.misto {width: 200px;} .table .tr .td.kontakt {width: 200px;} .table .tr .td.kredit {width: 60px; text-align: center;} .table .tr .td.soubor {width: 70px; justify-content: center;} .table .tr .td.soubor img {width: 30px;} .table .tr .td.btn {width: 50px; text-align: center;} .table .tr .td.btn a {display: inline-block; padding: 4px 10px; background-color: #005b9a; color: #ffffff; border-radius: 4px;} /* Table pro Cooperate */ .table .tr .td.companyLogo {width: 150px; display: flex; align-items: center;} .table .tr .td.companyLogo img {max-width: 100%; max-height: 100%;} .table .tr .td.companyName {width: auto; flex: 1; display: flex; align-items: center;} .table .tr .td.companyName a:hover {text-decoration: underline;} .table .tr .td.companyContact {width: 500px;} .table .tr .td.companySleva {width: 150px; display: flex; align-items: center;} /* Table pro Provider */ .table .tr .td.providerMisto {width: 300px;} .table .tr .td.providerName {width: auto; flex: 1;} .table .tr .td.providerContact {width: 300px;} .tableClenList {width: 100%; float: left; margin: 0 0 40px 0; flex-wrap: wrap; font-size: 16px; color: #333333; font-weight: 300; border-bottom: 1px solid #e7e7e7; line-height: 1.4;} .tableClenList a {color: #00a86b; text-decoration: none;} .tableClenList a:hover {text-decoration: underline;} .tableClenList .tr {width: 100%; float: left; justify-content: space-between; border-left: 1px solid #e7e7e7;} .tableClenList .tr.header {background-color: #00a86b; color: #ffffff; font-weight: 500; font-size: 18px;} .tableClenList .tr.header .td {border-color: #00a86b;} .tableClenList .tr:not(.header):nth-child(odd) {background-color: #f8f8f8;} .tableClenList .tr .td {padding: 10px 12px; border-right: 1px solid #e7e7e7;} .tableClenList .tr .td.fullname {width: 300px; font-weight: 700; flex-direction: column;} .tableClenList .tr .td.specializace {width: auto; flex: 1;} .tableClenList .tr .td.mesto {width: 200px;} .tableClenList .tr .td.provozovna {width: 300px;} .tableClenList .tr .td.btn {width: 50px; text-align: center;} .tableClenList .tr .td.btn a {display: inline-block; padding: 4px 10px; background-color: #005b9a; color: #ffffff; border-radius: 4px;} #footer {width: 100%; float: left; padding: 40px 0; background-color: #00a86b; color: #ffffff;} #footer a:hover {text-decoration: underline;} #footer .inner {width: 100%; float: left; justify-content: space-between;} #footer .inner .col.logo {margin-right: 20px;} #footer .inner .col.company {width: 300px; flex: 0 0 300px; margin-right: 30px;} #footer .inner .col.company p {margin: 14px 0; font-weight: 300;} #footer .inner .col.company p:first-child {margin-top: 0;} #footer .inner .col.links {margin-left: auto; border-left: 1px solid #61c5a0;} #footer .inner .col.links ul {margin: 0 0 0 40px; padding: 0; list-style: none; flex-wrap: wrap; font-weight: 300;} #footer .inner .col.links ul li {list-style: none; width: 50%; margin: 10px 0; padding: 0;} #footer .inner .col.links ul li:nth-child(1), #footer .inner .col.links ul li:nth-child(2) {margin-top: 0;}