/* indiwindy */
:root{--color-primary: #1A94D2; --primary-CTA-color: #239ceb; --primary-CTA-hover-color:  #1a79b7;}
.carousel-control{background-color:transparent;color: transparent;}
.carousel-control:hover{background-color:transparent;}
.news-item-detail .text img{border-radius: 5px;}
.btn:not(.cart-count){border-radius: 6px;}
.availability-amount{display: none !important;}
.content2columns {column-count: 2; column-fill: balance;}
.welcome figure {break-inside: avoid; margin: 1em 6px;}
.siteCookies__form {background-color: #11111f8c;padding: 16px 14px 10px 14px;font-size: 14px;}
.siteCookies--bottom.siteCookies--scrolled {background-color: #11111f94;}
.row.banners-row .extended-banner-title, .row.banners-row .extended-banner-text, .row.banners-row .extended-banner-link {color: transparent;}
.row.banners-row .extended-banner-texts{background-color: transparent;}
.css-ytixr5 .fab {color: rgb(65, 167, 76) !important;}
.smart-3 {background: #1A94D2; !important;}
.symbion-logos {background-image: url('https://www.symbion.cz/user/icons/white.gif');border-radius: 11px;display: flex; -webkit-justify-content: center;justify-content: center;align-items: center;flex-wrap: wrap;}    
.symbion-logo {margin: 22px; margin-top: 5px !important; margin-bottom: 15px !important;*/} 
.symbion-links-logos {border-top: 1px solid #e4e4e4;padding: 12px 0;margin-top: 20px;}
.symbion-icon .logo {filter: grayscale(100%)!important;opacity: 0.5;transition: .4s ease;}
.symbion-logo:hover .image {opacity: 1;filter: grayscale(0%);}

h1, .h1 { font-size: 28px; margin-top: 0;}
.type-post h1, .type-page h1, .type-posts-listing h1, .id--51 h1, .sign h1, .id--24 h1 {font-size: 24px;}
h2, .h2 {font-size: 22px;}
h3, .h3 {font-size: 22px;}
body {color:#222020;}
.text {font-size: 18px;}
.category-perex {line-height: 1.5; font-size: 17px;}
h1 .category-title {margin-bottom: 15px;}
.news-item .text .description {font-size: 15px;}
#content h1 a.glossary, #content h2 a.glossary, #content h3 a.glossary, #content h4 a.glossary, #content p a.glossary, #content li a.glossary {text-decoration:underline !important;text-decoration-color: grey !important;text-decoration-style: dotted !important; color:#24242E;}

table {background-color:transparent}
table col[class*="col-"] {position:static;display:table-column;float:none}
table td[class*="col-"],
table th[class*="col-"] {position:static;display:table-cell;float:none}
caption {padding-top:8px;padding-bottom:8px;color:#e1e3e5;text-align:left}
th {text-align:left}
.table {width:100%;max-width:100%;margin-bottom:20px}
.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}
.table>thead>tr>th {vertical-align:bottom;border-bottom:2px solid #ddd}
.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>th,
.table>caption+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>td,
.table>thead:first-child>tr:first-child>td {border-top:0}
.table>tbody+tbody {border-top:2px solid #ddd}
.table .table {background-color:#fff}

.table-responsive {min-height:.01%;overflow-x:auto}
.table-responsive table th {background-color: #e5e5e5;}
.table-responsive table th,
.table-responsive table td,
.table-responsive table td a {font-size: 1.4rem;}

.plus-gallery-item {border-width: 0px;}
.news-item .image img {border-radius: 5px;}

@media screen and (min-width: 768px){
.top-navigation-bar{display: none !important;}
.banners-row .col-sm-8{width: 85%;}
.banners-row .col-sm-4{width: 15%;padding-left: 23px;}
.banners-row .banner-wrapper+.banner-wrapper{margin-top: 6px;}
.carousel-inner>.item>img,.carousel-inner>.item>a>img{line-height:1;border-radius: 8px;}
.welcome 
 h1{margin-top:14px;font-size: 35px;margin-bottom: 22px;}
 h3{margin-top:0px;margin-bottom: 15px;}
 /* p{margin-left:20px;} */
body:not(.type-index):not(.type-product):not(.ordering-process) h1{margin-bottom: 16px;}
.products-block > div{width: 33%;}
.category__secondDescription {
  background-image: url(/user/documents/upload/images/sleva-m.png), url(upper.png);
  background-position: right bottom, left top;
  background-repeat: no-repeat, repeat;}
iframe{max-width:100%; width: 550px; height: 315px; border-radius: 5px;}
}

@media screen and (min-width: 1200px){
.products-block > div{width: 25%;}
.category__secondDescription {
  background-image: url(/user/documents/upload/images/sleva-v.png), url(upper.png);}
}

@media screen and (min-width: 1px) and (max-width: 540px){
.next-to-carousel-banners .banner-wrapper{display: none !important;}
.content2columns {column-count: 1;}
.welcome p{margin-left:0px}
.welcome h1 {font-size: 28px;margin-bottom: 0px;}
.welcome h3 {margin-bottom: 10px;}}
.smybion-logos, .footer-links{display: flex; -webkit-justify-content: center;justify-content: center;align-items: center;flex-wrap: wrap;}    
.smybion-logo{margin: 10px;} 
.smybion-logos{border-top: 1px solid #e4e4e4;padding: 12px 0;margin-top: 20px;}
iframe{max-width:80%; border-radius: 5px;}

@media screen and (min-width: 540px) and (max-width: 767px){
iframe{max-width:80%;width: 472px; height: 270px;}
}

@media screen and (max-width: 1439px) {.welcome div, .welcome h1 {/* padding: 0 80px 0 0; *//* max-width: 100%; */padding: 0;}}


/* Landing page - Realizace*/
.hero {
      background: url('/user/documents/upload/images/banner.png') center/cover no-repeat;
      padding: 100px 20px; border-radius: 10px;
      color: white; 
      text-align: center;
    }
.hero h1 { font-size: 2.8em; margin-bottom: 10px; }
.hero p { font-size: 1.2em; margin-bottom: 20px; }
.hero-button {margin-top: 20px;}

.cta {
  background-color: var(--primary-CTA-color);
  color: white;
  padding: 15px 25px;
  border-radius: 8px;
  text-decoration: none !important;
  font-weight: bold;
  display: inline-block;
  margin-top: 0.5em;
  margin-bottom: 1em;}

.cta a {
	text-decoration: none !important;}
  
.cta:hover {
  background-color: var(--primary-CTA-hover-color);
  /*#0059b3;*/}	
  

.section { 
	/* max-width: 1100px; 
	margin: auto; 
	padding: 40px 20px; 
	background: white; 
	margin-bottom: 30px; 
	border-radius: 10px; 
	box-shadow: 0 0 10px rgba(0,0,0,0.05); */
}
.section h2 { color: var(--primary-CTA-color); font-size: 1.5em;  margin-bottom: 10px; margin-top: 30px; }
.section h3 { /*padding: 40px 20px;*/ font-size: 1.3em; margin-bottom: 15px; margin-top: 30px; }
.benefits ul { list-style: none; padding: 0; }
.benefits li::before { content: "✅ "; margin-right: 5px; }

.services-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 25px;
  margin: 17px 0 0 0;}

.service-card {
  background: #f0f4f8;
  border-radius: 8px;
  padding: 0px;
  text-align: center;
  border-width: 1px;
  border-style: solid solid solid solid;
  border-color: #e4e4e4;}
  
.service-card img {
    max-width: 100%;
    border-radius: 8px;
    padding: 0 0 0 0;
    /*height: 8em;*/ }

.service-card a {
	color: black;
	text-decoration: none !important;}

.service-card a:hover {
       text-decoration: underline !important;}
	
.service-card h3 {
	font-size: 1.2em; 
	margin: 13px 10px 0 10px;}

.service-card p {
	font-size: 0.7em; 
	margin: 10px 10px 18px 10px;}

.testimonial {
  font-style: italic;
  margin: 20px 0;
  padding-left: 20px;
  border-left: 4px solid #0078D4;
}
.contact {
  text-align: center;
    }
/* Landing page - Realizace*/