/*!
Theme Name: Mobilat HiGrupa
Author: HiGrupa
Version: 1.0
Text Domain: mobilat_theme
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
  ## Posts and pages
  ## Comments
# Infinite scroll
# Media
  ## Captions
  ## Galleries
# Theme Styles
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Menus
--------------------------------------------------------------*/
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }
  .main-navigation ul {
    display: block;
  }
}

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.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;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  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. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

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

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

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*--------------------------------------------------------------
# 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;
  table-layout: fixed;
}

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

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets. */
}

.widget select {
  max-width: 100%;
}

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

.hentry {
  margin: 0 0 1.5em;
}

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

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

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

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

.bypostauthor {
  display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-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;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .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%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

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

/*--------------------------------------------------------------
## 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;
}

/*--------------------------------------------------------------
# Theme Styles
--------------------------------------------------------------*/

/* ### GENERAL BODY STYLES ### */
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus,
a.active.focus, a.active:focus, a.focus, a:active.focus, a:active:focus, a:focus{
  outline: none;
}
html,body {height:100%;}
body {
  font-family: 'Roboto', sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  color: #000;
  background: #fff;
  overflow-x: hidden;

  transition: all 0.2s ease-in-out;
}
body.logged-in .navbar{
  top: 32px;
}
body.logged-in.cookies-not-accepted .navbar{
  top: 136px;
}
body.logged-in.cookies-not-accepted #cookie-notice {
  top: 32px;
}
body.cookies-not-accepted {
  margin-top: 104px;
}
body.cookies-not-accepted .navbar {
  top: 104px;
}
#cookie-notice {
  font-size: 18px;
  min-height: 104px;
  background-image: url(images/cookie.png);
  background-repeat: no-repeat;
  background-position: 104% 50%;

  transition: all 0.2s ease-in-out;
}
.cookie-notice-container {
  position: relative;
}
.cookie-notice-container .cn-notice-text {
  text-align: center;
  padding: 12px 25px;
}
.cookie-notice-container .cn-notice-text p {
  margin: 0;
}
.cookie-notice-container .cn-button {
  text-align: center;
}
.cookie-notice-container .cn-button a {
  display: block;
  width: 112px;
  margin: 15px auto;
}


.preloader {
  position: relative;
  height: 0px;
  width: 0px;
  overflow: hidden;
  background: url(images/logo_hirudoid-white.svg);
}
.container-fluid {
  padding: 60px 50px;
  max-width: 1366px;
}
.container {
  height: 100%;
}
.row {
  height: 100%;
}
p {
  margin-bottom: 28px;
}
/*sup {
  font-size: 58% !important;
}*/
a, .btn-link {
  color: #ed1c24;
}
a:hover, a:active, a:focus, .btn-link:hover, .btn-link:active, .btn-link:focus {
  color: #ED1C24;
}
h1 {
  font-size: 56px;
  font-weight: 900;
  line-height: 60px;
}
h2 {
  font-size: 48px;
  color: #230e6b;
  margin: 0;
}
h2 a {
  color: #230e6b;
  text-decoration: none;
}
h2 a:hover, h2 a:focus, h2 a:active {
  color: #230e6b;
  text-decoration: none;
}
h2.title {
  font-weight: 900;
  padding: 65px 0 76px;
}
.pointer-top > h2.title {
  padding: 115px 0 38px;
}
h3{
  padding-top: 30px;
}
h4 {
  font-size: 19px;
  line-height: 1.375em;
  color: #303030;
  font-weight: 400;
  margin-bottom: 30px;
}
strong {
  font-weight: 900;
}
img {
  max-width: 100%;
}
.btn-default {
  font-size: 18px;
  line-height: 1;
  font-weight: 400;
  color: #818181;
  padding: 8px 12px 7px;
  border: solid 1px #818181;
  border-radius: 4px;
}
.btn-default.focus, .btn-default:focus {
  color: #333;
  background-color: #fff;
  border-color: #333;
}
.btn-lg {
  font-size: 24px;
  line-height: 28px;
  font-weight: 900;
  color: #ed1c24;
  padding: 15px 21px 12px;
  border: solid 1px #ED1C24;
  border-radius: 4px;
}
.btn-lg.focus, .btn-lg:focus {
  color: #ed1c24;
  background-color: #fff;
  border-color: #ED1C24;
}
.btn-reversed {
  color: #fff;
  background-color: #ed1c24;
  border: solid 1px #ED1C24;
}
.btn-reversed:hover, .btn-reversed:active, .btn-reversed:focus {
  background-color: #c00;
  color: #f5f5f5;
}
.btn-blue {
  color: #230e6b;
  border: solid 1px #230e6b;

}
.pointer-bottom, .pointer-top {
  height: 100%;
}
.pointer-bottom:after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 50%;
    width: 0;
    height: 0;
    border-left: 125px solid transparent;
    border-right: 125px solid transparent;
    border-bottom: 72px solid #fff;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
}
.pointer-top:before {
    content: "";
    position: absolute;
    top: -1px;
    left: 50%;
    width: 0;
    height: 0;
    border-left: 125px solid transparent;
    border-right: 125px solid transparent;
    border-top: 72px solid #fff;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
}
.pointer-top.pointer-reversed:before {
    top: -71px;
    left: 50%;
    width: 0;
    height: 0;
    border-left: 125px solid transparent;
    border-right: 125px solid transparent;
    border-bottom: 72px solid #fff;
    border-top: none;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
}
.pointer-bottom.pointer-grey:after {
    border-bottom-color: #efefef;
}
.pointer-top.pointer-blue:before {
    border-top-color: #230e6b;
}
.pointer-top.pointer-red:before {
    border-top-color: #ED1C24;
}
.col-md-offset-1 {
  padding: 0 60px;
}
.separator {
  display: block;
  margin: 45px 25%;
  height:1px;
  width: 50%;
  background:#ffffff;
  border: none;
}
.modal-dialog {
  width: 880px;
}
.modal-content {
  border-radius: 0;
}
.modal-header {
  color: #211E71;
  padding: 13px;
  border-bottom: solid 3px #ED1C24;
}
.modal-header p {
  margin: 0;
}
.modal-body {
  padding: 0 137px 94px;
  border-bottom: solid 10px #818181;
}
.modal-body img {
  display: block;
  margin: 0 auto 18px;
}
.modal-body p, .modal-body ul li {
  font-size: 18px;
  line-height: 21px;
  font-weight: 300;
  color: #000;
}
.modal-body ul {
  padding-left: 29px;
  list-style-image: url('images/dot-grey.png');
}
.modal-body ul li{
  margin-top: 15px;
}
.modal-body button{
  margin-top: 40px;
}

button.close {
  font-size: 40px;
  font-weight: 300;
  color: #fff;
  opacity: 1;
  position: absolute;
  top: 0px;
  right: 9px;
}

.page-template-page-porady table {
  border-collapse: separate;
  border-spacing: 10px;
  font-size: 14px;
  line-height: 18px;
  max-width: 90%;
}
table {
  display: block;
  width: 100%;
  overflow-x: auto;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.page-template-page-porady table th  {
  background: #ED1C24; 
  border: none; 
  border-bottom: none !important; 
  color: #fff;
  padding: 15px 0 15px 30px !important;
  font-weight: 900;
}
.page-template-page-porady table td:last-child {
  border: solid 2px #ED1C24;
  border-top: solid 2px #ED1C24;
  color: #ED1C24;
  padding: 30px 0 0 30px;
}
#content table td:last-child p {
  color: #ED1C24;
  margin-bottom: 14px;
}
.page-template-page-porady table th:first-child {
  background: #230e6b;
}
.page-template-page-porady table td:first-child {
  border: solid 2px #230e6b;
  border-top: solid 2px #230e6b;
  color: #230e6b;
  padding: 30px 0 0 30px;
}
#content table td:first-child p {
  color: #230e6b;
  margin-bottom: 14px;
}
/* ### NAVBAR ### */
.navbar {
  margin-bottom: 0;
  z-index: 999;
  font-size: 16px;
  font-weight: 300;
  border-radius: 0;
  background-color: transparent;

  transition: all 0.2s ease-in-out;
}
.navbar-default {
  border: none;
}
.navbar-default .navbar-toggle {
  background-color: #fff;
}
.navbar.navbar-bg {
  /*border-bottom: solid 5px #230E6B;*/
  border-bottom: solid 5px #cccccc;
  background-color: #fff !important;
}
.navbar .container-fluid {
  padding: 0 40px;
  height: 80px;
}
.navbar-header {
  margin-top: 10px;
}
.navbar-toggle {
  margin: 18px;
}
.navbar.navbar-bg .navbar-nav li a:hover, .navbar-nav li.active a {
  background-color: #fff !important;
  color: #ED1C24 !important;
}
#navbar {
  padding: 30px 0;
}
#navbar li a {
  padding: 0 15px;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
}
.navbar.navbar-bg #navbar li a {
  padding: 0 15px;
  font-size: 16px;
  font-weight: 500;
  color: #5D5D5D;
}

/* ### JUMBOTRON ### */
#jumbotron {
  height: 100%;
  min-height: 680px;
  background-image: url(images/baner-hirudoid-start.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  /*background-attachment: fixed;*/
  background-color: #000;
  background-position: center top;
  }
.jumbotron {
  background-color: transparent;
  position: initial;
  color: #fff;
  padding: 0 40px;
  margin: 0;
  height: 100%;
}
#jumbotron.porady, #jumbotron.wskazania {
  min-height: 400px;
  height: 400px;
}
#jumbotron.porady {
  background-position: center center;
  background-size: cover;
}
#jumbotron.wskazania {
  background-position: center center;
  background-size: cover;
}
.jumbotron .container {
  padding: 0;
  height: 100%;
}
.jumbotron h1 {
  font-size: 72px;
  line-height: 72px;
  padding-top: 30vh;
  margin: 10px 0 28px;
}
.jumbotron h2 {
  font-size: 32px;
  font-weight: 500;
  text-transform: none;
  color: #fff;
  margin: 15px 0 20px;
}
.jumbotron h2 i {
  font-size: 18px;
  vertical-align: text-top;
  line-height: 42px;
  color: #ED1C24;
}
.jumbotron .nav-down-wrapper {
  position: absolute;
  bottom: 120px;
  left: 50%;
  cursor: pointer;
}
.jumbotron .nav-down-wrapper span.arrow-down {
  width: 32px;
  height: 24px;
  display: block;
  background: url(images/icon-single-arrow-down.png) center center no-repeat;
  margin: -10px 0;
}
.jumbotron .nav-down-wrapper span.arrow-down {
  opacity: 1;
  filter: alpha(opacity=100);
}
.jumbotron .nav-down-wrapper span.arrow-down + span.arrow-down {
  opacity: 0.66;
  filter: alpha(opacity=66);
}
.jumbotron .nav-down-wrapper span.arrow-down + span.arrow-down + span.arrow-down {
  opacity: 0.33;
  filter: alpha(opacity=33);
}
.jumbotron .nav-down-wrapper span.arrow-down + span.arrow-down + span.arrow-down {
  -webkit-animation: opacity_first 2s linear infinite;
  -moz-animation: opacity_first 2s linear infinite;
  -ms-animation: opacity_first 2s linear infinite;
  -o-animation: opacity_first 2s linear infinite;
  animation: opacity_first 2s linear infinite;
  -webkit-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

.jumbotron .nav-down-wrapper span.arrow-down + span.arrow-down {
  -webkit-animation: opacity_second 2s linear infinite;
  -moz-animation: opacity_second 2s linear infinite;
  -ms-animation: opacity_second 2s linear infinite;
  -o-animation: opacity_second 2s linear infinite;
  animation: opacity_second 2s linear infinite;
  -webkit-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

.jumbotron .nav-down-wrapper span.arrow-down {
  -webkit-animation: opacity_third 2s linear infinite;
  -moz-animation: opacity_third 2s linear infinite;
  -ms-animation: opacity_third 2s linear infinite;
  -o-animation: opacity_third 2s linear infinite;
  animation: opacity_third 2s linear infinite;
  -webkit-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

@-webkit-keyframes opacity_first {
  0% {
    opacity: 0.33;
    filter: alpha(opacity=33);
  }

  24.91% {
    opacity: 1;
    filter: alpha(opacity=100);
  }

  49.833% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
}

@keyframes opacity_first {
  0% {
    opacity: 0.33;
    filter: alpha(opacity=33);
  }

  24.91% {
    opacity: 1;
    filter: alpha(opacity=100);
  }

  49.833% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
}

@-webkit-keyframes opacity_second {
  0% {
    opacity: 0.66;
    filter: alpha(opacity=66);
  }

  16.66% {
    opacity: 1;
    filter: alpha(opacity=100);
  }

  41.5833% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
}

@keyframes opacity_second {
  0% {
    opacity: 0.66;
    filter: alpha(opacity=66);
  }

  16.66% {
    opacity: 1;
    filter: alpha(opacity=100);
  }

  41.5833% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
}

@-webkit-keyframes opacity_third {
  0% {
    opacity: 1;
    filter: alpha(opacity=100);
  }

  33.33% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
}

@keyframes opacity_third {
  0% {
    opacity: 1;
    filter: alpha(opacity=100);
  }

  33.33% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
}

/* ### PRE BANNER ### */
#pre-banner {
  min-height: 560px;
  background: url(images/zdrowe-nogi-v1.jpg) center center no-repeat;
  background-size: cover;
}
#pre-banner h2 {
  font-size: 72px;
  font-weight: 900;
  padding-top: 200px;
}
#pre-banner h3 {
  font-size: 48px;
  font-weight: 500;
}
#pre-banner p {
  font-size: 32px;
  line-height: 40px;
  font-weight: 500;
  padding-top: 170px;
}
#pre-banner *{
  color: #fff;
}

/* ### BANNER ### */

#banner {
  background: #ED1C24;
}
/*#banner .col-sm-8 {
  padding-left: 60px;
}
#banner .col-sm-4 {
  padding-right: 60px;
}*/
#banner h2, #banner h3, #banner p {
  color: #fff;
}
#banner h3 {
  font-size: 32px;
  margin-top: 8px;
}
#banner h2 .przypis:hover,
#banner h2 .przypis:active,
#banner h2 .przypis:focus {
  color: #fff;
  text-decoration: none;
}
#banner .btn {
  margin-top: 26px;
}

/* ### INFO BANNER ### */
#info-banner {
  background: #230e6b;
}
#info-banner p {
  margin: 18px 0 42px;
  color: #fff;
  line-height: 32px;
}
#info-banner a.btn {
  margin-bottom: 48px;
}


/* ### PRODUKT ### */
#produkt .row {
  margin-bottom: 40px;
}
#produkt h3 {
  font-size: 36px;
  font-weight: 900;
  color: #000;
  margin: 38px 0 44px;
}
#produkt .col-md-6 > img  {
  padding-top: 135px;
}
#produkt a.modal-link {
  display: block;
  margin-bottom: 44px;
  font-size: 24px;
  color: #666;
  cursor: pointer;
}
#produkt a.modal-link span {
  display: block;
  float: left;
  width: 36px;
  height: 36px;
  border-radius: 100%;
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
  padding-left: 12px;
  margin: 0 20px 0 0;
}
#produkt a.modal-link.zel span {
  background-color: #230e6b;
}
#produkt a.modal-link.masc span {
  background-color: #ED1C24;
}

#produkt a.modal-link:hover, #produkt a.modal-link:focus, #produkt a.modal-link:active {
  text-decoration: none;
  color: #666;
}
#produkt a.modal-link:hover span {
  background-color: #666;
}

.modal-body img {
max-width: 384px;
padding-top: 38px;
}
[id*=MODAL-masc] .modal-header {
  background: #ED1C24;
  border: none;
}
[id*=MODAL-masc] .modal-header p {
  color: #fff;
}
[id*=MODAL-masc] .modal-body {
  border-bottom: solid 10px #230e6b;
  margin: 0;
}
[id*=MODAL-masc] .modal-body ul {
  padding-left: 29px;
  list-style-image: url('images/dot-red.png');
}
[id*=MODAL-zel] .modal-header {
  background: #230e6b;
  border: none;
}
[id*=MODAL-zel] .modal-header p {
  color: #fff;
}
[id*=MODAL-zel] .modal-body {
  border-bottom: solid 10px #E21C24;
  margin: 0;
}
[id*=MODAL-zel] .modal-body ul {
  padding-left: 29px;
  list-style-image: url('images/dot-blue.png');
}

/* ### WSKAZANIA ### */

#wskazania {
  background-color: #fff;
  padding-bottom: 58px;

  overflow: hidden !important;
}
#wskazania h3 {
  font-size: 32px;
  line-height: 38px;
  font-weight: 400;
  color: #000;
}
#wskazania p {
  color: #5D5D5D;
}
#wskazania .col-sm-4 {
  margin-top: 62px;
}
#wskazania .col-sm-4 {
  margin-top: 62px;
}
#wskazania .row {
  margin-bottom: 84px;
  position: relative;
}
#wskazania .image-hex-wrapper {
  position: relative;
  top: 58px;
  left: 50%;

  -webkit-transform: translateX(-50%) rotate(-120deg);
  -moz-transform: translateX(-50%) rotate(-120deg);
  transform: translateX(-50%) rotate(-120deg);

  width: 410px;
  height: 475px;
  background: transparent;
  overflow: hidden;
}
#wskazania .image-hex-inner {
  width: 100%;
  height: 100%;
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  transform: rotate(60deg);
  overflow: hidden;
  background: transparent;
}
#wskazania .image-hex-in {
  width: 100%;
  height: 100%;
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  transform: rotate(60deg);
  overflow: hidden;
  background-image: url(images/wskazania-zyly.png);
  background-repeat: no-repeat;
  background-size: cover;

  -webkit-transition: opacity 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}
#wskazania .image-hex-in a {
  display: block;
  width: 100%;
  height: 100%;
}
#wskazania .image-hex-in:hover {
  opacity: .8;
}
#wskazania h4 {
  font-size: 24px;
  font-weight: 900;
}
#wskazania img.icon {
  max-width: 119px;
}
#wskazania .btn {
  margin-top: 76px;
}
#wskazania.sidebar {
  background-color: #fff;
}
#wskazania.sidebar h3.title {
  font-size: 36px;
  font-weight: 300;
  margin-top: 18px;
  margin-bottom: 32px;
}

/* ### VIDEO ### */

#video1, #video2 {
  background: #efefef;
}
/*.embed-container:after {
  content: "";
  display: block;
  position: absolute;
  width: 40px;
  height: 40px;
  top: 50%;
  left: 50%;
  background-image: url(images/map-marker.png);
  z-index: 4;
}*/
.margin {
  margin-bottom: 64px;
}
/* ### DZIAŁANIE ### */

#dzialanie {
  background-color: #fff;
  padding-bottom: 56px;

  overflow-x: hidden !important;
}
#dzialanie h3 {
  font-weight: 900;
  margin-top: 40px;
}
#dzialanie h3 + p {
  font-size: 18px;
  line-height: 24px;
  color: #5D5D5D;
}
#dzialanie .image-hex-wrapper {
  position: relative;
  top: 0;
  left: 50%;

  -webkit-transform: translateX(-50%) rotate(-30deg);
  -moz-transform: translateX(-50%) rotate(-30deg);
  transform: translateX(-50%) rotate(-30deg);

  width: 152px;
  height: 265px;
  background: transparent;
  /*overflow: hidden;*/

  border-top: solid 1px #c00;
  border-bottom: solid 1px #c00;


}
#dzialanie .image-hex-inner {
  width: 100%;
  height: 100%;
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  transform: rotate(60deg);
  /*overflow: hidden;*/
  background: transparent;

  border-top: solid 1px #c00;
  border-bottom: solid 1px #c00;
}
#dzialanie .image-hex-in {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  transform: rotate(60deg);
  overflow: hidden;

  border-top: solid 1px #c00;
  border-bottom: solid 1px #c00;

  -webkit-transition: opacity 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}
#dzialanie .image-hex-in img {
  -webkit-transform: rotate(-90deg) translate(-50%,-50%);
  -moz-transform: rotate(-90deg) translateY(-50%);
  transform: rotate(-90deg) translateY(-50%);

  width: 265px;
  max-width: 265px;

  position: absolute;
  top: -0;
  left: 50%;

}
/* ### APTEKI ### */
#apteki {
  background: url(images/znajdz-apteke-v1.jpg) 50% 0 no-repeat #333;
  background-size: cover;
}
#apteki .col-md-12 {
  padding: 60px 0 125px 0;
}
#apteki h2 {
  font-size: 56px;
  color: #fff;
  margin: 62px 0 3px;
}
#apteki h3 {
  font-size: 32px;
  font-weight: 300;
  color: #fff;
}
#apteki a.btn-lg {
  margin-top: 46px;
}

/* ### POBIERZ ### */
#pobierz .col-md-3 {
  padding: 0 25px;
}
#pobierz .row:last-child {
  padding-bottom: 105px;
}
#pobierz p {
  font-size: 21px;
  color: #230e6b;
  margin-top: 7px;
}
.btn-download img {
  display: block;
  margin: 15px auto;
}
.btn-download:hover img{
  opacity: .6;
}



/* ### KONTAKT ### */
#kontakt {
  border-top: solid 1px #CCCCCC;
}
#kontakt img {
  float: left;
  height: 32px;
}
#kontakt h3 {
  color: #230e6b;
  font-size: 36px;
  margin: 0 0 28px;
}
#kontakt .col-md-12 > p {
  color: #230e6b;
}
#kontakt .row:first-child, #kontakt .row:last-child {
  margin-bottom: 32px;
}
#kontakt .row .row [class*=col] {
  padding-left: 0;
}
#kontakt .klauzula {
    font-size: 16px;
    line-height: 18px;
    text-decoration: underline;
}

/* ### LEGAL ### */
#legal {
  min-height: 25vh;
  background: #ED1C24;
}
#legal p {
  color: #fff;
  margin: 48px 0 32px;
}
#legal .col-md-12 {
  padding: 0 70px;
}
#legal .btn-link {
  font-size: 24px;
  font-weight: 300;
  color: #fff;
  margin-bottom: 18px;
}
#legal .btn-link img {
  width: 63px;
  padding-right: 18px;
  margin-top: -5px;
}

#opis {
  padding-bottom: 62px;
}
#opis h2{
  font-size: 72px;
  line-height: 72px;
  color: #5D5D5D;
  font-weight: 900;
  margin: 60px 0 63px;
}
#opis p{
  color: #5D5D5D;
}
#opis .panel-heading {
  font-weight: 700;
  color: #fff;
  backgrpound: #ED1C24;
  border-radius: 0;
  cursor: pointer;
}
#opis .panel-heading a:hover, #opis .panel-heading a:active, #opis .panel-heading a:focus {
  color: #fff;
  text-decoration: none;
}
#opis .panel-heading h4 {
  font-size: 24px;
}

#content {
  /*border-top: solid 1px #CCCCCC;*/
  /*padding-top: 65px;*/
  padding-top: 0px;
}
#content h2.title {
  padding-top: 0;
  font-size: 72px;
  font-weight: 300;
  color: #5D5D5D;
}
#content h2.inner-title {
  font-size: 72px;
  line-height: 72px;
  color: #5D5D5D;
  font-weight: 900;
  margin: 60px 0 63px;
}
#content h3.title {
  font-size: 48px;
  font-weight: 900;
  color: #230e6b;
  margin: 0 0 42px 0;
}
#content h4 {
  font-size: 32px;
  font-weight: 700;
  color: #ED1C24;
  margin: 48px 0 0 0;
}
#content p {
  color: #5D5D5D;
}
#content em {
  font-style: normal;
  color: #230e6b;
}
#content ul {
  list-style-image: url(images/dot-red.png);
  color: #5D5D5D;
  margin-bottom: 24px;
}
#content img {
  display: block;
  margin: 0 auto;
}

.sticky-stopper {
  height: 100px;
}

#sidebar {
  border-left: solid 1px #ccc;
  position: relative;
  right: 0;
}
#sidebar h3, #sidebar-mobile h3 {
  font-size: 36px;
  font-weight: 900;
  color: #818181;
  margin: 12px 0 30px 0;
}
#sidebar a, #sidebar-mobile a {
  display: block;
  margin-bottom: 24px;
  font-size: 32px;
  font-weight: 900;
  color: #230E6B;
}
#sidebar a.local {
  font-size: 18px;
  line-height: 21px;
  font-weight: 400;
  margin-bottom: 12px;
}


/* ### FOOTER ### */
footer {
  background: #fff;
  padding: 5px 0 !important;
}
footer p {
  font-size: 14px;
  font-weight: 300;
  margin: 0;
}
footer p img {
  margin-left: 12px;
  margin-top: -2px;
}
@media screen and (max-width: 990px) {
  footer p {
    text-align: center;
  }
}

.animated {visibility:hidden;}
.fadeInUp {
  animation-name: fadeInUp;
  -webkit-animation-name: fadeInUp;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  visibility: visible;
}
@keyframes fadeInUp {
0% {
  opacity: 0;
  transform: translateY(30%);
  } 
100% {
  opacity: 1;
  transform: translateY(0%);
  }
}
@-webkit-keyframes fadeInUp {
0% {
  opacity: 0;
  -webkit-transform: translateY(30%);
  } 
100% {
  opacity: 1;
  -webkit-transform: translateY(0%);
  }
}

body.page-template-default .navbar-default {
  border-bottom: solid 5px #cccccc;
  background-color: #ccc;
}

@media screen and (max-width: 1440px) {
  #jumbotron {
    min-height: 655px;
  }
}
@media screen and (max-width: 1049px) {
  .jumbotron h1 {
    padding-top: 15vh;
  }
}
@media screen and (max-width: 1199px) {
  #pre-banner p {
    padding-top: 120px;
  }
}
@media screen and (max-width: 1053px) {
  body.cookies-not-accepted{
  margin-top: 124px;
  }body.cookies-not-accepted .navbar{
  top: 124px;
  }
  body.logged-in.cookies-not-accepted .navbar{
  top: 158px;
  }
}
@media screen and (max-width: 1024px) {
  #jumbotron {
    min-height: 510px;
  }
  .jumbotron h1 {
    font-size: 66px;
  }
  .jumbotron h2 {
    font-size: 24px;
  }
  .jumbotron h2 i {
    line-height: 30px;
  }
  #sidebar a {
    font-size: 28px;
  }
}

@media screen and (max-width: 992px) {
  #jumbotron {
    min-height: 530px;
  }
  .jumbotron h1 {
    padding-top: 35vh;
    font-size: 56px;
  }

  #wskazania .row:first-of-type {
  margin-bottom: 34px;
  }
  #wskazania .btn {
    margin-top: 42px;
  }
  #banner .btn {
    margin-top: 62px;
  }
  #dzialanie .image-hex-wrapper {
    width: 122px;
    height: 215px;
  }
  #apteki {
    height: 620px;
    text-align: center;
  }
  #apteki h2 {
    margin-bottom: 18px;
  }

  #kontakt img {
    height: auto;
    padding-top: 6px;
  }

  #legal .col-md-12 {
    padding: 0 15px;  
  }
}


@media screen and (max-width: 980px) {
  .modal-dialog {
    width: 94%;
    margin: 3%;
  }
  body.logged-in .modal-dialog {
    top: 64px;
  }
  .cookie-notice-container .cookie-icon {
    display: none;
  }
  .cookie-notice-container .cn-notice-text p {
  font-size: 14px;
  line-height: 16px;
  }
  .cookie-notice-container .cn-notice-text {
  display: block;
  padding: 0;
  width: 100%;
  }
  .cookie-notice-container .cn-button {
  display: inline-block;
  width: 10%;
  }
  .cookie-notice-container .cn-notice-text {
    padding: 0;
  }
  .cookie-notice-container .cn-button {
    width: 80%;
  }
  .cookie-notice-container .cn-button a {
  position: relative;
  font-size: 14px;
  margin-top: 8px;
  transform: initial;
  top: initial;
  }
  body.cookies-not-accepted .navbar{
    top: 106px;
  }
  body.cookies-not-accepted{
    margin-top: 106px;
  }
  body.logged-in.cookies-not-accepted .navbar{
    top: 138px;
  }
  #pre-banner h2 {
    padding-top: 88px;
  }
  #pre-banner p {
    padding-top: 32px;
  }

  #banner a.btn {
    margin-top: 58px;
  }

}

@media screen and (max-width: 928px) {
  #jumbotron {
    min-height: 510px;
  }
  .jumbotron h1 {
    font-size: 52px;
    margin-bottom: 8px;
  }
  .jumbotron h2 {
    font-size: 24px;
  }
  .jumbotron h2 i {
    font-size: 16px;
    line-height: 28px;
  }
  .page-template-page-porady table td:first-child {
  	padding: 30px 10px 0 10px;
  	font-size: 20px;
  }
  .page-template-page-porady table td:last-child {
  	padding: 30px 10px 0 10px;
  	font-size: 20px;
  }
  .page-template-page-porady table th  {
  	padding: 20px 10px !important;
  }
  .page-template-page-porady table td:last-child {
  	padding: 20px 10px !important;
  }

}

@media screen and (max-width: 835px) {
  .navbar.navbar-bg #navbar li a {
    padding: 5px 10px;
  }
  #navbar li a {
    padding: 5px 10px;
    text-align: center;
  }
  #kontakt a {
    font-size: 18px;
  }
}

@media screen and (max-width: 782px) {
  
  body.logged-in.cookies-not-accepted {
  margin-top: 122px;
  }
  body.logged-in.cookies-not-accepted .navbar {
  top: 168px;
  }
  body.logged-in.cookies-not-accepted #cookie-notice {
  top: 46px;
  }
  html #wpadminbar {
    position: fixed;
  }

}
@media screen and (max-width: 768px) {
  p, ul li {
    font-size: 20px;
  }
  .col-sm-4 {
  text-align: center;
  }  
  .modal {
    text-align: left;
  }
  .modal-body {
  padding: 0 42px 94px;
  border-bottom: solid 10px #818181;
  }
  .modal-body img {
  max-width: 100%;
  }
  h2.title {
    font-size: 38px;
  }
  body.cookies-not-accepted{
  margin-top: 122px;
  }
  body.cookies-not-accepted .navbar{
  top: 122px;
  }
  body.logged-in.cookies-not-accepted .navbar{
  top: 122px;
  }
  .cookie-notice-container .cn-notice-text p {
  font-size: 14px;
  line-height: 16px;
  }
  .cookie-notice-container .cn-notice-text {
  padding: 0 70px 0 0;
  }
  .cookie-notice-container .cn-button a {
  position: relative;
  font-size: 14px;
  margin-top: 8px;
  transform: initial;
  top: initial;
  }
  
    body.logged-in.cookies-not-accepted {
  margin-top: 122px;
  }
  body.logged-in.cookies-not-accepted .navbar {
  top: 168px;
  }
  body.logged-in.cookies-not-accepted #cookie-notice {
  top: 46px;
  }

  #navbar {
    padding: 18px 15px;
  }
  .navbar.navbar-bg #navbar li a {
    padding: 14px 10px;
  }
  #navbar li a {
    padding: 10px 10px;
    text-align: center;
  }
  #jumbotron {
    min-height: 525px;
  }
  .jumbotron h1 {
    font-size: 46px;
    line-height: 46px;
    margin-bottom: 8px;
  }
  .jumbotron h2 {
    font-size: 20px;
  }
  .jumbotron h2 i {
    font-size: 12px;
    line-height: 26px;
  }
  #pre-banner h2 {
    padding-top: 88px;
  }
  #pre-banner p {
    font-size: 28px;  
    padding-top: 32px;
  }
  #banner h2 {
    font-size: 32px;
  }
  #banner a.btn {
    margin-top: 45px;
  }
  #produkt .col-md-6 > img {
    padding-top: 0;
  }
  #produkt a.modal-link {
    margin-bottom: 32px;
    font-size: 24px;
  }
  #produkt a.modal-link span {
    width: 36px;
    height: 36px;
    font-size: 24px;
    line-height: 36px;
    padding-left: 12px;
    margin: -2px 16px 0 0;
  }
  #apteki {
    height: 520px;
  }
  #apteki img {
    height: 118px;
  }
  #apteki h2 {
    margin-top: 8px;
  }
  #apteki button.btn-lg {
    margin-top: 14px;
  }
  #apteki .col-md-12 {
  padding: 36px 0 125px 0;
  }
  #dzialanie .image-hex-wrapper {
    width: 99px;
    height: 176px;
  }
  #dzialanie .image-hex-in img {
  width: 176px;
  }
  #kontakt p {
    font-size: 24px;
  }
  #kontakt img {
    float: initial;
  }
  #legal .btn-link {
    margin-left: -28px;
  }
  #legal a {
    font-size: 12px;
  }
  #content h2.title, #opis h2 {
    font-size: 52px;
    line-height: 46px;
  }
  #content h3.title {
    font-size: 36px;
  }
}
/* some fixes */
@media screen and (max-width: 767px) {
  .navbar-default .navbar-collapse {
    background-color: rgba(255,255,255,0.85);
  }
  .navbar-default .navbar-collapse#navbar ul li a {
  color: #5d5d5d;
  }
  #banner {
    text-align: center;
  }
  #banner a.btn {
    margin-top: 15px;
  }
  #kontakt {
    text-align: center;
  }
}
@media screen and (max-width: 729px) {
  #apteki {
    height: 580px;
  }
}
@media screen and (max-width: 569px) {
  body.cookies-not-accepted{
  margin-top: 128px;
  }body.cookies-not-accepted .navbar{
  top: 128px;
  }
  .cookie-notice-container .cn-notice-text p {
  font-size: 12px;
  line-height: 14px;
  }
  .cookie-notice-container .cn-notice-text {
  padding: 0 30px 0 0;
  }
  .cookie-notice-container .cn-button a {
  position: relative;
  width: 100%;
  font-size: 12px;
  margin-top: 8px;
  transform: initial;
  top: initial;
  }
}

@media screen and (max-width: 480px) {

  .navbar-brand {
    width: 70%;
  }
  h2.title {
    font-size: 24px;
  }
  p, ul li {
    font-size: 18px;
  }
  #jumbotron, #pre-banner, #apteki, #jumbotron.zapalenie, #jumbotron.nogi {
    background-position: 25% top;
  }
  #apteki {
    background-position: 38% top;
  }
  #content h2.title, #opis h2 {
    font-size: 42px;
    line-height: 46px;
    margin: 12px 0;
  }
  #content h3.title {
    font-size: 28px;
  }
  #wskazania .image-hex-wrapper {
    width: 325px;
    height: 375px;
  }
  #wskazania h2 {
    padding-top: 88px;
    padding-bottom: 8px;
  }
  #wskazania .btn {
    margin-top: 12px;
  }
  
  #produkt p, #produkt a.modal-link {
    margin-bottom: 14px;
  }
  #apteki img {
    height: 80px;
  }
  #apteki h2 {
    font-size: 48px;
  }
  #kontakt p, #kontakt a {
    font-size: 18px;
  }
  .col-xs-6.col-xs-offset-3 {
    width: 100%;
    margin-left: 0;
  }
  .page-template-page-porady table td:first-child {
  	font-size: 18px;
  }
  .page-template-page-porady table td:last-child {
  	font-size: 18px;
  }
}

@media screen and (max-width: 430px) {
  body.cookies-not-accepted{
  margin-top: 142px;
  }body.cookies-not-accepted .navbar{
  top: 142px;
  }
  #pre-banner h2 {
    padding-top: 142px;
    font-size: 52px;
  }
  #pre-banner h3 {
    font-size: 32px;
  }
  #pre-banner p {
    font-size: 21px;
    line-height: 24px;  
    padding-top: 32px;
  }
  #banner h3 {
    font-size: 24px;
  }
  #banner a.btn {
    margin-top: 45px;
  }
  
  #apteki {
    min-height: 550px;
  }
}

@media screen and (max-width: 400px) {
  #jumbotron {
    min-height: 570px;  
  }
  .jumbotron h1 {
    font-size: 42px;
    line-height: 46px;
    margin-bottom: 8px;
  }
  .jumbotron h2 {
    font-size: 18px;
    margin-bottom: 0;
  }
  .jumbotron h2 i {
    font-size: 12px;
    line-height: 26px;
  }
  .jumbotron .btn {
    margin-top: 8px;
  }

  #apteki {
    min-height: 580px;
  }
}

@media screen and (max-width: 378px) {
  body.logged-in.cookies-not-accepted {
  margin-top: 156px;
  }
  body.logged-in.cookies-not-accepted .navbar {
  top: 202px;
  }

  body.cookies-not-accepted {
  margin-top: 156px;
  }
  body.cookies-not-accepted .navbar{
  top: 156px;
  }


}

@media screen and (max-width: 350px) {
  p, ul li {
    font-size: 16px;
    line-height: 18px;
  }

  .jumbotron h1 {
    padding-top: 30vh;
  }
  .jumbotron h2 {
    font-size: 16px;
    margin-top: 2px;
  }
  .jumbotron h2 i {
    font-size: 10px;
    line-height: 20px;
  }
  .jumbotron a.btn {
    white-space: normal;
  }

  #wskazania .image-hex-wrapper {
    width: 250px;
    height: 290px;
  }
  #wskazania h2 {
    padding-top: 88px;
    padding-bottom: 8px;
  }
  #wskazania .btn {
    margin-top: 12px;
  }

  #info-banner p {
    line-height: 21px;
  }
  
  #produkt p, #produkt a.modal-link {
    margin-bottom: 22px;
  }
  #produkt a.modal-link {
    font-size: 18px;
  }
  #produkt a.modal-link span {
    width: 28px;
    height: 28px;
    font-size: 20px;
    line-height: 28px;
    padding-left: 8px;
    margin: -6px 16px 0 0;
  }

  #apteki {
    min-height: 600px;
  }
}
@media screen and (max-width: 300px) {
  .btn {
    white-space: normal;
  }
  #wskazania .image-hex-wrapper {
    width: 220px;
    height: 255px;
  }
  #pre-banner h2 {
    font-size: 42px;
  }
  #apteki {
    min-height: 580px;
  }
  #kontakt p {
    font-size: 16px;
    margin: 14px 0;
  }
  #kontakt a {
    font-size: 14px;
  }
}

/* FLOAT FIX */
@media (min-width: 992px) {
  #pobierz .col-md-3:nth-child(4n+1) {
    clear: left;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #pobierz .col-sm-6:nth-child(2n+1) {
    clear: left;
  }
}