/*  
Theme Name: Fullpage paralax + header menu children
Description: header menu children, 1 column, fullpage carousel homepage, responsive
Version: new
*/
@import url('font-face/font-face.css');
html, body {overflow-x: hidden;}
body, form, input, select, textarea, td, th {font-family: 'Open Sans', sans-serif;}
body {font-size: 80%; margin: 0; padding: 0; background: #f5f5f5; min-height: 100vh; height: 100%; display: flex; flex-direction: column;}
select, textarea, td, th {font-size: 100%;}
form, ul, li {margin: 0; padding: 0;}
ul li {list-style-type: none;}
p, table {margin: 0 0 1em 0; padding: 0;}
table {border-collapse: collapse;} 
td {vertical-align: top; padding: 5px;} 
img, iframe {border: 0;}
a, button, input {outline: none;}

.cleaner {clear: both; line-height: 0; visibility: hidden; font-size: 0;}
.clearfix:before, .clearfix:after {content: ""; display: table;}
.clearfix:after {clear: both;}

h2.screen-reader-text {display: none;}

@media screen and (min-width: 1100px) {
.table-article tbody td:before {display: none;}  
}


/* Montserrat */
h1, h2, h3, h4,
#header-wrapper #block-header .claim span,
#menu-header ul li a {font-family: 'Montserrat', sans-serif;}

/* FontAwesome */
.ico:before, .ico:after,
.icon:before,
.section-inner ul li:before,
#main ul li:before {font: normal normal normal 16px/1 'FontAwesome'; display: inline-block; text-decoration: none; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

.ico:before {margin-right: 4px;}
.ico:after {margin-left: 4px;}
.icon:before {text-align: center; margin: 0;}
.ico:before, .ico:after {color: inherit; text-decoration: none;}
.section h2.ico:before,
.section h4.ico:before {font-size: inherit; margin-right: 10px;}


/* ico */
.ico.home:before {content: "\f015";}
.ico.phone:before {content: "\f10b";}
.ico.info:before {content: "\f05a";}
.ico.photo:before {content: "\f03e";}
.ico.contact:before {content: "\f003";}

/* icon */
.icon.magnify:before {content: "\f002";}
.icon.link-anchor:before {content: "\f078";}


/* barvy */
body, a {color: #000;}

.section-wrapper.dark, .section-wrapper.image-dark, .section-wrapper.dark a,
#header-wrapper #block-header .claim span,
#header-wrapper #block-header .claim .textwidget,
.section-wrapper.image .section .section-inner,
.section-wrapper.image .section .section-inner a,
#footer, #footer a {color: #fff;}

#menu-header > ul > li > a:hover,
#menu-header > ul > li[class*="current"] > a,
#header-wrapper #block-header .claim span.title,
.section .block-left h3,
.section-wrapper.image .section .section-inner ul li:before,
#contact strong,
#header-wrapper #block-header .link-anchor:before,
#crossroads  > ul > li > a {color: #02942a;}


.strike {color: #999;}


/* pozadi */
#header.home,
#header.home #menu-header ul ul {background: rgba(255,255,255,.9);}

.section-wrapper.dark {background-color: #292929;}

.button:hover {background-color: #5f5f5f;}

#header,
#header.home.scroll,
#header-wrapper,
#header #menu-header ul ul,
#header.home.scroll #menu-header ul ul,
#header-wrapper #block-header .claim span.ico.phone:before {background-color: #fff;}

.section-wrapper.light {background-color: #fff;}

.button, 
.button.anchor:hover:before {background-color: #02942a;}

/* okraj */
#crossroads,
.strike:before, .strike:after {border-color: #d6d6d6;}


h1 {text-align: center; font-size: 240%; margin: 0 0 1em 0; padding: 0; line-height: 1.3;}
h2, .section .article h2, h3, h4 {text-align: left; padding: 0;}
h2, h3, h4 {margin: 0 0 0.5em 0;}
h2, .section .article h2 {font-size: 140%;}
h3 {font-size: 120%;}
h4 {font-size: 100%;}

/* nadpis strike */
.strike {display: table; white-space: nowrap; overflow: hidden; padding-bottom: 0.5em; margin-bottom: 1em;}
.strike:before, .strike:after {border-top-width: 1px; border-top-style: solid; content: ""; display: table-cell;  position: relative; top: 50%; transform: translateY(50%); width: 45%;}
.strike:before {right: 1.5%;}
.strike:after {left: 1.5%;}


a {text-decoration: underline; outline: none;}
a:hover,
.button, #menu-header ul li a, #header-wrapper a, #crossroads  > ul > li > a {text-decoration: none;}



/* button */
.button, a.button {display: inline-block; color: #fff; font-weight: bold; text-shadow: 1px 1px 0 #000; border: none; padding: 15px 30px; cursor: pointer; white-space: nowrap; transition: all .2s ease-in-out;}

/* button anchor */
.button.anchor {position: relative; font-size: 18px; background: rgba(0,0,0,.6); border: 1px solid #fff; text-transform: uppercase; z-index: 2;}
.button.anchor:before {content: ""; width: 0; height: 100%; position: absolute; left: 0; top: 0; transition: .4s ease-in; z-index: -1;}
.button.anchor:hover:before {width: 100%; left: 0; right: auto;}

.center-button {clear: both; text-align: center; margin: 50px 0 1em 0; padding: 0;}


/* scroll up */
#scrollup {display: none; position: fixed; bottom: 40px; right: 20px; text-align: center; padding: 2px; background-color: #403f3d; z-index: 9999; text-decoration: none!important;}
#scrollup:hover {background-color: #3a3937;}
#scrollup.ico:before {width: 30px; height: 30px; line-height: 1; margin: 0; font-size: 30px; color: #d5d5d5; content: "\f106"; border: 1px solid #999996;}


/* layout */
.section,
#header-inner,
#content,
#footer .block {width: 1100px;} 

.section, #header-inner, #content, #footer .block {margin: 0 auto; text-align: left;} 
#header, #footer {flex: none;}

.section,
#main {font-size: 120%; line-height: 135%;}

.article,
#main {text-align: justify;}


/* header search */
#searchform {position: absolute; right: 0; top: 50%; transform: translateY(-50%); min-width: 30px; width: 0%; overflow: hidden; z-index: 100; transition: width .3s;}
#searchform.searchform-open {width: 100%;} 
#searchform .searchform-input {color: #696969; font-size: 13px; width: 100%; padding: 10px 40px 10px 8px; border: 1px solid #000; background-color: #fff; filter: alpha(opacity=0); opacity: 0; transition: all .3s;}
#searchform.searchform-open .searchform-input {filter: alpha(opacity=100); opacity: 1;}
#searchform .searchform-icon {cursor: pointer;}
#searchform .searchform-submit,
#searchform .searchform-icon,
#searchform .searchform-submit:before {position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; line-height: 30px; background-color: transparent;}
#searchform .searchform-submit {border: none; cursor: pointer; text-shadow: none;}
#searchform .searchform-submit {color: #000; text-align: left;}
#searchform.searchform-open .searchform-submit {color: #000;}



/* header */
.logo {background: url('images/logo.png') no-repeat; background-size: contain;}
#header {width: 100%;}
#header.home, #header.scroll {position: fixed; z-index: 100;}
#header a.logo {float: left; display: block; width: 300px; height: 90px; margin: 15px 0; background-position: left center;}
#header.scroll a.logo {height: 50px; margin: 15px 0;}

#header,
#header a.logo {transition: all .3s ease;}



/* header-wrapper */
#header-wrapper, #header-wrapper-inner {width: 100%; height: 100vh;}
#header-wrapper {position: relative; overflow: hidden;}
#header-wrapper-inner {position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url('images/bg-dotted.png') repeat; z-index: 1;}

#header-wrapper #header-bottom {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('images/bg-header-bottom.jpg') no-repeat center center; background-size: cover; animation: BackgroundZoom 34s 2s ease infinite;}
@keyframes BackgroundZoom {0% {transform: scale(1);} 45%,55% {transform: scale(1.05);}  90%,100% {transform: scale(1);}}

#header-wrapper #block-header-outer {text-align: center; height: calc(100vh - 120px); margin-top: 120px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
#header-wrapper #block-header {display: inline-block; max-width: 100%; max-height: 100%; position: relative; z-index: 2;}
#header-wrapper #block-header .claim {margin: 1em 0; letter-spacing: 0.05em; line-height: 1.3; text-shadow: 1px 1px 0px #000;}
#header-wrapper #block-header .claim span {display: block; font-weight: normal; font-size: 26px;}
#header-wrapper #block-header .claim span.title, #header-wrapper #block-header .claim .textwidget {margin: 1em 0;}
#header-wrapper #block-header .claim span.ico.phone:before {color: #000; width: 50px; height: 50px; font-size: 40px; line-height: 50px; margin-right: 6px; border-radius: 50%; text-shadow: none;}
#header-wrapper #block-header .claim .textwidget {font-size: 29px; font-style: italic;}
#header-wrapper #block-header .center-button .button.anchor {margin: 5px;}
#header-wrapper #block-header p.claim-anchor {margin-top: 60px;}
#header-wrapper #block-header p.claim-anchor .link-anchor {width: 100px; height: 90px;}
#header-wrapper #block-header p.claim-anchor .link-anchor:before {font-size: 80px; animation: MoveUpDown 4s linear infinite;}
@keyframes MoveUpDown {0% {transform: translateY(0);} 50% {transform: translateY(-15px);} 100% {transform: translateY(0);}}



/* content */
#content {padding: 40px 0; overflow: hidden; flex: 1 0 auto;}
#content.scroll {margin-top: 120px;}

/* footer */
#footer-map {line-height: 0;}
#footer-map iframe {width: 100%; height: 400px;}

#footer {text-align: center; padding: 30px; background-color: #191717;}
#footer img {vertical-align: middle;}

/* filter alpha */
#crossroads  > ul > li > a:hover:before {filter: alpha(opacity=70); opacity: 0.7;}


/* menu header */  
#menu-header {float: right; padding-right: 30px;}
#menu-header:before, #menu-header:after {content: ""; display: table;}
#menu-header:after {clear: both;}
#menu-header #menu-button {display: none;} 

#menu-header, #menu-header ul li.page_item_has_children, #menu-header ul li a {position: relative;}

#menu-header ul li.page-item-0 > a.ico.home:before {font-size: inherit; line-height: 0;}
#menu-header > ul > li.search {float: none;}

/* parent */
#menu-header > ul > li {float: left;}
#menu-header > ul > li:first-child {border: none;}
#menu-header ul li a {display: block; font-weight: bold; color: #000; transition: all .2s ease-in-out;}

#menu-header > ul > li > a {line-height: 60px; font-size: 19px; padding: 30px 10px; text-transform: uppercase;}
#header.scroll #menu-header > ul > li > a {font-size: 16px; padding: 10px 10px;}

#menu-header > ul > li > a:hover {color: #666;}
#menu-header > ul > li[class*="current"] > a {text-decoration: none;}

/* children */
#menu-header ul ul li {width: 250px; border-top: 1px solid #ccc;}
#menu-header ul ul li:first-child {border: none;}
#menu-header ul ul li a {font-size: 15px; padding: 10px; text-shadow: 1px 1px 0px #fff;}

#menu-header ul ul li > a:hover,
#menu-header ul ul li[class*="current"] > a {background: rgba(0,0,0,.2);}

/* children ico */
#menu-header ul ul li.page_item_has_children > a:after {position: absolute; top: 50%; right: 10px; width: 4px; height: 4px; margin-top: -2px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; content: " ";  transform: rotate(-45deg);}

/* children hide  */
#menu-header ul ul {position: absolute; top: 100%; left: -9999px; z-index: 100; opacity: 0; transition: opacity .4s linear;} 
#menu-header ul li:hover > ul {left: 0; opacity: 1;}
#menu-header ul ul li > ul {top: 0;}
#menu-header ul ul li:hover > ul {left: 100%;}

/* menu footer */
#menu-footer {text-align: center;}
#menu-footer ul li {display: inline-block;}
#menu-footer ul li+li {border-left: 1px dotted #000;}
#menu-footer ul li a {font-weight: bold; padding: 20px;}
#menu-footer h2 {font-size: 120%; width: 100%;}


/* homepage section */
.section {padding: 70px 0;}
.section h1, .section h2 { text-align: center; font-size: 220%; margin: 0 0 1.5em 0; text-transform: uppercase;}
.section h1, .section h2, .section h3, .section h4 {line-height: 1.3;}

/* .section-wrapper.image-light {background: url('images/bg-image-light.jpg') no-repeat top center fixed; background-size: cover;} */

/* proc my */
.section-wrapper.image {background: url('images/bg-header-bottom.jpg') no-repeat 0 0 fixed; background-size: cover;}
.section-wrapper.image .section .section-inner {padding: 60px 40px; background: rgba(0,0,0,0.6);}
.section-wrapper.image .section .section-inner ul {padding: 2em 0;}
.section-wrapper.image .section .section-inner ul li {position: relative; float: left; margin: 0 0 2em 0; padding: 0 10px 0 45px; width: 50%; font-size: 140%; line-height: 1.3; box-sizing: border-box;}
.section-wrapper.image .section .section-inner ul li:before {position: absolute; top: 50%; transform: translateY(-50%); left: 0; content: "\f05d"; font-size: 40px;}
.section-wrapper.image .section .section-inner p {clear: both; text-align: center; padding-top: 30px;}



/* index blocks */
#blocks {text-align: center;}
#blocks .block {display: inline-block; width: 250px; margin-left: 25px; background-color: #fff; border: 1px solid #e5e5e5; overflow: hidden; z-index: 2;}
#blocks .block:hover {background-color: #f0f0f0;}
#blocks .block:first-child {margin-left: 0;}
#blocks .block, #blocks .block a.thumbnail:after {transition: all .4s ease;}
#blocks .block a.thumbnail {display: block; width: 100%; height: 150px; background-repeat: no-repeat!important; background-size: cover!important; background-position: center center!important; overflow: hidden; transition: all .4s ease;}
#blocks .block a.thumbnail:hover {transform: scale(1.06);}
#blocks .block a.thumbnail:after { position: absolute; content: ""; left: 50%; top: 50%; width: 0%; height: 0%; background: rgba(247,197,13,0.3);}
#blocks .block a.thumbnail:hover:after {left: 0; top: 0; width: 100%; height: 100%;}
#blocks .block h2 {font-size: 16px; margin: 0; padding: 0;}
#blocks .block h2 > a {display: block; height: 60px; line-height: 60px; color: #333333; overflow: hidden; text-decoration: none; text-transform: uppercase; }

#crossroads {clear: both; margin: 40px 0 0 0; padding: 20px 0; border-bottom-width: 1px; border-bottom-style: solid; text-align: center;}
#crossroads h2 {font-size: 190%; margin: 0;}


/* kontaktujte nas */
.section-wrapper.image-dark {background: url('images/bg-image-dark.jpg') no-repeat center center; background-size: cover;}

.block-left {float: left; width: 60%;}
.block-left h3 {font-size: 240%; text-transform: uppercase;}
.block-left h4 {font-size: 130%; font-weight: normal;}
.right-button {float: right; width: 40%; text-align: center;}

/* kontakt */
.wpcf7 {float: right; width: 48%; margin-left: 2em;}
#contact strong {font-size: 110%}




/* clanek */
#main ol, .article ol {padding: 0 0 0 1em;}
#main ol, .article ol, #main ul, .section ul {margin: 0 0 1.5em 0;}
#main ul li, .article ul li {text-align: left; margin: 0 0 0.5em 0; padding-left: 1em;}
#main ul li:before, .article ul li:before {width: 1em; display: inline-block; margin-left: -1em; content: "\25cf"; font-size: 100%; line-height: 1; color: #c6c6c6;}


blockquote {position: relative; text-align: left; font-size: 135%; font-style: italic; color: #383838; margin: 0.25em 0; padding: 0.25em 20px 0.25em 40px; line-height: 1.45;}
blockquote:before {display: block; position: absolute; left: 0; top: -20px; content: "\201d"; font-size: 80px; font-family: Georgia, "Times New Roman", Times, serif;}
blockquote cite { display: block; color: #636363; font-size: 75%; font-style: normal; margin-top: 0.8em;}
blockquote cite:before {content: "\2014 \2009";}

/* perex */
.perex {margin-bottom: 2em; padding-bottom: 1em; border-bottom: 1px dotted #ccc;}
.perex:before, .perex:after {content: " "; display: table;}
.perex:after {clear: both;}

.perex  a img {border: 2px solid #fff;}
.perex  a:hover img {border: 2px solid #ccc;}

.date {font-size: 90%; color: #68686e; text-align: right;}
.center {text-align: center;}


/* nav-links */
.nav-links:before, .nav-links:after {content: " "; display: table;}
.nav-links:after {clear: both;}
.nav-links {clear: both; text-align: center; padding: 40px 0 15px 0;}
.nav-links a, .nav-links span.current {margin: 0 2px; padding: 4px 8px; border-radius: 5px; background-color: #e0e0e0; border: 1px solid #b6b6b6; text-decoration: none;} 
.nav-links a:hover, .nav-links span.current {color: #000; background-color: #fff;} 
.nav-links .page-numbers {margin: 0 3px;}


.nav-prevnext {padding: 15px 0;}
.nav-prevnext a {text-decoration: none;}
.nav-prevnext a:hover {text-decoration: underline;}
.nav-prevnext .previous {float: left;}
.nav-prevnext .next {float: right;}


/* obrazky */
p img {padding: 0; max-width: 100%;}

.centered, .aligncenter {display: block; margin-left: auto; margin-right: auto;}
.alignright {margin: 0 0 2px 7px; float: right;}
.alignleft {margin: 0 7px 2px 0; float: left}


/* formulare */
div.wpcf7-response-output {color: #000; background-color: #fff; margin: 0; padding: 0;}
div.wpcf7-mail-sent-ok {border: 2px solid #398f14; background-color: #fff; padding: 5px; box-shadow: 2px 2px 5px #797979;}
div.wpcf7-mail-sent-ng {border: 2px solid #ff0000; background-color: #fff; padding: 5px; box-shadow: 2px 2px 5px #797979;}
div.wpcf7-spam-blocked {border: 2px solid #ffa500; background-color: #fff; padding: 5px; box-shadow: 2px 2px 5px #797979;}
div.wpcf7-validation-errors {border: 2px solid #f7e700; padding: 5px; box-shadow: 2px 2px 5px #797979;}
span.wpcf7-not-valid-tip {color: #000; position: absolute; z-index: 100; background: #fff; border: 1px solid #ff0000; font-size: 13px; padding: 5px; box-shadow: 2px 2px 5px #797979;}
span.wpcf7-not-valid-tip-no-ajax {color: #f00; font-size: 13px; display: block;}
span.wpcf7-list-item {float: left; clear: both; width: 100%; margin: 0 0 1em 0;}
.wpcf7-captcha-captcha {vertical-align: bottom;}
#main .wpcf7-captcha-captcha {border: none;}

.table-form th {text-align: left; width: 10%;}

input[type="text"], input[type="email"], textarea, select {border: 1px solid #a3a3a3; background-color: #f7f7f7; padding: 4px; transition: border 0.2s, box-shadow 0.2s ease-in-out;}
input[type="text"]:focus, input[type="email"]:focus, textarea:focus {background-color: #fff; box-shadow: 0px 0px 4px #373737;}
input[type="text"]:hover, input[type="email"]:hover, textarea:hover {box-shadow: 0px 0px 4px #373737;}
.form-submit {text-align: center; margin: 1em 0;}
.form-required {color: #FF0000;}

input[type="text"], input[type="email"], textarea {width: 100%; box-sizing: border-box;}
textarea {height: 100px;}
input[type="text"].wpcf7-captchar {width: 50px;}


/* tabulka */
.table td {padding: 0 10px 0 0; margin: 0;}

/* tabulka clanek */
.table-article {border: 2px solid #dcdcdc;}
.table-article td, .table-article th {padding: 4px; border: 1px solid #dcdcdc;}
.table-article th {text-align: center; background-color: #e8e8e8;}
.table-article td {background-color: #fff; padding: 8px;}
.table-article tr:nth-child(even) td {background: #f2f2f2}


/* gallery + album */
.gallery {margin-bottom: 2em; clear: both; font-size: 90%; line-height: 1;}
.gallery:before, .gallery:after {content: ""; display: table;}
.gallery:after {clear: both;}

.gallery .gallery-item a {cursor: url('images/magnify.cur'), pointer;}
.gallery .gallery-item a img, .gallery .album a img {border: 2px solid #fff;}
.gallery .gallery-item a:hover img, .gallery .album a:hover img {border: 2px solid #ccc;}
.gallery .gallery-item, .gallery .album {float: left; width: 16.6%; text-align: center; padding: 0 5px 5px 5px; overflow: hidden; box-sizing: border-box;}
.gallery .gallery-item span {display: block; margin-top: 0.5em; line-height: 1.3;}
.gallery .gallery-item span.caption {font-weight: normal;}
.gallery .gallery-item span.description {margin-bottom: 0.5em; font-size: 95%; color: #666;}

.gallery .album a img {max-width: 100%; height: auto; max-height: 150px;}
.gallery .album h3 {max-height: 2.8em; margin: 0.5em 0; padding: 0; text-align: center; font-size: 90%; line-height: 1.3; overflow: hidden;}


/* fancybox 2 */
.fancybox-wrap {position: absolute; top: 0; left: 0; z-index: 8020;}
.fancybox-skin {position: relative; background: #fff; color: #444; text-shadow: none; padding: 10px !important; border-radius: 4px;}
.fancybox-opened {z-index: 8030;}
.fancybox-opened .fancybox-skin {box-shadow: 0 0 10px #000;}
.fancybox-outer, .fancybox-inner {position: relative;}
.fancybox-inner {overflow: hidden;}
.fancybox-image {display: block; width: 100%; height: 100%; max-width: 100%; max-height: 100%;}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image: url('images/fancybox.png');}
#fancybox-loading {position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: right bottom; opacity: 0.8; cursor: pointer; z-index: 8060;}
#fancybox-loading div {width: 44px; height: 44px; background: url('images/loading.gif') center center no-repeat;}
.fancybox-close {position: absolute; bottom: 2px; right: 6px; background-position: left bottom; width: 26px; height: 26px;}
.fancybox-close:hover, .fancybox-nav span:hover {filter: alpha(opacity=100); opacity: 1;}
.fancybox-nav {position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('images/blank.gif'); z-index: 8040;}
.fancybox-prev {left: 0;}
.fancybox-next {right: 0;}
.fancybox-nav span, .fancybox-close {filter: alpha(opacity=80); opacity: 0.8; cursor: pointer; z-index: 8040;}
.fancybox-nav span {position: absolute; top: 50%; width: 43px; height: 34px; margin-top: -17px; visibility: hidden;}
.fancybox-prev span {left: 0; background-position: left top; border-radius: 0 10px 10px 0;}
.fancybox-next span {right: 0; background-position: right top; border-radius: 10px 0 0 10px;}
.fancybox-nav:hover span {visibility: visible;}
.fancybox-tmp {position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important;}
.fancybox-lock {overflow: hidden !important; width: auto;}
.fancybox-lock body {overflow: hidden !important;}
.fancybox-lock-test {overflow-y: hidden !important;}
.fancybox-overlay {position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: rgba(0,0,0,0.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5000000, endColorstr=#e5000000); zoom: 1;}
.fancybox-overlay-fixed {position: fixed; bottom: 0; right: 0;}
.fancybox-lock .fancybox-overlay {overflow: auto; overflow-y: scroll;}
.fancybox-title {padding: 8px 25px 12px 0; text-align: left; font-size: 90%;}
.fancybox-title span#title {float: left; background: #fff; padding-right: 5px; width: 70%; height: 19px; overflow: hidden;}
.fancybox-title span#counter {float: right;}