:root {
  --color-light: #F8F5F1;
  --color-medium: #EAE6DF;
  --color-pulse-red: #B71234;
  --color-medical-blue: #3DB7E4;
  --color-skin-beige: #F1CDAF;
  --color-heart-red: #5E172D;
  --color-bandage-white: #EAE6DF;
  --color-urgent-blue: #003145;
}
/***************************************
CONTAINER SIZES
***************************************/
.container,.container-fluid,.container-xxxl,.container-xxl,.container-xl,.container-lg,.container-md,.container-sm {
    --bs-gutter-x: 2.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x)*.5);
    padding-left: calc(var(--bs-gutter-x)*.5);
    margin-right: auto;
    margin-left: auto
}
@media(min-width: 576px) {
    .container-sm,.container {
        max-width:100%
    }
}
@media(min-width: 768px) {
    .container-md,.container-sm,.container {
        max-width:100%
    }
}
@media(min-width: 992px) {
    .container-lg,.container-md,.container-sm,.container {
        max-width:100%
    }
}
@media(min-width: 1200px) {
    .container-xl,.container-lg,.container-md,.container-sm,.container {
        max-width:1352px
    }
}
@media(min-width: 1600px) {
    .container-xxl,.container-xl,.container-lg,.container-md,.container-sm,.container {
        max-width:1440px
    }
}
@media(min-width: 1800px) {
    .container-xxxl,.container-xxl,.container-xl,.container-lg,.container-md,.container-sm,.container {
        max-width:1696px
    }
}
/***************************************
POSITIONS
***************************************/
.position-static{ position: static !important;}
.position-relative{ position: relative !important;}
.position-absolute{ position: absolute !important;}
.position-top{ bottom: 0;}
.position-bottom{ bottom: 0;}
.position-start{ left: 0;}
.position-end{ right: 0;}
@media only screen and (min-width: 768px) {
.position-md-static{ position: static !important;}
.position-md-relative{ position: relative !important;}
.position-md-absolute{ position: absolute !important;}
 .position-md-top{ bottom: 0 !important;}
 .position-md-bottom{ bottom: 0 !important;}
 .position-md-start{ left: 0 !important;}
 .position-md-end{ right: 0 !important;}
}
/***************************************
COLORS
***************************************/
.color-white{ color: #fff !important;}
.color-light{ color: #F8F5F1 !important;}
.color-medium{ color: #EAE6DF !important;}
.color-gold{ color: #cea04d !important;}
.color-gold-light {color: #f9f5ed !important;}
.color-blue-dark {color: #003145 !important;}
.color-blue-light {color: #d9e3eb !important;}
.color-skin-beige {color: #F1CDAF !important;}
.color-heart-red {color: #5E172D !important;}
.color-bandage-white {color: #EAE6DF !important;}
.color-urgent-blue {color: #003145 !important;}
.color-pulse-red {color: #B71234 !important;}
.color-medical-blue {color: #3DB7E4 !important;}
/***************************************
BACKGROUND COLORS
***************************************/
.bcg-color-transparent{ background-color: transparent !important;}
.bcg-color-white{ background-color: #fff; background-image: none !important;}
.bcg-color-light{ background-color: #F8F5F1 !important;background-image: none !important;}
.bcg-color-medium{ background-color: #EAE6DF !important;background-image: none !important;}
.bcg-color-gold{ background-color: #cea04d; background-image: none !important;}
.bcg-color-gold-light {background-color: #f9f5ed; background-image: none !important;}
.bcg-color-blue-dark {background-color: #003145; background-image: none !important;}
.bcg-color-blue-light {background-color: #d9e3eb; background-image: none !important;}
.bcg-color-skin-beige {background-color: #F1CDAF !important; background-image: none !important;}
.bcg-color-heart-red {background-color: #5E172D !important; background-image: none !important;}
.bcg-color-bandage-white {background-color: #EAE6DF !important; background-image: none !important;}
.bcg-color-urgent-blue {background-color: #003145 !important; background-image: none !important;}
.bcg-color-pulse-red {background-color: #B71234 !important; background-image: none !important;}
.bcg-color-medical-blue {background-color: #3DB7E4 !important; background-image: none !important;}
/***************************************
BORDER COLORS
***************************************/
.border-color-light{ border-color: #fff;}
.border-color-gold{ border-color: #cea04d; }
.border-color-gold-light {border-color: #f9f5ed;}
.border-color-blue-dark {border-color: #003145;}
.border-color-blue-light {border-color: #d9e3eb}
.border-color-skin-beige {border-color: #F1CDAF !important;}
.border-color-heart-red {border-color: #5E172D !important;}
.border-color-bandage-white {border-color: #EAE6DF !important;}
.border-color-urgent-blue {border-color: #003145 !important;}
.border-color-pulse-red {border-color: #B71234 !important;}
.border-color-medical-blue {border-color: #3DB7E4 !important;}
/***************************************
BORDER WIDTHS
***************************************/
.border-width-none{ border: none;}
.border-width-1{ border-width: 1px; border-style: solid;}
.border-width-2{ border-width: 2px; border-style: solid;}
.border-width-3{ border-width: 3px; border-style: solid;}
.border-width-4{ border-width: 4px; border-style: solid;}
/***********************************
BORDER-RADIUS
************************************/
.border-radius-5 {border-radius: 5px;}
.border-radius-10 {border-radius: 10px;}
.border-radius-15 {border-radius: 15px;}
.border-radius-20 {border-radius: 20px;}
/***************************************
WIDTHS
***************************************/
.w-10 {width: 10%;}
.w-20 {width: 20%;}
.w-30 {width: 30%;}
.w-40 {width: 40%;}
.w-50 {width: 50%;}
.w-60 {width: 60%;}
.w-70 {width: 70%;}
.w-80 {width: 80%;}
.w-90 {width: 90%;}
.w-100 {width: 100%;}
@media only screen and (min-width: 768px) {
 .w-md-10 {width: 10% !important;}
 .w-md-20 {width: 20% !important;}
 .w-md-30 {width: 30% !important;}
 .w-md-40 {width: 40% !important;}
 .w-md-50 {width: 50% !important;}
 .w-md-60 {width: 60% !important;}
 .w-md-70 {width: 70% !important;}
 .w-md-80 {width: 80% !important;}
 .w-md-90 {width: 90% !important;}
 .w-md-100 {width: 100% !important;}
}
/***************************************
HEIGHTS
***************************************/
.h-10 {height: 10%;}
.h-20 {height: 20%;}
.h-30 {height: 30%;}
.h-40 {height: 40%;}
.h-50 {height: 50%;}
.h-60 {height: 60%;}
.h-70 {height: 70%;}
.h-80 {height: 80%;}
.h-90 {height: 90%;}
.h-100 {height: 100%;}
/***************************************
PADDINGS
***************************************/
.padding-10 {padding: 10px;}
.padding-20 {padding: 20px;}
.padding-30 {padding: 30px;}
.padding-40 {padding: 40px;}
.padding-50 {padding: 50px;}
.padding-60 {padding: 60px;}
.padding-70 {padding: 70px;}
.padding-80 {padding: 80px;}
.padding-90 {padding: 90px;}
.padding-100 {padding: 100px;}
/***************************************
SHADOWS
***************************************/
.shadow-2 {
    box-shadow: 0 2px 30px 0 rgba(0, 49, 69, .0392156863);
}
/*****************************
ICONS
****************************/
.rounded-icon{
 position: relative;
 bottom:0;
 font-size: 0px; 
 width: 50px;
 height: 50px;
 border-radius: 50%;
 display: inline-block;
 transition: 0.3s;
}
.rounded-icon:before{
 position:absolute;
 display: block;
 font-size: 20px; 
 line-height: 50px;
 text-align:center;
 width: 100%;
 height: 100%;
 margin:0;
 padding:0;
}
.rounded-icon-sm{ width: 30px; height: 30px;}
.rounded-icon-sm:before{ line-height:30px; font-size: 16px;}
.rounded-icon-lg{ width: 70px; height: 70px;}
.rounded-icon-lg:before{ line-height:70px; font-size: 24px;}
.rounded-icon.rounded-icon-hover-down:hover{bottom: -10px;}
.rounded-icon.rounded-icon-hover-up:hover{bottom: 10px;}
.icon-phone:before{ font-family: 'fontello'; content: '\e9b8';}
.icon-play:before{ font-family: 'fontello'; content: '\e8e1';}
/*****************************************************
LISTS
*****************************************************/
ul, ol{padding:0 15px;}
ul.ul-list-style-type-none{list-style-type: none}
ol.ol-lg,
ul.ul-lg{
 font-size: 1.5rem;
 line-height: 1.7rem;
 font-weight: 500;
}
ol.ol-lg>li
ul.ul-lg>li
{padding: 5px 0 5px 0;}
ol.ol-underlined>li,
ul.ul-underlined>li
{ border-bottom: solid 2px #d9e3eb; }
ol.ol-underlined>li,
ul.ul-underlined>li
{padding: 15px 0 15px 0;}
/*****************************************************
OVERLAY DARK
*****************************************************/
.overlayed-dark{
 position: relative;
 color: #fff !important; 
}
.overlayed-dark:before{
 content: "";
 position: absolute;
 top: 0px;
 right: 0px;
 bottom: 0px;
 left: 0px;
 background-color: #1F242E;
 opacity: 0.46;
 transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
/*****************************************************
COLUMN CARDS - GOLD
*****************************************************/
.column-card.column-card-gold{
 border-radius: 15px;
 box-shadow: none;
 color: #62647a;
 border: 1px solid #e6e6f2;
 padding: 4.4em 2.4em 2.8em;
 -webkit-transition: box-shadow 0.3s ease-out;
 -ms-transition: box-shadow 0.3s ease-out;
 transition: 0.3s ease-out;
 will-change: box-shadow;
}
@media only screen and (max-width: 767px) {
 .column-card.column-card-gold{
  padding: 1.8em 1.4em 2.4em;
 }
}
.column-card.column-card-gold:hover {
 -webkit-box-shadow: 0 5px 30px rgba(0,0,0,0.05);
 -ms-box-shadow: 0 5px 30px rgba(0,0,0,0.05);
 box-shadow: 0 5px 30px rgba(0,0,0,0.05);
}
.column-card.column-card-gold h3{
 color: #181d4e;
 font-size: 1.5rem;
}
.column-card.column-card-gold .column-card-link-text a:before{
 font-family: "Font Awesome 6 Free";
 font-weight: 600;
 content: '\f061';
}
.column-card.column-card-gold .card-icon{
 color: #cea04d;
 font-size: 4rem;
 margin-bottom: 2rem;
}
/*****************************************************
COLUMN CARDS - GOLD FLAT
*****************************************************/
.column-card.column-card-gold-flat{
 border-radius: 15px;
 box-shadow: none;
 color: #62647a;
 border: 0;
 padding:15px;
}
.column-card.column-card-gold-flat:hover {
 -webkit-box-shadow: none;
 -ms-box-shadow: none;
 box-shadow: none;
}
.column-card.column-card-gold-flat h3{
 color: #181d4e;
 font-size: 1.5rem;
 line-height: 1.9rem;
}
.column-card.column-card-gold-flat .card-icon{
 color: #cea04d;
 font-size: 4rem;
 margin-bottom: 2rem;
}
/*****************************************************
COLUMN CARDS - GOLD FLAT NUMBERED
*****************************************************/
.column-card.column-card-gold-flat-numbered{
 overflow: hidden;
 border-radius: 15px;
 box-shadow: none;
 color: #62647a;
 border: 0;
 padding:30px;
}
.column-card.column-card-gold-flat-numbered .card-body{
 text-align: left;
}
.column-card.column-card-gold-flat-numbered:hover {
 -webkit-box-shadow: none;
 -ms-box-shadow: none;
 box-shadow: none;
}
.column-card.column-card-gold-flat-numbered h3{
 color: #181d4e;
 font-size: 1.3rem;
 padding-top: 15px;
}
.column-card.column-card-gold-flat-numbered .card-text{
 float:left;
}
.column-card.column-card-gold-flat-numbered .card-counter{
 position:absolute;
 top: 45px;
 left:0;
 display: block !important;
 font-size: 8rem;
 font-weight: 500;
 color: #003145;
 opacity: .04;
 z-index: 0;
}
.column-card.column-card-gold-flat-numbered .card-icon{
 float:left;
 color: #cea04d;
 font-size: 2.8rem;
 margin-bottom: 1rem;
}
.column-card.column-card-gold-flat-numbered .column-card-link-text a:before{
 content: 'Více informací';
 position: relative;
 margin-right: 0;
 display: inline-block;
 vertical-align: middle;
 text-indent: -110px;
 visibility: hidden;
 white-space: nowrap;
 opacity: 0;
 -webkit-transition: visibility 0.4s ease,margin-right 0.4s ease-out,text-indent 0.5s ease-out,opacity 0.4s ease;
 -ms-transition: visibility 0.4s ease,margin-right 0.4s ease-out,text-indent 0.5s ease-out,opacity 0.4s ease;
 transition: visibility 0.4s ease,margin-right 0.4s ease-out,text-indent 0.5s ease-out,opacity 0.4s ease;
 will-change: visibility,margin-right,text-indent,opacity;
}
.lang-en .column-card.column-card-gold-flat-numbered .column-card-link-text a:before{
 content: 'More information';
}
.column-card.column-card-gold-flat-numbered:hover .column-card-link-text a:before{
 opacity: 1;
 text-indent: 0;
 margin-right: 6px;
 visibility: visible;
 -webkit-transition: visibility 0.4s ease,margin-right 0.3s ease-out,text-indent 0.4s ease-out,opacity 0.4s ease;
 -ms-transition: visibility 0.4s ease,margin-right 0.3s ease-out,text-indent 0.4s ease-out,opacity 0.4s ease;
 transition: visibility 0.4s ease,margin-right 0.3s ease-out,text-indent 0.4s ease-out,opacity 0.4s ease;
}
.column-card.column-card-gold-flat-numbered .column-card-link-text a:after{
 font-family: "Font Awesome 6 Free";
 font-weight: 600;
 content: '\f061';
}
/*****************************************************
COLUMN CARDS - IMAGE
*****************************************************/
.column-card.column-card-image{
 border-radius: 15px;
 box-shadow: none;
 color: #62647a;
 border: 0;
 padding:0;
}
.column-card.column-card-image:hover {
 -webkit-box-shadow: none;
 -ms-box-shadow: none;
 box-shadow: none;
}
.column-card.column-card-image .card-body{
 margin-top:15px;
 padding: 15px 15px 30px 15px;
}
.column-card.column-card-image h3{
 color: #1f242e;
 font-size: 1.556em;
 line-height: 1.214em;
 font-weight: 700;
 margin: 0;
 margin-bottom:15px;
}
.column-card.column-card-image .card-icon{
 color: #cea04d;
 font-size: 4rem;
 margin-bottom: 2rem;
}
.column-card.column-card-image .column-card-link-text a:before{
 content: 'Více informací';
 position: relative;
 margin-right: 0;
 display: inline-block;
 vertical-align: middle;
 text-indent: -110px;
 visibility: hidden;
 white-space: nowrap;
 opacity: 0;
 -webkit-transition: visibility 0.4s ease,margin-right 0.4s ease-out,text-indent 0.5s ease-out,opacity 0.4s ease;
 -ms-transition: visibility 0.4s ease,margin-right 0.4s ease-out,text-indent 0.5s ease-out,opacity 0.4s ease;
 transition: visibility 0.4s ease,margin-right 0.4s ease-out,text-indent 0.5s ease-out,opacity 0.4s ease;
 will-change: visibility,margin-right,text-indent,opacity;
}
.column-card.column-card-image:hover .column-card-link-text a:before{
 opacity: 1;
 text-indent: 0;
 margin-right: 6px;
 visibility: visible;
 -webkit-transition: visibility 0.4s ease,margin-right 0.3s ease-out,text-indent 0.4s ease-out,opacity 0.4s ease;
 -ms-transition: visibility 0.4s ease,margin-right 0.3s ease-out,text-indent 0.4s ease-out,opacity 0.4s ease;
 transition: visibility 0.4s ease,margin-right 0.3s ease-out,text-indent 0.4s ease-out,opacity 0.4s ease;
}
.column-card.column-card-image .column-card-link-text a:after{
 font-family: "Font Awesome 6 Free";
 font-weight: 600;
 content: '\f061';
}
/*****************************************************
COLUMN CARDS - FLAT COLORED
*****************************************************/
.column-card.column-card-colored-flat{
 border-radius: 15px;
 box-shadow: none;
 color: #ecf4fa;
 border: 0;
 padding: 30px 37px 30px 37px;
 text-align: left !important;
}
.column:nth-child(1) .column-card.column-card-colored-flat{
 background-color: #0c58b4;
}
.column:nth-child(2) .column-card.column-card-colored-flat{
 background-color: #2a0a18;
}
.column-card.column-card-colored-flat:hover {
 -webkit-box-shadow: none;
 -ms-box-shadow: none;
 box-shadow: none;
}
.column-card.column-card-colored-flat h3{
 font-size: 19px;
 line-height: 1.4em;
 color: #ecf4fa;
}
.column-card.column-card-colored-flat .counter-container{
 display: block;
 margin: 0;
 font-size: 3.529em;
 line-height: 1em;
 font-weight: 500;
 letter-spacing: 0px;
 color: #ecf4fa !important;
}
.column-card.column-card-colored-flat p{
 color: #ecf4fa;
}
/*****************************************************
COLUMN CARDS - icon-left
*****************************************************/
.column-card.column-card-icon-left{
 display: flex;
 overflow: hidden;
 border-radius: 15px;
}
.column-card.column-card-icon-left .card-body {
 text-align: left;
}
.column-card.column-card-icon-left h3 {
    color: var(--color-urgent-blue);
    font-size: 2rem;
    line-height: 1.2em;
    font-weight: 700;
    text-transform: none;
    letter-spacing: 0;
}
.column-card.column-card-icon-left .icon{
 font-size: 3em;
 color: var(--color-pulse-red);
 padding-right: 15px;
}
/*****************************************************
COLUMN CARDS - slider
*****************************************************/
.column-card.column-card-slider{
 overflow: hidden;
 border-radius: 15px;
 box-shadow: none;
 min-height: 260px;
}
.column-card.column-card-slider .card-body {
 text-align: left;
}
.column-card.column-card-slider h3 {
 color: #1f242e;
 font-size: 1.4em;
 font-weight: 700 !important;
 line-height: 1.5em;
 font-weight: 500;
 text-transform: none;
 letter-spacing: 0;
}
.column-card.column-card-slider .card-icon{
 text-align: left;
 padding-bottom: 15px;
}
.column-card.column-card-slider .icon{
 font-size: 1.15em;
 color: #cea04d;
 padding-right: 15px;
}
/*****************************************************
CARD PERSONS
*****************************************************/
.card-person img{
 border-radius: 15px!important;
}
.card-person-body{
 margin-top: 0px;
 text-align: left;
 color: #62647a;
}
.card-person-body h4{
 font-size: 24px;
 font-weight: 500;
 line-height: 1.2em;
 margin: 0;
 color: #181d4e;
}