@import "https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i";



@import "https://fonts.googleapis.com/css?family=Saira:300,400,700&display=swap";



@import "https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";



body {font-family:'Open Sans',sans-serif;font-size: 15px;line-height:170%;color:#333;overflow-x:hidden}



p {

margin:0 0 10px

}



.h1,.h2,.h3,h1,h2,h3 {

font-weight:500;

margin:10px 0

}



h1,.h1 {

font-size:2.5em;

color:#000

}



h2,.h2 {font-size: 2.6em;color:#323232}



h3,.h3 {

font-size:1.4em;

color:#000

}



h4,.h4 {

font-size:1.2em;

color:#000

}



h1,.h1,h2,.h2,h3,.h3,h4,.h4 {

line-height:1.4;

font-family:"Saira",sans-serif

}

.h1-seo {

  position: absolute;

  width: 1px;

  height: 1px;

  overflow: hidden;

}

img {max-width: 100%;height:auto}



a {

color:#3DBDEE

}



a:hover {

color:#0d522e

}



.links,.views-display-link {background:#3DBDEE;color:#fff;padding:8px 0;padding-left:20px;padding-right:50px;margin-top:15px;position:relative;border-radius: 25px;display:inline-block}



.links:hover {

color:#fff;

position:relative;

text-decoration:none;

background:#a4a4a4

}



.links:after,.views-display-link:after {

-moz-transition:all .2s ease-in-out;

-ms-transition:all .2s ease-in-out;

-o-transition:all .2s ease-in-out;

-webkit-transition:all .2s ease-in-out;

content:"\f101";

font-family:"Font Awesome 5 Free";

font-weight:600;

font-size:16px;

line-height:1.2;

margin-top:-9px;

position:absolute;

right:20px;

top:50%;

transition:all .2s ease-in-out

}



ul.links.inline {

padding:0

}



ul.links.inline li {

list-style:none

}



.views-display-link {

background:#fff;

color:#3DBDEE;

margin-top:15px;

display:inline-table

}



.views-display-link:hover {

background:#3DBDEE;

color:#fff

}



.block {

margin-bottom:20px

}



.block footer {

text-align:center;

display:inline-block;

width:100%

}

.top_grip {

    background: #3dbdee;

    position: relative;

    z-index: 1;

    text-align: center;

}

.top_grip .col-sm-3 .col {

    display: block;

    font-size: 3.8rem;

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

    text-transform: uppercase;

    color: #262b35;

    align-items: center;

    float: left;

    line-height: unset;

    margin: 0;

    margin-top: 17px;

    font-weight: bold;

}

.top-header {display:flex;align-items:center;margin:15px 0}



.top-header .block {

margin:0

}



.middlesec .block h2,.region-cont-form h2 {text-align:center;font-size:2.5em;font-weight: 500;text-transform:uppercase;color: #444B6B;}



#wrapper {

margin:25px 0

}



#wrap-contact {padding: 0;}



.main-header {

background:url(../images/welcome_banner_bg.jpg);

color:#fff;

margin-bottom:20px;

background-size:cover;

position:relative

}



.main-header:after {content:"";position:absolute;top:0;left:0;right:0;bottom:0;background: #15161A;}



.path-frontpage .main-header nav {/* position:absolute; */}



.main-header nav {background:none;border:0;margin: 0;position:relative;width:100%;z-index:2}



.site-branding {

margin:0

}



.brand.logo {margin-right:5px;max-width: 100%;}



.region-header .brand {

display:inline-block;

vertical-align:middle;

line-height:100%

}



.site-name a {

font-size:26px;

color:#fff

}



.welcome-banner-text {

text-align:center;

line-height:160%;

max-width:600px;

padding:90px 0

}



.welcome-banner-text h2 {

font-size:30px;

font-weight:700;

color:#fff

}



.topwidget {

text-align:center;

padding:50px 0

}



.topwidget .fa {

font-size:60px;

background:#4D4F4A;

width:120px;

height:120px;

padding:32px;

border-radius:50%;

color:#fff;

margin-bottom:20px

}



.topwidget .fa span {

display:none

}



.footerwidget {

background:#2e2e2e;

color:#D0D0D0;

padding:10px 0

}



.footerwidget .fa {

font-size:140%;

margin:5px

}



.footerwidget img.left {

float:left;

margin:10px 10px 0 0

}



.copyright {

background:#2e2e2e;

color:#6d6d6d

}



.copyright p {

margin:13px 0

}



.footerwidget h2,.footerwidget .h2 {color:#FFF;font-size: 1.8em;line-height: 3;}

.region.region-footer-first

 {

    margin-left: 10px;

    margin-top: 10px;

}

.bottom-widgets {

text-align:center;

background:#FBFBFB;

padding:10px 0

}



.bottom-widgets .region {

padding:10px;

background:#f1f1f1

}



.footer-menu {

margin:0;

border:0;

background:#eee;

color:#fff

}



.footer-menu ul {

margin:10px 0;

padding:0

}



.footer-menu nav li {

display:inline-block

}



.footer-menu nav li a {

display:block;

padding:4px 20px 4px 0

}



.google_map p,.google_map .block {

margin:0

}



.google_map iframe {

display:block

}



.credit-link {

text-align:left

}



.social-media {margin:10px 0;overflow:hidden;float:left;width:100%;}



.social-media a {width:40px;height:30px;color: #ffffff;display:inline-block;margin:0 10px 0 0;text-align:center;background:none;font-size: 25px;}



.social-media.top a:hover {

opacity:.6;

color:#000

}



.social-media a:hover {

opacity:.6;

color:#fff

}



input,button,select,textarea {

padding:9px;

border:1px solid #C7C7C7

}



textarea#edit-message {

width:100%

}



input {

width:100%

}



input[type=checkbox] {

width:unset;

margin:5px

}



.contact-message-form label {

display:block

}



.form-actions {

text-align:center

}



.btn,input[type="submit"] {

background:#3DBDEE;

color:#fff;

border:0;

padding:15px 30px;

line-height:100%;

width:unset;

font-size:20px;

text-transform:uppercase

}



.btn:hover,input[type="submit"]:hover {

background:#3DBDEE

}



.path-frontpage .content_layout {

text-align:center

}



.path-frontpage .feed-icon {

display:none

}



.navbar-default .navbar-toggle {

background:#fff;

margin-right:0

}



nav h2 {

display:none

}



.menu-base-theme,.menu-base-theme a,.menu-base-theme a:hover,.menu-base-theme a:focus,.menu-base-theme a:active,.menu-base-theme a.highlighted {

background:none

}



.menu-base-theme li a {

background:#fbfbfb00

}



.main-menu {

position:relative;

z-index:99

}



.menu-base-theme a {

border-bottom:1px solid #EEF0F7

}



.menu-base-theme a span.sub-arrow {

color:#999;

font-size:20px;

padding:5px;

border-radius:2px;

border:0 solid #DCDCDC;

background:#efefef00

}



.navbar-toggle {

z-index:999

}



.breadcrumb {

background:none;

padding:0;

margin:0;

border-bottom:1px solid #eee

}



.breadcrumb ul {

padding:0

}



.breadcrumb ul li {

display:inline-block

}



#search-block-form {

display:table;

width:100%

}



#search-block-form .form-item,#search-block-form .form-actions {

display:table-cell;

vertical-align:top

}



#search-block-form input {

width:100%

}



.bd-example {

position:relative;

padding:20px;

border:2px solid #f7f7f9

}



.highlight {

padding:20px;

background-color:#f7f7f9

}



.highlight pre {

border:0;

background:none

}



.bd-example-type .table tr:first-child td {

border-top:0

}



.bd-example-type h1,.bd-example-type h2,.bd-example-type h3,.bd-example-type h4,.bd-example-type h5,.bd-example-type h6 {

margin:0

}



.bd-example-type .table td {

padding:15px 0;

border-color:#eee

}



.contact-message-feedback-form {

max-width:650px;

margin:0 auto;

border:1px solid #D8D8D8;

padding:10px 30px;

background:#F5F5F4

}



.contact-message-feedback-form .form-text,.contact-message-feedback-form .form-email,.contact-message-feedback-form .form-textarea {

width:100%

}



.user-login-form,.user-form,.user-pass {

max-width:650px;

margin:40px auto;

border:1px solid #ddd;

padding:10px 30px;

background:#FBFBFB

}



.user-login-form .form-text,.user-login-form .form-email,.user-form .form-text,.user-form .form-email,.user-pass .form-text {

width:100%

}



.col-sm-12.js-form-item.form-item.js-form-type-checkbox {

display:flex;

justify-content:center

}



.form-composite > .fieldset-wrapper > .description,.form-item .description {

color:#999;

font-size:1em

}



.maintenance-page {

background:url(../images/maintenance-bg.png) #3DBDEE center no-repeat;

color:#fff;

text-align:center;

padding-top:220px;

padding-bottom:100px;

font-size:18px;

color:#000

}



.maintenance-msg {

margin:20px 0;

background:#f2f4cfe0;

padding:20px 30px;

display:inline-block;

color:#404040;

border:1px solid #fff;

box-shadow:5px 5px 0 #FFF;

font-size:14px

}



.maintenance-msg h1 {

text-transform:uppercase;

font-weight:700

}



.maintenance-page .brand,.maintenance-page .name-and-slogan {

display:inline-block;

vertical-align:middle

}



.maintenance-page .site-name a {

color:#404040

}



.maintenance-page .site-slogan,.maintenance-page .name-and-slogan {

display:none

}



.comment-wrap {

overflow:hidden;

margin-bottom:20px;

padding-bottom:20px;

border-bottom:1px solid #F5F5F5

}



.comment-wrap .author-details {

float:left;

width:20%

}



.comment-wrap .author-comments {

padding-left:5px;

float:left;

width:80%

}



.comment-submitted {

padding:5px 10px;

border:1px solid #eee;

font-size:12px;

margin-bottom:5px;

display:block

}



.comment-wrap .author-comments h3 {

margin-top:10px

}



.comment-wrap .author-comments p {

margin-bottom:10px

}



ul.links.inline li {

display:inline-block;

padding-right:10px

}



.profile > div {

padding-right:5px;

display:inline-block;

vertical-align:top

}



.profile h4.label {

color:#333;

display:block;

text-align:left;

margin-bottom:5px

}

@media (min-width:767px){

.slideimg {-moz-background-size:cover;-o-background-size:cover;-webkit-background-size:cover;background:#565656;background-position: center -40vh;background-repeat:no-repeat;background-size:cover;height:71vh;width:100%;z-index:1}

}

.flexslider {

z-index:1;

margin:0;

border-radius:0;

border:0;

background:no-repeat

}



.flexslider .slides > li {

position:relative

}



.slider-caption {display:none;position:absolute;z-index:99;width:auto;bottom: 0;padding:20px;text-align:center}



.slider-caption .slider-title {color:#fff;margin-top:0;line-height:1.1;font-size: clamp(1.4rem,2.5vw,4.5rem);font-weight:800;text-shadow:1px 1px 3px #000;text-transform:uppercase}



a.more-link {

padding:10px;

display:inline-block;

font-size:180%

}



.flex-direction-nav a {

padding:10px;

color:#000

}



.flex-direction-nav a:before {

color:#000

}



.flex-control-paging li a {background: #ffffff;width:25px;border-radius:0}



.flex-control-paging li a.flex-active {

background:#3DBDEE

}



.mycarousel-caption .popis-title {

color:#fff;

display:inline-block;

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

font-size:2em;

font-weight:600;

line-height:1;

padding:0;

position:relative;

text-shadow:1px 1px 2px #000;

width:100%;

text-transform:uppercase

}



.mycarousel-caption .popis.tx {

color:#fff;

display:block;

font-size:1.5em;

font-weight:400;

letter-spacing:1px;

line-height:1.1;

margin:20px 0;

text-shadow:1px 1px 1px #000

}



.mycarousel-caption {

animation-duration:2s;

animation-fill-mode:backwards;

animation-name:example;

top:20%;

overflow:hidden;

padding:0 20px;

position:absolute;

width:100%;

z-index:5

}



.mt-button.links {

background:#3DBDEE;

border:none;

color:#fff;

margin-top:20px;

padding:10px 45px;

padding-left:30px

}



.mt-button.links:hover {

background:#3DBDEE

}



#block-drupal-custom-kategorie-block {

margin-top:-90px;

z-index:1;

width:100%;

position:relative

}



.flex-row {

display:flex

}



@media (max-width: 767px) {

.flex-row {

display:flex;

flex-direction:column;

align-items:center

}

}

div#block-drupal-custom-theme-telemail .row {

    display: flex;

}

.tel {color: #ffffff;font-weight: 300;font-family: 'Saira';font-size: 150%;line-height: 1.2;padding:2px 5px;position:relative;text-transform:none}



.tel a {color: #ffffff;margin-left:1px}

.tel b {

    text-transform: uppercase;

}

.tel .popis {

    text-transform: uppercase;

    font-size: 14px;

    color: #ffff00;

    line-height: 1.1;

}

.tel .fa {color: #ffffff;font-size:140%;margin:0 15px;width: 65px;height: 65px;background: #3DBDEE;display: flex;align-items: center;justify-content: center;border-radius: 55px;float: left;}

@media (max-width: 767px) {.tel.col-lg-6 {

    text-align: center;

    display: flex;

    flex-wrap: nowrap;

    flex-direction: column;

    align-items: center;

    line-height: unset;

    margin: 10px 0;

}

.block-language {

    text-align: center;

    width: 100%;

}                        

                          }

.fa {

display:inline-block;

font-family:'Font Awesome 5 Free';

font-size:inherit;

text-rendering:auto;

-webkit-font-smoothing:antialiased;

-moz-osx-font-smoothing:grayscale

}



.uvodblok .text {/* text-align:left; */}



.uvodblok h2 {/* text-align:left; */}



.uvodblok .links {/* float:left; */}



.new {background:#fff;display:inline-block;border-radius: 18px;padding: 14px;}



.new .links {

    background: #444B6B;

}



.new .nadpis a {

    color: #444b6b;

}



.new .foto {position:relative;margin: 20px;}



.new .nadpis {font-size: 1.8em;font-weight:800;width:100%;bottom:0;padding: 10px 20px;margin:0}



.new .bottom {

padding:20px;

padding-top:0

}



.new .text {

display:block

}



.new .actions {

display:inline-grid

}



.region-middle {

text-align:center;

font-size:120%

}



.region-middle .fa {

font-size:3em

}



.region-middle .blok {

margin:0

}



.kategorie a {

padding:20px;

background:#3DBDEE;

width:100%;

display:block;

text-align:center;

color:#fff;

height:100%;

padding-top:40px

}



.kategorie a:hover {background: #333749 !important;scale:1.1}



.kategorie:nth-child(2n) a {background: #444b6b;}



.kategorie h2 {

font-size:1.5em;

line-height:1;

color:#fff

}



@media (min-width: 767px) {

.container.kat {

display:flex;

width:1170px;

height:130px

}



.col-sm-2.kategorie {

flex:1;

height:100%;

box-sizing:border-box

}



.col-sm-2.kategorie::before {

content:"";

background:#fff;

width:40px;

height:40px;

position:absolute;

rotate:45deg;

top:-20px;

left:50%;

margin-left:-20px;

z-index:2;

-webkit-transition:all .5s ease;

transition:all .5s ease

}



.col-sm-2.kategorie:hover::before {

scale:1.25;

rotate:-45deg

}

}



@media (max-width: 1180px) {

.kategorie a {

padding:15px

}



.kategorie h2 {

font-size:1.6em

}

}



.kategorie .desc {

font-size:1.1em;

color:#fff;

margin:0 25px;

line-height:1.2em

}



.kategorie .links {

display:inline-block;

background:#fff0;

color:#fff;

margin-top:5px;

padding-right:40px

}



.region-serviceshp .cyrcle {

border-radius:50%;

height:250px;

background:#3DBDEE;

position:relative;

aspect-ratio:1 / 1;

background-image:url(../images/cyrcle_img.jpg);

background-size:cover;

float:left

}



ul.services {

column-count:2;

list-style:none;

font-size:110%;

font-weight:600

}



ul.services li:before {

font-family:"Font Awesome 5 Free";

font-weight:600;

font-size:150%;

content:"\f105";

margin:10px;

color:#3DBDEE

}



@media (max-width: 767px) {

.kategorie .links,.kategorie .desc {

display:none

}



ul.services {

column-count:1

}

}



.block-system-main-block .views-element-container .vypisy {

display:flex;

flex-wrap:wrap;

align-items:flex-start

}



.js-view-dom-id-dcc50d540cad921fb3e443764c10d6fca9778f2b3261402444a474c252c50c72 {

display:flex;

flex-wrap:wrap

}



.fotogalerie .field__item {

padding-bottom:30px

}



.vypis.views-row {

margin:0 -15px

}



.vypis.obsah {

padding:15px;

margin-bottom:20px;

height:100%;

background:#3DBDEE0a;

display:block

}



.vypis.obsah h2 {

color:#3DBDEE;

line-height:1.1;

min-height:50px;

margin-top:0

}



.vypis.obsah .text {

margin-top:15px;

display:inline-block

}



.flex-control-nav {bottom: 55px;display:block;position:absolute;z-index:3}



.node__content > .field {

margin-bottom:25px

}



.node__content .field.field--name-field-image {

float:right;

margin-left:20px

}



.node__content .fotogalerie {

display:inline-block;

margin:10px -15px

}



.partneri {

display:flex;

flex:1

}



.partneri .logo {

flex:1

}



.region-topgrip .block {

    margin: unset;

}



.block-language {

    float: right;

    margin: 0;

    padding: 0;

}

.block-language .links:hover {background: unset;}

.block-language .links li:hover {background: #d4d4d4;}

ul.links {

    list-style: none;

    margin: 0;

    padding: 0;

}



li.cs.is-active {

    background: #1f2633;

}



ul.links li {

    color: black;

    float: left;

    display: flex;

    background: #ffffff;

    width: 40px;

    height: 40px;

    border-radius: 20px;

    flex-direction: row;

    align-items: center;

    justify-content: center;

    margin: 5px;

    font-weight: 800;

}



ul.links:after {

    content: "";

}

.telgrip {

    font-size: 2.2rem;

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

    text-transform: uppercase;

    color: yellow;

    align-items: center;

    float: left;

    line-height: 1;

    margin: 7px 0;

}

.telgrip a {color: yellow}

.telgrip .fa {

    margin: 10px;

}





/* slider */



/* Wrapper slideru */

.container-slider {

  position: relative;

}



/* Slider v  ka */

.container-slider .flexslider,

.container-slider .slideimg {

  height: 520px;

}



/* BLOK SM N RNY */

.region-flexslider-top .block-smenarna {

  position: absolute;

  top: 44%;

  left: 57%;

  transform: translateY(-50%);

  width: 420px;

  z-index: 1;

}

.block-smenarna {

margin: auto;

  width: 420px;

  z-index: 1;

}



/* Skryj default H2 pokud ho nechce  */

#block-drupal-custom-theme-kurzprepocetformular h2 {

  display: none;

}



/* Mobile verze */

@media (max-width: 991px) {



  #block-drupal-custom-theme-kurzprepocetformular {

    position: relative;

    top: auto;

    right: auto;

    transform: none;

    width: 100%;

    margin-top: 30px;

    padding: 0 15px;

    left: auto;

  }



  .container-slider .flexslider,

  .container-slider .slideimg {

    height: auto;

    display: none;

  }



}

@media (max-width: 400px) {

.kurzy .row .kurz, .kurzy .row .kurz2 {

    display: flex;

    flex-direction: column;

    align-items: flex-end;

}

}



.block-views-blockuvod-block-2 h2 {

    text-align: center;

    font-size: 2.7em;

    text-transform: uppercase;

    color: #444B6B;

}

.popisky.row {

    margin: 10px 15px;

    font-weight: bold;

    text-align: right;

}

.kurzovnilistek.row {

    background: rgb(214 214 214 / 50%);

    border-radius: 50px;

    display: flex;

    flex-wrap: nowrap;

    margin: 10px 0;

    padding: 10px 20px;

    font-size: 18px;

    align-items: center;

}

.label.mobile {

    color: #1f2633;

    font-weight: normal;

    margin-right: 5px;

    font-size: 13px;

    letter-spacing: -1px;

}



.kurzy .kurz, .kurzy .kurz2 {

    font-weight: bold;

    text-align: right;

}

@media (min-width: 768px) {

span.label.mobile {

    display: none;

}}

@media (max-width: 768px) {

.popisky.row {

    display: none;

}

.kurzovnilistek .col-sm-4 {

    flex: 30%;

    width: 110px;

    float: left;

padding-right: 0;

}

.col-sm-3.flag {

    width: 100px;

    margin:10px 0px;

}}

.kurzovnilistek .title {

    font-size: 1em;

    font-weight: 800;

    text-transform: uppercase;

    line-height: 1;

}

.kurzovnilistek .title {

    display: flex;

    margin: 10px 0px;

}

.kurzovnilistek .mnozstvi {

    width: 35px;

    text-align: right;

    margin-right: 10px;

    font-weight: normal;

}

@media (max-width: 768px) {

    .kurzovnilistek .mnozstvi {

    width: 25px;}

}

/* carousel */

/* mezery mezi slidery */

.slick-slide {

  padding: 20px;

  box-sizing: border-box;

}



/* karta reference */

.slick__slide .blokcarousel {

  background: #f3f3f3;

  border-radius: 16px;

  padding: 35px 40px 45px 40px;

  position: relative;

  min-height: 220px;

  box-shadow: 0 2px 6px rgba(0,0,0,0.05);

}



/* nadpis */

.blokcarousel strong,

.blokcarousel h3 {

  display: block;

  font-size: 20px;

  font-weight: 700;

  color: #1e88c8;

  margin-bottom: 5px;

}



/* podnadpis */

.blokcarousel small {

  display: block;

  color: #666;

  margin-bottom: 15px;

}



/* hv zdi ky */

.blokcarousel .stars {

  color: #f5c242;

  font-size: 18px;

  margin-bottom: 15px;

}

.stars::after {

    content: "\f005 \f005 \f005 \f005 \f005";

    color: #f5c242;

    font-size: 18px;

    margin-bottom: 15px;

    font-family: 'Font Awesome 5 Free';

}



/* text */

.blokcarousel p {

  color: #444;

  font-size: 14px;

  line-height: 1.6;

  max-width: 85%;

}

.blokcarousel .title {

    font-size: 1.5em;

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

    color: #3dbdee;

    font-weight: bold;

}



.blokcarousel .podpis {

    font-weight: bold;

}

/* avatar vpravo dole */

.blokcarousel::after {

  content: "\f10d";

  position: absolute;

  right: 20px;

  bottom: 20px;

  width: 44px;

  height: 44px;

  border-radius: 50%;

  background: #3dbdee;

  color: #fff;

  font-weight: 700;

  font-size: 14px;

  display: flex;

  align-items: center;

  justify-content: center;

  font-family: "Font Awesome 5 Free";

  font-weight: 600;

}



/*  ipky slick */

.slick-prev,

.slick-next {

  width: 42px;

  height: 42px;

  background: #3f4563;

  border-radius: 50%;

  z-index: 10;

}



.slick-prev:before,

.slick-next:before {

  color: #fff;

  font-size: 20px;

}



/* dots */

.slick-dots li button:before {

  font-size: 10px;

  color: #aaa;

}



.slick-dots li.slick-active button:before {

  color: #3f4563;

}













/* textov    st slideru */

.slider-caption{

  /* position: relative; */

  display: inline-block;

  padding: 60px 60px;

  padding-right: 145px;

  color: #fff;

}



/* modr  plocha pod textem */

.slider-caption::before{

  content:"";

  position:absolute;

  inset:0;

  background: linear-gradient(167deg, #00A0E3 50%, #2fb8f6 50%, #2fb8f6 70%);

  clip-path: polygon(0 0, 79% 0, 100% 63%, 92% 100%, 0 100%);

  z-index:-1;

  /* border-radius:6px; */

}



/* nadpis */

.slider-title{

  font-size:48px;

  font-weight:700;

  text-transform:uppercase;

  margin-bottom:10px;

  line-height:1.1;

}



/* podnadpis */

.slider-description{

  font-size:26px;

  font-weight:300;

}



/* tla  tko */

.more-link{

  display:inline-block;

  margin-top:20px;

  background:#2f3a56;

  color:#fff;

  padding:12px 24px;

  border-radius:30px;

  text-decoration:none;

}



/* responsive */

@media (max-width:768px){



  .slider-caption{

    padding:30px 30px;

  }



  .slider-title{

    font-size:32px;

  }



  .slider-description{

    font-size:20px;

  }



}

p.infobox {

    text-align: center;

}

div#block-drupal-custom-theme-vyhodypodkurzovnimlistkem {

    margin-top: 50px;

}

ul.vyhody.flex {

    display: flex;

    justify-content: space-between;

    flex-wrap: nowrap;

    list-style: none;

}

@media (max-width: 991px) {

ul.vyhody.flex {

    display: flex;

    flex-wrap: wrap;

    list-style: none;

}

}



ul.vyhody.flex li::marker {

    content: " ";

    background: url(../images/marker_vyhody.png);

    width: 40px;

    height: 40px;

    position: relative;

}

ul.vyhody.flex li::before {

    content:"";

    float:left;

    background: url(../images/marker_vyhody.png);

    width: 40px;

    height: 40px;

    display:block;

    position:absolute;

    left:-50px;

}

ul.vyhody.flex li {

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

    font-size: 2em;

    line-height: 1.1;

    font-weight: 800;

    margin: 20px 30px;

    color: #1f2633;

    position: relative;

}





div#wrapper\ infoblok {

    background: url(../images/back_vip.jpg);

    background-position: center;

    background-repeat: no-repeat;

    background-color: #3d3952;

}

.infoblok.obsah {

    text-align: center;

    display: flex;

    flex-direction: column;

    align-items: center;

    margin: 25px;

}



.infoblok.obsah .nadpis {

    font-size: 3em;

    font-family: 'Saira';

    color: white;

    margin: 25px;

    line-height: 1;

}

div#block-drupal-custom-theme-kontakty2 {

    margin-top: 30px;

}





.kontakty {

    padding: 25px 50px;

}



.kontakty .textcontainer {

    margin-top: 30px;

    margin-left: 50px;

    position: relative;

    font-size: 16px;

}

.kontakty .textcontainer p {

    margin-bottom: 20px;

}

.kontakty .textcontainer .fa {

    position: absolute;

    left: -45px;

    font-size: 27px;

    color: #3dbdee;

}



.kontakty h3 {

    font-size: 2em;

    margin-bottom: 0;

    color: #3dbdee;

    text-transform: uppercase;

}



.kontakty .openhour.flex {

    display: flex;

    flex-wrap: wrap;

    flex-direction: row;

    justify-content: space-between;

}

div#wrap-news h2 {

    color: #3dbdee;

    margin-bottom: 30px;

}



.slick-arrow::before {

    color: #3dbdee!important;

  }



button.links-language {

    color: black;

    float: right;

    display: flex;

    background: #ffffff;

    width: 40px;

    height: 40px;

    border-radius: 20px;

    flex-direction: row;

    align-items: center;

    justify-content: center;

    margin: 10px 5px;

    font-weight: 800;

}

button.links-language:hover {background: #000000;color:white}