@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,600i,700,800&subset=latin-ext');

.grecaptcha-badge{z-index:9999;}

body.custom-background {background-size: cover !important}
div#main, div#page {background: transparent !important}


:root {
  --color-primary: #00bef2;
  --color-primary-dark: #a30613;
  --color-primary-op: #00bef2ee;
  --color-secondary: #e5081a;
  --color-secondary-op: #e5081aee;
}

html {
  font-size: 16px;
}
h1, h2, h3, h4, h5, h6, a, p {  font-family: 'Open Sans'; color: #262626}
h1, .h1 {font-size: 2.5rem}
h2, .h2 {font-size: 2rem}
h3, .h3 {font-size: 1.5rem}
h4, .h4 {font-size: 1.125rem}
h5, .h5 {font-size: 1rem}
h6, .h6 {font-size: 1rem} 

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5 {
  font-weight: 700;
}
body.home h1{font-size: 46px; line-height: 1.5; text-transform: uppercase}
body.home h1 > span {color: var(--color-primary)}
p, a {
  font-size: 1rem;
}
a:not([class^="button"]) {font-weight: bold; color: var(--color-primary-dark)}
.text-white h2,
.text-white h3,
.text-white a:not(.home-button),
.text-white p,
.text-white li {
  color: #fff;
}

#primary {background: #fff; position: relative; z-index: 3}
body.home #primary {margin-top: -80px}
/*T�o w sekcjach z tekstem*/

div[class^="bg-color"]  {background: var(--color-primary-op); padding: 80px; position: relative}
div[class^="bg-color"] *:not(a) {color: #fff}

.bg-color-1 h2 {position: relative}
.bg-color-1 h2:before {content: ''; position: absolute;}

/*body:not(.home) div[id^="panel-"]{padding: 0 50px;}*/

@media(man-width: 1024px) {#panel-2-4-0-0, #panel-2-2-1-0, #panel-2-5-1-0 {padding: 25px;}}

/* ==== ==== HEADER ==== ====*/
.header-post-title-container {max-width: 1170px; margin: auto; background: #fff}
body:not(.home) figure{
  max-height: 350px;
  overflow: hidden;
  
}
#header-text-nav-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 123;
  background: rgba(255, 255, 255, 0.6);
}

#header-logo-image img {padding: 10px 0;}
#header-text-nav-wrap {display: flex; justify-content: flex-end; align-items: center}
#header-left-section {margin-right: auto}
@media(max-width: 1024px) {
  #header-text-nav-wrap {flex-direction: column}
  #header-left-section {margin: auto}
}

/* ==== ==== NAVIGATION ==== ====*/

#site-navigation:not(.main-small-navigation-right) ul#menu-main-menu > li.menu-item > a {padding: 10px 15px; font-size: 16px; text-transform: uppercase; color: var(--color-secondary); transition: all 0.3s; position: relative; font-weight: 400}
#site-navigation:not(.main-small-navigation-right) ul#menu-main-menu > li.menu-item:hover > a {color: var(--color-primary-dark)}
#site-navigation:not(.main-small-navigation-right) ul#menu-main-menu > li.current-menu-item > a {font-weight: bold;}
#site-navigation:not(.main-small-navigation-right) ul#menu-main-menu > li.menu-item > a::after,
#site-navigation:not(.main-small-navigation-right) ul#menu-main-menu > li.current-menu-item > a::after {
  content: '';
  width: 0;
  height: 3px;
  position: absolute;
  bottom: -5px;
  left: 50%;
  background: var(--color-primary-dark);
  transition: all 0.3s;
}

#site-navigation:not(.main-small-navigation-right) ul#menu-main-menu > li.menu-item > a:hover:after,
#site-navigation:not(.main-small-navigation-right) ul#menu-main-menu > li.current-menu-item > a::after {
    width: 90%;
    left: 5%;
}

#site-navigation:not(.main-small-navigation-right) ul#menu-main-menu > li.current-menu-item > a {color: var(--color-primary-dark)}


/* ==== SLIDER ==== */
#controllers {
    text-align: right;
    line-height: 0;
    position: absolute;
    width: 100%;
    bottom: 15px;
    z-index: 999;
    padding-right: 20px;
}

/* ==== ==== BOXY ==== ====*/

.box-glowna .icon {
  width: 120px;
  height: 120px;
  transition: all 0.3s 0.05s; 
  display: flex; 
  align-items: center; 
  justify-content: center;
  margin: auto;
  font-size: 60px !important;
  background: var(--color-primary);
  border-radius: 100%;
  color: #fff
}

.box-glowna:hover .icon {
  background: var(--color-secondary);
} 

.box-glowna h3 {
    font-size: 17px;
    color: #000;
    font-weight: 600;
    transition: all 0.2s;
    padding-bottom: 0;
}

.box-glowna:hover .icon, .box-glowna:hover h3 {
    transform: translate(0, -20px);
}

.box-glowna .content .btn_style {
    color: #b5892d !important;
    font-size: 14px;
    margin: 0 !important;
    margin-top: -15px !important;
    transition: all 0.3s;
    transform: scale(0.5);
    opacity: 0;
}

.box-glowna:hover .content .btn_style {
    opacity: 1;
    transform: scale(1);
}














/* ==== ==== BUTTONY ==== ====*/
.home-button {background: #fff; font-size: 15px; position: absolute; bottom: 20px; padding: 10px; transition: 0.2s; font-weight: 600; color: #000 !important}
.home-button.left::after,.home-button.right::after {content: ''; position: absolute; transition: 0.2s; width: 0px; height: 100%; top: 0; background: #fff}
.home-button.left:hover:after, .home-button.right:hover:after {width: 20px;}

a.left {border-top-right-radius: 50px; border-bottom-right-radius: 50px; padding-right: 40px; left: 0}
a.left:hover {left: 20px}
a.left::after {left: 0}
a.left:hover:after{left: -20px}

a.right {border-top-left-radius: 50px; border-bottom-left-radius: 50px; padding-left: 40px; right: 0}
a.right:hover {right: 20px}
a.right::after {right: 0}
a.right:hover:after{right: -20px}

a.home-button.center {
    position: static;
    background: #fff;
    padding: 10px 30px;
    display: inline-block;
    border-radius: 50px;
    margin-top: 20px;
    box-shadow: 0 2px 10px -3px rgba(0, 0, 0, 0.5);
}
a.home-button.center:hover {transform: translateY(-5px)}




/*FOOTER*/
.footer-socket-wrapper {
  background: #000;
  max-width:  1170px;
  margin: auto;
  padding: 15px 0;
  border-bottom: 3px solid var(--color-secondary);
}

.footer-socket-wrapper * {color: #fff !important; font-weight: 600 !important; font-size: 12px !important}

/**/
#pgc-2-2-0, #pgc-2-2-1, #pgc-2-4-0, #pgc-2-4-1, #pgc-2-5-1, #pgc-2-6-1 {
    width: 50%;
}
.header-post-title-container .inner-wrap {display: none}

    table.price-table {max-width: 800px; margin: auto; margin-bottom: 30px; }

    table.price-table tr:first-child td {font-weight: bold}
    table.price-table tr td:first-child {width: 25%}
    table.price-table tr td:nth-child(2) {width: 13%}
    table.price-table tr td:nth-child(3) {width: 13%}
    table.price-table tr td:nth-child(4) {width: 13%}
    table.price-table tr td:last-child {width: 25%}
    table.price-table tr:nth-child(2n+2) {background: rgba(0, 0, 0, .1)}
    table.price-table tr:first-child {background: #fff}
    table.price-table td {text-align: center;}
    table.price-table td {vertical-align: middle; padding: 8px 3px; border: solid white; border-width: 0 3px; border-bottom: 1px dashed}
    table.price-table tr {transition: 0.2s all;}
    table.price-table tr:hover {background: rgba(0, 0, 0, 0.3)}



    @media(max-width: 768px) {
        table.price-table {
          
            width: 280px;
            margin-bottom: 0px
        }
        table.price-table td {padding: 3px 5px; font-size: 14px;}
        table.price-table td:nth-child(odd) {
            width: 70%;
        }
        table.price-table td:nth-child(even) {
            width: 30%
        }    
    }

    table.price-table tr td:first-child {width: 25%}
    table.price-table tr td:nth-child(2) {width: 30%}
    table.price-table tr td:nth-child(3) {width: 25%}
    table.price-table tr td:last-child {width: 15%}

.so-widget-lsow-tabs .lsow-tabs .lsow-tab-panes div[id^="terminarz"] {overflow-x: scroll !important;}