html,
body {
    font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.7;
    font-weight: 300;
    color: #74757f;
    background-color: #fff;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: subpixel-antialiased;
    letter-spacing: .03em;
}
a:hover{
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}
.border{
    border: 1px solid #ddd;
}
.lewczyk-image{
    border: none !important;
    border: none !important;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    max-width: 90%;
    max-height: 90%;
}
.pl-1{
    padding-left: 10px !important;
}
.pl-2{
    padding-left: 20px !important;
}
.pl-3{
    padding-left: 30px !important;
}
.pl-4{
    padding-left: 40px !important;
}
@media (min-width: 768px){
    .pl-md-1{
        padding-left: 10px !important;
    }
    .pl-md-2{
        padding-left: 20px !important;
    }
    .pl-md-3{
        padding-left: 30px !important;
    }
    .pl-md-4{
        padding-left: 40px !important;
    }
}
@media (max-width: 767px){
    .mb-sm-1{
        margin-bottom: 10px !important;
    }
}
.o-h{
    overflow: hidden;
}
.d-flex{
    display: flex !important;
}
.d-column{
    flex-direction: column !important;
}
.pt{
    padding-top: 100% !important;
}
.mt-1{
    margin-top: 10px !important;
}
.mt-2{
    margin-top: 20px !important;
}
.mt-5{
    margin-top: 50px !important;
}
.mb-2{
    margin-bottom: 20px !important;
}
.ml-5{
    margin-left: 5px !important;
}
.ml-2{
    margin-left: 20px !important;
}
.p-1{
    padding: 10px !important;
}
.p-5{
    padding: 50px !important;
}
.ta-center{
    text-align: center !important;
}
@media (min-width: 768px){
body {
    font-size: 16px;
    line-height: 1.5;
}}
.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -61px;
    padding: 0 0 60px;
}
.wrap > .container {
    padding: 20px 15px 20px;
}
.footer {
    color: #aeb1be;
    background-color: #122e44;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}
.jumbotron {
    text-align: center;
    background-color: transparent;
}
.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}
.not-set {
    color: #c55;
    font-style: italic;
}
/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}
a.asc:after {
    content: "\e151";
}
a.desc:after {
    content: "\e152";
}
.sort-numerical a.asc:after {
    content: "\e153";
}
.sort-numerical a.desc:after {
    content: "\e154";
}
.sort-ordinal a.asc:after {
    content: "\e155";
}
.sort-ordinal a.desc:after {
    content: "\e156";
}
.grid-view td {
    white-space: nowrap;
}
.grid-view .filters input,
.grid-view .filters select {
    min-width: 50px;
}
.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}
.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}
/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding: 15px;
    border: none;
}
@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 15px;
    }
}
.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
}
.nav > li > form > button.logout:focus {
    outline: none;
}
.widget{
    position: fixed;
    right: -300px;
    top: 30%;
    transition : right 1s ease-in-out;
}
.widget .icon{
    z-index: 59996;
    position: absolute;
    margin-top: 0px;
    left: 0%;
}
.widget .iframe{
    margin-left: 35px;
}
#mapid { height: 480px; }

#main-banner, #secondary-banner{
    max-width: 100%;
}

.navbar-toggle {
    float: left;
    margin-left: 15px;
}
.navbar{
    margin-bottom: 0;
}    
.gallery{
    display: flex;
    flex-wrap: wrap;
}
.lewczyk-gallery{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

/*template begin*/
.sl-navbar-aside-outer{
    padding-left: 15px;
    padding-right: 15px;
}
.sl-navbar-aside{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 0 40px;
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
}
.sl-navbar-panel{
    margin-left: 50px;
}
.sl-navbar-collapse{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.sl-navbar-collapse-toggle{
    float: right;
    background: none;
    border: none;
    display: inline-block;
    padding: 0;
    outline: none;
    outline-offset: 0;
    cursor: pointer;
    -webkit-appearance: none;
    display: inline-block;
    position: relative;
    width: 40px;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    color: #122e44;
    display: none;
}
.sl-navbar-collapse-toggle span, .sl-navbar-collapse-toggle span::before, .sl-navbar-collapse-toggle span::after{
    position: absolute;
    width: 5px;
    height: 5px;
    line-height: 5px;
    text-align: center;
    background: #122e44;
    left: 50%;
    margin-left: -2.5px;
    border-radius: 50%;
    transition: .3s all ease;
}
.sl-navbar-collapse-content{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    width: 100%;
}
.unit{
    display: flex;
    flex: 0 1 100%;
    margin-bottom: -30px;
    margin-left: -20px;
}
.unit > * {
    margin-bottom: 30px;
    margin-left: 20px;
}
.unit-left, .unit-right {
    flex: 0 0 auto;
    max-width: 100%;
}
.unit-body {
    flex: 0 1 auto;
}
ul, ol {
    list-style: none;
    padding: 0;
    margin: 0;
}
.link-default, .link-default:active, .link-default:focus {
    color: #74757f;
}
.icon-modern {
    width: 2em;
    height: 2em;
    line-height: 2em !important;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #e8e9ee;
    color: #5cbe14;
}
.icon::before {
    position: relative;
    display: inline-block;
    font-weight: 400;
    font-style: normal;
    speak: none;
    text-transform: none;
}
.mdi {
    display: inline-block;
    font: normal normal normal 24px/1 "FontAwesome";
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}
.mdi-phone:before {
    content: "\f4e1";
}
.mdi-map-marker:before {
    content: "\f440";
}
.icon-md {
    font-size: 1.5em;
}
.link-default:hover {
    color: #5cbe14;
}
a {
    transition: all 0.3s ease-in-out;
}
.navbar-default .navbar-nav > li > a {
    color: #122e44;
    transition: .25s;
    font: 400 14px/20px "Oswald", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #5cbe14;
    background: transparent;
}
.navbar-brand{
    display:none;
}
/*#main-banner{
        min-height: 40.41667vw;
}*/
@media only screen and (max-width: 767px){
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #fff;
    background: #5cbe14;
}
.navbar-brand{
    align-items: center;
    display: flex;
    padding:0;
}
.sl-navbar-fixed-element-1 {
    right: 0;
}
.sl-navbar-collapse [class*='sl-navbar-fixed-element'] {
    position: fixed;
    top: 4px;
    z-index: 1082;
}
.sl-navbar-collapse-toggle {
    display: block;
    top: 4px;
    z-index: 1081;
}
.sl-navbar-panel {
    color: #122e44;
    /*box-shadow: 0 0 10px 0 rgb(0 0 0 / 5%);*/
    background: #fff;
}
.sl-navbar-collapse-content.active {
    transform: translate3d(0, 0, 0);
    opacity: 1;
    visibility: visible;
}
.sl-navbar-collapse-content {
    background-color: #fff;
    box-shadow: 0 0 22px -4px rgb(0 0 0 / 17%);
}
.sl-navbar-collapse-content {
    position: fixed;
    right: 0;
    top: 52px;
    z-index: 1079;
    transform: translate3d(0, -10px, 0);
    padding: 30px;
    width: auto;
    border-radius: 0 0 0 6px;
    text-align: left;
    font-size: 14px;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    flex-direction: column;
}
.sl-navbar-collapse-toggle span, .sl-navbar-collapse-toggle span::before, .sl-navbar-collapse-toggle span::after {
    position: absolute;
    width: 5px;
    height: 5px;
    line-height: 5px;
    text-align: center;
    background: #122e44;
    left: 50%;
    margin-left: -2.5px;
    border-radius: 50%;
    transition: .3s all ease;
}
.sl-navbar-collapse-toggle span::before, .sl-navbar-collapse-toggle span::after {
    content: '';
}
.sl-navbar-collapse-toggle span::before {
    bottom: 100%;
    margin-bottom: 2.5px;
}
.sl-navbar-collapse-toggle span::after {
    top: 100%;
    margin-top: 2.5px;
}
.sl-navbar-collapse-toggle.active span {
    transform: scale(0.7);
}
.sl-navbar-panel{
    display:none;
}
.sl-navbar-aside {
    padding:0;
}
.sl-navbar-collapse-content > * + * {
    margin-top: 25px;
}
.sl-navbar-collapse-content > *{
    width: 100%;
}
.navbar-brand img{
    max-width: 160px;
    max-height: 50px;
    width: auto;
    height: auto;
}
}

@media (min-width: 1170px){
    h4, .heading-4 {
    font-size: 20px;
    line-height: 1.33333;
}
.footer-advanced h4 + *, .footer-advanced .heading-4 + * {
    margin-top: 35px;
}
}

@media (min-width: 768px){
.footer-advanced-aside {
    padding: 35px 0;
}
.footer-advanced-layout {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: center;
    margin-left: -20px;
}
.footer-advanced-layout > * {
    margin-left: 20px;
}
.footer-advanced-layout > a.brand, .footer-advanced-layout > .footer-advanced-text {
    margin-left: 0;
}
}

.context-dark .list-nav, .bg-gray-700 .list-nav, .bg-gray-800 .list-nav, .bg-primary .list-nav, .bg-primary-darker .list-nav {
    color: #fff;
}

@media (min-width: 992px){
.list-nav {
    margin-left: -28px;
    margin-right: -28px;
}   
.list-nav > * {
    padding-left: 28px;
    padding-right: 28px;
}
}

@media (min-width: 768px){
.list-nav {
    margin-left: -13px;
    margin-right: -13px;
}
.list-nav > * {
    padding-left: 13px;
    padding-right: 13px;
}
}
.list-nav {
    transform: translate3d(0, -10px, 0);
    margin-bottom: -10px;
    margin-left: -10px;
    margin-right: -10px;
    font-family: "Oswald", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 400;
    font-size: .875em;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #122e44;
}
.list-nav > * {
    margin-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
}
.list-nav li {
    display: inline-block;
    vertical-align: middle;
}
footer a{
    color: #fff;
}
footer a:hover{
    color: #aeb1be;
}
footer .link-default{
    font-size: 24px;
}
footer .link-default:hover{
    color: #fff;
}
footer hr{
    border-top-color: #74757f;
}
.bluezed-scroll-top {
    width: 48px;
    height: 48px;
    border-radius: 6px;
    color: #fff;
    background: #5cbe14;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    transition: transform 0.45s ease-in-out, background 0.3s cubic-bezier(0.2, 1, 0.3, 1);
}
.bluezed-scroll-top-circle{
    background-color: transparent !important; 
    font-size: 0.75em !important;
    padding-top: 16px !important;
}
.list-nav, .list-inline{
    text-align: center;
}
@media only screen and (max-width: 767px){
.list-nav, .list-inline{
    padding-top: 20px;
}
}
.sl-mdi {
    font-family: 'Material Design Icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    top: 8px;
    font-size: 36px;
    right: 20px;
    position: relative;
    min-width: 26px;
    line-height: 1;
    color: #5cbe14;
}
.opinions .sl-mdi{
    font-size: 14px;
    color: #fc0;
    float:left;
    right: 0px;
    top: 0px;
}
.icon-camper:before {
    content: "\F11D4";
}
.icon-star:before {
    content: "\F04CE";
}
.icon-half-star:before {
    content: "\F04D0"; 
}
.icon-empty-star:before {
    content: "\F04D2"; 
}
.opinion-name, .blog-title, .blog-title a{
    font-size: 20px;
    line-height: 1.2;
    color: #5cbe14;
}
.stars{
    overflow: hidden;
    margin-bottom: 16px;
}
.gallery-index .blog{
    flex-wrap: wrap;
    display: flex;
}
.blog img{
    width:100%;
}
.blog-category-link, .blog-title{
    color: #5cbe14;
    transition: all 0.3s ease-in-out;
}
.blog-category-link:hover, .blog-title a:hover{
    color: #122e44;
}
.btn-sl{
    color: #122e44;
    background-color: transparent;
    border-color: #5cbe14 !important;
    position: relative;
    overflow: hidden;
    display: inline-block;
    padding: 14px 35px;
    font-size: 14px;
    line-height: 1.286;
    border: 1px solid;
    border-radius: 6px;
    font-family: "Oswald", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 500;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    cursor: pointer;
    vertical-align: middle;
    user-select: none;
    transition: 0.25s cubic-bezier(0.2, 1, 0.3, 1);
}
.btn-sl:hover{
    color: #fff;
    background-color: #5cbe14;
    border-color: #5cbe14;
}
.contact .icon-modern{
    border: none;
    font-size:30px;
}
@media (min-width: 768px) {
.b-left{
    border-left: 1px solid #d3d5db;
}
.b-right{
    border-right: 1px solid #d3d5db;
}
}
.contact{
    align-items: stretch;
    display: flex;
}
@media (max-width: 767px){
    .contact{
        flex-direction: column;
    }
    .contact > div{
        padding-bottom: 35px;
        padding-top: 15px;
    }
    .contact > div:nth-child(-n+2){
        border-bottom: 1px solid #d3d5db;
    }
}
.site-blog-post h3{
    font-weight: 700;
    color: #122e44;
    font-size: 36px;
}
.site-blog-post a{
    color: #74757f;
}
.site-blog-post a:hover{
    color: #5cbe14;
}
.blog-post-detail .icon{
    color: #5cbe14;
    font-size: 1.5em;
}
.blog-post-content{
    font-size: 22px;
}
.sl-breadcrumb{
    background-image: url(../img/banner/bc-default-1920x456.jpg);
    background-size: cover;
    background-position: center center;
}
.sl-breadcrumb.rezerwacja{
    background-image: url(../img/banner/bc-rezerwacja-1920x456.jpg);
}
.sl-breadcrumb.blog{
    background-image: url(../img/banner/bc-blog-1920x456.jpg);
}
.sl-breadcrumb.galeria{
    background-image: url(../img/banner/bc-galeria-1920x456.jpg);
}
.sl-breadcrumb .container{
    padding: 25px 0 25px;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
}
.sl-breadcrumb .container:before{
    content: '';
    display: block;
}
.sl-breadcrumb .container > *{
    padding: 8px 15px;
}
.sl-breadcrumb .container > * h1{
    color: #fff;
    font-size: 30px;
    line-height: 1.15;
}
.sl-breadcrumb .container > * h6{
    color: #fff;
    font-size: 16px;
    line-height: 1.5;
    font-family: "Oswald", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 300;
    letter-spacing: .2em;
    text-transform: uppercase;
    position: relative;
    padding-left: 40px;
    text-align: left;
}
.sl-breadcrumb .container > * h6:before{
    content: '';
    position: absolute;
    left: 0;
    top: .8em;
    width: 30px;
    border-bottom: 1px solid #fff;
}
.breadcrumb{
    width:100%;
    background-color: transparent;
    margin-bottom: 0;
}
.sl-breadcrumb .container:after{
    display:none;
}
@media (min-width: 768px){
.sl-breadcrumb .container > * h6{
    padding-left: 70px;
}
.sl-breadcrumb .container > * h6:before{
    width: 50px;
    top: .7em;
    border-bottom-width: 2px;
}
.sl-breadcrumb .container > * h1{
    font-size: 68px;
    line-height: 1.17647;
}
.sl-breadcrumb .container{
    padding: 50px 0 40px;
    width: 1170px;
}
.breadcrumb{
    margin-top: 30px;
}
}
.breadcrumb li a, .breadcrumb > .active{
    color: #fff;
}
.breadcrumb li a:hover{
    color: #5cbe14;
}
@media (min-width: 768px){
.sl-breadcrumb{
    min-height: 23.75vw;
}
.sl-breadcrumb .container > * h1{
    margin-top: 5px;
}
}
@media (min-width: 992px){
   .sl-breadcrumb .container > * h1{
    margin-top: 10px;
} 
}
@media (min-width: 1600px){
.sl-breadcrumb{
    min-height: 456px;
    text-shadow: 2px 2px rgb(0 0 0 / 50%);
}
.sl-breadcrumb .container > * h1{
    margin-top: 20px;
}
}
.comment-classic-name{
    color: #5cbe14;
}
.comment-classic-main{
    padding-bottom: 20px;
    border-bottom: 1px solid #e8e9ee;
}
/*template end*/
.sl-navbar-brand img{
    position: absolute;
    top: 10px;
}
.facebook-video-container{
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}
.responsive-iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
  }