/*
 Theme Name:   Lighthouse-child
 Description:  Lighthouse Child Theme
 Author:       Marta Kicza
 Template:     lighthouse
 Version:      1.0.8
 License:      Copyright
 Text Domain:  lighthouse-child
*/
/*
 * ogólne
 */

/*!
 * Start Bootstrap - Modern Business (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

/* Global Styles */

html,
body {
    text-align: left;
    height: 100%;
    hyphens: auto;
    overflow-y: scroll;
    overflow-x: hidden; 
    scrollbar-width: none; 
    -ms-overflow-style: none;
}
.element::-webkit-scrollbar {
    display: none; 
}

form, ul {
    text-align: left;
}


body {
    font-family: "CustomFont","Helvetica Neue",Helvetica,Arial,sans-serif;
    padding-top: 50px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

h1,h2,h3,h4,h5,h6 {
    font-family: "CustomFontHeading","Helvetica Neue",Helvetica,Arial,sans-serif;
}

a {
    cursor: pointer;
}

.img-portfolio {
    margin-bottom: 30px;
}

img, .img-hover, .navbar-brand>img {
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.image-zoom {
    overflow: hidden;
    position: relative;
    display: inline-block;
    max-width: 100%;
}
.noerr,
.err {
    padding: 10px 15px;
    background-color: #ca1c1c;
    color: #FFF;
    font-weight: 700;
}
.noerr{
    background-color: #17a00f;
}
.row img {
    max-width: 100%;
    height: auto;
}
.os_tresc img:hover, .img-hover:hover, .navbar-brand>img:hover {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.lg-icon {
    font-size: 120px;
    margin-top: 70px;
}
.separator {
    margin-top: 50px;
    width: 100%;
}
h1 {
    padding-bottom: 9px;
    margin: 40px 0 20px;
}
.home h1 {
    margin: 0;
}

.os_tresc .row {
    margin-bottom: 30px;
}
.os_tresc .row:last-child {
    margin-bottom: 0px;
}

.printer, .drukpdf1, .fr, input[type=submit] {
    padding: 10px;
    background: #f2f2f2;
    display: inline-block;
    border: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: close-quote;
}
#footer .fr {
    background: none!important;
}
.printer:hover, .drukpdf1:hover, .fr:hover, input[type=submit]:hover{
    background: #eaeaea;
}

#print {
    text-align: right;
}

#print a {
    padding: 10px;
    background: #f2f2f2;
    display: inline-block;
    border: none;
}

#print a:hover {
    background: #eaeaea;
}

#print a:nth-child(1):after {content: "Wersja do druku"; display: inline-block;}
#print a:nth-child(2):after {content: "Generuj PDF"; display: inline-block;}

#print a img {
    margin: 0px 5px 0px 3px;
}

textarea {
    width: 100%;
    max-width: 500px;
    margin: 20px 0px;
    border: 1px solid #e3e3e3;
    background: whitesmoke;
    padding: 10px;
    height: 150px;
}

input {
    margin: 0px 5px;
    border: 1px solid #e3e3e3;
    background: whitesmoke;
    padding: 10px;
}
.fb_iframe_widget {
    margin: 20px 0px;
    display: inline-block;
}

.belka {
    width: 100%;
    margin: 0px;
    padding: 0px;
    height: 10px;
    background-color: #333;
    background-repeat: repeat;
}

.belka-ukosna {
  background-image: url('../images/tlo1.png');
  background-color: #f7f7f7;
}

.belka-kratka {
  background-image: url('../images/tlo2.png');
  background-color: #f7f7f7;
}

.tlo_na_cala_szerokosc:after {
  content: "";
  position: absolute;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  width: 100vw;
  z-index: -1;
}

.ukosne_tlo:after {
  background-image: url('../images/tlo1.png');
  background-color: #f7f7f7;
}

.kratka_tlo:after {
  background-image: url('../images/tlo2.png');
  background-color: #f7f7f7;
}

.obrazek_tlo:after {
  background-image: url('../images/slide1.png');
  background-color: #f7f7f7;
  background-repeat: no-repeat;
  background-size: cover;
}
:focus {
    outline: none;
}
/* Home Page Carousel */

header {
    /* height: 250px; */
}

header .carousel {
    height: 100%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    max-width: 1000px;
    margin: auto;
}

header .carousel .item,
header .carousel .item.active,
header .carousel .carousel-inner {
    height: 100%;
}

header .carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.carousel-control:hover, .carousel-control:focus {
    opacity: 1;
    filter: alpha(opacity=100);
}
#divcook {
    z-index: 2000 !important;
    background-color: #f2f2f2 !important;
    border: none !important;
    bottom: 0px;
    top: auto!important;
}
/*
#divcook div {
    display: inline-block!important;
    width: auto!important;
    padding: 0px 1em;
}

#divcook div#divcook_beta {
  display: block !important;
}
*/
#divcook > div + div {
    color: #337ab7 !important;
    font-weight: 400 !important;
    margin: 0px!important;
    display: block!important;
}
#divcook div {
    width: auto!important;
    padding: 0px 1em;
}
#divcook div:not(#divcook_beta) {
    display: inline-block!important;
}
header#picture-wrapper {
    height: auto;
    text-align: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: top center;
}
header#picture-wrapper img {
    max-width: 100%;
    margin: 100px 0;
}
.picture-cover {
    background-size: 100vw;
    background-attachment: fixed;
    background-position: center 0;
}
.carousel-control.right,
.carousel-control.left {
    background-repeat: repeat-y;
    background-size: contain;
}
.carousel-control.right {
    background-position: 100% 0px;
}
.carousel-control.left {
    background-position: 0% 0px;
}
.carousel-caption.left {
    text-align: left;
}

.carousel-caption.top {
    top: 0px;
}
.carousel-caption.right {
    text-align: right;
}

.carousel-caption.bottom {
    bottom: 0px;
}
.carousel-caption.center {
    text-align: center;
}

.carousel-caption.middle {
    top: 0px;
    bottom: 0px;
    margin: auto;
    height: 130px;
}

#menu-1.collapsing {
    border: none;
}

#top-bar {
    background: #f3f3f3;;
    color: #222222;
}
.top-login {
    display: inline-block;
    float:right;
}

.top-login input {
    padding: 5px 12px;
    border: none;
    margin: 0px 0px 10px;
    max-width: 150px;
}
#rss,
#search {
    display: inline-block;
    padding: 0px;
    margin: 0px;
    float: right;
}
#search input{
    margin-bottom: 10px;
}
#search-collapse .navbar-right {
    padding: 0px;
    margin: 0px;
}
.search-toogle {
    background: none;
    color: #9d9d9d;
    border: 1px solid #9d9d9d;
    padding: 6px 10px;
    margin: 8px;
    width: 35px;
    height: 35px;
}
.search-toogle:hover {
    background: #9d9d9d;
    color: #222;
}
#search input {
    padding: 5px 12px;
    border: none;
    float: left;
}
#search form img {
    background: #fbfbfb;
    padding: 3px 12px;
    width: auto;
    height: 30px;
    float: left;
}

#search form img:hover {
    background: white;
}

#search-collapse .navbar-form {
    border: none;
}
#jezyki {
    display: inline-block;
    margin: 13px;
}
#ln {
    float: left;
    margin: 0px 6px;
}

#ln a {
    padding: 2px 10px;
    background: #fbfbfb;
    display: inline-block;
}

#ln a:hover {
    background: #ffffff;
}

.nav .current > a {
    color: #f0a34a;
    background-color: #2f2f2f;
}

#menu h2 {
    font-size: 0px;
    margin: 0px;
}

#search-collapse .navbar-left {
    padding: 10px;
}

.navbar-left > a {
    line-height: 24px;
    display: inline-block;
}
#menu  >ul > li {
    position: relative;
}
#menu > ul > li > ul {
    padding: 0px;
    position: absolute;
    width: 100%;
    background: #222222;
}
#menu > ul > li > ul > li {
    padding: 0px;
    list-style: none;
}
#menu > ul > li > ul > li > a {
    color: #9d9d9d;
    padding: 5px 15px;
    border-top: 1px solid #080808;
    display: block;
}

/* os_nazwa, os_title, os_tytul */

.os_nazwa {
    display: none;
}

.os_title {
    font-weight: 400;
    line-height: 1;
    color: #777;
    font-size: 1.4em;
    margin-top: -13px;
    margin-bottom: 35px;
}
/* druk */
.drukpdf1:before {
    font: normal normal normal 18px/1 FontAwesome;
    content: "\f02f";
    padding-right: 10px;
    display: inline-block;
}
/* komentarze */
#logowaniein,
#divlogin,
#divregister,
#contact,
.divcomm {
    background: #fdfdfd;
    padding: 30px 50px;
    margin: 20px 0px;
    box-shadow: 1px 1px 2px #ddd;
}

.divcomm .divcomms {
    display: block;
    margin-top: 10px;
    text-align: right;
    color: #337ab7;
}

/* formularze */
input.txt {
    width: 174px;
}
#divlogin,
#divregister,
#logowaniein, #contact {
    margin: 60px auto 0px;
    max-width: 590px;
}
.remb {
    margin: 20px 5px;
}

.remb + div {
    font-size: 1em!important;
    text-align: right;
}
.remb + div a {
    display: inline-block;
}
#logowanie input#kodvrg {
    display: block;
    margin: 20px 5px;
    float: left;
}

#logowanie img[alt="SmodCode"] {
    display: block;
    margin: 26px 10px 0px;
    float: left;
}

input.logowanie {
    float: right;
    clear: both;
}

#logowanie img[alt="SmodCode"] + br {
    clear: both;
}
#contact {
    width: 100%;
    border: none;
    border-radius: 0px;
    background: #F2F2F2;
    color: #2F2F2F;
}
#contact textarea {
    background: #FFFFFF!important;
    color: #2F2F2F;
    margin: 20px 0px;
}
#contact #podpis, #contact #email, #contact #captcha {
    background: #FFFFFF!important;
    color: #2F2F2F;
}
#contact .col-sm-12 text-center {
    padding-bottom: 0 0 10px;
}
#contact .captcha {
    font-family: "Lucida Console", "Courier New", monospace;
    display: inline-block;
    padding: 10px;
    font-size: 20px;
    background-color: #000000;
    opacity: 1;
    background-image:  repeating-radial-gradient( circle at 0 0, transparent 0, #000000 21px ), repeating-linear-gradient( #2696e355, #2696e3 );
    font-size: 20px;
    color: #fff;
    text-align: center;
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standardowy */
    pointer-events: none;
}


#divlogin label,
#divregister label,
#contact label {
    margin-top: 20px;
    margin-left: 5px;
}

#contact img[alt="SmodCode"] {
    margin-left: 5px;
}

#divlogin img,
#divregister img {
    margin: 5px;
}

#divlogin label[for=remb] {
    float: left;
}

#divlogin input#remb {
    float: left;
    margin-top: 24px;
    margin-left: 1em;
}

#divlogin dt {
    clear: both;
}

input {
    max-width: 100%;
}

#contact input {
    max-width: 85%;
}
/* footer */
div#footer {
    display: block;
    text-align: center;
    background: #f2f2f2;
    padding: 10px 10px;
}
div#footer ul {
    text-align: center;
}
div#footer ul li {
    list-style: none;
    display: inline-block;
}
footer {
    margin-top: 40px;
    padding: 40px 0 30px;
}
.stopka_z_rysunkiem {
    text-align: center;
    background-size: contain;
    background-repeat: repeat-x;
}
/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}


/* Responsive Styles */

@media (min-width: 1200px) {
   a.navbar-brand {
    padding-left: 100px;
   }
}
@media (max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}
@media (min-width: 768px) {
.navbar-nav>div>ul>li {
    float: left;
}
.navbar-nav>div>ul>li>a {
    padding-top: 20px;
    padding-bottom: 10px;
}
#menu-1 > .nav > div, .search-toogle {
    float: right;
}
}

@media (max-width:767px) {
    .navbar-brand>img {
        max-height: 50px;
    }
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
    .search-toogle {
        float: right;
        margin: 10px 18px 10px 0px;;
    }
    #search-collapse .navbar-form {
        padding: 0px;
    }
    .top-login {
        width: 100%;
        text-align: right;
    }
    
    .top-login input.go {
        margin: 0px 0px 10px;
    }
    .lg-icon {
    margin-top: 0px;
    }
    .os_nazwa {
        display: block;
        position: fixed;
        text-align: center;
        font-size: 20px;
        top: 0px;
        color: #fff;
        z-index: 1950;
        left: 100px;
        right: 100px;
        line-height: 50px;
    }
    #menu > ul > li > ul {
        position: static;
        padding-left: 20px;
    }
    .carousel-caption {
        bottom: 0px;
    }
    .carousel-caption h2 {
        font-size: 27px;
        line-height: 30px;
        margin: 0px;
    }
    .carousel-caption.middle {
        height: 80px;
    }
}
#search-collapse .navbar-left {
    padding-top: 0px;
}
@media (max-width: 990px) {
    #search-collapse .navbar-form {
        width: 100%;
    }
}
@media (max-width:600px) {
    #logowaniein input {
        margin: 30px 5px 0px;
    }

    input.logowanie {
        float: none;
    }
    .fb_iframe_widget *, .fb_iframe_widget {
        width: 100%!important;
    }
    .os_nazwa {
        font-size: 10px;
    }
}
@media (max-width:350px) {
    .remb + div {
        text-align: center;
    }
    #logowaniein {
        padding: 15px 15px;
    }
    #logowaniein input {
        margin: 10px 5px 0px;
        max-width: 100%;
    }
    .carousel-caption h2{
        font-size: 17px;
        line-height: 20px;
    }
    .carousel-caption.middle {
        height: 60px;
    }
}

@media (max-height: 400px) and (max-width: 767px) {
    .navbar-inverse {
        background: none!important;
        border: none!important;
    }
    a.navbar-brand {
        padding-top: 15px;
        margin-top: 0px;
    }

    body {
        padding-top: 0px!important;
    }

    .os_nazwa {
        display: none;
    }

    .navbar-collapse.in, .navbar-collapse.collapsing,
    .navbar-inverse .navbar-toggle, .search-toogle {
        background: #222222;
    }
}

/* stopka z hover tabs */
.hover-links {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

.hover-links .active img {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
}
.hover-links img {
    max-width: 60px;
    max-height: 60px;
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -o-filter: grayscale(1);
    filter: grayscale(1);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.hover-links > a {
    margin: 10px;
    display: inline-block;
}

.hover-descriptions {
    margin: 20px 0px;
    text-align: left;
    hypens: auto;
}

.hover-descriptions .description:not(.default) {
    display: none;
}
.hover-tabs.vertical .hover-links {
    display: inline-block;
    width: 25%;
}

.hover-tabs.vertical .hover-descriptions {
    display: inline-block;
    width: calc(75% - 45px);
    margin: 5px 20px;
    vertical-align: top;
}

.hover-tabs.vertical {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

@media (max-width: 400px) {
.hover-tabs.vertical {
    display: block;
}
.hover-tabs.vertical .hover-links,
.hover-tabs.vertical .hover-descriptions {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
}
.top-login input {
    width: 100%;
    display: block;
    max-width: 100%;
    margin: 10px 0px;
}
}

/* new look 2022 */
.row.home-section-1 {
    margin-top: 3em;
    margin-bottom: 3em;
}
.home-section-1-image-container {
    text-align: center;
    margin-top: 3rem;
}
.home-section-1-container {
    display: flex;
    align-items: flex-start;
}

.container h1,
.container h2 {
    font-family: "Afacad Flux";
    font-weight: 400;
    font-size: 35px;
    font-style: normal;
    color: #3b5065;
    padding-bottom: 15px;
}
.container h1 {
    font-size: 30px;
}

.home-section-1-p-container h2 {
    font-family: "Afacad Flux";
    font-weight: 400;
    margin-left: 20px;
    padding-bottom: 15px;
}

img.map-point {
    margin-left: 1em;
    margin-right: 2em;
}

.home-section-1-button-container {
    text-align: right;
    margin-top: 3em;
}

.home-section-1-button-container img {
    margin-right: 3rem;
}

input.btn-default,
.container input.btn-default,
.btn-default {
    background-color: #f0a34a;
    border: none;
    border-radius: 7px;
    font-weight: bold;
    color: #fff;
    padding: 0.4em 1.5em;
    font-size: 20px;
}

input.btn-default:hover,
.container input.btn-default:hover,
.btn-default:active,
.btn-default:focus,
.btn-default.active,
.btn-default:hover {
    background-color: #d18937;
    color: #fff;
}

p.home-section-1-p {
    margin-bottom: 5px;
}
.home img:hover {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

img.no-hover:hover {
    transform: none!important;
}
.dark-section {
    background: #3b5065;
    color: #fff;
}

.home-section-2 {
    text-align: center;
}

.home-section-2-container {
    width: 29%;
    margin-left: 1em;
    margin-right: 1em;
}

.home-section-2-container img {
    max-height: 65px;
}
p.home-section-2-p {
    font-family: "Afacad Flux",sans-serif;
    font-size: 20px;
    line-height: normal;
    margin-top: 10px;
    color: rgb(255 255 255 / 77%);
}

.footer-container h5,
.home-section-2-container h3 {
    font-size: 20px;
    color: #f0a34a;
    margin-top: 1em;
    margin-bottom: 0em;
    font-weight: bold;
}
.home-section-3 {
    margin-top: 4em;
    margin-bottom: 4em;
}
.carousel-row {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: stretch;
    justify-content: space-between;
    align-items: stretch;
}
.carousel-row.mobile-shown {
    display: none;
}
.carousel-row.mobile-hidden {
    display: flex;
}

.carousel-row .carousel-control {
    background: none;
}
.control-container {
    width: 100px;
    position: relative;
}
.carousel-container {
    width: 100%;
}

.home-section-4 .carousel-row.mobile-shown .item {
    height: 200px;
}
.home-section-4 .carousel-row.mobile-shown .item .home-section-6-container {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.carousel-row .carousel-control .fa {
    width: 100%;
    height: 100%;
    color: #d18937;
    font-size: 6rem;
    display: block;
    margin-top: 50%;
}

.home-section-3-button-container {
    margin-top: 3em;
}

.home-section-3-button-container .btn {
    margin-left: 0;
}

.home-section-3-button-container .btn:first-child {
    margin-left: 0;
}

.home-section-3-button-container {
    text-align: left;
}
.home  {
    line-height: 2;
    font-size: 21px;
}

.blue-section {
    background-color: #eaf2f4;
    background-image: url('//gryturystyczne.pl/layout/uni_m/images/new/LINIA_BLUE.svg');
    background-size: 100%;
    background-repeat: repeat-y;
}
.white-section {
    background-color: #fff;
    background-image: url(assets/images/LINIA_JASNA.svg);
    background-size: 100%;
    background-repeat: repeat-y;
}
.home-section-3-p-container-comment {
    text-align: center;
    font-style: italic;
    min-height: 280px;
}
.home-section-3-p-container-comment .home-section-3-p {
    font-family: "Afacad Flux",sans-serif;
    font-size: 24px;
    line-height: normal;
    margin-top: 10px;
    position: relative;
    padding-left: 100px;
text-align: left;padding-right: 0;}
span.quot {font-size: 170px;font-family: "Times New Roman";color: #3b5065;position: absolute;}

span.quot.quot-start {
    left: 0;
    top: 0;
    line-height: 1;
transform: rotate(180deg);}

span.quot.quot-end {
    bottom: -10px;
    right: 0;
display: none;}
.home-section-2,
.home-section-3-counts {
    padding-top: 4em;
    padding-bottom: 4em;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
}
.home-section-3-p-container-count {
    width: 100%;
    max-width: 180px;
}
.home-section-3-p-container-count.x2 {
    max-width: 280px;
}

.home-section-3-p-container-count .count-title {
    font-family: "Afacad Flux";
    font-size: 50px;
    font-weight: 400;
    color: #f0a34a;
}

.home-section-3-count {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
}

.home-section-3-p-container-count {
    text-align: center;
    max-width: 20%;
    margin: 0 1em;
}

.home-section-3-p {
    font-family: "Afacad Flux";
    font-size: 20px;
    margin-bottom: 20px;
    line-height: 30px;
    color: #666666;
}
.home-section-4 {
    text-align: center;
    margin-top: 80px;
    margin-bottom: 80px;
}
.home-section-4-container a {
    display: inline-block; 
    max-width: 280px; 
    white-space: normal; 
    word-wrap: break-word; 
    text-align: center;
    line-height: 1;
    padding: 0;
}
.home-section-4-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 250px;
}
@media (max-width: 768px) {
    .home-section-4-container {
        min-height: 100px; 
    }
}


@media (max-width: 480px) {
    .home-section-4-container {
        min-height: 100px; 
    }
}

.shadow-section {
    box-shadow: 0px 0px 10px 12px rgb(0 0 0 / 5%);
}

.home-section-4-flex {
    display: flex;
    justify-content: space-around;
    text-align: center;
    flex-wrap: nowrap;
}

.home-section-4-container img {
    display: block;
    margin: auto;
}

.home-section-5-button-container {
    text-align: right;
    margin-top: 4em;
}
.home-section-6-flex {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row;
}

img.fixed-size {
    max-width: 250px;
}

.footer-container h5 {
    text-transform: uppercase;
    margin-bottom: 1em;
}

.footer {
    margin-top: 4em;
    margin-bottom: 4em;
    font-weight: bold;
}
.footer img.map-point {
    margin-left: 0px;
}
.footer-container a:hover,
.footer-container a {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}
.dark-section-bg {
    background-image: url('//gryturystyczne.pl/layout/uni_m/images/new/LINIA_CIEMNA.svg');
    background-size: 100%;
    background-repeat: repeat-y;
}
div#sidebar {
    background: #fff;
    background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.08) 3%, rgba(255,255,255,1) 3%, rgba(255,255,255,1) 99%, rgba(0,0,0,0.04) 99%, rgba(255,255,255,0) 100%);
    padding: 1rem 4rem 5rem;
}
.mt {
    margin-top: 4rem;
}

#sidebar h4 {
    margin-top: 4rem;
    font-size: 25px;
    color: #3b5065;
    font-weight: bold;
    margin-bottom: 0.8em;
}

#sidebar .game-description {
    color: #f0a34a;
}
#sidebar .game-description:hover,
#sidebar .game-description:active,
#sidebar .game-description:focus
{
    color: #d18937;
    text-decoration: none;
}

.card a, .card a:hover, .card a:active, .card a:focus {
    color: #2f2f2f;
    text-decoration: none;
}

.card {
    margin-bottom: 3rem;
}

.card h3 {
    margin-top: 0;
    color: #f0a34a;
    font-weight: bold;
}

.card h3:hover {
    color: #d18937;
}

.card a {
    line-height: 1.3;
}

.card img {
    margin-top: 0.5rem;
}

.page > .os_tresc > .row {
    display: flex;
    align-items: stretch;
}
.map-filters h4 {
    font-weight: bold;
    font-size: 18px;
    color: #3b5065;
}

.map-filters a {
    color: #2f2f2f;
}
#page-102 #content > h1 {
    display: none;
}

#page-102 #content > .incontent {
    display: none;
}
#lista_wszystkich h2, #lista_5 h2 {
    font-size: 18px;
}
.container input[type=submit] {
 	background: #f0a34a!important;
 	color: #fff;
}
.map-filters {
    padding-bottom: 6rem;
    padding-top: 3rem;
}
#search-collapse .navbar-left,
#search-collapse .navbar-form.navbar-right {
    margin: 2rem 0;
}

.scroll-down-arrow, .scroll-down-arrow .scroll-down-arrow-text {
    -webkit-transition: left 2s ease-in-out 0s,opacity .5s ease-in-out 0s,-webkit-transform .5s ease-in-out 0s;
    transition: left 2s ease-in-out 0s,opacity .5s ease-in-out 0s,-webkit-transform .5s ease-in-out 0s;
    transition: left 2s ease-in-out 0s,transform .5s ease-in-out 0s,opacity .5s ease-in-out 0s;
    transition: left 2s ease-in-out 0s,transform .5s ease-in-out 0s,opacity .5s ease-in-out 0s,-webkit-transform .5s ease-in-out 0s;
}
.scroll-down-arrow {
    position: fixed;
    bottom: 40px;
    left: 20px;
    text-align: center;
}
.btn-with-arrow {
    font-weight: 500;
}
.scroll-down-arrow .scroll-down-arrow-text {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: .8;
    font-size: 14px;
    letter-spacing: 1.5px;
    color: #f0a34a;
}

.icon-arrow-scroll {
    display: inline-block;
    height: 4em;
    vertical-align: middle;
    background-size: contain;
    background-image: url(assets/images/line.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    width: 0.5em;
    margin-left: 0.2em;
    margin-top: 3em;
    -webkit-animation: scroll 1.5s infinite;
    animation: scroll 1.5s infinite;
}
@keyframes scroll {
    0% {
        background-position-y: 0;
    }
    70% {
        background-position-y: 100%;
    }
    100% {
        background-position-y: 0;
    }
}

.home-section-4 {
    min-height: 300px;
}
.hide-desktop {
    display: none;
}
.animacja{
  position: relative;
  transform: translateY(150px);
  opacity: 0;
  transition: 1s all ease;
}

.animacja.active{
  transform: translateY(0);
  opacity: 1;
}

@media all and (max-width: 1199px) {
    .home-section-3-p-container-count {
        min-width: 220px;
    }
}

@media all and (max-width: 991px) {
    .page > .os_tresc > .row {
        flex-direction: column;
    }
    div#sidebar {
        background: #fff;
        box-shadow: -2px 1px 7px 1px #ddd;
        margin-bottom: 1rem;
    }
    .home-section-3-image-container,
    .image-container {
        text-align: center;
        margin-top: 3rem;
        margin-bottom: 3rem;
    }
    .home-section-4-flex a {
        font-size: 24px;
        margin-top: 10px;
        text-transform: none;
        font-weight: 400;
        line-height: 25px;
    }
    .home-section-4-flex img {
        max-width: 150px
    }
    .carousel-row.mobile-shown {
        display: flex;
    }
    .carousel-row.mobile-hidden {
        display: none;
    }

    .home-section-2-container {
        width: 100%;
        margin-bottom: 2em;
    }

    .home-section-2-container:last-child {
        margin-bottom: 0em;
    }
}
@media all and (max-width:600px) {
    .hide-desktop {
        display: block;
    }
    .home-section-4-flex {
        flex-wrap: wrap;
    }

    .home-section-3-p-container-count {
        max-width: 100%;
    }

    header#picture-wrapper img {
        max-width: 100%;
        margin: 80px 0;
    }

    .home * {
        line-height: 1.8;
    }

    .blue-section {
        background-size: 300%;
        background-repeat: no-repeat;
    }
    .dark-section {
        background-repeat: no-repeat;
    }

}

.navbar-default {
    background-color:   #2F2F2F; 
    border-color:   #2F2F2F;
    border-bottom: 0px solid #2F2F2F; 
    border-top: 0px solid #F3F3F3;
    height: 40px;
}

.torist-game-is {
    margin-top: 60px;
}
#opinie {
    color: #3B5065;
}
#opinie:hover {
    text-decoration: none;
}
.home-section-3-count {
    font-family: "Afacad Flux",sans-serif;
    font-size: 24px;
    margin-top: 10px;
    text-transform: none;
    font-weight: 400;
    line-height: 25px;
    color:white;
}
.home-section-1-button-container {
    margin-bottom: 80px;
}

#map.poprzednie-edycje {
    width: 100%;
    height: 500px;
}

.btn.btn-sm.btn-change:hover, .btn.btn-sm.btn-change:focus, .btn.btn-sm.btn-change:active {
    background: #ddd;
    padding: 7px 10px;
    font-size: 12px;
    border-radius: 3px;
}
.btn.btn-sm.btn-change {
    padding: 7px 10px;
    font-size: 12px;
    background: #f2f2f2;
    border-color: #ddd;
    color: #333;
    border-radius: 3px;
}

.post.facebook-post {
    background: #f9f9f9;
    margin: 2em 0px;
    padding: 10px 30px;
    border-top: 5px dashed #555544;
    box-shadow: 1px 1px 6px -2px #333;
}

.os_tresc a, .os_tresc a:hover, .os_tresc a:focus, .os_tresc a:visited {
    color: #3B5065;
}