/*
Theme Name: rucnimytiplus.mom
Description: Šablona vytvořená na míru.
Author: Talmer
Author URI: https://talmer.cz
Version: 1.2
*/
/* 
#00478a rgb(0,71,138) Tmavě modrá (hlavička, nadpisy, odkazy)
#326ba1 rgb(50,107,161) Střední modrá (patička, programy)
#3bb3e0 rgb(59,179,224) Světle modrá (tlačítka)
#e8f7ff rgb(232,247,255) Blankytně modrá (pozadí)
#ffee33 rgb(255,238,51) Zlatá (zvýraznění)
*/
@media all {
::selection {background-color: #000; color: #fff;}
html, body {padding: 0; margin: 0; font-family: 'Open Sans', Tahoma, sans-serif; font-size: 16px; background: #fff; width: 100%; overflow-x: hidden;}
img {max-width: 100%; height: auto; border: none;}
a {text-decoration: underline; color: #00478a; border: none; outline: none;}
a:hover {text-decoration: none;}
p, ul, ol {padding: 10px 0; margin: 0;}
ul, ol {margin-left: 20px; text-align: left;}
h1 {margin: 0; padding: 15px 0; letter-spacing: 0.04em; font-weight: 700; color: #00478a; font-size: 200%; text-align: center;}
h2 {margin: 20px 0 10px 0; color: #00478a; font-size: 130%; line-height: 150%;}
h3 {margin: 20px 0 20px 0; letter-spacing: 1px; color: #444; font-size: 110%;}
hr {clear: both; visibility: hidden; height: 0; padding: 0; margin: 0;}
label, input[type=checkbox] {cursor: pointer;}
textarea {width: 100%; min-width:100%; max-width: 100%; margin: 0; padding: 8px 0; box-sizing: border-box;}
iframe {width: 100%; margin: 0; padding: 0; box-sizing: border-box;}
figcaption {padding: 5px 0 15px 0;}
    
.content {box-sizing: border-box; margin-left: auto; margin-right: auto;}
#headerwrapper {background: linear-gradient(0deg, rgba(0,71,138, 0.5), rgba(0,71,138, 0.3)), url(img/background-clouds.jpg); background-size: cover;}
header {color: #fff;}
header .content {background: rgba(0,71,138,0.8); border: 1px solid rgba(0,71,138,0.9); border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; border-top: none;}
header a {color: #fff; text-decoration: none;}
header a:hover {text-decoration: underline;}
header img {float: left;}
header #logo img {width: 160px; margin: 10px 40px;}
header small, header .small {font-size: 75%;}
header p {padding: 2px 0;}
header #tel {font-size: 125%; font-weight: 700; letter-spacing: 0.04em; text-shadow: 1px 1px 3px #0066AD; margin-top: 8px; display: none; text-align: center;}
header #tel a {color: #FE3; text-decoration: none;}
header .holidays {font-size: 75%; padding: 4px 0 5px;}
header .info img {height: 40px; opacity: 0.8; transition: 0.5s;}
header .info:hover img {opacity: 1;}
header .prague {font-size: 110%;}

nav {text-transform: uppercase; text-shadow: 0 1px #13435F; padding-top: 20px;}
nav:after {background: url(img/background-overlay-header.png) no-repeat 50% bottom; content: ''; width: 100%; height: 109px; display: block;}
nav ul {margin: 0; padding: 0; display: block; text-align: center;}
nav li {list-style: none; display: inline-block; padding: 0; border-radius: 10px;}
nav .current-menu-item {background: rgba(0,71,138,0.8);}
nav li:hover {background: rgba(0,71,138,0.6);}
nav a {color: #fff; text-decoration: none; padding: 0 10px;}
nav a:hover {text-decoration: none;}
nav ul.menu > li:last-child > a {color: #ffee33;}

article {text-align: center; background: #fff; position: relative;}
article p {line-height: 160%;}
article > p {max-width: 800px; margin-left: auto; margin-right: auto;}

aside {background: #fff; box-sizing: border-box;}
	
footer:before {background: url(img/background-overlay-footer.png) no-repeat 50% bottom; content: ''; width: 100%; height: 104px; display: block;}
footer {text-align: center; color: #fff; background-color: #326ba1;}
footer > .content > .wp-block-columns {background-color: #00478a; padding: 20px; border-radius: 10px;}
footer p {padding: 30px 10px;}
footer a {color: #003160;}
footer .icons {flex-wrap: wrap; padding: 0;}
footer .icons .wp-block-column {padding-bottom: 25px;}
footer .icons svg {max-height: 54px; max-width: 76px; margin: 0 auto 5px auto; display: block;}
footer .copy {font-size: 75%; color: #99b5d0;}
footer .darknomargin a {margin: 0; box-shadow: inset 0 1px 0 #2ab7ec,0 5px 0 0 #156785,0 10px 5px #093A57;}
footer .darknomargin a:hover {box-shadow: inset 0 1px 0 #2ab7ec,0 2px 0 0 #156785,0 5px 3px #093A57;}

.wp-block-columns {display: flex; width: 100%; justify-content: space-between; box-sizing: border-box; align-items: center;}
.wp-block-column {text-align: center; box-sizing: border-box; width: 100%;}

.wp-block-button a {text-decoration: none; background-color: #3bb3e0; color: #FFF!important; position: relative; padding: 10px 20px; padding-right: 50px; margin: 20px 0; display: inline-block; background-image: linear-gradient(bottom,#2ca0ca 0%,#3eb8e5 100%); border-radius: 5px; box-shadow: inset 0 1px 0 #2ab7ec,0 5px 0 0 #156785,0 10px 5px #999; cursor: pointer;}
.wp-block-button a:before {background-color: #2591b4!important; background-image: url(img/right_arrow.png)!important; background-repeat: no-repeat!important; background-position: center center!important; content: ""!important; width: 20px!important; height: 20px!important; position: absolute!important; right: 15px!important; top: 50%!important; margin-top: -9px!important; border-radius: 50%!important; box-shadow: inset 0 1px 0 #052756,0 1px 0 #60c9f0!important;}
.wp-block-button a:hover {top: 3px; background-image: linear-gradient(bottom,#3eb8e5 0%,#2ca0ca 100%); box-shadow: inset 0 1px 0 #2ab7ec,0 2px 0 0 #156785,0 5px 3px #999;}
.big {margin: 40px 0; transform: scale(1.5);}

.wp-block-image.round img {border-radius: 10px;}
.wp-block-table {text-align: center; margin: 0;}
.wp-block-table h2 {margin: 40px 0 20px;}
.wp-block-table table {border-collapse: collapse; margin: 10px auto; border: 1px solid #3174A3; border-radius: 10px; text-align: left; background-color: #F5FBFF;}
.wp-block-table th {padding: 15px; background-color: #3B7EAD; border: 1px solid #3174A3; color: #fff;}
.wp-block-table td {padding: 15px; border: 1px solid #CFEBFF;}
.wp-block-table tr:nth-of-type(odd) {background-color: #e8f7ff;}
.wp-block-embed {margin: 0;}

.has-2-columns:not(.programs) .wp-block-column h2, .has-2-columns:not(.programs) .wp-block-column h3, .has-2-columns:not(.programs) .wp-block-column p {text-align: left;}
.wp-block-image {margin: 0;}
.has-small-font-size {font-size: 80%;}
.has-text-align-left {text-align: left;}
.center, .has-text-align-center {text-align: center !important;}
.action {color: #f00;}
.are-vertically-aligned-top {align-items: flex-start;}

.branch-select {border: none; outline: none; background: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; margin: 0; display: block; width: 100%; padding: 5px 35px 5px 8px; font-size: inherit; color: #fff; cursor: pointer;}
.branch-select option {background-color: #326ba1;}
.branch-label:after {position: absolute; right: 0; top: 0; width: 28px; height: 100%; line-height: 24px; content: '\2228'; text-align: center; color: #FE3; border-left: 1px solid #326ba1; z-index: -1;}
.branch-label {position: relative; display: block; margin-right: 5px; border: 1px solid #326ba1; background-color: rgba(50,107,161,0.25); z-index: 10; max-width: 100%;}

.price-control-wrapper {margin: 10px 0 10px 0;}
#prices {display: inline-flex; justify-content: center; align-items: center; width: auto; background: #e8f7ff; padding: 10px 10px; border-radius: 20px; margin: 10px 5px 5px 5px;}
#prices span {padding: 5px;}
#prices .price-control {appearance: none; background-color: #ddd; border-radius: 72px; border-style: none; flex-shrink: 0; height: 20px; margin: 0; position: relative; width: 40px;}
#prices .price-control::before {bottom: -6px; content: ""; left: -6px; position: absolute; right: -6px; top: -6px;}
#prices .price-control, #prices .price-control::after {transition: all 100ms ease-out;}
#prices .price-control::after {background-color: #fff; border-radius: 50%; content: ""; height: 14px; left: 3px; position: absolute; top: 3px; width: 14px;}
#prices input[type=checkbox] {cursor: default;}
#prices .price-control:hover {cursor: pointer;}
#prices .price-control:checked {background-color: #00478a;}
#prices .price-control:checked::after {background-color: #fff; left: 23px;}
#prices :focus:not(.focus-visible) {outline: 0;}
#prices .price-control:checked:hover {background-color: #00478a;}

.programs {align-items: flex-start;}
.programs > .wp-block-column {padding: 3px; border: 2px solid #e5e5e5; border-radius: 10px; margin: 5px;}
.programs > .wp-block-column .wp-block-columns {margin: 0; background-color: #326ba1;}
.programs hr {content: ''; width: 100%; height: 33px; display: block; background: transparent url(img/background-overlay-pricing-table.png) no-repeat bottom;}
.programs > .wp-block-column .wp-block-column {margin: 0; color: #fff; display: flex; align-items: center; justify-content: center;}
.programs > .wp-block-column .wp-block-column:last-child {color: #fe3;}
.programs ul {margin: 0; }
.programs li {list-style: none; padding: 5px 10px;}
.programs li + li {border-top: 1px dashed #e5e5e5;}
.programs .title {font-size: 180%; padding: 0 5px 5px; font-weight: 400; text-align: center; background-color: #00478a; color: #fff; padding: 10px 5px; border-radius: 8px 8px 0 0; margin-bottom: -1px;}
.programs .description {font-size: 70%; line-height: 140%; text-align: center; color: #fff; background-color: #00478a; border-bottom: 1px solid #12405b; padding: 0 5px 10px 5px;}
.programs .trailer {color: #f00; background-color: #00478a; padding: 0 0 5px 0;}
.programs .price {font-size: 140%; padding: 10px 5px 0 5px; background-color: #326ba1; color: #fff; text-align: center;}
.programs .original {color: #fff; background-color: #326ba1; padding-bottom: 0;}
.programs s, .programs del {color: #000; position: relative; text-decoration: none;}
.programs s:before {position: absolute; content: ""; left: 0; top: 50%; right: 0; border-top: 2px solid; border-color: rgba(0,56,110,0.75); transform:rotate(-6deg);}
.programs .with-card, .programs .action {color: #FE3;}
.programs .without-card {display: none;}
.programs .with-dph {font-size: 70%; line-height: 120%; color: #fff; padding: 10px 0 0 0; background-color: #326ba1;}
.programs .with-dph:after {content: ''; width: 100%; height: 33px; display: block; background: transparent url(img/background-overlay-pricing-table.png) no-repeat bottom;}
.programs .favourite {color: #FE3; background-color: #00478a; letter-spacing: 0.03em; padding: 0 0 5px 0; text-align: center;}
.programs .duration {font-size: 90%; display: flex; justify-content: center; align-items: center; padding: 10px 0 0 0;}
.programs .duration:before {content: url(img/icons/duration.svg); width: 24px; height: 24px; padding-right: 10px;}
.programs .included {padding: 10px 0;}
.programs .wp-block-button {margin-bottom: 20px; margin-left: 10px; margin-right: 10px;}
	
.beforeafter {margin-bottom: 40px;}

.offers {background-color: #e8f7ff; border-top: 1px solid #d8e7f2; border-bottom: 1px solid #d8e7f2; padding: 10px 0 20px 0; margin: 20px 0;}
.offers .wp-block-column {background-color: #fff; box-shadow: 1px 1px 3px #d0dee5; border-radius: 10px; overflow: hidden;}
.offers .wp-block-column h3 {padding: 0 10px; margin-bottom: 0px;}
.offers .wp-block-column p {padding: 20px;}

.advantages .wp-block-column {padding: 10px;}
.advantages h4 {padding: 10px; line-height: 140%;}
.advantages p {padding-left: 5px; padding-right: 5px;}

.branches {justify-content: center;}
.branches .wp-block-column {border: 1px solid #E0EFF9; background-color: #f8fcff; padding-bottom: 20px; border-radius: 10px;}
.branches h3 a {text-decoration: none;}
.branches h4, .branches p {padding: 0 5px; font-size: 90%;}

.wpcf7-form {margin: 10px auto; background-color: #e8f7ff; border-radius: 20px;}
.wpcf7 input,.wpcf7 select,.wpcf7 textarea {padding: 8px; margin: 5px 0 5px 10px; outline: none; float: right; border-radius: 3px; border: 1px solid #85C2ED;}
.wpcf7 input[type="checkbox"] {float: none; margin: 5px 10px 5px 0;}
.wpcf7 label {float: left; line-height: 45px;}
.wpcf7 input[type="submit"] {text-decoration: none; background-color: #3bb3e0; color: #FFF!important; position: relative; padding: 10px 20px; margin: 20px 10px; display: inline-block; background-image: linear-gradient(bottom,#2ca0ca 0%,#3eb8e5 100%); border-radius: 5px; border: 0; box-shadow: inset 0 1px 0 #2ab7ec,0 5px 0 0 #156785,0 10px 5px #999; cursor: pointer; font-size: 120%;}
.wpcf7 input[type="submit"]:hover {top: 3px; background-image: linear-gradient(bottom,#3eb8e5 0%,#2ca0ca 100%); box-shadow: inset 0 1px 0 #2ab7ec,0 2px 0 0 #156785,0 5px 3px #999;}
.wpcf7 #cena {font-size: 200%; line-height: 90px;}
.wpcf7 .screen-reader-response,.wpcf7 .wpcf7-not-valid-tip {display: none;}
.wpcf7 .kuzeinfo,.wpcf7 .voskovaniinfo,.wpcf7 .ochranainfo {display: none; margin: 10px 0; color: #0D5985; font-weight: 700; text-align: center;}
.wpcf7 .action {color: red; padding: 5px 0;}
.wpcf7 .action ul {margin: 0;}
.wpcf7 .action li {list-style: none; padding: 5px 0;}
#moreservices:before {transform: rotate(90deg);}
#services {display: none;}
.margin {margin: 15px 0;}
.akcni-nabidky {margin: 10px 0; background-color: rgba(0, 71, 138, 0.8); color: #fff; padding: 10px 20px; border-radius: 3px;}
.akcni-nabidky .price {display: inline-block; color: #fe3; margin-left: 5px;}
.akcni-nabidky s {display: inline-block; margin-left: 5px; margin-right: 10px; text-decoration: none; position: relative; color: #00386e;}
.akcni-nabidky s:before {position: absolute; content: ""; left: 0; top: 50%; right: 0; border-top: 2px solid; border-color: rgba(0,56,110,0.75); transform:rotate(-6deg);}
.akcni-nabidky .sale {color: #fff; font-weight: 600;}
.akcni-nabidky b, .left b {float: left; clear: left; margin-bottom: 10px; margin-top: 10px; color: #3bb3e0;}
.akcni-nabidky input[type=checkbox], .left input[type=checkbox] {float: left; clear: left; margin-top: 8px; margin-right: 6px; border: 1px solid red; outline-color: red;}
.akcni-nabidky label, .left label {float: left; cursor: pointer; line-height: 30px; padding: 0 5px;}
.akcni-nabidky label:hover, .left label:hover {background: rgba(59,179,224,0.5); border-radius: 5px;}

.gallery {text-align: center; display: flex; flex-wrap: wrap; justify-content: center;}
.gallery a {display: inline-block; font-size: 0;}
.gallery img {box-shadow: 2px 2px 5px #3B7EAD; margin: 20px;}

#social {bottom: 40%; position: fixed; left: 0; z-index: 1;}
#social div {border-top-right-radius: 5px; border-bottom-right-radius: 5px; width: 30px; transition: .5s; margin-top: 5px;}
#social img {height: 22px; padding: 12px 10px 10px 2px; transition: .5s;}
#social .fb {background-color: #3e5b98;}
#social .i {background-color: #BF8360;}
#social .yt {background-color: #eee;}
#social div:hover {width: 50px;}
#social div:hover img {padding-left: 22px;}
	
.phone {padding-bottom: 10px;}
.phone img,.email img {vertical-align: middle; padding-right: 10px;}
.email img {max-width: 15px; padding-right: 5px;}
.phone h3 {display: inline-block;}
.email {font-size: 80%;}
.grecaptcha-badge {visibility: hidden;}

#promo {display: none; position: fixed; bottom: 5px; right: 5px; text-align: center; background-color: rgba(0,71,138,0.95); color: #fff; padding: 15px; padding-right: 40px; border-radius: 10px;}
#promo:after {display: flex; justify-content: center; align-items: center; content: 'x'; height: 100%; width: 25px; position: absolute; top: 0; right: 0; background-color: rgba(0,0,0,0.5); z-index: 9999; pointer-events: all; text-align: center; font-size: 150%; cursor: pointer; border-top-right-radius: 10px; border-bottom-right-radius: 10px;}
#promo a div {letter-spacing: 2px; color: #ffee33; font-size: 110%; font-weight: bold;}
#promo a {display: block; color: #fff; text-decoration: none;}


.margin-top {margin-top: 50px;}

.align-top {align-items: flex-start;}
.left {text-align: left;}

#cookie-consent {background-color: #00478a; color: #ccc; padding: 2em; position: fixed; max-width: 600px; left: 0; bottom: 0; z-index: 9999; display: none; box-shadow: 10px 10px 5px rgba(0,0,0,0.25); border-top-right-radius: 20px;}
#cookie-consent h2, #cookie-consent h3 {color: #fff;}
#cookie-consent p {font-size: 80%; text-align: left;}
#cookie-consent #cookie-choices {display: none;}
#cookie-consent #cookie-choices > div {display: inline-block; text-align: left;}
#cookie-consent #cookie-choices label {margin-right: 5px;}
#cookie-consent span, #cookie-consent a {cursor: pointer; color: #fff;}
#cookie-consent label {cursor: pointer;}
#cookie-consent button, #show-cookie-consent {text-decoration: none; background-color: #3bb3e0; color: #FFF!important; position: relative; padding: 10px 20px; margin: 20px 10px; display: inline-block; background-image: linear-gradient(bottom,#2ca0ca 0%,#3eb8e5 100%); border-radius: 5px; border: 0; box-shadow: inset 0 1px 0 #2ab7ec,0 5px 0 0 #156785,0 10px 5px #00386e
; cursor: pointer; font-size: 120%;}
#cookie-consent button:hover, #show-cookie-consent:hover {top: 3px; background-image: linear-gradient(bottom,#3eb8e5 0%,#2ca0ca 100%); box-shadow: inset 0 1px 0 #2ab7ec,0 2px 0 0 #156785,0 5px 3px #00386e;}
#cookie-consent #save-cookie-choices {background: none; border: 1px solid #3bb3e0; color: #3bb3e0;}
}

@media (max-width: 767px) { /*320, 480, 568, 640*/
    body {font-size: 14px;}
    header {text-align: center;}
    header #logo img {margin-bottom: 0; float: none;}
    header .info {display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 10px; font-size: 90%;}
    header .info > div {flex-basis: 50%; height: 60px; display: flex; align-items: center;}
    header .info img {padding: 0 10px 0 5px;}
    
    nav div div {margin-bottom: -60px;}
    nav ul {margin-top: 10px; display: none;}
    nav li {margin-bottom: 4px; display: block; padding: 8px;}
    nav a {padding: 5px;}
    
    .has-2-columns .wp-block-column, .has-3-columns .wp-block-column, .has-4-columns .wp-block-column, .has-5-columns .wp-block-column {width: 96%; margin-left: 2%; margin-right: 2%; box-sizing: border-box;}
    .has-6-columns .wp-block-column {width: 46%; margin-left: 2%; margin-right: 2%;}
    
    .programs .wp-block-column {margin-top: 10px; margin-bottom: 10px;}
    .branches .wp-block-column {margin-top: 5px; margin-bottom: 5px;}
    .gallery img {width: 100px; margin: 5px;}
    
    footer .wp-block-columns .wp-block-columns {flex-wrap: wrap;}
    footer .icons .wp-block-column {width: 25%;}
    
    .wpcf7-form {width: 90%; padding: 5% 4% 10% 4%; margin: 0 1%;}
    .wpcf7 input[type="text"], .wpcf7 input[type="tel"], .wpcf7 input[type="email"], .wpcf7 select {width: 96%; float: none; margin: 0; padding: 8px 2%;}
    .wpcf7 select {width: 100%;}
    .wpcf7 input[type="submit"] {margin: 20px 0;}
    .wpcf7 label {line-height: 30px;}
    #social {bottom: 5px; opacity: 0.3;}
    #social:hover {opacity: 1;}
    .wp-block-table th {padding: 10px 2px;}
    .wp-block-table td {padding: 5px 2px;}

}

@media (max-width: 359px) { /*old mobiles*/
    header .info img {padding: 0 4px 0 4px;}
    .wp-block-table th {padding: 10px 1px;}
    .wp-block-table td {padding: 5px 1px;}
    .wp-block-table table {font-size: 90%;}
}

@media (max-width: 1260px) { /*tablets and mobiles*/
    #headerwrapper {background-size: cover; background-attachment: fixed;}
    nav {text-align: center;}
    nav ul {margin-top: 10px; display: none; text-align: left;}
    nav li {margin: 2px 0; display: block; padding: 5px 10px 5px 40px;}
    nav ul > li > ul {padding-left: 0px;}
    nav ul > li > ul > li:before {display: inline-block; content: '>';}
    nav #lines {border-bottom: 6px double #fff; border-top: 2px solid #fff; height: 2px; width: 20px; display: inline-block;}
    #touchmenu {width: 150px; outline: none; color: #fff; padding: 10px 0; margin: 0 auto; display: inline-block; text-align: center; cursor: pointer; background: rgba(0, 71, 138, 0.8); border-radius: 10px; border: 1px solid rgba(0, 71, 138, 0.9);}
    nav a {padding: 5px;}
    
    .wp-block-columns {flex-wrap: wrap;}
    .wp-block-columns .wp-block-columns {flex-wrap: nowrap;}
    
    footer .content {padding-left: 1%; padding-right: 1%;}
    
    .offers .wp-block-column {margin-top: 20px;}
    .offers p {padding-left: 10px; padding-right: 10px;}
    
}

@media (max-width: 1260px) and (min-width: 768px) { /*768, 800, 960, 1024, 1138, 1152*/
    body {font-size: 15px;}
    header {text-align: center;}
    header #logo img {margin-bottom: 0; float: none;}
    header .info {height: 60px; float: right; display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 10px 0; font-size: 90%;}
    header .info > div {flex-basis: 25%; display: flex; align-items: center;}
    header .info img {padding: 0 10px 0 5px;}
    
    nav div div {margin-bottom: -40px;}
    
    .has-3-columns .wp-block-column, .has-6-columns .wp-block-column {width: 31.333333%; margin-left: 1%; margin-right: 1%;} 
    .has-2-columns .wp-block-column, .has-4-columns .wp-block-column, .has-5-columns .wp-block-column {width: 48%; margin-left: 1%; margin-right: 1%;}

    footer .icons {margin: 20px 0;}
    
    .wpcf7-form {width: 80%; padding: 5% 5% 10% 5%;}
    .wpcf7 input[type="text"], .wpcf7 input[type="tel"], .wpcf7 input[type="email"], .wpcf7 select {width: 98%; float: none; margin: 0; padding: 8px 1%;}
    .wpcf7 select {width: 100%;}
    .wpcf7 input[type="submit"] {margin: 20px 0;}
}

@media (min-width: 1261px) { /*1280, 1366, 1440, 1600, 1680, 1920*/
    header .info {float: right; height: 90px; float: right; width: 1000px; display: flex; justify-content: space-between; align-items: center;}
    header .info > div {flex-basis: 25%; display: flex; align-items: center;}
    header .info img {padding: 0 15px 0 5px;}
    nav {font-size: 95%;}
    nav ul.menu {display: flex; justify-content: space-between; align-items: center;}
    nav a:hover, nav li.current_page_item > a {color: #fff; background-color: transparent;}
    nav li {float: left;}
    nav a {display: block; padding: 0 19px; display: inline-block; line-height: 58px;}
    nav ul > li > ul {display: none; position: absolute; z-index: 2001; margin: 0; list-style: none; background: rgba(0,97,166,0.9); border-radius: 10px; text-align: left; padding: 0;}
    nav ul > li:hover > ul {display: block;}
    nav ul > li > ul > li {transition: all 0.5s; float: none; display: block; line-height: 25px; background-color: transparent;}
    nav ul > li > ul > li:hover {background: rgba(0,71,138,0.8);}
    nav ul > li > ul > li:hover > a {color: #fe3;}
    nav ul > li > ul > li > a {color: #fff; padding: 0px 10px; display: block;}
    #touchmenu {display: none;}
    
    .content, .wp-block-columns, .programs, .offers .wp-block-columns, .branches {max-width: 1260px; box-sizing: border-box; margin-left: auto; margin-right: auto;}
    .maxwidth, article > p, article > ol, article > ul, .offers p {max-width: 800px; margin-left: auto; margin-right: auto;}
    
    .has-2-columns > .wp-block-column {width: 50%; margin: 25px;}
    .has-3-columns > .wp-block-column {width: 33.333333%;}
    .has-4-columns > .wp-block-column {width: 25%;}
    .has-5-columns > .wp-block-column {width: 20%;}
    .has-6-columns > .wp-block-column {width: 16.666666%;}
    article .wp-block-column, aside .wp-block-column {margin: 10px;}
	
	footer .icons {flex-basis: 40%;}
	footer .gallerylink {flex-basis: 25%;}
    
    .offers .wp-block-columns {gap: 20px;}

    .wpcf7-form {width: 720px; padding: 5% 5% 10% 5%;}
    .wpcf7 #myci-program {max-width: 580px;}
    .wpcf7 #akce {max-width: 580px;}
    .wpcf7 #ochrana-laku {max-width: 500px;}
    
    .plus5 {margin-top: -34px !important;}
    .has-favourite {margin-top: 44px;}
}

 @font-face {font-family: 'Open Sans';font-style: normal;font-weight: 300;src: local(''), url('fonts/open-sans-v27-latin-ext_latin-300.woff2') format('woff2'), url('fonts/open-sans-v27-latin-ext_latin-300.woff') format('woff');}
 @font-face {font-family: 'Open Sans';font-style: normal;font-weight: 400;src: local(''), url('fonts/open-sans-v27-latin-ext_latin-regular.woff2') format('woff2'), url('fonts/open-sans-v27-latin-ext_latin-regular.woff') format('woff');
 }@font-face {font-family: 'Open Sans';font-style: normal;font-weight: 700;src: local(''), url('fonts/open-sans-v27-latin-ext_latin-700.woff2') format('woff2'), url('fonts/open-sans-v27-latin-ext_latin-700.woff') format('woff');}