:root {
  --blue: #0E9A9E;
  --blue-hover: #0fa6aa;
}

html {
scroll-behavior: smooth;
-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
   -moz-animation: fadein 2s; /* Firefox < 16 */
    -ms-animation: fadein 2s; /* Internet Explorer */
     -o-animation: fadein 2s; /* Opera < 12.1 */
        animation: fadein 2s;
    overflow-x: hidden;
}

body {
    padding: 0px;
    margin: 0px;
    background-color: #fbfcff;
    font-family: "Inter", serif;
    font-size: 17px;
    line-height: 1.3em;
    font-weight: 400;
    color: #2f3839;
    overflow-x: hidden;
    letter-spacing: -0.2px;
}

table {
    border-collapse: separate;
    border-spacing: 0 5px;
    width: 100%;
    margin-bottom: 16px;
}

.table p{
padding:0px;
margin:0px;
}

table tr td {
    background: #F1F7FC;
    border-radius: 16px;
    padding: 14px 27px;
    /* border-bottom: 7px solid #fff; */
    text-align: left;
}

table tr td strong {
    font-weight: 500;
}

table tr td:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 4px solid #fff;
    color: var(--blue);
    max-width: 139px;
    text-align: left;
}

table tr td:first-child strong {
    font-weight: 700;
}

table tr td:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

a {
    color: var(--blue);
    /* text-decoration: underline; */
    border-bottom: 1px solid;
    transition: 0.08s ease-in;
    -o-transition: 0.08s ease-in;
    -ms-transition: 0.08s ease-in;
    -moz-transition: 0.08s ease-in;
    -webkit-transition: 0.08s ease-in;
}

a:hover{
color: var(--blue);
text-decoration:none;
    border-bottom: none;
}

h1 {
    color: #2f3839;
    font-weight: 700;
    font-size: 52px;
    margin-top: 0px;
    margin-bottom: 63px;
    line-height: 118%;
    letter-spacing: -0.8px;
    font-family: "DM Sans", serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    max-width: 580px;
}

h2 {
    color: #2f3839;
    font-weight: 700;
    font-size: 36px;
    line-height: 124.5%;
    margin-top: 0px;
    margin-bottom: 28px;
    font-size: 27px;
    /* display: flex; */
    width: 100%;
    /* text-transform: uppercase; */
    /* font-weight: bold; */
    font-family: "DM Sans", serif;
    font-optical-sizing: auto;
    /* font-weight: 500; */
    /* font-style: normal; */
    letter-spacing: -0.7px;
}

h3 {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 19px;
    line-height: 27px;
    font-weight: bold;
    text-transform: uppercase;
    color: #393536;
    margin: 0 auto;
    margin-top: 7px;
    margin-bottom: 23px;
    font-family: "Inter", serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
}

h4{
color:#eb1639;
margin-top:20px;
margin-bottom:10px;
font-size:22px;
line-height:22px;
font-weight:bold;
text-transform:uppercase;
}

hr {
    border-top: 1px solid #c7e4ef;
    width: 100%;
}

.home p, .home span {
    font-family: 'Inter', serif !important;
    color: #2f3839;
    font-size: 16px;
    line-height: 164%;
}

p, span {
font-family: 'Inter', serif !important;
color: #2f3839;
}

b, strong {
font-weight: 600;
}

.d-flex {
display: flex;
}

.flex-1 {
    flex: 1;
}

.flex-2 {
    flex: 2;
}

.flex-3 {
    flex: 3;
}

.flex-column {
    flex-flow: column;
}

.d-block {
display: block;
}

.text-center {
    text-align: center;
}

.bg-light-red {
    background: #F1F7FC;
    padding: 20px 25px;
    border-radius: 10px;
}

.contacts-wrapper-persons {
    flex-flow: wrap;
    gap: 25px 0px;
}

.contacts-wrapper-persons > div {
    flex: 0 1 33.33%;
}

.contacts-wrapper > .bg-light-red:first-child {
    border-right: 7px solid #FFF;
}

.left-column {
position: static;
}

.container-flex {
    width: 100%;
    max-width: 1400px;
    padding: 0 40px;
    display: flex;
    margin: 0 auto;
}

#static h3 {
    font-size: 20px;
    color: #1e1e1e;
    text-transform: none;
    color: #2f3839;
    font-weight: 700;
    font-size: 36px;
    line-height: 124.5%;
    margin-top: 0px;
    margin-bottom: 0;
    font-size: 18px;
    width: 100%;
    text-transform: uppercase;
}

#static h4{
font-size:18px;
color:#1e1e1e;
text-transform:none;
}

p{
margin-top:0px;
margin-bottom:25px;
}

#static img{
max-width:100%;
height:auto !important;
}

input, select, textarea, td{
font-family: 'Inter', serif;
}

.submit{
text-decoration:none;
display:inline-block;
margin-bottom: 20px;
text-transform: uppercase;
padding:0px;
transition: 0.08s ease-in;
-o-transition: 0.08s ease-in;
-ms-transition: 0.08s ease-in;
-moz-transition: 0.08s ease-in;
-webkit-transition: 0.08s ease-in;
height: 54px;
line-height: 54px;
font-size:17px;
padding-left:15px;
padding-right:15px;
outline:none;
cursor:pointer;
border: 0px;
background-color: #bcaab3;
color: #192231;
font-weight: 900;
text-decoration: none;
text-transform: uppercase;
}

.submit:hover{
text-decoration:none;
color: #bcaab3;
background-color: #192231;
}

.clear{
clear:both;
}

.primary-btn {
    background: var(--blue);
    border: 1px solid var(--blue);
    border-radius: 50px;
    padding: 14px 29px 15px 33px;
    transition: 0.3s all;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    font-family: "Inter", sans-serif !important;
    letter-spacing: 0;
}

.primary-btn:hover {
    background: var(--blue-hover);
    border: 1px solid var(--blue-hover);
    color: #fff;
    text-decoration: none !important;
}

.primary-btn::after {
    content: "";
    display: inline-block;
    background: url(../images/arrow_right.svg) no-repeat;
    width: 14px;
    height: 10px;
    background-size: cover;
    margin-left: 12px;
    transition: 0.3s all;
}

.primary-btn:hover::after {
    margin-left: 15px;
}

.secondary-btn {
    background: transparent;
    border: 1px solid var(--blue);
    color: var(--blue);
    border-radius: 50px;
    padding: 13px 27px 14px 29px;
    transition: 0.3s all;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
}

.secondary-btn span{
    color: #362B25;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 700;
}

.secondary-btn:hover {
    background: transparent;
    border: 1px solid #2f3839;
    color: #2f3839;
}

.secondary-btn:hover span{
    color: #fff;
}

/** HEADER **/

/* TOP PANEL */

.top-panel {
    position: fixed;
    background: #c83131;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 39px;
    width: 100%;
    top: 0;
    z-index: 99;
}

.top-panel p{
  font-size: 12px;
  text-transform: uppercase;
  color: #FFF9D7;
  font-weight: 700;
  margin: 0;
}

.top-panel p::before {
    content: "30";
    background: #FFF9D7;
    border-radius: 50px;
    color: #e13636;
    display: inline-block;
    width: 21px;
    height: 19px;
    margin-right: 7px;
    position: relative;
    line-height: 21px;
    top: 0px;
    border-bottom-left-radius: 0;
}

/* END OF TOP PANEL */

/* PRIMARY MENU */

#header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 40px 0px 20px 0px;
    align-items: center;
    transition: 0.3s all;
    z-index: 2;
}

#header .container-flex {
    align-items: center;
}


#header.shrink {
    padding: 20px 70px 20px 70px;
}

.header-img {
    background: url(../images/header_img.jpg) no-repeat;
    width: 100%;
    padding: 57px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 18px;
    background-size: cover;
    background-position: center;
}

.header-img span {
    background: #000;
    color: #fff;
    font-size: 19px;
    text-transform: uppercase;
    padding: 10px 15px;
    border-radius: 5px;
    text-align: center;
    font-weight: 500;
    letter-spacing: 2px;
}

#header .body{
padding-top: 21px;
position: relative;
z-index: 1;
width: 100%;
display: flex;
align-items: center;
}

#header .logo {
    flex: 1;
    position: relative;
    top: -10px;
}

#header .logo img{
width: 100%;
}

.logo img {
    width: 100%;
    max-width: 250px;
}

#header .logo a {
    display: inline-block;
    margin-top: 0px;
    margin-bottom: 0px;
    cursor: pointer;
    color: #624a6c;
    font-size: 27px;
    border: none;
}

#header .logo .smaller{
font-size:20px;
}

#header .search_box{
float:right;
height:40px;
width:300px;
margin-top:40px;
border:1px solid #a0a0a0;
border-right:0px;
}

#header .search_box #search_input{
float:left;
width:259px;
height:38px;
line-height:40px;
padding: 0 10px 0 10px;
border:0px;
font-style:italic;
color:#898989;
font-size:15px;
}

#header .search_box #search_submit{
width:40px;
height:40px;
float:right;
border:0px;
background:url('../images/search.png') center center #eb1639 no-repeat;
transition:         0.08s ease-in;
-o-transition:      0.08s ease-in;
-ms-transition:     0.08s ease-in;
-moz-transition:    0.08s ease-in;
-webkit-transition: 0.08s ease-in;
position:relative;
top:-1px;
}

#header .search_box #search_submit:hover{
background-color:#393536;
}

#header.with-shadow {
height: auto;
}

#header .btn-wrap {
    text-align: right;
    position: fixed;
    right: 8px;
    display: flex;
    flex-flow: column;
    gap: 6px;
}

#header .btn-wrap a {
    font-size: 14px;
    text-decoration: none;
    font-weight: 500;
    color: #2f3839;
    background: #edf4fe;
    border-radius: 50px;
    padding: 6px 11px;
    border-bottom: none;
}

#header .btn-wrap a::before {
    content: "";
    background: url(../images/phone.svg) no-repeat;
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-right: 9px;
    position: relative;
    top: 2px;
}

#header .btn-wrap a:hover {
    text-decoration: underline;
}

.contact #stats_wrap, .contact #contact_form_wrap {
    display: none;
}

.contact #coop_wrap {
    margin: 68px 0px 97px 0px;
}

.in-works #repeatable-section, .references #repeatable-section {
    margin-top: 55px;
}

#repeatable-section .reference img {
    width: 100%;
}

#main_menu {
    position: static;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(255 255 255);
    border-radius: 50px;
    padding: 8px 8px 8px 16px;
    box-shadow: 0px 4px 33px rgba(14, 154, 158, .11);
}

#main_menu ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    text-align: left;
    display: flex;
}

#main_menu ul:after{
content:"";
display:block;
clear:both;
}

#main_menu li{
float:none;
color:#1e1e1e;
position:static;
margin-left:2px;
display: block;
}

#main_menu li:first-child {
    display: none;
}

#main_menu li:last-child {
    margin-left: 14px;
}

#main_menu li:last-child a {
    background: var(--blue);
    border-radius: 50px;
    color: #fff;
    padding-left: 60px;
    padding-right: 29px;
    /* line-height: 178%; */
    position: relative;
}

#main_menu li:last-child a:hover {
    background: var(--blue-hover) !important;
    color: #fff !important;
}

#main_menu li:last-child a::before {
    content: "";
    display: inline-block;
    background: url(../images/cart.svg) no-repeat;
    width: 23px;
    height: 19px;
    background-size: 23px;
    /* margin-right: 11px; */
    position: absolute;
    top: 13px;
    left: 28px;
}

#main_menu ul li li:first-child {
display: flex;
background: url(../images/kuchyne_lamino.jpg);
background-size: cover;
height: 100%;
position: relative;
align-items: center;
justify-content: center;
}

#main_menu ul li li:first-child a{
color:#2d2522 !important;
background-color:#e13636 !important;
}

#main_menu ul li li:first-child a:hover{
color:#fff !important;
}

#main_menu ul li li:last-child {
display: flex;
background: url("../images/kuchyne_masiv.jpg");
background-size: cover;
height: 100%;
position: relative;
align-items: center;
justify-content: center;
}

#main_menu ul li li:last-child a{
color:#e13636;
background-color:#2d2522;
}

#main_menu ul li li:last-child a:hover{
color:#fff !important;
}

#main_menu li a {
    color: #2f3839;
    text-decoration: none;
    font-size: 16px;
    line-height: 25px;
    padding-top: 11px;
    padding-bottom: 11px;
    padding-left: 22px;
    padding-right: 21px;
    font-weight: 600;
    display: block;
    transition: 0.4s all;
    letter-spacing: 0px;
    white-space: nowrap;
    letter-spacing: -0.3px;
    font-family: "Inter", sans-serif !important;
    border-radius: 50px;
    border-bottom: none;
}

#header .btn-wrap div:first-child a::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../images/phone_header.svg) no-repeat;
    position: relative;
    top: 6px;
    margin-right: 4px;
}

#header .btn-wrap div:last-child a::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../images/location.svg) no-repeat;
    position: relative;
    top: 6px;
    margin-right: 4px;
}

@keyframes zoom {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.30);
    /* equals 105% */
  }
  100% {
    transform: scale(1);
  }
}

#main_menu li a:hover, #main_menu .menu > li:hover > a {
    /* border-bottom: 1px solid #FFF9D7; */
    color: var(--blue);
    background: #f3f7fd;
}

#main_menu li a.active {
    color: var(--blue);
    background: #f3f7fd;
}

#main_menu li ul{
position:absolute;
left:0px;
height:572px;
background-color: transparent;
display:none;
color:white;
z-index: 99999999;
width: 100%;
padding-top:25px;
transition: .3s all;
display: none !important;
}

#main_menu li:hover ul{
display:block;
}

#main_menu li ul li{
float: left;
width: 50%;
margin-left:0px;
}

#main_menu li ul a{
display:block;
font-size: 38px;
line-height:16px;
font-weight:normal;
color:white;
font-weight: 900;
text-transform:uppercase;
background: rgba(255,196,37,.9);
padding: 29px;
}

#main_menu li ul li:last-child a{
border-bottom:0px solid #ffffff;
}

#main_menu li ul a:hover, #main_menu li ul a.active{
color:#ffffff;
}

#header_contacts {
    display: flex;
}

#header_contacts a, #header_contacts p{
    font-size: 12px;
    text-transform: uppercase;
    color: #FFF9D7;
    font-weight: 700;
    margin: 0;
    line-height: 147%;
    display: flex;
    align-items: center;
}

.phone_mail_wrap {
    display: flex;
    margin: 0 25px;
}

.phone_mail_wrap div{
    display: flex;
    flex-flow: column;
    justify-content: center;
}

.address_wrap {
    display: flex;
}

.address_wrap::before {
    content: " ";
    display: inline-block;
    background: url(../images/loc_ico.svg) no-repeat;
    background-size: 31px;
    height: 38px;
    width: 31px;
    margin-right: 14px;
    position: relative;
    top: -1px;
}

.phone_mail_wrap::before {
    content: " ";
    display: inline-block;
    background: url("../images/contacts_ico.svg") no-repeat;
    background-size: 37px;
    height: 36px;
    width: 37px;
    margin-right: 14px;
    position: relative;
    top: 1px;
}

/* END OF PRIMARY MENU */

/* HERO SECTION */

.hero {
    background: url(../images/hero_img.jpg) no-repeat;
    background-size: 926px;
    background-position: top right 80px;
    padding: 220px 0px 239px 0px;
    margin-top: 0;
}

#hero_wrap {
    display: flex;
    position: relative;
}

#hero_wrap .subtitle {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 700;
    display: inline-block;
    margin-bottom: 14px;
}

#hero_wrap p {
    font-size: 14px;
    line-height: 155.5%;
}

#hero_inner_left_wrap, #hero_inner_right_wrap {
    flex: 1;
}

#hero_inner_left_wrap {
    background: #fff;
    border-top-left-radius: 104px;
    position: relative;
    left: -38px;
    padding: 126px 80px 144px 164px;
}

.hero_inner_inner_left_wrap {
    max-width: 51%;
}

#hero_inner_right_wrap img {
    max-width: 472px;
    border-bottom-right-radius: 139px;
}

#hero_inner_right_wrap {
    position: absolute;
    right: -38px;
    top: 61px;
}

.hero-btns-wrap {
    margin-top: 48px;
}

.hero-btns-wrap .primary-btn {
    margin-right: 7px;
}

.hero-content > div {
    gap: 12px;
}

.znamy-lekar div {
    background: url(../images/znamy_lekar.svg) no-repeat;
    width: 280px;
    height: 23px;
}

.znamy-lekar {
    margin-top: 77px;
}

.znamy-lekar a {
    border: none;
}

.main-page {
    width: 100%;
}

.page {
    max-width: 1920px;
    margin: 0 auto;
}

.hero-content p {
    margin-bottom: 53px;
    font-size: 17px;
    line-height: 29px;
    max-width: 625px;
}

.hero-content span {
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 31px;
    display: block;
    font-weight: 500;
}

.hero-content span span {
    display: inline;
    text-transform: lowercase;
}

.service .header {
    font-size: 25px;
    line-height: 27px;
    text-transform: none;
    color: #2f3839;
    margin: 0 auto;
    margin-top: 7px;
    margin-bottom: 19px;
    font-family: "DM Sans", serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    letter-spacing: -0.7px;
}

.rehabilitace .side-panel .service-2 {
    display: none;
}

.rehabilitace .side-panel .service-1 {
    display: flex;
}

.zdrav-potreby .side-panel .service-1 {
    display: flex;
}

.zdrav-potreby .side-panel .service-2 {
    border-bottom: none;
}

.zdrav-potreby .side-panel .service-3 {
    display: none;
}


/* END OF HERO SECTION */

/** END OF HEADER **/

.contact-wrap {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.kontakt .side-panel {
    display: none;
}

#static .body {
display: flex;
flex-flow: wrap;
margin-top: 0px;
margin-bottom: 0;
max-width: 100%;
}

.home #static .body {
display: flex;
flex-flow: wrap;
margin-top: 0px;
margin-bottom: 0;
max-width: 905px;
}

#static .body h2 {
    margin-bottom: -2px;
    margin-top: 35px;
    font-size: 22px;
}

#static .body p {
    margin-bottom: 0;
    line-height: 149%;
    width: 100%;
    font-size: 16px;
    letter-spacing: 0;
}

#static .body p a {
    background: #f4f7fd;
    color: var(--blue);
    text-decoration: none;
    padding: 0px 5px 1px 5px;
    border-radius: 4px;
    font-weight: 600;
    border-bottom: none;
}

#static .body p a:hover {
    text-decoration: underline !important;
}

#static .body div a:hover{
text-decoration:none;
}

.references #static .body {
max-width: 100%;
}

.home #static .body div strong {
font-size: 74px;
letter-spacing: -4px;
}

.home #static .body div strong span {
color: #fff !important;
line-height: 100%;
display: block;
margin-bottom: 23px;
max-width:92%;
}

.home #static .body div strong span::before {
content: " ";
background: url(../images/separator_zigzag_yellow.svg);
background-size: 100%;
display: block;
width: 122px;
height: 19px;
position: relative;
top: -40px;
left: 0px;
transition: 1s all;
}

.home #static .body div:hover div {
bottom: 20px;
}

.home #static .body div:hover strong span::before {
left: -20px;
}

.wide-container{
height:600px;
width:100%;
position:relative;
border-top:2px solid #e13636;
border-bottom:2px solid #e13636;
}

#content {
    background: #fff;
}

#content ul {
	position: relative;
	list-style: none;
	margin-left: 0;
	padding-left: 1.2em;
}
#content ul li:before {
    content: "";
    position: absolute;
    left: 0;
    background: url(../images/li_circle.svg) no-repeat;
    background-size: 19px;
    width: 19px;
    height: 20px;
    background-position: center 1px;
    /* margin-right: 20px; */
}
#content #footer ul li:before {
    display: none;
}
#content #footer ul li {
    padding: 0;
}

#content #static ul li {
    padding: 5px 0px 5px 11px;
}

#content #static ul {
    margin-top: 15px;
}

#content ul li {
    /* border-bottom: 1px solid #d9e7e8; */
    padding: 11px 0px 9px 8px;
    font-weight: 500;
    text-align: left;
    font-size: 16px;
}

#content ul li strong {
    font-weight: 400;
}

#content ul.main {
    padding-left: 0;
}

#content ul.main li {
    background: #F1F7FC;
    border-radius: 16px;
    padding: 14px 27px 14px 41px;
    border: none;
    margin-bottom: 5px;
    text-align: left;
}

#content ul.main li strong {
    font-weight: 500;
}

#content ul.main li:before {
    content: "";
    position: absolute;
    left: 0px;
    background: url(../images/li_main.svg) no-repeat;
    background-size: 14px;
    width: 44px;
    height: 18px;
    background-position: center 5px;
    /* margin-right: 20px; */
}

#content.home {
    margin-top: -114px;
    background: transparent;
}

#content .right_menu li{
margin-bottom:10px;
}

#content .right_menu a{
color:#0066CC;
}

#content .right_menu a.active{
color:#003366;
}

#content .right_menu li ul{
padding-left:10px;
padding-top:5px;
}

#content .right_menu li li{
font-size:85%;
margin-bottom:5px;
}

#content .right_menu li li a{
text-transform:none;
}

.extra-info {
    margin-top: 40px;
}

.extra-info p {
    font-size: 13px;
}

.home .right-column {
display: none;
}

.home .left-column {
width: 100%;
}

.acf-map{
height:400px;
}

.format-title, #content .main-title {
    color: #2f3839;
    font-weight: 700;
    font-size: 36px;
    line-height: 124.5%;
    margin-top: 0px;
    margin-bottom: 28px;
    font-size: 18px;
    width: 100%;
    text-transform: none;
    color: #2f3839;
    font-weight: 700;
    font-size: 40px;
    margin-top: 0px;
    margin-bottom: 35px;
    line-height: 118%;
    letter-spacing: -0.8px;
    font-family: "DM Sans", serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
}

#our_services_wrap {
    text-align: center;
    margin-top: 115px;
}

.subheadline_body {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 700;
    display: inline-block;
    margin-bottom: 10px;
    color: #362b25;
}

#our_services_wrap p {
    font-size: 14px;
    max-width: 714px;
    margin: 0 auto;
    line-height: 147.5%;
}

#our_services_wrap .service p {
    max-width: 92%;
}

.our_services_inner_wrap{
display: flex;
flex-flow: column;
}

.our_services_list{
display: flex;
flex-flow: wrap;
padding: 15px 0px 27px 0px;
}

.service {
    flex: 1 25%;
    display: flex;
    flex-flow: wrap;
    flex-flow: column wrap;
    text-align: center;
    margin-top: 0;
    background: #ffffff;
    border-radius: 15px;
    box-shadow: 0px 4px 33px rgba(14,154,158,.11);
    padding: 40px 30px 41px 30px;
}

.service p {
    font-size: 15px;
    text-transform: none;
    font-weight: 700;
    line-height: 158%;
    font-weight: 400;
    max-width: 376px;
    margin: 0 auto;
    margin-bottom: 26px;
}

.service a {
    font-size: 14px;
    font-weight: 500;
}

.service img {
    margin-bottom: 19px;
}

.service-4 {
    background: var(--blue);
    color: #fff;
}

.service-4 h3, .service-4 p {
    color: #fff;
}

.service-4 .header {
    color: #fff;
}

.service.service-4 a {
    color: #fff;
}

.service.service-3 {
    border-bottom: none;
}

#references_wrap {
    background: #fff;
    padding: 72px 0px;
    margin: 76px 0px 0px 0px;
}

.references_list {
    display: flex;
}

.reference_1 img {
    border-top-right-radius: 98px;
}

.reference_2 img {
    border-top-right-radius: 103px;
}

.reference_3 img {
    border-bottom-left-radius: 123px;
}

.reference_4 img {
    border-bottom-right-radius: 124px;
}

.references_row {
    display: flex;
}

.references-btns-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 90px;
    margin-bottom: 30px;
}

.references-btns-wrap .primary-btn {
    margin-right: 22px;
}

.reference_1 {
    padding-right: 69px;
}

.references_row_first .reference:last-child {
    margin-top: 43px;
}

.references_row_second {
    margin-top: 10px;
}

.reference_3 {
    margin-top: 52px;
    padding-right: 69px;
}

.full-width {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
}

#stats_wrap {
    background: #362B25;
}

.counter_wrap {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding: 0px 95px;
    border-right: 1px solid #4f4139;
    min-height: 150px;
}

.counter_wrap:first-child {
    border-left: 1px solid #4f4139;
}

.counter-value {
    color: #FFF9D7;
    font-weight: 700;
    font-size: 73px;
}

.counter_wrap span {
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    display: inline-block;
    margin-top: 38px;
    text-align: center;
}

#stats_inner_wrap {
    padding: 72px 0px 65px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.contact_form_flex_wrap {
    display: flex;
    position: relative;
}

#contact_form_inner_left_wrap {
    flex: 1;
    position: absolute;
    top: 64px;
}

#contact_form_inner_right_wrap {
    flex: 1;
}

#contact_form_inner_left_wrap img {
    border-bottom-left-radius: 139px;
    max-width: 470px;
}

.contact_form_headline_flex_wrap {
    text-align: center;
}

.contact_form_flex_wrap {
    position: relative;
}

#contact_form_wrap {
    margin: 72px 0px;
}

#contact_form_wrap #poptavka {
    margin-left: 75px;
    display: flex;
    justify-content: flex-end;
    margin-top: 21px;
    border-top-right-radius: 104px;
}

#coop_wrap {
    display: flex;
    margin: 120px 0px 97px 0px;
    justify-content: space-between;
}

#coop_wrap h2 {
    margin: 0;
}

#partners_wrap {
    display: flex;
    align-items: center;
}

#part_of_wrap {
    display: flex;
    align-items: center;
}

.partners_inner_wrap_text {
    margin-right: 50px;
}

.part_of_inner_wrap_text {
    margin-right: 50px;
}

.part_of_inner_wrap_logos a:first-child img {
    margin-right: 35px;
}

#coop_wrap .subheadline_body {
    margin-bottom: 5px;
}

.required_fields p {
    font-size: 14px;
    font-weight: 700;
    margin: 0;
    color: #362B25;
}

.required_fields p span {
    color: #e13636;
}

.form-group.gdpr {
    flex: 1 100% !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.form-group.gdpr div {
    display: flex;
}

.form-group.gdpr label {
    text-transform: none !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 110%;
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer;
}

.form-group.gdpr input[type="checkbox"] {
    width: 20px !important;
    height: 15px !important;
    margin: 0;
    margin-right: 6px;
    cursor: pointer;
}

.form-group.gdpr input[type=checkbox] + label {
  display: block;
  margin: 0.2em;
  cursor: pointer;
  padding: 0.2em;
}

.form-group.gdpr input[type=checkbox] {
  display: none !important;
}

.form-group.gdpr input[type=checkbox] + label:before {
  content: "\2714";
  border: 0.1em solid #DFD7A8;
  border-radius: 0.2em;
  display: inline-block;
  width: 1em;
  height: 1em;
  padding-left: 0.05em;
  padding-bottom: 0.3em;
  margin-right: 0.2em;
  vertical-align: bottom;
  color: transparent;
  transition: .2s;
  line-height: 12px;
  margin-right: 6px;
  background-color: #fff9d7;
  position: relative;
  top: -1px;
}

.form-group.gdpr input[type=checkbox] + label:active:before {
  transform: scale(0);
}

.form-group.gdpr input[type=checkbox]:checked + label:before {
    background-color: #fff9d7;
    border-color: #DFD7A8;
    color: #e13636;
}

.form-group.gdpr input[type=checkbox]:disabled + label:before {
  transform: scale(1);
  border-color: #aaa;
}

.form-group.gdpr input[type=checkbox]:checked:disabled + label:before {
  transform: scale(1);
  background-color: #bfb;
  border-color: #bfb;
}

#button {
    display: inline-block;
    background-color: var(--blue);
    width: 34px;
    height: 34px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
}
#button::after {
    content: "\f077";
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    font-size: 0.7em;
    line-height: 31px;
    color: #fff;
}
#button:hover {
  cursor: pointer;
  background-color: #362B25;
}
#button:active {
  background-color: #362B25;
}
#button.show {
  opacity: 1;
  visibility: visible;
}

.hp-blog{
background-color:#f9f9f9;
border-top:1px solid #cbcbcb;
padding-top:40px;
}

.hp-blog .format-title{
margin-top:0px;
}

.hp-blog .format-title:after{
border-color:#f9f9f9;
}

.hp-blog .button{
display:inline-block;
margin-bottom:40px;
height:54px;
line-height:54px;
width:223px;
background-color:#bcaab3;
color:#192231;
font-weight:900;
text-decoration:none;
text-transform:uppercase;
}

.hp-blog .button:hover{
color:#bcaab3;
background-color:#192231;
}


.card-blog .body{
width:277px;
max-width:100%;
margin:auto;
margin-bottom:30px;
border:1px solid #cbcbcb;
padding:10px;
position:relative;
background-color:#ffffff;
}

.blog-page-articles .card-blog .body{
background-color:#f9f9f9;
}

.card-blog .body .name{
margin:0px;
font-size:15px;
font-weight:bold;
line-height:20px;
height:40px;
text-transform:none;
margin-bottom:10px;
overflow:hidden;
}

.card-blog .body .excerpt{
font-size:13px;
line-height:20px;
color:#838383;
font-style:italic;
height:60px;
overflow:hidden;
margin-bottom:10px;
}

.card-blog .body .date{
float:left;
font-size:13px;
color:#494e6b;
}

.card-blog .body .readmore{
float:right;
font-size:13px;
color:#bcaab3;
font-weight:bold;
}

.card-blog .body .link{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
}

.form-box:nth-child(3n+1), .checkbox-box:nth-child(3n+1){
clear:both;
}

.form-box label{
width:100%;
display:block;
color:#494e6b;
}

.form-box input{
width:100%;
height:40px;
margin-bottom:25px;
background-color:#f9f9f9;
border:1px solid #cbcbcb;
}

.checkbox-box {
padding-bottom:8px;
}

.checkbox-box input{
margin-right:5px;
}

#nase-sluzby {
    padding: 0px 74px 135px 74px;
    position: relative;
}

.our-services-inner {
    gap: 16px;
    position: relative;
    z-index: 1;
    max-width: 1400px;
    margin: 0 auto;
    margin-top: 0;
}

.home .lead-text {
    text-transform: uppercase;
    margin-bottom: 23px;
    font-family: "Inter", serif !important;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-size: 15px;
    letter-spacing: 0.2px;
}

.why-us-inner {
    max-width: 1251px;
    margin: 0 auto;
    gap: 65px;
}

.why-us-inner-right {
    position: relative;
}

.why-us-inner-right h2 {
    margin-bottom: 31px;
}

.why-us-inner-right .main {
    max-width: 617px;
    width: 100%;
    position: relative;
    z-index: 1;
}

.why-us-inner-left h2 {
    margin-bottom: 42px;
}

img.circle {
    position: absolute;
    bottom: 98px;
    left: -79px;
}

img.triangle {
    position: absolute;
    right: -55px;
    top: 93px;
}

.list-single {
    gap: 30px;
}

.list-text {
    display: flex;
    flex-flow: column;
    gap: 14px;
    margin-bottom: 24px;
}

#kontakt {
    max-width: 1353px;
    margin: 0 auto;
    padding: 0 28px;
    padding-top: 122px;
}

.contacts {
    justify-content: center;
    gap: 20px;
    margin: 71px 0 0 0;
}

.contact-single.phone {
    background: var(--blue);
}

.contact-single.mail {
    background: #f3f3f3;
}

.contact-single.phone a {
    color: #fff;
    text-decoration: none;
    padding: 60px 40px;
    display: flex;
    font-size: 31px;
    letter-spacing: -0.2px;
    font-weight: 600;
    position: relative;
    justify-content: center;
    font-family: "DM Sans", serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    white-space: nowrap;
}

.contact-single.mail a {
    color: #2f3839;
    text-decoration: underline;
    padding: 60px 40px;
    display: flex;
    font-size: 31px;
    letter-spacing: -0.2px;
    font-weight: 600;
    justify-content: center;
    font-family: "DM Sans", serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    white-space: nowrap;
}

.contact-single.mail a:hover {
    text-decoration: none;
}

.contact-single.phone a::before {
    content: "";
    background: url(../images/polygon.svg) no-repeat;
    width: 43px;
    height: 32px;
    background-size: 20px;
    position: absolute;
    left: -2px;
    bottom: 55px;
}

.contact-us-inner p {
    max-width: 726px;
    margin: 0 auto;
    line-height: 163%;
    margin-top: 38px;
}

.headline {
    font-size: 17px;
    font-weight: 600;
}

.why-us-inner-left {
    padding: 0;
}

.why-us-inner-left .text {
    max-width: 515px;
}

.list-text p {
    font-size: 14px;
    max-width: 380px;
}

#proc-my {
    padding: 0 74px 0 74px;
}

.where-to-find-us {
    flex: 2;
    gap: 70px;
}

.where-to-find-us a {
    color: #2f3839 !important;
    border: none !important;
}

.where-to-find-us a:hover {
    color: #2f3839 !important;
    border-bottom: 1px solid !important;
}

.where-to-find-us h2 {
    display: flex;
    align-items: center;
    gap: 24px;
    width: auto;
    margin-bottom: 0;
}

.where-to-find-us h2::before {
    content: "";
    display: inline-block;
    background: url(../images/location_panel.svg) no-repeat;
    width: 41px;
    height: 41px;
    min-width: 41px;
    background-size: 41px;
}

.fast-contact h2::before {
    content: "";
    display: inline-block;
    background: url(../images/phone_panel.svg) no-repeat;
    width: 41px;
    height: 41px;
    min-width: 41px;
    background-size: 41px;
}

.where-to-find-us a:hover p {
    text-decoration: underline;
}

.fast-contact h2 {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-bottom: 0;
    width: auto;
}

.fast-contact {
    flex: 2;
    gap: 70px;
}

.all-contacts {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.znamy-lekar-wrap {
    text-align: center;
}

/* To top */

.progress-wrap {
  	position: fixed;
  	right: 50px;
  	bottom: 50px;
  	height: 46px;
  	width: 46px;
  	cursor: pointer;
  	display: block;
  	border-radius: 50px;
  	box-shadow: inset  0 0 0 2px rgba(255,255,255,0.2);
  	z-index: 4;
  	opacity: 0;
  	visibility: hidden;
  	transform: translateY(15px);
  	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}

.progress-wrap.active-progress {
  	opacity: 1;
  	visibility: visible;
  	transform: translateY(0);
}

.progress-wrap::after, .progress-wrap::before {
    position: absolute;
    content: " ";
    background: url(../images/arrow_down.svg) no-repeat;
    text-align: center;
    line-height: 37px;
    left: 12px;
    top: 9px;
    height: 18px;
    width: 19px;
    background-size: 16px;
    cursor: pointer;
    display: block;
    z-index: 1;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
    transform: rotate(180deg);
}

.progress-wrap:hover::after {
	  opacity: 0;
}

.progress-wrap:hover::before {
  	opacity: 1;
}

.progress-wrap svg path {
  	fill: none;
}

.progress-wrap svg.progress-circle path {
  	stroke: var(--orange);
  	stroke-width: 4;
  	box-sizing:border-box;
  	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}

body.light .progress-wrap {
  	box-shadow: inset  0 0 0 2px rgba(0,0,0,0.2);
}

body.light .progress-wrap::after {
  	color: var(--blue);
}

body.light .progress-wrap svg.progress-circle path {
  	stroke: var(--blue);
}

svg.progress-circle.svg-content {
    background: white;
    border-radius: 50px;
    box-shadow: 0px 0px 53px #2f38391a;
}

/* Footer */

#footer {
    /* max-width: 1400px; */
    margin: 0 auto;
    padding: 92px 0px 0px 0px;
    gap: 0;
}

.footer-upper {
    background: #ffffff;
    border-radius: 15px;
    box-shadow: 0px 4px 33px rgba(14, 154, 158, .11);
    padding: 52px 53px 52px 53px;
    width: 100%;
    position: relative;
    z-index: 1;
}

.footer-bottom {
    background: var(--blue);
    position: relative;
}

.footer-bottom-inner::before {
    content: "";
    background: url(../images/texture_footer.svg);
    position: absolute;
    top: -113px;
    height: 138px;
    width: 100%;
    background-position: top center;
}

.footer-bottom-inner-bottom {
    margin-top: 120px;
}

.footer-bottom-inner-bottom div {
    flex: 1;
}

#footer .address_wrap {
    flex-flow: column;
}

#footer p a {
    font-weight: 600;
    letter-spacing: 0;
    color: var(--blue);
    /* text-decoration: underline; */
    white-space: nowrap;
    border-bottom: 1px solid;
}

#footer p a:hover {
    color: var(--blue);
    text-decoration: none;
    border-bottom: none;
}

#footer .title {
    display: inline-block;
    font-size: 36px;
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 32px;
    font-weight: 900;
    color: #FFF9D7;
    line-height: 103%;
}

#footer .menu-box ul{
list-style:none;
padding:0px;
margin:0px;
padding-bottom:40px;
}

#footer .menu-box ul li{
padding-left: 16px;
padding-bottom: 8px;
padding-top: 9px;
position: relative;
}

#footer .menu-box ul li:first-child{
display: none;
}

#footer .menu-box ul li a{
color:#fff;
text-decoration:none;
font-size:16px;
}

#footer .menu-box ul li a:hover{
color:#e13636;
text-decoration:underline;
}

#footer .menu-box ul li:before{
content:"\f105";
position:absolute;
top:8px;
left:0px;
color:#bcaab3;
font-size:13px;
font-family: 'FontAwesome';
}

#footer .logo a:hover {
  border-bottom: none;
}

#footer a {
    color: #ffffff;
    text-decoration: none;
    font-weight: 700;
    border-bottom: none;
}

#footer a:hover {
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid;
}

.footer-upper p {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 0;
}

#footer-bottom p {
    color: #fff !important;
}

#footer .address_wrap a {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 10px 17px 11px 20px;
    max-width: 163px;
    display: inline-block;
    margin-top: 27px;
}

#footer .address_wrap a:hover {
    background: transparent;
    color: #fff !important;
}

#footer .phone_mail_wrap {
    margin: 0px;
    margin-bottom: 47px;
}

#footer .phone_mail_wrap a {
  font-size: 25px;
  line-height: 132.5%;
  color: #fff !important;
  text-align: left;
  font-weight: 700;
  text-decoration: underline;
}

#footer .phone_mail_wrap a:hover {
    text-decoration: none;
    color: #fff !important;
}

#footer p.spisovna_znacka {
font-size: 12px !important;
line-height: 133% !important;
margin-top: -11px;
max-width: 80%;
color: #ccc !important;
}

#footer .contact-box span {
font-size: 12px;
}

#footer .contact-box{
padding-bottom:40px;
flex: 4;
display: flex;
justify-content: center;
align-items: center;
}

#footer .contact-box img{
animation: float 6s ease-in-out infinite;
transform: translatey(0px);
margin-left: 175px;
margin-top: 74px;
}

@keyframes float {
	0% {
		transform: translatey(0px);
	}
	50% {
		transform: translatey(-20px);
	}
	100% {
		transform: translatey(0px);
	}
}

#footer iframe{
width:100%;
}

#footer .social a{
display:inline-block;
width:25px;
height:25px;
border:1px solid #ffffff;
color:#ffffff;
line-height:23px;
text-align:center;
margin-right:5px;
}

#footer .social a:hover{
color:#bcaab3;
border-color:#bcaab3;
}

#footer .phone_mail_wrap::before, #footer .address_wrap::before{
display: none;
}

#footer .address_wrap .title {
    text-transform: uppercase;
    font-size: 16px;
}

#footer .row {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: wrap;
}

#footer ul {
    padding: 0;
    list-style-type: none;
    margin-top: 0;
    margin: 0;
}

#footer .logo img {
    width: 100%;
    max-width: 119px;
}

#footer ul li {
    font-size: 14px;
    margin-bottom: 2px;
    display: inline;
    margin-right: 37px;
}

#footer ul li a {
    color: #ffffff;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 0;
    border-bottom: none;
    white-space: nowrap;
}

.footer-nav {
    margin-top: 18px;
}

.footer-nav-headline {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
}

#footer ul li.legal {
    font-size: 11px;
    line-height: 17px;
    margin-top: 9px;
}

.footer-bottom .menu li:first-child {
    display: none !important;
}

.footer-bottom-inner .container-flex {
    position: relative;
    padding: 73px 40px 98px 40px;
}

.footer-bottom-inner .container-flex::after {
    content: "";
    position: absolute;
    right: -86px;
    bottom: 0;
    background: url(../images/symbol_footer.svg) no-repeat;
    width: 358px;
    height: 332px;
}

.footer-bottom-inner-top, .footer-bottom-inner-bottom {
    position: relative;
    z-index: 1;
    align-items: center;
}

.znamy-lekar-wrap a {
    background: #48B4B7;
    border-radius: 100px;
    padding: 15px 74px 18px 32px;
    position: relative;
    white-space: nowrap;
}

.znamy-lekar-wrap a:hover {
    background: #45afb2;
    border-bottom: none !important;
}

.znamy-lekar-wrap-inner a::after {
    content: "";
    background: url(../images/arrow_right_footer.svg) no-repeat;
    background-position: center center;
    display: inline-block;
    width: 20px;
    height: 14px;
    position: absolute;
    right: 22px;
    top: 20px;
    transition: 0.4s all;
}

.znamy-lekar-wrap-inner a:hover::after {
    right: 16px;
}

.box.menu-box {
    background: #362B25;
    padding: 78px 85px 101px 89px;
    border-top-right-radius: 160px;
    border-bottom-left-radius: 160px;
    flex: 2;
}

.copy span {
    color: #fff;
}

.copyright {
    display: block;
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 69px;
        flex: 1 100%;
}

.copyright a {
    display: inline-block;
    color: #fff !important;
    text-decoration: underline;
    background: #433732;
    padding: 10px;
    border-radius: 5px;
}

.copyright a:hover{
color: #fff !important;
}

.copyright a::before {
content: " ";
display: inline-block;
background: url(../images/symbol.svg);
background-size: 100%;
width: 16px;
height: 16px;
position: relative;
top: 4px;
margin-right: 5px;
}

.copy p {
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    margin: 0;
}

.references #static .body {
    border: 1px solid #cfe2ea;
    padding: 56px;
    border-top-right-radius: 85px;
}

.home h1.main-title {
    display: none !important;
}

.text {
    width: 100%;
}

/** SUBPAGES **/

.contact-wrap-inner-right {
    padding: 0;
    flex: 2;
    background: #fff;
    border-radius: 15px;
}

.gallery-inside {
    display: flex;
    margin-top: 22px;
    margin-left: -8px;
    margin-right: -8px;
}

.gallery-inside div img {
    border-radius: 20px;
    padding: 8px;
}

.main-body {
    margin-top: 170px;
    /* background: #eef4fd; */
}

.home .main-body {
    margin-top: 0px;
}

.home .main-body > .container-flex {
    padding: 0;
    max-width: initial;
    display: block;
    width: auto;
}

#static {
    background: #fff;
    border-radius: 10px;
    padding: 40px 54px;
    margin-right: 32px;
    flex: 2;
    background: #ffffff;
    border-radius: 15px;
    box-shadow: 0px 4px 33px rgba(14, 154, 158, .11);
}

.other-contacts-wrap {
    display: flex;
    gap: 12px;
    margin-top: 38px;
    width: 100%;
    flex-flow: wrap;
}

iframe {
    border-radius: 15px;
}

.other-contacts-single-wrap {
    background: #f5f7fd;
    border-radius: 10px;
    padding: 30px;
    flex: 1;
}

.other-contacts-single-wrap a {
    background: #e8ecf6 !important;
}

.prodejna-wrap {
    display: flex;
    gap: 47px;
}

.prodejna-inner-left {
    flex: 1;
}

.prodejna-inner-right {
    flex: 1;
    display: flex;
    gap: 36px;
    flex-flow: column;
}

.prodejna-wrap a {
    background: #f4f7fd;
    color: var(--blue);
    text-decoration: none;
    padding: 0px 5px 1px 5px;
    border-radius: 4px;
    font-weight: 600;
    border-bottom: none;
}

.prodejna-wrap a:hover {
    text-decoration: underline !important; 
}

.prodejna-inner-inner-right {
    flex-flow: row wrap;
    display: flex;
}

.prodejna-wrap img {
    border-radius: 10px;
}

.kontakt #static {
    margin-right: 0;
}

.contact-wrap-inner-left {
    flex: 1;
}

.kontakt h1.main-title {
    display: none;
}

.kontakt h1 {
    font-size: 40px;
    margin-top: 0px;
    margin-bottom: 35px;
}

.service.service-3 {
    border-bottom: none !important;
}

.fancybox-close {
    border: none;
}

.side-panel {
    padding: 40px 30px;
    flex: 1;
    background: #f5f7fd;
    border-radius: 15px;
    /* box-shadow: 0px 4px 33px rgba(14, 154, 158, .11); */
}

.side-panel-headline {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: -9px;
    text-align: center;
    border-bottom: 1px solid #b8cccd;
    padding-bottom: 32px;
}

.side-panel .our-services-inner {
    flex-flow: column;
}

.side-panel .service {
    background: #f4f7fd;
    box-shadow: none;
    flex: none;
    border-bottom: 1px solid #b8cccd;
    border-radius: 0;
}

.side-panel .service-1 {
    display: none;
}

.side-panel .service-4 {
    background: var(--blue);
    border-radius: 10px;
}

.side-panel .service p {
    letter-spacing: 0;
}


/* KONTAKT */

#contact_wrap {
display: flex;
}

#contact_wrap a {
    color: #fff9d7;
}

#contact_wrap div {
flex: 1 50%;
background: #fff;
padding: 56px;
padding-left: 81px;
padding-right: 66px;
text-align: left;
}

#contact_wrap div:first-child {
background: url(../images/location.svg) #c83131 no-repeat;
background-size: 343px;
background-position: right -106px center;
order:2;
}

#contact_wrap div:last-child {
background: url(../images/provozovna.svg) #fff no-repeat;
background-size: 355px;
background-position: right -106px center;
padding: 0;
}

#contact_wrap div:last-child img {
    width: 100% !important;
    object-fit: cover;
    height: 100% !important;
}

.legals_wrap {
    order: 2;
    background: #362b25;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px;
}

.legals_wrap p {
    margin: 0;
    font-size: 15px;
    color: #e1b9a3;
    text-align: center;
}

.contact #poptavka form {
    max-width: 100%;
}

#slider_subpage_wrap {
background: url("../files/static_pages_files/images/hero_podstranky.jpg") no-repeat;
background-position: center center;
background-size: cover;
width: 100%;
position: absolute;
left: 0;
right: 0;
top: 0;
height: 460px;
z-index: -1;
opacity: .1;
}

.map-box {
    background: url(../images/cz_map.svg) no-repeat;
    background-size: contain;
    /* width: 100%; */
    height: 349px;
    background-position: center;
    position: relative;
    top: -24px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.map-box a {
    color: #fff !important;
    font-weight: 700 !important;
}

.gallery-album {
    display: flex;
    flex-flow: wrap;
}

.gallery-album a {
    flex: 0 1 33.33%;
    border-right: 0.1px solid #fff;
    border-bottom: 0.1px solid #fff;
}

.gallery-inside a {
    border: none;
}

.gallery {
    position: relative !important;
    overflow: hidden !important;
    display: flex !important;
    flex-flow: wrap !important;
    margin-top: 28px !important;
    display: none !important;
}

.gallery-wrap-3 {
    flex-flow: wrap;
}

.gallery-wrap-3 div {
    flex: 0 1 33.33%;
}

.home .gallery, .stavebne_truhlarske_prace .gallery {
    margin-top: 46px !important;
}

.gallery .photo {
    width: 100% !important;
    background-color: transparent !important;
    overflow: hidden !important;
    border: 0 !important;
    transition: 0.08s ease-in !important;
    -o-transition: 0.08s ease-in;
    -ms-transition: 0.08s ease-in;
    -moz-transition: 0.08s ease-in;
    -webkit-transition: 0.08s ease-in;
    float: left !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    flex: 0 1 33.33% !important;
    height: auto !important;
    margin-bottom: 0px !important;
    height: auto !important;
    width: 100% !important;
    max-height: 305px;
    padding: 8px;
}

.gallery .photo a {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    position: relative !important;
    padding: 0px;
    border: none;
}

#static .gallery .photo a img {
    position: static !important;
    max-width: none !important;
    width: 100% !important;
    left: 0 !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 12px;
}

.references #static .gallery .photo a {
    pointer-events: none;
}

.references #static .gallery .photo a img {
    position: static !important;
    max-width: none !important;
    width: 100% !important;
    left: 0 !important;
    height: 100% !important;
    object-fit: contain !important;
    max-width: 111px !important;
    max-height: 97px;
    padding: 10px;
}

.fancybox-skin {
    background: transparent !important;
}

.fancybox-opened .fancybox-skin {
    box-shadow: none !important;
}

.overlay_img {
  position: relative;
  display: block;
  height: 100%;
}

.overlay_img > img {
  vertical-align: middle;
}

.overlay_img::before {
    content: 'Zobrazit';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    font-weight: 700;
    height: 100%;
    background: #2d2522;
    color: #fff;
    opacity: 0;
    transition: .5s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 0.3px;
    border-radius: 12px;
}

.overlay_img:hover::before {
  opacity: 0.5;
}

#content {
    overflow: hidden;
    position: relative;
}

.home #static .body > div > p:first-child a:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    max-width: 800px;
    height: 100%;
    display: inline-block;
    background: -moz-linear-gradient(top, rgba(0,47,75,0) 39%, rgba(0,0,0,.6) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(39%,rgba(0,47,75,0)), color-stop(100%,rgba(0,0,0,.6)));
    background: -webkit-linear-gradient(top, rgba(0,47,75,0) 39%,rgba(0,0,0,.6) 100%);
    background: -o-linear-gradient(top, rgba(0,47,75,0) 39%,rgba(0,0,0,.6) 100%);
    background: -ms-linear-gradient(top, rgba(0,47,75,0) 39%,rgba(0,0,0,.6) 100%);
    background: linear-gradient(to bottom, rgba(0,47,75,0) 39%,rgba(0,0,0,.6) 100%);
    /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002f4b', endColorstr='#2f383900',GradientType=0 ); */
}

#static.contact .body {
    display: flex;
    flex-flow: column;
}

#contact_wrap {
    order: 1;
}

#poptavka {
    order: 3;
    background: #fff;
    padding: 60px;
    padding-top: 70px;
    padding-bottom: 46px;
    display: none;
}

#poptavka label {
    float: left;
    text-align: left;
    margin-right: 15px;
    width: 100%;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 900;
    margin-bottom: 14px;
    padding-top:0;
}

#poptavka button {
    background: #E13636;
    border: 1px solid #E13636;
    border-radius: 5px;
    padding: 7px 21px 8px 21px;
    transition: 0.3s all;
    color: #fff;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 700;
    min-height: 43px;
}

#poptavka button:hover {
    background: transparent;
    color: #E13636;
    border: 1px solid #E13636;
}

#poptavka label span {
    color: #e13636;
}

#poptavka .form-control {
    display: block;
    width: 100%;
    height: 45px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #362B25;
    background-color: #FFF9D7;
    background-image: none;
    border: 1px solid #DFD7A8;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

#poptavka form {
    display: flex;
    flex-flow: wrap;
    max-width: 60%;
}

#poptavka .form-group {
    flex: 1 50%;
    padding: 5px 11px;
}

#poptavka .form-group:nth-child(6) {
    flex: 1 100%;
}

#poptavka textarea {
    min-height: 133px;
}

/* IE */

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     body {
        overflow-x: hidden;
     }
     #inquiry-wrap .container {
        margin-top: 70px;
     }
iframe {
    width: 100%;
    position: relative;
    margin-left: 0px;
    margin-top: 27px;
    left: auto;
    margin-bottom: -101px;
}
#contact_wrap div:first-child {
    background: url(../images/location.svg) #fff no-repeat;
    background-size: 100%;
    background-position: right -324px center;
}
#contact_wrap div:last-child {
    background: url(../images/provozovna.svg) #fff no-repeat;
    background-size: 100%;
    background-position: right -331px center;
}
.benefits .ico_1 {
    background: url(../images/calendar.svg) no-repeat;
    background-size: 61%;
    background-position: top right;
    margin-right: 22px;
    width: 20px;
    height: 20px;
    flex: 1;
}
.benefits .ico_2 {
    background: url(../images/handshake.svg) no-repeat;
    background-size: 76%;
    background-position: top right;
    margin-right: 22px;
    width: 20px;
    height: 20px;
    flex: 1;
}
.benefits .ico_3 {
    background: url(../images/furniture.svg) no-repeat;
    background-size: 70%;
    background-position: top right;
    margin-right: 22px;
    width: 20px;
    height: 20px;
    flex: 1;
}
.benefits .ico_4 {
    background: url(../images/meter.svg) no-repeat;
    background-size: 78%;
    background-position: top right;
    margin-right: 22px;
    width: 20px;
    height: 20px;
    flex: 1;
}
}

/* PULSING */

.blob {
	background: black;
	border-radius: 50%;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
	margin: 10px;
	height: 20px;
	width: 20px;
	transform: scale(1);
	animation: pulse-black 2s infinite;
    position: relative;
    left: -208px;
    top: -102px;
}

.blob.yellow {
	background: rgba(255, 177, 66, 1);
	box-shadow: 0 0 0 0 rgba(255, 177, 66, 1);
	animation: pulse-yellow 2s infinite;
}

@keyframes pulse-yellow {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 177, 66, 0.7);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(255, 177, 66, 0);
	}

	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 177, 66, 0);
	}
}

/* CF */

.alert {
    padding: 15px;
    margin: 0px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    text-align: center;
    padding-top: 34px;
    padding-bottom: 38px;
}

#repeatable-section .alert {
    padding: 15px;
    margin: 0;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    text-align: center;
    padding-top: 34px;
    padding-bottom: 38px;
    position: relative;
    min-height: 692px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
}

.alert h2 {
    margin-top: 0;
}

#contact-area {
	width: 600px;
	margin-top: 25px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 471px;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #900;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 1.4em;
}

/* FADE IN */

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* END OF CF */

@media (min-width: 1200px) {
.container {
    max-width: 1300px;
    width: 100%;
    padding-left: 50px;
    padding-right: 50px;
}
}