/*
Theme Name: Agnieszka Malczyk
Theme URI: http://underscores.me/
Author: Automattic
Author URI: http://automattic.com/
Description: Hi. I'm a starter theme called <code>Agnieszka Malczyk</code>, or <em>underscores</em>, if you like. I'm a theme meant for hacking so don't use me as a <em>Parent Theme</em>. Instead try turning me into the next, most awesome, WordPress theme out there. That's what I'm here for.
Version: 1.0-wpcom
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Agnieszka Malczyk
Tags:
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
 Agnieszka Malczyk is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
    5.1 Links
    5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
    10.1 Posts and pages
    10.2 Asides
    10.3 Comments
11.0 Infinite scroll
12.0 Media
    12.1 Captions
    12.2 Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

html {
  font-size: 62.5%;
  /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
  overflow-y: scroll;
  /* Keeps page centered in all browsers regardless of content height */
  -webkit-text-size-adjust: 100%;
  /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
  -ms-text-size-adjust: 100%;
  /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
  box-sizing: border-box;
  /* Apply a natural box layout model to the document; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
}

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit;
}

body {
  background: white;
  /* Fallback for when there is no custom background color defined. */
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
  display: block;
}

ol, ul {
  list-style: none;
}

table {
  /* tables still need 'cellspacing="0"' in the markup */
  border-collapse: separate;
  border-spacing: 0;
}

caption, th, td {
  font-weight: normal;
  text-align: left;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}

blockquote, q {
  quotes: "" "";
}

a:focus {
  outline: thin dotted;
}

a:hover,
a:active {
  outline: 0;
}

a img {
  border: 0;
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
  color: #404040;
  font-family: sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
  clear: both;
}

p {
  margin-bottom: 1.5em;
}

b, strong {
  font-weight: bold;
}

dfn, cite, em, i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eeeeee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code, kbd, tt, var {
  font-size: 15px;
  font-size: 1.5rem;
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr, acronym {
  border-bottom: 1px dotted #666666;
  cursor: help;
}

mark, ins {
  background: #fff9c0;
  text-decoration: none;
}

sup,
sub {
  font-size: 75%;
  height: 0;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  bottom: 1ex;
}

sub {
  top: .5ex;
}

small {
  font-size: 75%;
}

big {
  font-size: 125%;
}

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
hr {
  background-color: #cccccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul, ol {
  margin: 0 0 1.5em 3em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 1.5em 1.5em;
}

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

figure {
  margin: 0;
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

th {
  font-weight: bold;
}

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar */
}

/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  display: block;
  margin: 0 auto;
}

/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets */
}
.widget select {
  max-width: 100%;
}

/* Search widget */
.widget_search .search-submit {
  display: none;
}

/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block;
}

.hentry {
  margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
  display: none;
}

.single .byline,
.group-blog .byline {
  display: inline;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
  display: none;
}

/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
  max-width: 100%;
}

/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
  display: block;
  margin: 0 auto;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

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

/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

.gallery-columns-2 .gallery-item {
  max-width: 50%;
}

.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
  max-width: 25%;
}

.gallery-columns-5 .gallery-item {
  max-width: 20%;
}

.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-caption {
  display: block;
}

/* STYLES FROM PIXELS ON FIRE **************************************************/
@font-face {
  font-family: "fontello";
  src: url("fonts/fontello.eot");
  src: url("fonts/fontello.svg#fontello") format("svg"), url("fonts/fontello.eot?#iefix") format("embedded-opentype"), url("fonts/fontello.woff") format("woff"), url("fonts/fontello.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "Open Sans Light";
  src: url("fonts/OpenSans-Light-webfont.eot");
  src: url("fonts/OpenSans-Light-webfont.svg#Open Sans Light") format("svg"), url("fonts/OpenSans-Light-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSans-Light-webfont.woff") format("woff"), url("fonts/OpenSans-Light-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("fonts/OpenSans-Regular-webfont.eot");
  src: url("fonts/OpenSans-Regular-webfont.svg#Open Sans") format("svg"), url("fonts/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSans-Regular-webfont.woff") format("woff"), url("fonts/OpenSans-Regular-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "Open Sans Italic";
  src: url("fonts/OpenSans-Italic-webfont.eot");
  src: url("fonts/OpenSans-Italic-webfont.svg#Open Sans Italic") format("svg"), url("fonts/OpenSans-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSans-Italic-webfont.woff") format("woff"), url("fonts/OpenSans-Italic-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "Open Sans Bold";
  src: url("fonts/OpenSans-Bold-webfont.eot");
  src: url("fonts/OpenSans-Bold-webfont.svg#Open Sans Bold") format("svg"), url("fonts/OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSans-Bold-webfont.woff") format("woff"), url("fonts/OpenSans-Bold-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "Open Sans Bold Italic";
  src: url("fonts/OpenSans-Bold-webfont.eot");
  src: url("fonts/OpenSans-Bold-webfont.svg#Open Sans Bold Italic") format("svg"), url("fonts/OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSans-Bold-webfont.woff") format("woff"), url("fonts/OpenSans-Bold-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
}
/*--------------------------------------------------------------
1.0 Simple
--------------------------------------------------------------*/
body {
  background: white url("images/bcg.png") 0 0;
  font-family: 'Open Sans', sans-serif;
  color: black;
  font-size: 14px;
  line-height: 20px;
}

html, body, #page {
  height: 100%;
}

.site-pusher {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -50px;
}

.site-content {
  height: 100%;
  position: relative;
  z-index: 100;
}

* {
  margin: 0;
  outline: 0;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.skip-link {
  display: none;
}

a {
  text-decoration: none;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}

.wrapper {
  width: 980px;
  margin: 0 auto;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 1200px) {
  .wrapper {
    width: 978px;
  }
}
@media screen and (max-width: 978px) {
  .wrapper {
    width: 90%;
  }
}
@media screen and (max-width: 720px) {
  .wrapper {
    width: 92.5%;
  }
}
@media screen and (max-width: 600px) {
  .wrapper {
    width: 95%;
  }
}

.left-side {
  float: left;
}

.right-side {
  float: right;
}

#page.site {
  padding-top: 100px;
}

/* Header **************************************************/
.site-header {
  margin: 0 auto;
  height: 102px;
  display: block;
  background: #FFF;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 500;
}
.site-header .wrapper > * {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  padding: 30px 0;
}
@media screen and (max-width: 1024px) {
  .site-header .wrapper > * {
    padding: 15px 0;
    display: block;
    width: 100%;
  }
}

.site-branding {
  display: inline-block;
  vertical-align: top;
  height: 42px;
  line-height: 42px;
}

.site-title {
  display: block;
  width: 294px;
  height: 42px;
  background: url("images/logo.png") 0 0 no-repeat;
}
@media screen and (max-width: 1024px) {
  .site-title {
    width: 250px;
    background: url("images/logo.png") 0 0 no-repeat;
    background-size: 100% auto;
    margin: 0 auto;
  }
}
.site-title a {
  width: inherit;
  height: inherit;
  display: block;
  color: transparent;
  font-size: 14px;
}

.main-navigation {
  line-height: 42px;
  float: right;
  display: block;
}
.main-navigation ul.menu {
  list-style-type: none;
  font-size: 0;
}
.main-navigation ul.menu li {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  line-height: 42px;
  position: relative;
}
.main-navigation ul.menu li:hover .sub-menu {
  display: block;
}
.main-navigation ul.menu li.current-menu-item a, .main-navigation ul.menu li.current-menu-parent a {
  color: #7bac38;
}
.main-navigation ul.menu li.menu-item-has-children > a::after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 14px;
  height: 14px;
  margin-left: 8px;
  background: url("images/bullet_down.png") center center no-repeat;
}
.main-navigation ul.menu li ul.sub-menu {
  display: none;
  position: absolute;
  float: left;
  left: 0;
  z-index: 200;
  margin: 0;
  background: white;
  border: 1px solid white;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
.main-navigation ul.menu li ul.sub-menu:hover {
  border: 1px solid #f0f0f0;
}
.main-navigation ul.menu li ul.sub-menu li {
  display: block;
  position: relative;
  text-align: center;
  min-width: 230px;
}
.main-navigation ul.menu li a {
  display: block;
  line-height: 42px;
  padding: 0 15px;
  color: #313131;
}
.main-navigation ul.menu li a:hover {
  color: #7bac38;
  background: #f0f0f0;
}

/* Footer **************************************************/
.push {
  height: 50px;
}

.site-footer {
  height: 50px;
  line-height: 50px;
  color: #c3c3c3;
  background: #f8f8f8;
  position: relative;
  z-index: 100000;
}
.site-footer a {
  color: #c3c3c3;
}
.site-footer a:hover {
  color: #7bac38;
}

/* Homepage **************************************************/
.homepage-layer-2 {
  height: 100%;
  background: url("images/bcg_home_layer2.jpg") no-repeat top center;
  background-size: 100% auto;
}
@media screen and (max-width: 1400px) {
  .homepage-layer-2 {
    background: url("images/bcg_home_layer2_smaller.jpg") no-repeat top center;
    background-size: 100% auto;
  }
}
@media screen and (max-width: 800px) {
  .homepage-layer-2 {
    background: transparent;
    background-image: none;
  }
}

.homepage-layer-1 {
  height: inherit;
  background: url("images/bcg_home_layer1.png") no-repeat bottom center;
  background-size: cover;
  position: relative;
}

.homepage-content {
  color: white;
  position: relative;
  top: 25%;
  -webkit-transform: translateY(-25%);
  -ms-transform: translateY(-25%);
  transform: translateY(-25%);
  width: 30%;
  max-width: 400px;
  padding: 10px 30px;
  text-align: center;
  margin: 0 auto;
}
@media screen and (max-width: 1400px) {
  .homepage-content {
    max-width: 300px;
  }
}
.homepage-content .homepage-claim {
  font-size: 32px;
  line-height: 1.35em;
  border-bottom: 1px solid white;
  margin-bottom: 15px;
  font-family: 'Open Sans Bold', sans-serif;
  padding: 0 15px 10px 15px;
}
.homepage-content .homepage-subclaim {
  font-size: 18px;
  line-height: 1.35em;
  padding: 0 20px;
}

/* Layouts **************************************************/
.page-template-default, body.single {
  background: url("images/bcg_default-template.jpg") no-repeat top center;
  background-size: 100% auto;
}
@media screen and (max-width: 1400px) {
  .page-template-default, body.single {
    background-size: cover;
  }
}
.page-template-default .site-main, body.single .site-main {
  width: 70%;
  margin-left: 30%;
  padding-top: 12.5%;
}
@media screen and (max-width: 1024px) {
  .page-template-default .site-main, body.single .site-main {
    width: 100%;
    margin: 0 auto;
    padding: 30px;
  }
}

.page-template-tpl-uslugi-dla-osob-prywatnych-php, .blog {
  background: url("images/bcg_uslugi_dla_osob_fizycznych.jpg") no-repeat center center;
  background-attachment: fixed;
  background-size: 100% auto;
}
@media screen and (max-width: 1400px) {
  .page-template-tpl-uslugi-dla-osob-prywatnych-php, .blog {
    background-size: cover;
  }
}

.page-template-tpl-porady-online-php {
  background: url("images/bcg_porady.jpg") no-repeat center center;
  background-attachment: fixed;
  background-size: 100% auto;
}
@media screen and (max-width: 1400px) {
  .page-template-tpl-porady-online-php {
    background-size: cover;
  }
}

.page-template-tpl-uslugi-dla-firm-php {
  background: url("images/bcg_uslugi_dla_firm.jpg") no-repeat center center;
  background-attachment: fixed;
  background-size: 100% auto;
}
@media screen and (max-width: 1400px) {
  .page-template-tpl-uslugi-dla-firm-php {
    background-size: cover;
  }
}

.page-template-tpl-uslugi-dla-instytucji-php {
  background: url("images/bcg_uslugi_dla_instytucji.jpg") no-repeat center center;
  background-attachment: fixed;
  background-size: 100% auto;
}
@media screen and (max-width: 1400px) {
  .page-template-tpl-uslugi-dla-instytucji-php {
    background-size: cover;
  }
}

.area-with-menu .wrapper {
  font-size: 0;
  position: relative;
}
.area-with-menu .wrapper > * {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
}
.area-with-menu .wrapper article {
  padding: 60px 0 0px 0;
}
.area-with-menu .wrapper article.post-103 {
  padding: 0;
  margin-bottom: 0;
}
.area-with-menu .site-submenu {
  width: 25%;
  margin-right: 5%;
  z-index: 150;
  padding-top: 100px;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .area-with-menu .site-submenu {
    display: none;
  }
}
.area-with-menu .site-submenu .submenu-container {
  min-width: 250px;
  float: none;
  position: fixed;
  top: 120px;
  z-index: 6;
  left: auto;
  padding-top: 42px;
}
.area-with-menu .site-submenu a {
  display: block;
  text-align: center;
  background: white;
  color: black;
  padding: 0 20px;
  line-height: 40px;
  border-bottom: 1px solid #e5e5e5;
}
.area-with-menu .site-submenu a:last-of-type {
  border-bottom: 0px solid #e5e5e5;
}
.area-with-menu .site-submenu a:hover {
  color: #7bac38;
  background: #f0f0f0;
}
.area-with-menu .site-submenu a.nav-active {
  background: #7bac38;
  color: white;
}
.area-with-menu .site-main {
  width: 70%;
  background: rgba(255, 255, 255, 0.9);
  padding: 0px 30px 30px 30px;
}
.area-with-menu .site-main .entry-title {
  font-size: 30px;
}
@media screen and (max-width: 1024px) {
  .area-with-menu .site-main {
    width: 100%;
  }
}

/* Content **************************************************/
.entry-header .entry-title {
  font-family: 'Open Sans Bold', sans-serif;
  font-size: 38px;
  color: #7bac38;
  line-height: 1.25em;
  margin-bottom: 0.5em;
}
.entry-header .entry-title a {
  color: #7bac38;
  text-transform: uppercase;
}
.entry-header .entry-title a:hover {
  color: #7bac38;
}
.entry-header .entry-meta {
  padding-top: .5em;
  border-top: 1px solid #d7d7d7;
  text-transform: uppercase;
  overflow: hidden;
}
.entry-header .posted-on {
  line-height: 30px;
}
.entry-header .posted-on a {
  color: #c3c3c3;
}

.entry-footer a {
  color: #7bac38;
  background: white;
  font-weight: bold;
  display: inline-block;
  vertical-align: top;
  padding: 10px 30px;
}

.entry-content, .comments-area {
  margin: 1em 0;
  color: #313131;
}
.entry-content .edit-link, .comments-area .edit-link {
  display: block;
  opacity: 0.25;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
.entry-content .edit-link:hover, .comments-area .edit-link:hover {
  opacity: 1;
}
.entry-content .edit-link a, .comments-area .edit-link a {
  display: block;
  color: white;
  text-align: center;
}
.entry-content .edit-link a:hover, .comments-area .edit-link a:hover {
  color: white;
}
.entry-content .wpcf7 p, .comments-area .wpcf7 p {
  padding: 0 0 10px;
}
.entry-content .wpcf7 input, .comments-area .wpcf7 input {
  margin: 0;
}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .comments-area h1, .comments-area h2, .comments-area h3, .comments-area h4, .comments-area h5, .comments-area h6 {
  color: #7bac38;
  line-height: 1.5em;
  padding: 5px 0 10px 0;
  font-family: 'Open Sans Bold', sans-serif;
  text-transform: uppercase;
}
.entry-content h1, .comments-area h1 {
  font-size: 2em;
}
.entry-content h2, .comments-area h2 {
  font-size: 1.75em;
}
.entry-content h3, .comments-area h3 {
  font-size: 1.5em;
}
.entry-content h4, .comments-area h4 {
  font-size: 1.33em;
}
.entry-content h5, .comments-area h5 {
  font-size: 1.25em;
}
.entry-content h6, .comments-area h6 {
  font-size: 1.125em;
}
.entry-content code, .comments-area code {
  font-family: 'DejaVu Sans Mono', 'Courier New', monospaced;
}
.entry-content a, .comments-area a {
  color: #7bac38;
  -moz-transition: color 0.25s ease-in-out 0;
  -o-transition: color 0.25s ease-in-out 0;
  -webkit-transition: color 0.25s ease-in-out;
  -webkit-transition-delay: 0;
  transition: color 0.25s ease-in-out 0;
}
.entry-content a:hover, .comments-area a:hover {
  color: #6d9932;
}
.entry-content a.button, .comments-area a.button {
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
  color: white;
}
.entry-content p, .comments-area p {
  padding: 0 0 1em;
  margin-bottom: 0;
}
.entry-content hr, .comments-area hr {
  background-color: #e5e5e5;
  border: 0;
  height: 1px;
  margin-bottom: 10px;
}
.entry-content blockquote, .comments-area blockquote {
  font-style: italic;
  color: rgba(49, 49, 49, 0.9);
  padding: 1em 12% 0 58%;
  margin: 1em 0;
}
.entry-content strong, .comments-area strong {
  font-weight: bold;
}
.entry-content em, .entry-content b, .comments-area em, .comments-area b {
  font-style: italic;
}
.entry-content ul, .comments-area ul {
  list-style-type: disc;
  list-style-position: outside;
}
.entry-content ol, .comments-area ol {
  list-style: decimal outside;
}
.entry-content ul, .entry-content ol, .comments-area ul, .comments-area ol {
  padding-left: 1em;
  padding-bottom: 20px;
}
.entry-content ul li, .entry-content ol li, .comments-area ul li, .comments-area ol li {
  padding: 0.25em 3em 0.25em 0;
}
.entry-content p, .comments-area p {
  line-height: 1.7;
}
.entry-content .wpcf7-response-output, .comments-area .wpcf7-response-output {
  border-radius: 5px;
  margin: 10px;
  padding: 10px;
  font-size: 14px;
  text-align: center;
}
.entry-content input[type="text"], .entry-content input[type="email"], .entry-content input[type="url"], .entry-content textarea, .comments-area input[type="text"], .comments-area input[type="email"], .comments-area input[type="url"], .comments-area textarea {
  background: #f1f6eb;
  -moz-box-shadow: rgba(70, 70, 70, 0.5) 0px 0px 10px inset;
  -webkit-box-shadow: rgba(70, 70, 70, 0.5) 0px 0px 10px inset;
  box-shadow: rgba(70, 70, 70, 0.5) 0px 0px 10px inset;
  border: 0;
  outline: 0;
  padding: 8px 10px;
  display: block;
  font-size: 15px;
  font-family: 'PT Sans', sans-serif;
  width: 100%;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
.entry-content input[type="text"]:focus, .entry-content input[type="email"]:focus, .entry-content input[type="url"]:focus, .entry-content textarea:focus, .comments-area input[type="text"]:focus, .comments-area input[type="email"]:focus, .comments-area input[type="url"]:focus, .comments-area textarea:focus {
  background: white;
}

input#submit.submit {
  display: block;
  width: 100%;
  color: white;
  text-align: center;
  background: #7bac38;
  border: 0;
  outline: 0;
  line-height: 40px;
  font-family: 'Open Sans Bold',sans-serif;
}

/* O Kancelarii **************************************************/
.wrapper-for-aside-menu {
  position: absolute;
  top: 0px;
  padding-top: 120px;
  left: 0;
  right: 0;
  z-index: 500;
}

.area-with-menu.about-company .site-main {
  width: auto;
  padding: 0;
}
.area-with-menu.about-company .site-main > * .wrapper {
  padding-left: 300px;
}
@media screen and (max-width: 1024px) {
  .area-with-menu.about-company .site-main > * .wrapper {
    padding-left: 0px;
  }
}

.about-ceo {
  background: #f1f1ec;
  position: relative;
  padding-bottom: 100px;
  height: 700px;
  overflow: hidden;
  min-height: 0 !important;
}
.about-ceo .wrapper {
  padding-top: 120px;
}
@media screen and (min-width: 1001px) {
  .about-ceo > .ceo-image {
    display: block;
  }
  .about-ceo > .wrapper > .ceo-image {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .about-ceo > .ceo-image {
    display: none;
  }
  .about-ceo > .wrapper > .ceo-image {
    display: none;
  }
}
.about-ceo .entry-content {
  width: 80%;
}
@media screen and (max-width: 1680px) {
  .about-ceo .entry-content {
    width: 66%;
  }
}
@media screen and (max-width: 1000px) {
  .about-ceo .entry-content {
    width: 100%;
  }
}
.about-ceo .ceo-image {
  width: 595px;
  height: 696px;
  background: url("images/ceo.png") center bottom no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 0;
  right: -30px;
  z-index: 250;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
@media screen and (max-width: 1300px) {
  .about-ceo .ceo-image {
    width: 500px;
  }
}
@media screen and (max-width: 1000px) {
  .about-ceo .ceo-image {
    position: relative;
    background: none;
    margin-bottom: -100px;
    width: 100%;
    height: auto;
  }
  .about-ceo .ceo-image img {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
  }
}
.about-ceo .wrapper {
  position: relative;
  z-index: 500;
}

.why-us {
  background: #7bac38;
  color: white !important;
  padding: 50px 0 100px 0;
}
.why-us .wrapper {
  padding-top: 20px;
}
.why-us .entry-title {
  margin-top: 50px;
}
.why-us .entry-content * {
  color: white !important;
}

.about-team {
  position: relative;
  margin-bottom: -150px;
  background: url("images/bcg_default-template.jpg") no-repeat right -100px;
  background-size: 100% auto;
  padding-top: 110px;
}
@media screen and (min-width: 1400px) {
  .about-team .wrapper {
    padding-top: 60px;
  }
}
.about-team .entry-title h2 {
  color: #7bac38;
  line-height: 1.5em;
  padding: 5px 0 10px 0;
  font-family: 'Open Sans Bold', sans-serif;
  text-transform: uppercase;
}

/* Form **************************************************/
.entry-content .custom-contact-form, #kontakt .custom-contact-form {
  display: block;
  width: 70%;
  font-size: 0;
}
.entry-content .custom-contact-form > *, #kontakt .custom-contact-form > * {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  width: 48%;
}
@media screen and (max-width: 1024px) {
  .entry-content .custom-contact-form > *, #kontakt .custom-contact-form > * {
    width: 100%;
    margin: 0 !important;
  }
}
.entry-content .custom-contact-form .left-side-form, #kontakt .custom-contact-form .left-side-form {
  margin-right: 2%;
}
.entry-content .custom-contact-form .right-side-form, #kontakt .custom-contact-form .right-side-form {
  margin-left: 2%;
}
.entry-content .custom-contact-form .form-element, #kontakt .custom-contact-form .form-element {
  height: 40px;
  line-height: 40px;
  background: white;
  margin-bottom: 15px;
}
.entry-content .custom-contact-form input[type="text"], .entry-content .custom-contact-form input[type="email"], .entry-content .custom-contact-form input[type="file"], .entry-content .custom-contact-form input[type="url"], .entry-content .custom-contact-form textarea, #kontakt .custom-contact-form input[type="text"], #kontakt .custom-contact-form input[type="email"], #kontakt .custom-contact-form input[type="file"], #kontakt .custom-contact-form input[type="url"], #kontakt .custom-contact-form textarea {
  background: transparent;
  box-shadow: none;
  border: 0;
  display: block;
  vertical-align: top;
  font-size: 13px;
  width: 100%;
  padding: 5px 15px;
  line-height: 30px;
}
.entry-content .custom-contact-form input[type="text"]::-webkit-input-placeholder, .entry-content .custom-contact-form input[type="email"]::-webkit-input-placeholder, .entry-content .custom-contact-form input[type="file"]::-webkit-input-placeholder, .entry-content .custom-contact-form input[type="url"]::-webkit-input-placeholder, .entry-content .custom-contact-form textarea::-webkit-input-placeholder, #kontakt .custom-contact-form input[type="text"]::-webkit-input-placeholder, #kontakt .custom-contact-form input[type="email"]::-webkit-input-placeholder, #kontakt .custom-contact-form input[type="file"]::-webkit-input-placeholder, #kontakt .custom-contact-form input[type="url"]::-webkit-input-placeholder, #kontakt .custom-contact-form textarea::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #AAA;
}
.entry-content .custom-contact-form input[type="text"]:-moz-placeholder, .entry-content .custom-contact-form input[type="email"]:-moz-placeholder, .entry-content .custom-contact-form input[type="file"]:-moz-placeholder, .entry-content .custom-contact-form input[type="url"]:-moz-placeholder, .entry-content .custom-contact-form textarea:-moz-placeholder, #kontakt .custom-contact-form input[type="text"]:-moz-placeholder, #kontakt .custom-contact-form input[type="email"]:-moz-placeholder, #kontakt .custom-contact-form input[type="file"]:-moz-placeholder, #kontakt .custom-contact-form input[type="url"]:-moz-placeholder, #kontakt .custom-contact-form textarea:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #AAA;
  opacity: 1;
}
.entry-content .custom-contact-form input[type="text"]::-moz-placeholder, .entry-content .custom-contact-form input[type="email"]::-moz-placeholder, .entry-content .custom-contact-form input[type="file"]::-moz-placeholder, .entry-content .custom-contact-form input[type="url"]::-moz-placeholder, .entry-content .custom-contact-form textarea::-moz-placeholder, #kontakt .custom-contact-form input[type="text"]::-moz-placeholder, #kontakt .custom-contact-form input[type="email"]::-moz-placeholder, #kontakt .custom-contact-form input[type="file"]::-moz-placeholder, #kontakt .custom-contact-form input[type="url"]::-moz-placeholder, #kontakt .custom-contact-form textarea::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #AAA;
  opacity: 1;
}
.entry-content .custom-contact-form input[type="text"]:-ms-input-placeholder, .entry-content .custom-contact-form input[type="email"]:-ms-input-placeholder, .entry-content .custom-contact-form input[type="file"]:-ms-input-placeholder, .entry-content .custom-contact-form input[type="url"]:-ms-input-placeholder, .entry-content .custom-contact-form textarea:-ms-input-placeholder, #kontakt .custom-contact-form input[type="text"]:-ms-input-placeholder, #kontakt .custom-contact-form input[type="email"]:-ms-input-placeholder, #kontakt .custom-contact-form input[type="file"]:-ms-input-placeholder, #kontakt .custom-contact-form input[type="url"]:-ms-input-placeholder, #kontakt .custom-contact-form textarea:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #AAA;
}
.entry-content .custom-contact-form .textarea, #kontakt .custom-contact-form .textarea {
  padding: 0;
  line-height: 24px;
  background: white;
  margin-bottom: 12px;
}
.entry-content .custom-contact-form .textarea textarea, #kontakt .custom-contact-form .textarea textarea {
  height: 206px;
  line-height: 20px;
  padding: 15px;
}
.entry-content .custom-contact-form input[type="file"], #kontakt .custom-contact-form input[type="file"] {
  opacity: 0;
  position: relative;
  z-index: 999;
}
.entry-content .custom-contact-form input[type="submit"], #kontakt .custom-contact-form input[type="submit"] {
  display: block;
  width: 100%;
  color: white;
  text-align: center;
  background: #7bac38 !important;
  border: 0;
  outline: 0;
  line-height: 40px;
  font-family: 'Open Sans Bold',sans-serif;
}
.entry-content .custom-contact-form .file-field, #kontakt .custom-contact-form .file-field {
  background: white url("images/add-file.png") center right no-repeat;
  position: relative;
}
.entry-content .custom-contact-form .file-field span, #kontakt .custom-contact-form .file-field span {
  color: #AAA;
  position: absolute;
  top: 0;
  font-size: 13px;
  left: 15px;
  z-index: 100;
}

.wpcf7-form-control-wrap {
  position: relative;
}

.wpcf7-validation-errors {
  border: 2px solid #f7e700;
  background: #f7e700;
}

.wpcf7-mail-sent-ok {
  border: 2px solid #398f14;
  background: #398f14;
  color: white;
}

.wpcf7-not-valid-tip {
  display: inline-block;
  vertical-align: top;
  background: white;
  padding: 0px 10px;
  position: relative;
  margin-top: -10px;
  width: 100%;
  min-height: 1px;
  line-height: 23px;
  font-size: 10px;
  text-align: center;
  z-index: 1000;
  box-shadow: 0 0 10px rgba(70, 70, 70, 0.5);
}

.wpcf7-not-valid {
  border: 1px solid red !important;
}

span.wpcf7-not-valid-tip {
  color: #f00;
  font-size: 10px;
  display: block;
}

#map-canvas img {
  width: auto;
  height: auto;
  max-width: none;
}

/* Contact **************************************************/
#kontakt {
  font-size: 0;
  color: white;
  position: relative;
  background: #7bac38;
}
#kontakt > * {
  position: absolute;
  top: 0;
}
@media screen and (max-width: 1024px) {
  #kontakt > * {
    position: static;
  }
}
#kontakt .contact-content {
  width: 100%;
  height: inherit;
  z-index: 100;
  background: url("images/kontakt_2.png") top center no-repeat;
  background-size: 1200px auto;
}
#kontakt p {
  font-size: 14px;
}
#kontakt .custom-contact-form {
  margin-top: 20px;
  width: 100%;
}
#kontakt .custom-contact-form input[type="submit"] {
  border: 1px solid white;
  background: transparent !important;
}
#kontakt .contact-wrapper {
  width: 80%;
  margin: 50px 0 0 0;
  font-size: 0;
}
@media screen and (max-width: 1024px) {
  #kontakt .contact-wrapper {
    width: 100%;
    padding-top: 50px;
    margin: 0;
  }
}
#kontakt .contact-wrapper .site-name {
  font-size: 30px;
  font-family: 'Open Sans Bold', sans-serif;
  line-height: 1.25em;
  margin-bottom: 50px;
}
@media screen and (max-width: 1024px) {
  #kontakt .contact-wrapper .site-name {
    width: 100%;
  }
}
#kontakt .contact-wrapper .address {
  display: inline-block;
  vertical-align: top;
  padding-left: 46px;
  height: 64px;
  padding-top: 10px;
  width: 50%;
  font-size: 16px;
  font-family: 'Open Sans', sans-serif;
  line-height: 1.25em;
  margin-bottom: 20px;
  background: url("images/kontakt_local.png") left center no-repeat;
}
@media screen and (max-width: 1024px) {
  #kontakt .contact-wrapper .address {
    width: 100%;
  }
}
#kontakt .contact-wrapper .mail {
  display: inline-block;
  vertical-align: top;
  padding-left: 60px;
  height: 64px;
  padding-top: 20px;
  width: 50%;
  font-size: 16px;
  font-family: 'Open Sans', sans-serif;
  line-height: 1.25em;
  margin-bottom: 20px;
  background: url("images/kontakt_mail.png") left center no-repeat;
}
@media screen and (max-width: 1024px) {
  #kontakt .contact-wrapper .mail {
    width: 100%;
  }
}
#kontakt .contact-wrapper .phone {
  display: inline-block;
  vertical-align: top;
  padding-left: 46px;
  height: 64px;
  padding-top: 20px;
  width: 50%;
  font-size: 16px;
  font-family: 'Open Sans', sans-serif;
  line-height: 1.25em;
  margin-bottom: 20px;
  background: url("images/kontakt_tel.png") left center no-repeat;
}
@media screen and (max-width: 1024px) {
  #kontakt .contact-wrapper .phone {
    width: 100%;
  }
}
#kontakt .contact-field {
  width: 59%;
}
@media screen and (max-width: 1024px) {
  #kontakt .contact-field {
    width: 100%;
  }
}
#kontakt .contact-field h2 {
  font-size: 30px;
  font-family: 'Open Sans', sans-serif;
  line-height: 1.25em;
  margin-bottom: 40px;
  margin-top: 30px;
}
#kontakt .contact-map {
  width: 55%;
  right: 0;
}
@media screen and (max-width: 1024px) {
  #kontakt .contact-map {
    display: none;
  }
}
#kontakt .contact-map #cd-zoom-in {
  position: relative;
  z-index: 1000;
  top: 50px;
  margin-right: 50px;
  width: 31px;
  height: 31px;
  background: url("images/map_zoomplus.png") left center no-repeat;
}
#kontakt .contact-map #cd-zoom-out {
  position: relative;
  z-index: 1000;
  top: 50px;
  margin-right: 50px;
  width: 31px;
  height: 31px;
  background: url("images/map_zoomminus.png") left center no-repeat;
}
#kontakt .contact-map .map-cover {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 10000;
  left: 0;
  background: url("images/kontakt_map_layer.png") center bottom no-repeat;
}

.wpcf7-response-output {
  font-size: 14px;
}

.posts-container {
  box-sizing: border-box;
}
.posts-container .post-with-thumbnail {
  font-size: 0;
}
.posts-container .post-with-thumbnail > * {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  box-sizing: border-box;
}
.posts-container .post-with-thumbnail .post-content {
  width: 75%;
  display: inline-block;
  box-sizing: border-box;
}
.posts-container .post-with-thumbnail .post-image {
  width: 23%;
  margin-right: 2%;
  box-sizing: border-box;
}
.posts-container .post-without-thumbnail .post-content {
  width: 100%;
  display: block;
}
.posts-container .post-title {
  font-size: 20px;
  font-family: 'Open Sans Bold', sans-serif;
  color: #7bac38;
  line-height: 1.25em;
}
.posts-container .post-title a {
  color: #7bac38;
}
.posts-container .post-title a:hover {
  color: #34461e;
}
.posts-container .post-time {
  font-size: 12px;
  margin: 6px 0;
}
.posts-container .post-excerpt {
  font-size: 14px;
}
.posts-container .post-footer {
  text-align: right;
  margin-top: 12px;
  font-family: 'Open Sans Bold', sans-serif;
}
.posts-container .post-footer a {
  color: #7bac38;
}
.posts-container .post-footer a:hover {
  color: #34461e;
}

.about-ceo h1 {
  text-transform: none;
  font-size: 38px;
  font-family: 'Open Sans Bold', sans-serif;
}
.about-ceo h3 {
  text-transform: none;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
}

.why-us h2 {
  font-size: 38px;
  text-transform: none;
  font-family: 'Open Sans Bold', sans-serif;
}
.why-us h3 {
  font-size: 14px;
  text-transform: uppercase;
}

.why-us h3 {
  font-size: 14px;
  text-transform: uppercase;
}

.map-link {
  display: block;
  height: 100%;
  width: 75%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 20000;
}

.hentry {
  margin-bottom: 0;
}

#map-canvas, #kontakt, .contact-content {
  min-height: 762px;
}
@media screen and (max-width: 1024px) {
  #map-canvas, #kontakt, .contact-content {
    min-height: 0px;
    height: auto !important;
  }
}

/*
 * Naver v3.1.2 - 2014-11-25
 * A jQuery plugin for responsive navigation. Part of the Formstone Library.
 * http://formstone.it/naver/
 *
 * Copyright 2014 Ben Plum; MIT Licensed
 */
.naver {
  margin: 0;
}

.naver,
.naver *,
.naver *:before,
.naver *:after {
  box-sizing: border-box;
}

.naver-handle {
  background: #ffffff;
  border: 1px solid #cccccc;
  color: #111111;
  cursor: pointer;
  display: none;
  font-size: 14px;
  margin: 0;
  padding: 10px 15px;
  position: relative;
  line-height: 17px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media screen and (max-width: 1024px) {
  .naver-handle {
    display: block;
    width: 100%;
  }
}

.naver-handle:after {
  height: 3px;
  width: 15px;
  position: relative;
  /* bottom: 0; */
  background: #cccccc;
  box-shadow: 0 5px 0 #cccccc, 0 -5px 0 #cccccc;
  content: '';
  display: inline-block;
  float: right;
  /* margin: auto 0; */
  margin-top: 8px;
  margin-left: 5px;
}

.naver.open .naver-handle:after {
  width: 15px;
  height: 15px;
  background: transparent;
  border: none;
  box-shadow: none;
  color: #cccccc;
  content: "\00d7";
  font-size: 22px;
  font-weight: 700;
  line-height: 15px;
  text-align: center;
  float: right;
  margin-top: 0;
}

.naver-wrapper {
  border: none;
  height: auto;
  margin: 0;
  padding: 0;
}

.naver-container:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden;
}

.naver.enabled .naver-handle {
  display: block;
}

.naver.enabled .naver-wrapper {
  height: 0px;
  overflow: hidden;
}

.naver.enabled .naver-container {
  background: #ffffff;
  border: 1px solid #cccccc;
  border-width: 0 1px 1px;
}

@media screen and (max-width: 1024px) {
  .naver-container > div {
    display: none;
  }
}

.main-navigation.naver.active.open .naver-container > div {
  display: block;
  background: white;
  text-align: center !important;
}
.main-navigation.naver.active.open .naver-container > div ul li {
  display: block;
}
.main-navigation.naver.active.open .naver-container > div ul li a {
  background: white !important;
  color: black !important;
}
.main-navigation.naver.active.open .naver-container > div ul li .sub-menu {
  display: block;
  position: static;
  float: none;
}
.main-navigation.naver.active.open .naver-container > div ul li .sub-menu a {
  background: white !important;
}

#cookie-law-info-bar {
  text-align: left;
  height: 46px;
  line-height: 18px;
  z-index: 10000000;
  font-size: 12px;
}
#cookie-law-info-bar span {
  display: block;
  position: relative;
  padding-left: 150px;
  background: url(images/ciasteczka.png) left bottom no-repeat;
  padding-right: 150px;
}
#cookie-law-info-bar #cookie_action_close_header {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
  height: 46px;
  width: 46px;
  background: url(images/ciasteczka_close.png) left bottom no-repeat;
}


#kontakt .contact-wrapper .phone,
#kontakt .contact-wrapper .mail,
#kontakt .contact-wrapper .address
{
height: 48px;
margin-bottom: 10px;
}

#kontakt .contact-field h2{
margin-top: 15px;
}

.map-link{
    height: 63px;
    width: 44px;
    top: 320px;
    right: auto;
    left: 50%;
}
.map-link-2{
position: absolute;
    height: 63px;
    width: 44px;
    top: 293px;
    right: auto;
    left: 38%;
    z-index: 20000;
    display: block;
}