input {

    -webkit-appearance: none;

-moz-appearance: none;

appearance: none;

}



.wrap-content {

  text-align: left;

  margin: 0 auto; }



@media screen and (max-width: 1199px) {

  .wrap-content {

    width: 100%; } }

@media screen and (min-width: 1200px) {

  .wrap-content {

    width: 1200px; } }

.content {

  padding-left: 4%;

  padding-right: 4%; }



.vcontent {

  padding-top: 7em;

  padding-bottom: 7em; }



body {

  font-family: "Roboto", sans-serif; }



.center-block {

  display: flex;

  justify-content: center;

  align-items: center; }



* {

  box-sizing: border-box; }



.zprava {

  border: 1px solid #9DC2F8;

  background-color: #DBE8F8;

  padding: 3px; }



strong {

  font-weight: 600; }



.cookie-wrap {

  margin: 3em 0; }



.cookie-content h1 {

  font-size: 2em; }

.cookie-content h2 {

  font-size: 1.75em;

  margin: 1em 0; }

.cookie-content p {

  font-size: 1.25em; }

.cookie-content li {

  font-size: 1.25em;

  list-style-type: circle;

  margin-top: 0.75em; }



.header-margin {

  width: 100%;

  height: 89px;

  background-color: #fff; }



.header {

  background-color: white;

  box-shadow: 0px 0px 18px #888888;

  width: 100%;

  font-family: "Roboto", sans-serif;

  position: fixed;

  z-index: 3; }



.header ul {

  list-style: none;

  overflow: hidden; }



.header li a {

  font-size: 16px;

  color: #383838;

  letter-spacing: 2px;

  font-weight: 600;

  display: block;

  padding: 20px 17.5px;

  padding-left: 0;

  text-decoration: none; }



.header li a:hover,

.header .menu-btn:hover {

  color: #f47702; }



.dropdown-link:hover {

  cursor: pointer; }



#dropdown-content1, #dropdown-content2 {

  display: none; }

  #dropdown-content1 li a, #dropdown-content2 li a {

    padding-left: 30px;

    font-size: 14px; }

  #dropdown-content1 li:first-child a, #dropdown-content2 li:first-child a {

    margin-top: 0px; }

  #dropdown-content1 li:last-child, #dropdown-content2 li:last-child {

    border-bottom: none; }

    #dropdown-content1 li:last-child a, #dropdown-content2 li:last-child a {

      margin-bottom: 0px; }



.dropdown-content-active {

  display: block !important; }



#dropdown-arrow1, #dropdown-arrow2 {

  transition: transform .2s; }



.dropdown-arrow-rotate {

  transform: rotate(180deg); }



.header .logo {

  display: block;

  float: left;

  padding: 10px 0;

  text-decoration: none; }



.header .logo:hover {

  cursor: pointer; }



.logo-desktop {

  width: 250px;

  height: 66px; }



.logo-mobile {

  display: none; }



@media (max-width: 365px){

    .logo-mobile{

        display:block;

    }

    .logo-desktop{

        display:none;

    }

}

/* menu */

.header .menu {

  clear: both;

  max-height: 0;

  transition: max-height .2s ease-out; }



/* menu icon */

.header .menu-icon {

  cursor: pointer;

  display: inline-block;

  float: right;

  padding: 32px 20px;

  position: relative;

  margin-top: 11px; }



.header .menu-icon .navicon {

  background: #333;

  display: block;

  height: 2px;

  position: relative;

  transition: background .2s ease-out;

  width: 25px; }



.header .menu-icon .navicon:before,

.header .menu-icon .navicon:after {

  background: #333;

  content: '';

  display: block;

  height: 100%;

  position: absolute;

  transition: all .2s ease-out;

  width: 100%; }



.header .menu-icon .navicon:before {

  top: 5px; }



.header .menu-icon .navicon:after {

  top: -5px; }



/* menu btn */

.header .menu-btn {

  display: none; }



.header .menu-btn:checked ~ .menu {

  max-height: 1200px; }



.header .menu-btn:checked ~ .menu-icon .navicon {

  background: transparent; }



.header .menu-btn:checked ~ .menu-icon .navicon:before {

  transform: rotate(-45deg); }



.header .menu-btn:checked ~ .menu-icon .navicon:after {

  transform: rotate(45deg); }



.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,

.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {

  top: 0; }



/* 48em = 768px */

@media (min-width: 1100px) {

  .header li {

    float: left; }



  .header .menu {

    margin-top: 14px; }

    .header .menu li {

      border-bottom: none; }

    .header .menu li:first-child {

      border-top: none; }



  #dropdown-content1, #dropdown-content2 {

    background-color: white;

    box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3);

    position: absolute;

    margin-top: 16px; }

    #dropdown-content1 li, #dropdown-content2 li {

      max-width: 200px;

      position: relative;

      top: 2px;

      border-bottom: none; }

      #dropdown-content1 li a, #dropdown-content2 li a {

        padding: 10px 17.5px;

        display: inline-block; }

    #dropdown-content1 li:first-child, #dropdown-content2 li:first-child {

      border-top: none; }

      #dropdown-content1 li:first-child a, #dropdown-content2 li:first-child a {

        padding-top: 20px; }

    #dropdown-content1 li:last-child a, #dropdown-content2 li:last-child a {

      padding-bottom: 20px; }



  .dropdown-content-active {

    display: flex !important;

    flex-direction: column; }



  .header .menu {

    clear: none;

    float: right;

    max-height: none; }



  .header li a::after {

    content: '';

    display: block;

    width: 0;

    height: 2px;

    background: #f47702;

    transition: width .3s; }



  .header li a:hover::after {

    width: 100%; }



  .header .menu-icon {

    display: none; } }

footer {

  background: linear-gradient(to right, #4a4a4a 0%, #2c2c2c 100%); }

  footer .footer-content {

    display: flex;

    flex-direction: row;

    justify-content: space-between; }

    footer .footer-content .footer-block {

      width: 30%; }

      footer .footer-content .footer-block h2 {

        font-size: 1.25em;

        margin-bottom: 0.5em; }

    footer .footer-content .footer-third a {

      color: #ffffff;

      margin-right: 10px; }

      footer .footer-content .footer-third a i {

        font-size: 2em; }

    footer .footer-content .footer-third a:hover {

      color: #cccccc; }

    footer .footer-content h2 {

      color: #f47702; }

    footer .footer-content ul li {

      line-height: 2; }

      footer .footer-content ul li a {

        text-decoration: none;

        color: #ffffff; }

      footer .footer-content ul li a:hover {

        color: #cccccc; }

  footer .links-copy-author {

    margin-top: 4em;

    font-size: 0.9em; }

    footer .links-copy-author .links {

      text-align: center; }

    footer .links-copy-author .copy-author {

      margin-top: 4em;

      text-align: right; }

    footer .links-copy-author p {

      line-height: 1.25;

      color: #ffffff; }

    footer .links-copy-author a {

      color: #f47702; }

    footer .links-copy-author a:hover {

      color: #db6b02; }



@media only screen and (max-width: 800px) {

  footer .footer-content {

    flex-direction: column;

    text-align: center; }

    footer .footer-content .footer-block {

      width: 100%;

      margin-bottom: 2em; }



  .links-copy-author .copy-author {

    text-align: center !important; } }

.button {

  background-color: transparent;

  color: white;

  padding: 16px 32px;

  text-align: center;

  text-decoration: none;

  display: inline-block;

  font-size: 20px;

  margin: 4px 2px;

  transition: all 0.4s;

  cursor: pointer;

  border: 1px solid #ffffff;

  font-weight: 600;

  letter-spacing: 2px; }



.button:hover {

  background-color: #ffffff;

  color: #f47702; }



@media screen and (max-width: 600px) {

  .button {

    font-size: 18px;

    padding: 10px 24px; } }

.button-sluzby-nav {

  background-color: transparent;

  border: 1px solid #f47702;

  color: #f47702;

  padding: 16px 32px;

  text-align: center;

  text-decoration: none;

  display: inline-block;

  font-size: 20px;

  margin: 36px 0;

  transition: all 0.4s;

  cursor: pointer;

  font-weight: 600;

  letter-spacing: 2px; }



.button-sluzby-nav:hover {

  background-color: #f47702;

  color: #ffffff; }



@media screen and (max-width: 600px) {

  .button-sluzby-nav {

    font-size: 18px;

    padding: 10px 24px; } }

.button-dotaznik {

  border: 1px solid #f47702;

  color: #f47702;

  background-color:transparent;

  padding: 16px 32px;

  text-align: center;

  text-decoration: none;

  display: inline-block;

  font-size: 20px;

  margin: 36px 0;

  transition: all 0.4s;

  cursor: pointer;

  font-weight: 600;

  letter-spacing: 2px; }



.button-dotaznik:hover {

  background-color: #f47702;

  color: #ffffff; }



@media screen and (max-width: 600px) {

  .button-dotaznik {

    font-size: 18px;

    padding: 10px 24px; } }

.uvod-intro {

  display: flex;

  flex-direction: row;

  font-family: "Roboto", sans-serif; }

  .uvod-intro .uvod-intro-left {

    background: url("../image/static/logo-intro-orange.png") no-repeat -75px -25px, linear-gradient(0.25turn, #f47702, #ff9d40);

    width: 50%;

    height: 600px;

    display: flex;

    justify-content: flex-end; }

    .uvod-intro .uvod-intro-left .intro-wrap-content {

      width: 600px;

      margin-right: 0;

      padding-right: 4%; }

      .uvod-intro .uvod-intro-left .intro-wrap-content .intro-left-content {

        margin-top: 6em;

        color: #ffffff; }

        .uvod-intro .uvod-intro-left .intro-wrap-content .intro-left-content h1 {

          font-size: 46px;

          font-weight: 600;

          margin-bottom: 16px; }

        .uvod-intro .uvod-intro-left .intro-wrap-content .intro-left-content h2 {

          font-size: 28px; }

        .uvod-intro .uvod-intro-left .intro-wrap-content .intro-left-content p {

          font-size: 18px;

          font-style: italic;

          margin-top: 36px;

          margin-bottom: 24px;

          line-height: 1.4;

          color: #383838; }

        .uvod-intro .uvod-intro-left .intro-wrap-content .intro-left-content .tel-mail-wrap {

          display: flex;

          flex-direction: column;

          margin-top: 6px; }

          .uvod-intro .uvod-intro-left .intro-wrap-content .intro-left-content .tel-mail-wrap span {

            margin-top: 6px; }

          .uvod-intro .uvod-intro-left .intro-wrap-content .intro-left-content .tel-mail-wrap a {

            color: #383838;

            text-decoration: none;

            font-size: 14px; }

          .uvod-intro .uvod-intro-left .intro-wrap-content .intro-left-content .tel-mail-wrap a:hover {

            color: #ffffff; }

  .uvod-intro .uvod-intro-right {

    background-image: url("../image/static/david-slouka-1.jpg");

    background-color: #cccccc;

    height: 600px;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    width: 50%; }



@media screen and (max-width: 800px) {

  .uvod-intro {

    flex-direction: column; }

    .uvod-intro .uvod-intro-left {

      width: 100%;

      height: auto;

      order: 2; }

      .uvod-intro .uvod-intro-left .intro-wrap-content {

        width: 100%; }

        .uvod-intro .uvod-intro-left .intro-wrap-content .intro-left-content {

          margin-top: 4em;

          margin-bottom: 2em;

          text-align: center; }

    .uvod-intro .uvod-intro-right {

      width: 100%; } }

@media screen and (max-width: 600px) {

  .uvod-intro .uvod-intro-left {

    height: auto;

    justify-content: center;

    background: linear-gradient(0.25turn, #f47702, #ff9d40); }

    .uvod-intro .uvod-intro-left .intro-wrap-content .intro-left-content {

      margin-top: 2.5em; }

      .uvod-intro .uvod-intro-left .intro-wrap-content .intro-left-content h1 {

        font-size: 28px;

        margin-bottom: 10px; }

      .uvod-intro .uvod-intro-left .intro-wrap-content .intro-left-content h2 {

        font-size: 22px; }

      .uvod-intro .uvod-intro-left .intro-wrap-content .intro-left-content p {

        font-size: 18px;

        margin-top: 18px;

        margin-bottom: 12px; }

  .uvod-intro .uvod-intro-right {

    height: 300px; } }

.uvod-sluzby {

  background: linear-gradient(rgba(44, 44, 44, 0.95), rgba(60, 60, 60, 0.95)), url("../image/static/sluzby-foto.jpg");

  background-position: center center;

  background-size: cover;

  clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);

  padding-bottom: 3em; }

  .uvod-sluzby .uvod-sluzby-content {

    display: flex;

    flex-direction: row;

    flex-wrap: wrap; }

    .uvod-sluzby .uvod-sluzby-content .brick {

      width: 25%;

      padding: 0 20px; }

      .uvod-sluzby .uvod-sluzby-content .brick .brick-fa-wrap {

        display: flex;

        justify-content: center;

        align-items: center; }

        .uvod-sluzby .uvod-sluzby-content .brick .brick-fa-wrap .brick-fa {

          width: 125px;

          height: 125px;

          border: 2px solid #ffffff;

          display: flex;

          justify-content: center;

          align-items: center; }

          .uvod-sluzby .uvod-sluzby-content .brick .brick-fa-wrap .brick-fa i {

            color: #ffffff;

            font-size: 4em; }

      .uvod-sluzby .uvod-sluzby-content .brick .brick-text {

        color: #ffffff;

        text-align: center;

        display: flex;

        flex-direction: column;

        flex: 1 1 auto;

        height: 100%; }

        .uvod-sluzby .uvod-sluzby-content .brick .brick-text h2 {

          font-size: 24px;

          font-weight: 600;

          margin: 10px 0;

          letter-spacing: 1px;

          color: #f47702; }

        .uvod-sluzby .uvod-sluzby-content .brick .brick-text p {

          font-size: 16px;

          line-height: 1.5;

          flex: 1 1 auto; }

        .uvod-sluzby .uvod-sluzby-content .brick .brick-text a {

          color: #f47702;

          padding: 10px 15px;

          border: 2px solid #f47702;

          text-decoration: none;

          display: inline-block;

          position: relative;

          bottom: 100px;

          transition: all 0.4s; }

        .uvod-sluzby .uvod-sluzby-content .brick .brick-text a:hover {

          background-color: #f47702;

          color: #ffffff; }



@media screen and (max-width: 1116px) {

  .uvod-sluzby {

    clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);

    padding-bottom: 9em; }

    .uvod-sluzby .uvod-sluzby-content .brick {

      width: 50%;

      padding: 0 20px; }

    .uvod-sluzby .uvod-sluzby-content .brick:nth-child(3) {

      margin-top: 5em; }

    .uvod-sluzby .uvod-sluzby-content .brick:nth-child(4) {

      margin-top: 5em; } }

@media screen and (max-width: 580px) {

  .uvod-sluzby {

    clip-path: polygon(0 0, 100% 0, 100% 95%, 0 100%);

    padding-bottom: 9em; }

    .uvod-sluzby .uvod-sluzby-content .brick {

      width: 100%;

      padding: 0 20px; }

    .uvod-sluzby .uvod-sluzby-content .brick:nth-child(2) {

      margin-top: 5em; }

    .uvod-sluzby .uvod-sluzby-content .brick:nth-child(3) {

      margin-top: 5em; }

    .uvod-sluzby .uvod-sluzby-content .brick:nth-child(4) {

      margin-top: 5em; } }

.uvod-sluzby-srovnani-polygon {

  background: linear-gradient(rgba(255, 157, 64, 0.9), rgba(247, 130, 20, 0.9));

  background-position: center center;

  background-size: cover; }



.uvod-srovnani .uvod-srovnani-content {

  display: flex;

  flex-direction: row;

  justify-content: space-between; }

  .uvod-srovnani .uvod-srovnani-content .srovnani-wrap {

    width: 45%;

    color: #ffffff;

    text-align: center; }

    .uvod-srovnani .uvod-srovnani-content .srovnani-wrap h2 {

      font-size: 38px;

      margin-bottom: 10px;

      font-weight: 600;

      letter-spacing: 2px; }

    .uvod-srovnani .uvod-srovnani-content .srovnani-wrap p {

      line-height: 1.4;

      margin: 1em 0; }



@media screen and (max-width: 670px) {

  .uvod-srovnani .uvod-srovnani-content {

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    text-align: center; }

    .uvod-srovnani .uvod-srovnani-content .srovnani-wrap {

      width: 100%;

      color: #ffffff;

      margin-bottom: 3em; }

      .uvod-srovnani .uvod-srovnani-content .srovnani-wrap h2 {

        font-size: 24px;

        margin-bottom: 10px;

        font-weight: 600;

        line-height: 1.25; } }

.quote-wrap {

  background-color: #f2f2f2; }

  .quote-wrap h2 {

    color: #383838;

    font-size: 38px;

    padding-top: 40px;

    font-weight: 600; }



.quote-slider {

  width: 100%;

  height: 200px;

  list-style: none;

  display: block;

  position: relative;

  overflow-x: hidden; }

  .quote-slider li {

    display: inline-block;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    right: -100%;

    width: 100%;

    font-size: 16px;

    color: #fff;

    font-style: italic;

    text-align: center;

    color: #383838; }

    .quote-slider li .quote-content {

      line-height: 1.3; }

    .quote-slider li .author {

      font-weight: 600;

      margin-top: 10px;

      font-size: 16px;

      color: #f47702;

      padding-top: 10px;

      padding-bottom: 10px; }



@media screen and (max-width: 770px) {

  .quote-wrap h2 {

    text-align: center;

    line-height: 1.2;

    font-size: 30px; }



  .quote-slider {

    height: 350px; } }

section {

  height: 500px; }



.uvod-aktuality-wrap h2 {

  color: #383838;

  font-size: 38px;

  padding-top: 40px;

  font-weight: 600;

  margin-bottom: 32px; }

.uvod-aktuality-wrap .uvod-aktuality {

  display: flex;

  flex-direction: row;

  justify-content: space-between; }

  .uvod-aktuality-wrap .uvod-aktuality .aktualita-uvod {

    width: 30%;

    transition: all 0.3s ease-in-out;

    bakcground-color: #ffffff; }

    .uvod-aktuality-wrap .uvod-aktuality .aktualita-uvod a {

      text-decoration: none; }

      .uvod-aktuality-wrap .uvod-aktuality .aktualita-uvod a span {

        display: block;

        width: 100%;

        height: 200px;

        background: no-repeat center center;

        -webkit-background-size: cover;

        -moz-background-size: cover;

        -o-background-size: cover;

        background-size: cover; }

      .uvod-aktuality-wrap .uvod-aktuality .aktualita-uvod a h3 {

        color: #383838;

        font-size: 24px;

        font-weight: 600;

        margin: 10px 0;

        line-height: 1.3;

        padding: 0 10px; }

      .uvod-aktuality-wrap .uvod-aktuality .aktualita-uvod a p {

        color: #707070;

        font-size: 18px;

        line-height: 1.3;

        padding: 0 10px;

        margin-bottom: 10px; }

  .uvod-aktuality-wrap .uvod-aktuality .aktualita-uvod:hover {

    transform: scale(1.1, 1.1);

    box-shadow: 0px 0px 18px #888888; }

.uvod-aktuality-wrap .uvod-aktuality-button {

  display: flex;

  justify-content: center;

  margin-top: 3em; }

  .uvod-aktuality-wrap .uvod-aktuality-button a {

    background-color: transparent;

    color: #f47702;

    padding: 16px 32px;

    text-align: center;

    text-decoration: none;

    display: inline-block;

    font-size: 20px;

    margin: 4px 2px;

    transition: all 0.4s;

    cursor: pointer;

    border: 1px solid #f47702;

    font-weight: 600;

    letter-spacing: 2px; }

  .uvod-aktuality-wrap .uvod-aktuality-button a:hover {

    background-color: #f47702;

    color: #ffffff; }



@media screen and (max-width: 900px) {

  .uvod-aktuality-wrap h2 {

    text-align: center;

    font-size: 32px; }

  .uvod-aktuality-wrap .uvod-aktuality {

    flex-direction: column;

    justify-content: center; }

    .uvod-aktuality-wrap .uvod-aktuality .aktualita-uvod {

      width: 100%;

      max-width: 300px;

      margin: 0 auto 40px; } }

.business-card-wrap {

  background: linear-gradient(to right, #f47702 0%, #ff9d40 50%, #4a4a4a 50%, #2c2c2c 100%);

  width: 100%; }

  .business-card-wrap .business-card-center {

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 48px 0; }

  .business-card-wrap .business-card {

    width: 100%;

    max-width: 700px;

    background-color: white;

    box-shadow: 0px 0px 18px #2b2b2b;

    padding: 10px;

    display: flex;

    flex-direction: row; }

    .business-card-wrap .business-card .bs-card-image {

      background-image: url("../image/static/david-slouka-card.JPG");

      height: 100%;

      min-height: 300px;

      background-position: center;

      background-repeat: no-repeat;

      background-size: cover;

      width: 40%; }

    .business-card-wrap .business-card .bs-card-text {

      box-sizing: border-box;

      width: 60%;

      margin-left: 10px;

      color: #383838; }

      .business-card-wrap .business-card .bs-card-text h3 {

        font-size: 22px; }

      .business-card-wrap .business-card .bs-card-text p {

        font-size: 18px;

        line-height: 1.3;

        margin-top: 8px; }

        .business-card-wrap .business-card .bs-card-text p i {

          color: #f47702;

          font-size: 22px; }

      .business-card-wrap .business-card .bs-card-text .orange-name {

        color: #f47702; }

      .business-card-wrap .business-card .bs-card-text strong {

        font-weight: 600; }



@media screen and (max-width: 760px) {

  .business-card-wrap .business-card {

    flex-direction: column; }

    .business-card-wrap .business-card .bs-card-image {

      width: 100%;

      max-width: 300px;

      margin: 0 auto; }

    .business-card-wrap .business-card .bs-card-text {

      width: 100%;

      margin-left: 0;

      margin-top: 10px; } }

.finredo-uvod-wrap .finredo-uvod-content {

  display: flex;

  flex-direction: row;

  justify-content: space-between; }

  .finredo-uvod-wrap .finredo-uvod-content .finredo-uvod-left {

    width: 45%; }

    .finredo-uvod-wrap .finredo-uvod-content .finredo-uvod-left .finredo-uvod-center-logo h3 {

      color: #808080;

      font-size: 1.8em;

      text-align: center;

      font-weight: 300;

      margin-bottom: 16px;

      font-style: italic; }

    .finredo-uvod-wrap .finredo-uvod-content .finredo-uvod-left .finredo-uvod-center-logo img {

      width: 100%;

      height: auto;

      max-width: 400px;

      display: block;

      margin: 0 auto; }

  .finredo-uvod-wrap .finredo-uvod-content .finredo-uvod-right {

    width: 45%; }

    .finredo-uvod-wrap .finredo-uvod-content .finredo-uvod-right img {

      display: block;

      border-radius: 50%;

      max-width: 200px;

      height: auto;

      margin: 0 auto 1em; }

    .finredo-uvod-wrap .finredo-uvod-content .finredo-uvod-right p {

      color: #808080;

      max-width: 300px;

      margin: 0 auto;

      line-height: 1.4;

      text-align: center; }

.finredo-uvod-wrap .finredo-uvod-button {

  display: flex;

  justify-content: center;

  margin-top: 3em; }

  .finredo-uvod-wrap .finredo-uvod-button a {

    background-color: transparent;

    color: #f47702;

    padding: 16px 32px;

    text-align: center;

    text-decoration: none;

    display: inline-block;

    font-size: 20px;

    margin: 4px 2px;

    transition: all 0.4s;

    cursor: pointer;

    border: 1px solid #f47702;

    font-weight: 600;

    letter-spacing: 2px; }

  .finredo-uvod-wrap .finredo-uvod-button a:hover {

    background-color: #f47702;

    color: #ffffff; }



@media screen and (max-width: 900px) {

  .finredo-uvod-wrap .finredo-uvod-content {

    flex-direction: column; }

    .finredo-uvod-wrap .finredo-uvod-content .finredo-uvod-left {

      width: 100%;

      margin-bottom: 5em; }

    .finredo-uvod-wrap .finredo-uvod-content .finredo-uvod-right {

      width: 100%; }

      .finredo-uvod-wrap .finredo-uvod-content .finredo-uvod-right img {

        max-width: 175px; } }

.sluzby-wrap .sluzby-content .sluzby-image img {

  width: 100%;

  height: auto; }

.sluzby-wrap .sluzby-content .sluzby-text {

  margin-bottom: 7em; }

  .sluzby-wrap .sluzby-content .sluzby-text h1 {

    color: #f47702;

    font-size: 2.6em;

    line-height: 1.3; }

  .sluzby-wrap .sluzby-content .sluzby-text p {

    color: #383838;

    line-height: 1.7;

    margin: 1em 0; }

  .sluzby-wrap .sluzby-content .sluzby-text .uls {

    display: flex;

    flex-direction: row;

    justify-content: space-between; }

    .sluzby-wrap .sluzby-content .sluzby-text .uls .ul-with-header {

      width: 45%; }

      .sluzby-wrap .sluzby-content .sluzby-text .uls .ul-with-header h2 {

        font-weight: 600;

        color: #383838;

        font-size: 1.5em;

        margin-bottom: 10px; }

      .sluzby-wrap .sluzby-content .sluzby-text .uls .ul-with-header ul {

        list-style-image: url("../image/static/ul-image.png");

        margin-left: 30px; }

        .sluzby-wrap .sluzby-content .sluzby-text .uls .ul-with-header ul li {

          color: #f47702;

          font-size: 1.25em;

          line-height: 2; }

@media screen and (max-width: 550px) {

    .sluzby-wrap .sluzby-content .sluzby-text .uls {

      flex-direction: column; }

      .sluzby-wrap .sluzby-content .sluzby-text .uls .ul-with-header {

        width: 100%;

        margin-bottom: 15px; } }

  .sluzby-wrap .sluzby-content .sluzby-text .ul ul {

    list-style-image: url("../image/static/ul-image.png");

    margin-left: 30px; }

    .sluzby-wrap .sluzby-content .sluzby-text .ul ul li {

      color: #f47702;

      font-size: 1.25em;

      line-height: 2; }

      .sluzby-wrap .sluzby-content .sluzby-text .ul ul li span {

        color: #383838; }



.content-new {

  padding-left: 4%;

  padding-right: 4%; }



.forms-wrap {

  font-family: "Open Sans", sans-serif;

  color: #383838;

  background-color: #f6f6f6; }

  .forms-wrap .forms-content {

    max-width: 650px;

    margin: 0 auto; }

    .forms-wrap .forms-content .intro h1 {

      font-size: 3em;

      margin-bottom: 0.5em;

      font-weight: 600; }

    .forms-wrap .forms-content .intro p {

      font-size: 0.9;

      margin-bottom: 12px;

      line-height: 1.3; }

    .forms-wrap .forms-content .red {

      color: #eb2d2d; }

    .forms-wrap .forms-content .field .question {

      background-color: #fff;

      border: 1px solid #dadce0;

      border-radius: 8px;

      padding: 24px;

      margin-bottom: 12px; }

      .forms-wrap .forms-content .field .question h2 {

        font-size: 1.5em;

        font-weight: 600; }

      .forms-wrap .forms-content .field .question p {

        line-height: 24px;

        font-weight: 600;

        letter-spacing: .3px; }

      .forms-wrap .forms-content .field .question label {

        color: #70757a;

        line-height: 1.3; }

      .forms-wrap .forms-content .field .question input[type=text], .forms-wrap .forms-content .field .question input[type=email], .forms-wrap .forms-content .field .question input[type=number] {

        width: 100%;

        padding: 12px 20px;

        margin: 8px 0;

        display: inline-block;

        border: 1px solid #ccc;

        border-radius: 4px;

        box-sizing: border-box;

        -webkit-transition: 0.5s;

        transition: 0.5s;

        outline: none; }

      .forms-wrap .forms-content .field .question input::-webkit-outer-spin-button,

      .forms-wrap .forms-content .field .question input::-webkit-inner-spin-button {

        -webkit-appearance: none;

        margin: 0; }

      .forms-wrap .forms-content .field .question input[type=number] {

        -moz-appearance: textfield; }

      .forms-wrap .forms-content .field .question input[type=text]:focus, .forms-wrap .forms-content .field .question [type=email]:focus, .forms-wrap .forms-content .field .question [type=number]:focus {

        border: 1px solid #f47702; }

      .forms-wrap .forms-content .field .question .hide-intro {

        margin: 0.5em 0; }

    .forms-wrap .forms-content .field .hidden {

      display: none; }

    .forms-wrap .forms-content .field .heading {

      background-color: #f47702;

      color: #fff; }

    .forms-wrap .forms-content .form-button {

      display: flex;

      flex-direction: row;

      justify-content: center; }

      .forms-wrap .forms-content .form-button input[type=submit] {

        margin-top: 2em; }



.hidden {

  display: none; }



.jine {

  margin-top: 6px; }



.left-margin {

  margin-left: 15px; }



.container-checkbox {

  margin-top: 0.3em;

  display: block;

  position: relative;

  padding-left: 35px;

  line-height: 1.4;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none; }



/* Hide the browser's default checkbox */

.container-checkbox input {

  position: absolute;

  opacity: 0;

  cursor: pointer;

  height: 0;

  width: 0; }



/* Create a custom checkbox */

.checkmark-checkbox {

  position: absolute;

  top: 0;

  left: 0;

  height: 20px;

  width: 20px;

  background-color: #fff;

  border: 2px solid #6b6b6b;

  border-radius: 4px; }



/* On mouse-over, add a grey background color */

.container-checkbox:hover input ~ .checkmark-checkbox {

  background-color: #feb978; }



/* When the checkbox is checked, add an orange background */

.container-checkbox input:checked ~ .checkmark-checkbox {

  background-color: #f47702;

  border: 2px solid #f47702; }



/* Create the checkmark/indicator (hidden when not checked) */

.checkmark-checkbox:after {

  content: "";

  position: absolute;

  display: none; }



/* Show the checkmark when checked */

.container-checkbox input:checked ~ .checkmark-checkbox:after {

  display: block; }



/* Style the checkmark/indicator */

.container-checkbox .checkmark-checkbox:after {

  left: 4px;

  top: 0px;

  width: 5px;

  height: 10px;

  border: solid white;

  border-width: 0 3px 3px 0;

  -webkit-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  transform: rotate(45deg); }



/* The container */

.container-radio {

  display: block;

  position: relative;

  padding-left: 30px;

  margin-top: 6px;

  cursor: pointer;

  line-height: 1.4;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none; }



/* Hide the browser's default radio button */

.container-radio input {

  position: absolute;

  opacity: 0;

  cursor: pointer; }



/* Create a custom radio button */

.checkmark-radio {

  position: absolute;

  top: 0;

  left: 0;

  height: 20px;

  width: 20px;

  background-color: #fff;

  border: 2px solid #6b6b6b;

  border-radius: 50%; }



/* On mouse-over, add a grey background color */

.container-radio:hover input ~ .checkmark-radio {

  background-color: #feb978; }



/* When the radio button is checked, add a blue background */

.container-radio input:checked ~ .checkmark-radio {

  background-color: #f47702;

  border: 2px solid #f47702; }



/* Create the indicator (the dot/circle - hidden when not checked) */

.checkmark-radio:after {

  content: "";

  position: absolute;

  display: none; }



/* Show the indicator (dot/circle) when checked */

.container-radio input:checked ~ .checkmark-radio:after {

  display: block; }



/* Style the indicator (dot/circle) */

.container-radio .checkmark-radio:after {

  top: 5px;

  left: 5px;

  width: 6px;

  height: 6px;

  border-radius: 50%;

  background: white; }



.select-wrapper {

  position: relative;

  width: 250px; }

  .select-wrapper::after {

    color: #6b6b6b;

    content: '▾';

    margin-right: 10px;

    pointer-events: none;

    position: absolute;

    right: 10px;

    top: 14px;

    font-size: 14px; }



.select {

  -moz-appearance: none;

  -webkit-appearance: none;

  background: white;

  border: none;

  border-radius: 0;

  cursor: pointer;

  padding: 12px;

  width: 100%;

  font-size: 16px;

  border: 1px solid #ccc;

  border-radius: 4px; }

  .select:focus {

    color: black;

    border-radius: 4px; }

  .select::-ms-expand {

    display: none; }



.forms-list-wrap {

  background-color: #f6f6f6; }

  .forms-list-wrap .forms-list-content h1 {

    text-align: center;

    color: #f47702;

    font-size: 2.5em;

    font-weight: 600;

    margin-bottom: 1em;

    text-transform: uppercase; }

  .forms-list-wrap .forms-list-content .forms-table {

    display: flex;

    flex-wrap: wrap; }

    .forms-list-wrap .forms-list-content .forms-table a {

      background-color: #fff;

      width: 200px;

      height: 200px;

      display: flex;

      justify-content: center;

      align-items: center;

      margin: 3%;

      text-decoration: none;

      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);

      transition: all 0.2s ease-in-out; }

      .forms-list-wrap .forms-list-content .forms-table a .form-content {

        display: flex;

        flex-direction: column;

        text-align: center;

        color: #383838; }

        .forms-list-wrap .forms-list-content .forms-table a .form-content .form-icon {

          font-size: 3em;

          margin-bottom: 12px; }

        .forms-list-wrap .forms-list-content .forms-table a .form-content .heading {

          text-transform: uppercase;

          font-size: 1.2em;

          font-weight: 600;

          margin-bottom: 12px;

          color: #f47702;

          line-height: 1.2;

          letter-spacing: 1.5px;

          padding: 0 5px; }

        .forms-list-wrap .forms-list-content .forms-table a .form-content .link i {

          color: #f47702; }

    .forms-list-wrap .forms-list-content .forms-table a::after {

      opacity: 0;

      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);

      transition: opacity 0.2s ease-in-out; }

    .forms-list-wrap .forms-list-content .forms-table a:hover {

      transform: scale(1.1, 1.1); }

    .forms-list-wrap .forms-list-content .forms-table a:hover::after {

      opacity: 1; }

  @media screen and (max-width: 510px) {

    .forms-list-wrap .forms-list-content .forms-table {

      justify-content: center; } }



.dotaznik-odeslan {

  background-color: #f6f6f6; }

  .dotaznik-odeslan .dotaznik-odeslan-content {

    padding: 5em 0; }

    .dotaznik-odeslan .dotaznik-odeslan-content p {

      color: #383838; }

    .dotaznik-odeslan .dotaznik-odeslan-content .info-text {

      font-size: 1.3em;

      margin-bottom: 1em;

      font-weight: 600; }

      .dotaznik-odeslan .dotaznik-odeslan-content .info-text a {

        color: #f47702; }

      .dotaznik-odeslan .dotaznik-odeslan-content .info-text a:hover {

        color: #c15e02; }

    .dotaznik-odeslan .dotaznik-odeslan-content .podpis {

      font-style: italic;

      margin-bottom: 3em;

      font-size: 1.2em; }



.uvod-aktuality-wrap h2 {

  color: #383838;

  font-size: 38px;

  padding-top: 40px;

  font-weight: 600;

  margin-bottom: 32px; }

.uvod-aktuality-wrap .aktuality-bottom-content {

  padding-bottom: 7em; }

.uvod-aktuality-wrap .uvod-aktuality {

  display: flex;

  flex-direction: row;

  justify-content: space-between;

  flex-wrap: wrap; }

  .uvod-aktuality-wrap .uvod-aktuality .aktualita-uvod {

    width: 30%;

    transition: all 0.3s ease-in-out;

    bakcground-color: #ffffff;

    margin-top: 3em; }

    .uvod-aktuality-wrap .uvod-aktuality .aktualita-uvod a {

      text-decoration: none; }

      .uvod-aktuality-wrap .uvod-aktuality .aktualita-uvod a span {

        display: block;

        width: 100%;

        height: 200px;

        background: no-repeat center center;

        -webkit-background-size: cover;

        -moz-background-size: cover;

        -o-background-size: cover;

        background-size: cover; }

      .uvod-aktuality-wrap .uvod-aktuality .aktualita-uvod a h3 {

        color: #383838;

        font-size: 24px;

        font-weight: 600;

        margin: 10px 0;

        line-height: 1.3;

        padding: 0 10px; }

      .uvod-aktuality-wrap .uvod-aktuality .aktualita-uvod a p {

        color: #707070;

        font-size: 18px;

        line-height: 1.3;

        padding: 0 10px;

        margin-bottom: 10px; }

  .uvod-aktuality-wrap .uvod-aktuality .aktualita-uvod:hover {

    transform: scale(1.1, 1.1);

    box-shadow: 0px 0px 18px #888888; }

.uvod-aktuality-wrap .uvod-aktuality-button {

  display: flex;

  justify-content: center;

  margin-top: 3em; }

  .uvod-aktuality-wrap .uvod-aktuality-button a {

    background-color: transparent;

    color: #f47702;

    padding: 16px 32px;

    text-align: center;

    text-decoration: none;

    display: inline-block;

    font-size: 20px;

    margin: 4px 2px;

    transition: all 0.4s;

    cursor: pointer;

    border: 1px solid #f47702;

    font-weight: 600;

    letter-spacing: 2px; }

  .uvod-aktuality-wrap .uvod-aktuality-button a:hover {

    background-color: #f47702;

    color: #ffffff; }



@media screen and (max-width: 900px) {

  .uvod-aktuality-wrap h2 {

    text-align: center;

    font-size: 32px; }

  .uvod-aktuality-wrap .uvod-aktuality {

    flex-direction: column;

    justify-content: center; }

    .uvod-aktuality-wrap .uvod-aktuality .aktualita-uvod {

      width: 100%;

      max-width: 300px;

      margin: 0 auto 40px; } }

.aktualita .aktualita-image img {

  width: 100%;

  max-height: 500px; }

.aktualita .aktualita-content-wrap .aktualita-text {

  padding-left: 2%;

  padding-right: 2%; }

  .aktualita .aktualita-content-wrap .aktualita-text .aktualita-header h1 {

    color: #f47702;

    font-size: 2em;

    margin-top: 0.5em;

    line-height: 1.1;

    font-weight: 600; }

  .aktualita .aktualita-content-wrap .aktualita-text .aktualita-header p {

    font-style: italic;

    margin-bottom: 1em;

    margin-top: 1em;

    font-size: 1.2em;

    line-height: 1.2;

    color: #1b1b1b; }

  .aktualita .aktualita-content-wrap .aktualita-text .aktualita-content h1, .aktualita .aktualita-content-wrap .aktualita-text .aktualita-content h2, .aktualita .aktualita-content-wrap .aktualita-text .aktualita-content h3, .aktualita .aktualita-content-wrap .aktualita-text .aktualita-content h4, .aktualita .aktualita-content-wrap .aktualita-text .aktualita-content h5, .aktualita .aktualita-content-wrap .aktualita-text .aktualita-content h6 {

    font-weight: 600;

    margin: 0.75em 0;

    color: #333; }

  .aktualita .aktualita-content-wrap .aktualita-text .aktualita-content h1 {

    font-size: 1.8em; }

  .aktualita .aktualita-content-wrap .aktualita-text .aktualita-content h2 {

    font-size: 1.7em; }

  .aktualita .aktualita-content-wrap .aktualita-text .aktualita-content h3 {

    font-size: 1.6em; }

  .aktualita .aktualita-content-wrap .aktualita-text .aktualita-content h4 {

    font-size: 1.5em; }

  .aktualita .aktualita-content-wrap .aktualita-text .aktualita-content h5 {

    font-size: 1.4em; }

  .aktualita .aktualita-content-wrap .aktualita-text .aktualita-content h6 {

    font-size: 1.3em; }

  .aktualita .aktualita-content-wrap .aktualita-text .aktualita-content em {

    font-style: italic; }

  .aktualita .aktualita-content-wrap .aktualita-text .aktualita-content img {

    max-width: 100%;

    height: auto;

    display: block;

    margin: 0 auto; }

  .aktualita .aktualita-content-wrap .aktualita-text .aktualita-content p {

    line-height: 1.3;

    font-size: 1.2em;

    margin: 0.75em 0;

    color: #1b1b1b; }

  .aktualita .aktualita-content-wrap .aktualita-text .aktualita-content a {

    color: #f47702; }

  .aktualita .aktualita-content-wrap .aktualita-text .aktualita-content a:hover {

    color: #8f4601; }

  .aktualita .aktualita-content-wrap .aktualita-text .aktualita-content strong {

    font-weight: 600;

    color: #f47702; }

  .aktualita .aktualita-content-wrap .aktualita-text .aktualita-content ul {

    margin: 0.5em 0 0.5em 1.5em;

    line-height: 1.3;

    font-size: 1.1em;

    color: #1b1b1b; }

  .aktualita .aktualita-content-wrap .aktualita-text .aktualita-content ol {

    margin: 0.5em 0 0.5em 1.5em;

    line-height: 1.3;

    font-size: 1.1em;

    color: #1b1b1b; }

  .aktualita .aktualita-content-wrap .aktualita-text .aktualita-content table {

    border-collapse: collapse;

    border-spacing: 0;

    width: 100%;

    border: 1px solid #ddd;

    overflow-x: auto; }

  .aktualita .aktualita-content-wrap .aktualita-text .aktualita-content th, .aktualita .aktualita-content-wrap .aktualita-text .aktualita-content td {

    padding: 8px; }

  .aktualita .aktualita-content-wrap .aktualita-text .aktualita-content thead {

    font-weight: 600;

    color: #fff;

    background: #f47702; }

  .aktualita .aktualita-content-wrap .aktualita-text .aktualita-content tr:nth-child(even) {

    background-color: #f2f2f2; }

.aktualita .aktualita-second .aktualita-share {

  display: flex;

  flex-direction: row;

  justify-content: center;

  align-items: center;

  padding: 1em 0; }

  .aktualita .aktualita-second .aktualita-share div {

    margin-left: 1.5em; }

.aktualita .aktualita-second .aktualita-autor {

  text-align: center;

  margin-top: 1.5em; }

  .aktualita .aktualita-second .aktualita-autor .aktualita-autor-image {

    margin: 0 auto;

    width: 200px;

    height: 200px;

    border-radius: 50%;

    border-top: 4px solid #f47702; }

    .aktualita .aktualita-second .aktualita-autor .aktualita-autor-image img {

      width: 100%;

      height: auto;

      border-radius: 50%; }

  .aktualita .aktualita-second .aktualita-autor .jmeno {

    color: #333;

    font-size: 1.5em;

    font-weight: 600;

    margin-top: 0.5em;

    margin-bottom: 0.5em; }

  .aktualita .aktualita-second .aktualita-autor a {

    color: #f47702;

    font-size: 1.3em; }

  .aktualita .aktualita-second .aktualita-autor a:hover {

    color: #a85201; }

  .aktualita .aktualita-second .aktualita-autor .datum {

    font-size: 1.2em;

    color: #a1a1a1;

    font-style: italic;

    margin-top: 1em;

    margin-bottom: 1em; }

.aktualita .aktualita-second .aktualita-dalsi-clanky-wrap .aktualita-dalsi {

  box-sizing: border-box;

  width: 90%;

  margin-left: 5%;

  margin-bottom: 2em; }

  .aktualita .aktualita-second .aktualita-dalsi-clanky-wrap .aktualita-dalsi a {

    text-decoration: none;

    color: #383838; }

  .aktualita .aktualita-second .aktualita-dalsi-clanky-wrap .aktualita-dalsi span {

    display: block;

    width: 100%;

    height: 200px;

    border-radius: 5px;

    background: no-repeat center center;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover; }

  .aktualita .aktualita-second .aktualita-dalsi-clanky-wrap .aktualita-dalsi h1 {

    font-size: 1.5em;

    font-weight: 600;

    margin: 0.5em 0;

    line-height: 1.3em; }

  .aktualita .aktualita-second .aktualita-dalsi-clanky-wrap .aktualita-dalsi p {

    line-height: 1.4em; }

.aktualita .aktualita-second .aktualita-dalsi-clanky-wrap .aktualita-dalsi:hover a {

  color: #f47702; }

.aktualita .aktualita-second .fb-banner {

  margin-top: 1em;

  margin-bottom: 1em; }

  .aktualita .aktualita-second .fb-banner .fb-banner-center {

    width: 300px;

    height: 130px;

    margin: 0 auto; }



@media screen and (min-width: 600px) {

  .aktualita-dalsi-clanky-wrap .aktualita-dalsi {

    width: 70% !important;

    margin-left: 15% !important; } }

@media screen and (min-width: 800px) {

  .aktualita-dalsi-clanky-wrap .aktualita-dalsi {

    width: 50% !important;

    margin-left: 25% !important; } }

@media screen and (min-width: 1200px) {

  .aktualita-2bloky {

    display: flex;

    flex-direction: row; }

    .aktualita-2bloky .aktualita-content-wrap {

      width: 67.5%;

      margin-right: 5%; }

      .aktualita-2bloky .aktualita-content-wrap .aktualita-text {

        padding: 0;

        margin-bottom: 6em; }

    .aktualita-2bloky .aktualita-second {

      width: 27.5%; }

    .aktualita-2bloky .aktualita-dalsi-clanky-wrap {

      margin-top: 3em; }

      .aktualita-2bloky .aktualita-dalsi-clanky-wrap .aktualita-dalsi {

        width: 100% !important;

        margin-left: 0% !important; } }

/*





.aktualita{

    .aktualita-header{

        

        img{

           

            width:100%;                           

            max-height:600px;

        }

        h1{         

            margin:1em 3% 1em 3%;

            font-size:2.5em;

            font-weight:600;

            color:$main-color;

        }

    }

    .aktualita-content{

        margin:0 3%;

        h1, h2, h3, h4, h5, h6{font-weight:600;margin:0.75em 0;color:$text;}

        h1{font-size:1.8em;}

        h2{font-size:1.7em;}

        h3{font-size:1.6em;}

        h4{font-size:1.5em;}

        h5{font-size:1.4em;}

        h6{font-size:1.3em;}

        em{font-style:italic;}

        p{line-height:1.5em;color:$text;font-size:1.1em;}

        strong{color:$main-color;}

        a{color:$main-color;}

        table{border-collapse: collapse;overflow-x:auto;}

        td, th{border: 1px solid #ddd;padding: 8px;}

        tr:nth-child(even){background-color: #f2f2f2;}

        tr:hover {background-color: #ddd;}

        th {padding-top: 12px;padding-bottom: 12px;text-align: left;background-color: $main-color;color: white;}

    }

    

    .share-button{

        margin:2em 1em 2em;

        text-align:right;

    }

}



*/

.paginace-wrap {

  margin-top: 5em; }

  .paginace-wrap .paginace ul {

    display: flex;

    flex-direction: row;

    justify-content: center;

    flex-wrap: wrap;

    font-weight: 600; }

    .paginace-wrap .paginace ul li {

      display: flex;

      justify-content: center;

      align-items: center;

      margin: 5px;

      width: 50px;

      height: 50px; }

      .paginace-wrap .paginace ul li a {

        width: 50px;

        height: 50px;

        text-decoration: none;

        color: #9e9e9e;

        display: flex;

        justify-content: center;

        align-items: center;

        font-size: 20px;

        background-color: #d4d4d4; }

      .paginace-wrap .paginace ul li a:hover {

        background-color: #f47702;

        color: #ffffff; }

    .paginace-wrap .paginace ul .aktivni {

      width: 50px;

      height: 50px;

      font-size: 20px;

      border: 1px solid #f47702;

      color: #ffffff;

      background-color: #f47702; }

    .paginace-wrap .paginace ul .neaktivni {

      width: 50px;

      height: 50px;

      font-size: 20px;

      background-color: #d4d4d4; }



@media only screen and (max-width: 650px) {

  .paginace-wrap .paginace ul li {

    width: 40px;

    height: 40px; }

    .paginace-wrap .paginace ul li a {

      width: 40px;

      height: 40px;

      font-size: 16px; }

  .paginace-wrap .paginace ul .aktivni {

    width: 40px;

    height: 40px;

    font-size: 16px; }

  .paginace-wrap .paginace ul .neaktivni {

    width: 40px;

    height: 40px;

    font-size: 16px; } }

.kontakt {

  width: 96%;

  margin-bottom: 3em;

  margin-left: 2%;

  margin-right: 2%; }

  .kontakt h1 {

    font-size: 1.5em;

    color: #f47702;

    margin: 3em 0 1.5em 0; }

  .kontakt .red {

    color: #eb4034; }

  .kontakt label {

    color: #383838; }

  .kontakt input[type=text], .kontakt input[type=email], .kontakt select, .kontakt textarea {

    width: 100%;

    padding: 12px;

    border: 1px solid #ccc;

    border-radius: 4px;

    box-sizing: border-box;

    margin-top: 6px;

    margin-bottom: 16px;

    resize: vertical; }

  .kontakt input[type=submit] {

    background-color: #f47702;

    color: white;

    padding: 12px 20px;

    border: none;

    border-radius: 4px;

    cursor: pointer; }

  .kontakt input[type=submit]:hover {

    background-color: #cc6302; }

  .kontakt .kontakt-info .kontakt-info-content {

    display: flex;

    flex-direction: row;

    justify-content: space-between; }

    .kontakt .kontakt-info .kontakt-info-content .m {

      width: 49%;

      height: 300px; }

    .kontakt .kontakt-info .kontakt-info-content .davidKontakt-wrap {

      display: flex;

      flex-direction: row;

      width: 49%;

      justify-content: space-between; }

      .kontakt .kontakt-info .kontakt-info-content .davidKontakt-wrap img {

        width: 49%;

        border: 2px solid #f47702; }

      .kontakt .kontakt-info .kontakt-info-content .davidKontakt-wrap ul {

        width: 45%; }

        .kontakt .kontakt-info .kontakt-info-content .davidKontakt-wrap ul h2 {

          font-size: 1.3em;

          color: #f47702;

          margin-bottom: 1.25em; }

        .kontakt .kontakt-info .kontakt-info-content .davidKontakt-wrap ul li {

          margin-top: 0.75em; }

  @media screen and (max-width: 1200px) {

    .kontakt .kontakt-info .kontakt-info-content {

      flex-direction: column; }

      .kontakt .kontakt-info .kontakt-info-content .m {

        width: 100%; }

      .kontakt .kontakt-info .kontakt-info-content .davidKontakt-wrap {

        width: 100%;

        margin-top: 2em; }

        .kontakt .kontakt-info .kontakt-info-content .davidKontakt-wrap img {

          width: 30%; }

        .kontakt .kontakt-info .kontakt-info-content .davidKontakt-wrap ul {

          width: 60%; } }

  @media screen and (max-width: 700px) {

    .kontakt .kontakt-info .kontakt-info-content .davidKontakt-wrap {

      width: 100%;

      margin-top: 2em; }

      .kontakt .kontakt-info .kontakt-info-content .davidKontakt-wrap img {

        width: 45%; }

      .kontakt .kontakt-info .kontakt-info-content .davidKontakt-wrap ul {

        width: 45%; } }

  @media screen and (max-width: 500px) {

    .kontakt .kontakt-info .kontakt-info-content .davidKontakt-wrap {

      flex-direction: column;

      justify-content: center; }

      .kontakt .kontakt-info .kontakt-info-content .davidKontakt-wrap img {

        width: 99%; }

      .kontakt .kontakt-info .kontakt-info-content .davidKontakt-wrap ul {

        width: 99%; } }



.cookies-oos .cookies-oos-content h1 {

  color: #f47702;

  font-size: 2em;

  margin: 16px 0; }

.cookies-oos .cookies-oos-content h2 {

  font-size: 1.5em;

  color: #383838;

  margin-top: 32px;

  margin-bottom: 16px; }

.cookies-oos .cookies-oos-content p {

  color: #383838;

  line-height: 1.6; }

.cookies-oos .cookies-oos-content ul {

  list-style-type: circle;

  margin-left: 16px; }

  .cookies-oos .cookies-oos-content ul li {

    color: #383838;

    line-height: 1.6; }

.cookies-oos .cookies-oos-content a {

  color: #f47702; }

.cookies-oos .cookies-oos-content a:hover {

  color: #c15e02; }



.partneri-wrap .partneri-list {

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  justify-content: space-around; }

  .partneri-wrap .partneri-list a {

    width: 300px;

    height: 175px;

    display: flex;

    justify-content: center;

    align-items: center;

    margin: 0 3em;

    margin-top: 1em; }

    .partneri-wrap .partneri-list a img {

      max-width: 300px;

      height: auto;

      max-height: 150px; }

  @media screen and (max-width: 400px) {

    .partneri-wrap .partneri-list a {

      width: 250px;

      height: 150px; }

      .partneri-wrap .partneri-list a img {

        max-width: 225px;

        max-height: 125px; } }



.finredo-wrap .finredo-content .finredo-heading img {

  display: block;

  width: 100%;

  max-width: 400px;

  height: auto;

  margin: 0 auto; }

.finredo-wrap .finredo-content .finredo-heading h1 {

  color: #383838;

  font-size: 2em;

  margin: 0.5em auto;

  text-align: center;

  max-width: 600px;

  font-weight: 600;

  line-height: 1.4; }

.finredo-wrap .finredo-content .finredo-heading p {

  color: #fff;

  font-size: 1.5em;

  background-image: linear-gradient(45deg, #f47702, #ff9029);

  padding: 1.5em 3em;

  line-height: 1.4; }

@media screen and (max-width: 650px) {

  .finredo-wrap .finredo-content .finredo-heading p {

    font-size: 1.2em;

    padding: 0.75em;

    text-align: center; } }

.finredo-wrap .finredo-content .finredo-sluzby-wrap {

  display: flex;

  flex-direction: row;

  justify-content: space-between;

  flex-wrap: wrap; }

  .finredo-wrap .finredo-content .finredo-sluzby-wrap .finredo-sluzba-cell {

    width: 47.5%;

    padding: 10px;

    box-shadow: 5px 5px 25px #b5b5b5;

    display: flex;

    flex-direction: column;

    margin-top: 2em; }

    .finredo-wrap .finredo-content .finredo-sluzby-wrap .finredo-sluzba-cell .left-image {

      width: 100%; }

      .finredo-wrap .finredo-content .finredo-sluzby-wrap .finredo-sluzba-cell .left-image img {

        margin-top: 1em;

        width: 100%;

        height: auto; }

    .finredo-wrap .finredo-content .finredo-sluzby-wrap .finredo-sluzba-cell .right-text {

      width: 100%; }

      .finredo-wrap .finredo-content .finredo-sluzby-wrap .finredo-sluzba-cell .right-text h3 {

        font-size: 1.6em;

        font-weight: 600;

        color: #383838;

        margin-bottom: 0.5em;

        margin-top: 0.5em; }

      .finredo-wrap .finredo-content .finredo-sluzby-wrap .finredo-sluzba-cell .right-text p {

        color: #383838;

        line-height: 1.4;

        font-size: 1.1em; }

        .finredo-wrap .finredo-content .finredo-sluzby-wrap .finredo-sluzba-cell .right-text p strong {

          font-weight: 600;

          color: #f47702; }

@media screen and (max-width: 900px) {

  .finredo-wrap .finredo-content .finredo-sluzby-wrap {

    flex-direction: column; }

    .finredo-wrap .finredo-content .finredo-sluzby-wrap .finredo-sluzba-cell {

      width: 100%; } }

.finredo-wrap .finredo-content .finredo-udaje {

  margin-top: 4em; }

  .finredo-wrap .finredo-content .finredo-udaje h3 {

    font-size: 1.6em;

    font-weight: 600;

    color: #383838;

    margin-bottom: 0.5em;

    margin-top: 0.5em;

    text-align: center; }

  .finredo-wrap .finredo-content .finredo-udaje .finredo-udaje-content {

    background-image: linear-gradient(45deg, #f47702, #ff9029);

    padding: 1.5em 3em;

    color: #fff;

    display: flex;

    flex-direction: row;

    justify-content: space-between; }

    .finredo-wrap .finredo-content .finredo-udaje .finredo-udaje-content ul {

      width: 47.5%; }

      .finredo-wrap .finredo-content .finredo-udaje .finredo-udaje-content ul li {

        font-size: 1.2em;

        line-height: 1.4; }

  @media screen and (max-width: 900px) {

    .finredo-wrap .finredo-content .finredo-udaje .finredo-udaje-content {

      flex-direction: column; }

      .finredo-wrap .finredo-content .finredo-udaje .finredo-udaje-content ul {

        width: 100%;

        text-align: center;

        margin-bottom: 1.5em; } }





/*# sourceMappingURL=style.css.map */