div.x-navbar .x-nav-wrap .x-nav > li > a:before,
.x-animate,
.x-animate-b:before,
.x-animate-a:after,
.x-animate-both:before,
.x-animate-both:after,
.x-animate-all,
.x-animate-all:before,
.x-animate-all:after{
    transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
}

:focus {
    outline: none !important;
}

.centerXY,
.centerX,
.centerY{
    position: absolute;
}

.centerXY,
.centerY{
    top: 50%;
}

.centerXY,
.centerX{
    left: 50%;
}

.centerXY{
    transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.centerX{
    transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.centerY{
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.full-height{
    min-height: 100vh;
}

.admin-bar .full-height{
    min-height: calc( 100vh - 32px) ;
}

.half-height{
    min-height: 50vh;
}

.admin-bar .half-height{
    min-height: calc( 50vh - 32px) ;
}

.half-width{
    min-width: 50vh;
    position: absolute;
    top: 0;
    left: 50%;
    min-height: 100%;
}

.left-container-column{
    padding-left: calc( 50vw - 700px ) !important;
    padding-left: -o-calc( 50vw - 700px ) !important;
    padding-left: -ms-calc( 50vw - 700px ) !important;
    padding-left: -moz-calc( 50vw - 700px ) !important;
    padding-left: -webkit-calc( 50vw - 700px ) !important;
}

.right-container-column{
    padding-right: calc( 50vw - 700px ) !important;
    padding-right: -o-calc( 50vw - 700px ) !important;
    padding-right: -ms-calc( 50vw - 700px ) !important;
    padding-right: -moz-calc( 50vw - 700px ) !important;
    padding-right: -webkit-calc( 50vw - 700px ) !important;
}

h3.section-title{
    font-size: 3em;
    line-height: 1;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 0 2.7em;
    text-align: left;
}

.section-info{
    font-size: 1.6em;
    line-height: 1.7;
    text-align: justify;
    text-indent: 3.25em;
}

.x-text p:last-of-type{
    margin-bottom: 0;
}

.background-image{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.site{
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
}

.width-100{
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important

}

/* HEADER
******************************************************************************/

.masthead{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
}

.admin-bar .masthead{
    top: 32px;
}

div.x-navbar .x-nav-wrap .x-nav > li{

}

div.x-navbar .x-nav-wrap .x-nav > li:first-of-type{
    margin-left: 0;
}

div.x-navbar .x-nav-wrap .x-nav > li:last-of-type{
    margin-right: 0;
}

div.x-navbar .x-nav-wrap .x-nav > li > a{

}

div.x-navbar .x-nav-wrap .x-nav > li > a:before{

}

/* INTRO
******************************************************************************/

#main-intro{
    position: relative;
    background-position: top center;
}

#main-intro .x-container.max{
    max-width: 72.2em;
    max-width: 74em;
    width: 80%;
}

#intro-logo{
    margin: 4.5em 0 2em;
    width: 35.7em;
}

#intro-slogan{
    z-index: 10;
    width: 96vw;
    max-width: 118em;
    pointer-events: none;
    margin-left: -1em;
    /*opacity: 0.8;*/
}

.intro{
    margin: 0 !important;
}

.intro{ 
    position: relative;
}

.intro a:before{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
    opacity: 0;
}

.intro:hover a:before{ 
    opacity: 0.3;
}

.intro-1 a:before{ background-color: #0e79b6}
.intro-2 a:before{ background-color: #0c8182}
.intro-3 a:before{ background-color: #c51a13}
.intro-4 a:before{ background-color: #eec900}


.intro .intro-text,
.intro .intro-title{
    position: absolute;
    margin: 0;
    color: #FFF;
    opacity: 1;
    text-transform: uppercase;
    z-index: 4;
    pointer-events: none;
    font-weight: 300;
}

.intro .intro-text{
    text-align: right;
    font-size: 2em;
    line-height: 1.4;
}

.intro .intro-title{
    text-align: left;
    font-size: 1em;
    width: 100%;
    left: 0;
    line-height: 1;
}

.intro-title span{
    font-size: 4.2em;
}

.intro-1 .intro-title{
    top: 44%;
    text-align: right;
	padding-right: 20px;
}

.intro-1 .intro-title span{
    font-size: 4.5em;
    letter-spacing: 1px;
    font-weight: 500;
}



/* .intro-1 .intro-title::after{
	content: "";
	top: 100%;
	right: 20px;
	width: 120px;
	height: 30px;
	background-size: contain;
	background-position: center right;
	background-image: url(http://baseny.krakow.pl/wp-content/uploads/2021/04/ospa_white.png);
	background-repeat: no-repeat;
	filter: grayscale(1);
	position: absolute;
    margin-top: 10px;
} */

.intro-2 .intro-title{
    text-align: left;
    top: 9%;
    left: 6.76%;
}

.intro-2 .intro-title span{
    font-size: 3.6em;
    font-weight: 300;
    letter-spacing: 1px;
}

.intro-3 .intro-text{
    top: 12%;
    right: 0.5em;
}

.intro-4 .intro-title{
    top: 50.81%;
    text-align: left;
    width: 14rem;
    left: 24.05%;
}

.intro-4 .intro-title span{
    font-weight: 500;
    letter-spacing: 1px;
}



#intro-footer,
#intro-footer a{
    color: #ffffff;
    font-weight: 300;
}

#intro-footer a:hover,
#intro-footer span{
    color: #0f8af0;
}

#intro-footer .x-text{
    font-size: 1.6em;
    word-spacing: 0.2em;
    line-height: 1;
    padding: 1.25em 0;
    letter-spacing: 0.025em;
    text-align: center;
}

.home #copyright{
    text-align: left;
    float: left;
}

.home #design{
    text-align: right;
    float: right;
}


/* BASENY
******************************************************************************/


#menu-section{
    position: fixed;
    width: 100%;
    z-index: 90;
    background-color: #FFF !important;
    max-width: 1920px;
}

#logo{
    width: 14.6em;
    margin: 2.6em auto 1.2em;
    opacity: 1;
}

#spa-menu,
#sauny-menu,
#baseny-menu{
    margin: 4.1em 0 2.4em;
    padding: 0;
    list-style: none;
    text-align: left;
}

#spa-menu li,
#sauny-menu li,
#baseny-menu li{
    margin: 0 1.2em;
    padding: 0;
    display: inline-block;
}

#baseny-menu li:first-of-type{
    margin-left: 0;
}



#baseny-menu li:last-of-type{
    margin-right: 0;
    margin-left: 6.3em;
}

#spa-menu li:last-of-type a:before,
#sauny-menu li:last-of-type a:before,
#baseny-menu li:last-of-type a:before{
    content: "<<";
    display: inline-block;
    font-size: 1.4em;
    margin-right: 0.4em;
    transform: translateY(-11%);
    -ms-transform: translateY(-11%);
    -moz-transform: translateY(-11%);
    -webkit-transform: translateY(-11%);
}

#spa-menu li a,
#sauny-menu li a,
#baseny-menu li a{
    color: #000000;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
}


#spa-menu li a span,
#sauny-menu li a span,
#baseny-menu li a span{
    font-size: 1.4em;
}

#baseny-menu li a:hover{
    color: #007ee5;
}



#section-slider-baner img{
    margin: 0;
    width: 100%;
}

.slide-text{
    position: absolute;
    top: 10%;
    left: 10%;
}

#section-slider-baner .slide-1 .slide-text{
    top: 53%;
    left: 25%;
}

#section-slider-baner .slide-1 .slide-text .move-to-slide:before{
    color: #f23782;
}

#section-slider-baner .slide-2 .slide-text{
    left: 10%;
    top: 11%;
}

#section-slider-baner .slide-3 .slide-text{
    top: 58%;
    left: 4%;
}

#section-slider-baner .slide-3 .slide-text .move-to-slide:before{
    color: #ff4f36;
}


.move-to-slide{
    margin-left: 1em;
    display: block;
    position: relative;
    font-size: 5em;
    font-weight: 700;
    line-height: 1;
    padding: 0.5em;
    color: #FFF;
}
.move-to-slide:hover{
    color:#e856ab;
}

#section-slider-baner .slide-1 .move-to-slide:hover{
    color: #f23782;
}

#section-slider-baner .slide-3 .move-to-slide:hover{
    color: #ff4f36;
}

.move-to-slide span{
    font-size: 0.5em;
    font-weight: 400;
    display: block;
}

.move-to-slide span em{
    font-style: normal;
    color: #0CF;
    display: inline;
}

.move-to-slide:before{
    content: '\f054';
    font-family: "FontAwesome",sans-serif;
    color: #e856ab;
    position: absolute;
    top: 50%;
    margin-top: -0.65em;
    right: 100%;
}

.slider-arrow{
    font-size: 1em;
    line-height: 1;
    font-weight: 700;
    color: #FFF;
    border: none;
    background-color: transparent;
    padding: 0;
    z-index: 10;
}

.slider-arrow.prev-arrow{
    left: 48%;
    margin-left: -700px;
}

.slider-arrow.next-arrow{
    right: 48%;
    margin-right: -700px;
}

.slider-arrow:before{
     font-family: "FontAwesome";
     font-size: 3.4em;
}

.slider-arrow.prev-arrow:before{
    content: '\f053';
}

.slider-arrow.next-arrow:before{
    content: '\f054';
}

.my-dots{
    list-style: none;
    padding: 0;
    margin: 0;
    bottom: 2em;
}

.my-dots li{
    display: inline-block;
    margin: 0 0.4em;
    width: 1.5em;
    height: 1.5em;
    border-radius: 100%;
    border: 1px solid #ebebeb;
    background-color: #ebebeb;
}

.my-dots li.slick-active{
    background-color: #999;
}

.my-dots li > *{
    display: none;
}

.slogan{
    font-size: 3em;
    font-weight: 400;
    line-height: 2;
    color: #5e5e5e;
    text-align: center;
    text-transform: uppercase;
}

/*.slogan img{
    margin: 0 0 0 2.5em;
    border: 2px solid #007ee5;
    padding: 0.4em 0.7em;
    height: 2em;
}*/

.slogan .btn{
    margin: 0 0 0 1.1em;
    border: 2px solid #007ee5;
    padding: 0 1em;
    display: inline-block;
    color: #007ee5;
    text-transform: lowercase;
    line-height: 1.9;
    text-align: center;
    width: 6.6667em;
    font-weight: 500;
}

.slogan .btn:hover{
    background-color: #007ee5;
    color: #FFF;
}

#baseny-slider2 img.slide-background{
    width: 100%;
    margin: 0 !important;
}


#baseny-slider2 .move-to-slide{
    position: absolute;
    bottom: 9%;
    left: 7%;
}

#baseny-slider2 .move-to-slide:before{
    margin-top: -0.8em;
}

#baseny-slider2 .move-to-slide:hover,
#baseny-slider2 .move-to-slide:before{
    color: #ffad07;
}

#baseny-slider2 .move-to-slide span{
    color: #232323;
    font-size: 0.5em;
    font-weight: 400;
    text-align: right;
    margin: 0.6em -10.7em 0 0;
}

#baseny-slider2 .slide-text-column{
    position: absolute;
    left: 50%;
    z-index: 10;
    width: 50%;
    font-size: 1.4em;
    margin-top: -5vh;
}

#baseny-slider2 .slide-text-column img{
    margin-bottom: 2em;
}

#baseny-slider2 .slider-arrow{
    color: #a3a3a3;
}

#baseny-slider2 .my-dots li{
    background-color: #999;
    border-color: #999;
}

#baseny-slider2 .my-dots li.slick-active{
    background-color: #d5d5d5;
}

#baseny-slider2 .ospa-slide .slide-text-column h4{
    margin: 0 0 3em;
    font-size: 1em;
    text-transform: uppercase;
    color: rgb(78,78,78);
    font-weight: 400;
    display: inline-block;
}

#baseny-slider2 .ospa-slide .slide-text-column h4 span{
    font-size: 2em;
}

#baseny-slider2 .ospa-slide .slide-text-column h4 .line-2{
    text-transform: lowercase;
    display: block;
    text-align: right;
}

#baseny-slider2 .ospa-slide .slide-text-column h4 .line-2 img{
    margin: 0 0 0 0.5em;
    display: inline;
    height: 1em;
}

#co-nas-wyroznia .x-container{
    height: 58em;
}

/* PRODUCTS
**************************/

#products-container{
    background-color: #f8f8f8;
    text-align: center;
    height: 9.7em;
}

.products-list{
    text-align: center;
    display: inline-block;
}

.product-name{
    display: inline-block;
    width: 16em;
    float: left;
    cursor: pointer;
}

.product-name h4{
    font-size: 1em;
    line-height: 1;
    padding: 3.4em 2em 0;
    height: 9.7em;
    position: relative;
    color: #000;
    text-transform: uppercase;
    margin: 0;
    overflow: hidden;
}

.product-name:hover h4{
    color: #007ee5;
}

.product-name h4:after{
    content: '\f0d8';
    position: absolute;
    bottom: -0.3em;
    font-size: 3em;
    margin-left: -0.5em;
    left: 50%;
    color: #FFF;
    font-family: "FontAwesome",sans-serif;
    z-index: 5;
    opacity: 0;
}

.product-name h4 span{
    font-size: 1.4em;
    line-height: 1.3;
}

.product-name.active h4{
    background-color: #007ee5;
    color: #FFF;
    pointer-events: none;
}

.product-name.active h4:after{
    opacity: 1;
}

.products-list-content{
    background-color: #FFF;
}

.product-image-column{
    position: relative;
    height: 55em;
}

.product-image-column img{
    max-height: 80%;
    margin-left: calc(25vw - 350px);
    margin-left: -ms-calc(25vw - 350px);
    margin-left: -moz-calc(25vw - 350px);
    margin-left: -webkit-calc(25vw - 350px);
}

.product-info-column >h3{
    font-size: 1em;
    line-height: 1;
    color: #007ee5;
    text-transform: uppercase;
    font-weight: 400;
    margin: 7em 0 3em;
}

.product-info-column > h3 span{
    font-size: 1.6em;
}

.product-info-column .excerpt{
    font-size: 1.4em;
    margin: 0 0 3em;
}

.product-info-column .excerpt p:last-of-type{
    display: none;
}

.product-info-column .excerpt p:first-of-type{
    display: block !important;
}

.product-info-column .x-btn{
    font-size: 1em;
    border-radius: 0;
    border: 2px solid #007ee5;
    background-color: #007ee5;
    color: #FFF;
    text-align: center;
    width: 11.8em;
    line-height: 1;
    padding: 1.5em 0;
}

.product-info-column .x-btn span{
    font-size: 1.8em;
}

.product-info-column .x-btn:hover{
    color: #007ee5;
    background-color: #FFF;
    border-color: #007ee5;
}

.products-list-content .slider-arrow{
    color: #007ee5;
}

.popup{
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
}

.popup.active{
    display: block;
}

.popup-background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
    background-color: rgba(0, 0, 0, 0.75);
    cursor: pointer;
}

.popup-content.centerXY {
    max-width: 90%;
    max-height: 90%;
    z-index: 10;
    background-color: #FFF;
    padding: 2em;
}

.popup-content h4{
    margin: 0 0 2em;
    font-size: 1em;
    text-transform: uppercase;
    color: #007ee5;
}

.popup-content h4 span{
    font-size: 2.5em;
}

.popup-content p,
.popup-content ul{
    font-size: 1.4em;
}

.popup-content p{
    margin: 0;
    color: #007ee5;
}


#co-nas-wyroznia .move-to-slide{
    position: absolute;
    left: 23%;
    width: 9.5em;
    margin: 0;
    padding: 0 0.5em;
    white-space: nowrap;
}

#co-nas-wyroznia .move-to-slide:before{
    top: 0;
    margin-top: 0.2em;
}

#co-nas-wyroznia .move-to-slide:before,
#co-nas-wyroznia .move-to-slide:hover{
    color: #ffad07;
}

#co-nas-wyroznia .move-to-slide span:nth-of-type(1){
  
    margin-top: 0.15em;
    letter-spacing: 0.02em;
}

#co-nas-wyroznia .move-to-slide span:nth-of-type(2){
    text-align: right;
    margin-top: 0.6em;
}

#co-nas-wyroznia .move-to-slide span:nth-of-type(3){
    text-indent: 2.9em;
}

#co-nas-wyroznia .move-to-slide span:nth-of-type(2),
#co-nas-wyroznia .move-to-slide span:nth-of-type(3){
    letter-spacing: 0.02em;
    margin-top: 0.6em;
}


h3.section-title{
    color: #007ee5;
    font-size: 1em;
    line-height: 1;
    margin: 5.6em 0 4.6em 7em;
    padding: 0 0 1.7em;
    position: relative;
    font-weight: 400;
    text-transform: uppercase;
}

.section-title span{
    font-size: 3em;
}

.section-title:before{
    content: "";
    display: block;
    height: 1px;
    width: 6.6em;
    background-color: #303030;
    position: absolute;
    top: 100%;
    left: 0;
}

#realization-container .slider-arrow.prev-arrow {
    left: 45%;
}

#realization-container .slider-arrow.next-arrow {
    right: 45%;
}

#realization-container .slider-arrow{
    color: #007ee5;
}

#realization-container .slider-arrow.slick-disabled{
    opacity: 0.5;
    cursor: not-allowed;
}

.realization-container{
    width: 20%;
}

.realization-thumbnail {
    height: 25em;
    background-size: cover;
    background-position: center;
    cursor: pointer;
    position: relative;
    margin: 1.5em;
    overflow: hidden;
}

.realization-thumbnail img{
    max-width: none;
    max-height: none;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}

.realization-thumbnail:hover img{
    filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
}

.google-map{
    height: 57em;
}


.contact-box-item {
    float: left;
    width: auto;
    font-size: 1.4em;
}

.contact-box-item.item2 {
    margin-left: 5%;
}


.radio-box-title {
    font-size: 16px;
    color: #3c3c3c;
    text-transform: none;
    margin-bottom: 10px;
    margin-left: 29px;    max-width: 330px;
}

.radio-box .wpcf7-list-item {
    display: block;
    font-size: 15px;
    color: #999999;
}

.radio-box input[type="radio"] {
    width: 16px;
    height: 16px;
    margin-right: 10px;
    position: relative;
}

.radio-box input[type="radio"]:before {
    content: "";
    width: 16px;
    height: 16px;
    background: #e3e3e3;
    display: block;
    border-radius: 180px;
}

.radio-box input[type="radio"]:checked:after {
    content: "";
    z-index: 1;
    position: absolute;
    width: 6px;
    height: 6px;
    display: block;
    background: #007ee5;
    border-radius: 180px;
    top: 5px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
}

.wpcf7{
    overflow: hidden;
    margin: 3em 0;
}

.contact-send {
    text-align: right;
    margin-top: 15px;
}

.contact-fields input[type="text"], 
.contact-fields input[type="email"],
.contact-fields textarea {
    border-radius: 0px;
    box-shadow: none;
    border: 0px;
    padding: 24px;
    color: #a8a8a8;
    font-size: 14px;
}

.field-margin, .subject-margin input {
    margin-top: 15px;
}

.contact-send .wpcf7-submit {
    text-transform: uppercase;
    background-color: #007ee5;
    border-color: #007ee5;
    border-radius: 1px;
    padding: 1em 2em;
}

.contact-send .wpcf7-submit:hover{
    background-color: #FFF;
    color: #007ee5;
    border-color: #007ee5;
}

#footer-1-column{
    margin: 0 auto;
    float: none;
    overflow: hidden;
}

#footer-1 .x-column{
    float: left;
    margin-right: 10%;
    text-align: left;
    display: inline-block;
    width: auto;
}

#footer-1 .x-column:last-child{
    margin-right: 0;
}

#footer-1 .x-text{
    font-size: 1.3em;
}

#footer-1 .x-text span{
    color: #8f8f8f;
}

#importer {
    color: rgba(243, 243, 243, 0.3) !important;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 1.38em;
    position: absolute;
    left: 0;
    bottom: 1.6em;
}

#footer-1 .x-container{
    padding: 0 0 6em !important;

}

#footer-1 .x-container img{
    position: absolute;
    bottom: 0;
}

#footer-1 .x-container #ospa-footer{
    width: 9.3846em;
    left: 0;
    transform: translateY(26%);
}

#footer-1 .x-container #carolex-footer{
    width: 13.2308em;
    transform: translateX(-32%);
    -ms-transform: translateX(-32%);
    -moz-transform: translateX(-32%);
    -webkit-transform: translateX(-32%);
}

#footer-1 .x-container #baseny-footer{
    width: 20.6903em;
}


#baseny-menu-footer,
#baseny-menu2-footer{
    margin: 0;
    padding: 0;
    list-style: none;
}

#baseny-menu-footer a,
#baseny-menu2-footer a{
    color: inherit;
    font-size: 1.3em;
    text-transform: uppercase;
}

#footer2 .x-text a,
#footer2 .x-text{
    color: #FFF;
}
#footer2 .x-text{
    font-size: 1.4em;
}

/* SPA
******************************************************************************/

#logo-jp{
    font-size: 1em;
    margin: 1.9em 0 1.4em;
    width: 26.9em;
}

#spa-title {
    text-align: center;
    font-size: 1em;
    color: #292929;
    font-weight: 300;
    margin: 2.8em 0 1.6em;
    line-height: 1;
    position: absolute;
    top:0;
    left: 50%;
    width: 411px;
    transform: translateX(-50%);
}

#spa-title span{
    font-size: 4em;
}

#sauny-menu,
#spa-menu{
    text-align: right;
    margin-top: 3.8em;
}

#sauny-menu li:last-of-type,
#spa-menu li:last-of-type{
    margin-right: 0;
}

#spa-footer .x-column .x-text li a:hover,
#spa-menu li a:hover{
    color: #186f72 !important
}

#sauny-footer .x-column .x-text li a:hover,
#sauny-menu li a:hover{
    color: #ebbc2d !important;
}

#sauny-baner{
    height: 100vh;
    background-position: center bottom;
}

.sauny__content{
	overflow: hidden;
}

#sauny-desctiption,
#spa-desctiption{
    height: 100%;
    position: relative;
}

#sauny-desctiption::before,
#spa-desctiption::before,
#sauny-desctiption::after,
#spa-desctiption::after{
	content: '';
	position: absolute;
	top: 0;
	width: 50vw;
	height: 100%;
	z-index: 0;
}

#spa-desctiption::before,
#spa-desctiption::after{
	right: 0;
}

#sauny-desctiption::before,
#sauny-desctiption::after{
	left: 0;
}

#spa-desctiption::before,
#sauny-desctiption::before{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top left;
}

#spa-desctiption::before {
	background-image: url(http://baseny.krakow.pl/wp-content/uploads/2021/04/bg_spa_min.jpg);
}

#sauny-desctiption::before{
	background-image: url(http://baseny.krakow.pl/wp-content/uploads/2021/04/bg_sauny_min.jpg);
}

#spa-desctiption::after,
#sauny-desctiption::after{
	opacity: 0.7;
}


#spa-desctiption::after{
	background-color: #186f72;
}

#sauny-desctiption::after{
	background-color: hsl(45, 83%, 55%);
}



#sauny-desctiption,
#spa-desctiption{
    padding: 3em 7em !important;
}

#sauny-desctiption .x-text,
#spa-desctiption .x-text{
    color: #FFF;
    text-align: justify;
}

#sauny-desctiption .x-text p,
#spa-desctiption .x-text p,
#sauny-desctiption .x-text ul,
#spa-desctiption .x-text ul{
    font-size: 1.4em;
    position: relative;
    z-index: 1;
}

#sauny-desctiption .x-text ul,
#spa-desctiption .x-text ul{
    margin-top: 0.5em;
}

#sauny-desctiption .x-text p a,
#spa-desctiption .x-text p a{
    color: #FFF;
    margin-left: 1em;
}

#sauny-desctiption .x-text p a:hover,
#spa-desctiption .x-text p a:hover{
    text-decoration: underline;
}

#spa-desctiption .x-text p{
    text-indent: 3em;
}

#spa-slogan {
    margin:0 0 0 5.6em;
    color: #FFF;
}

#spa-slogan span{
    display: block;
    line-height: 1.1;
    font-weight: 400;
}

#spa-slogan .line-1{
    font-size: 6.4em;
    font-weight: 700;
}

#spa-slogan .line-2{
    font-size: 2.9em;
}

#spa-slogan .line-3{
    margin-top: 0.42em;
    font-size: 3.6em;
    text-indent: 4.64em;
}

#spa-slogan .line-4{
    margin-top: 0.33em;
    font-size: 3.6em;
    text-indent: 2.58em;
}

.spa-gallery.x-block-grid.four-up{
    margin: 3em 0 2.2em;
}

.spa-gallery.x-block-grid.four-up .x-block-grid-item{
    width: 23.5%;
    margin-right: 2%;
    position: relative;
    height: 14.8em;
    overflow: hidden;
    cursor: pointer;
}

.spa-gallery.x-block-grid.four-up .x-block-grid-item:nth-of-type(4n){
    margin-right: 0;
}

.spa-gallery.x-block-grid.four-up .x-block-grid-item img{
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    max-width: none;
    height: 100%;
    width: auto;

    filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}

.spa-gallery.x-block-grid.four-up .x-block-grid-item img:hover{
    filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
}

#spa-footer, 
#sauny-footer{
    padding: 2.9em 0 3.3em !important;
}

#spa-footer .x-container,
#sauny-footer .x-container{
    text-align: center;
}

#spa-footer .x-column,
#sauny-footer .x-column{
    display: inline-block;
    float: none;
    width: auto;
    text-align: left;
    margin-right: 8em;
    color: #000000;
}

#spa-footer .x-column:last-of-type,
#sauny-footer .x-column:last-of-type{
    margin-right: 0;
}

#spa-footer .x-column span,
#sauny-footer .x-column span{
    color: #9e9e9e;
}

#spa-footer .x-column .x-text,
#sauny-footer .x-column .x-text{
    font-size: 1.4em;
    line-height: 1.57;
}

#spa-footer .x-column .x-text li,
#sauny-footer .x-column .x-text li{
    line-height: inherit;
}

#spa-footer .x-column .x-text li a,
#sauny-footer .x-column .x-text li a{
    font-size: 1em;
}

#spa-footer-2{
    padding: 1em 0 !important;
}

#spa-footer-2 a{
    color: inherit;
}

#spa-footer-2 #copyright,
#spa-footer-2 #design{
    text-align: center;
    font-weight: 300;
    font-size: 1.6em
}

#sauny-content{
    overflow: hidden;
    height: 300px
}

/* FOOTER
******************************************************************************/

footer.x-colophon.bottom{

}

#copyright{

}



/* COOKIE
******************************************************************************/

#cookie-content{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    padding: 12px 5%;
    background-color: #007ee5;
    color: #FFF;
    z-index: 999999;
    font-size: 1.4em;
}

#cookie-content button {
    line-height: 30px;
    padding: 0 12px;
    display: inline-block;
    margin: 0 0 0 12px;
    box-shadow: none;
    transition: .2s ease;
    background-color: #FFF;
    color: #007ee5;
}

#cookie-content button:hover {
    background-color: transparent;
    border: 1px solid #FFF;
    color: #FFF
}

/* MEDIA
******************************************************************************/

@media ( min-width: 1920px ){
    .left-container-column{
        padding-left: 260px !important;
    }

    .right-container-column{
        padding-right: 260px !important;
    }
}
 

@media (min-width: 768px){
	div.pull-right{
		float: right;
		margin-right: 0;
	}
    div.pull-left{
        float: left;
        margin-right: 0;
    }
    .hide-md{
        display: none;
    }
} 

@media (max-width: 1799px){
}

@media (max-width: 1699px){
}

@media (max-width: 1599px){
    #realization-container .slider-arrow.prev-arrow {left: 50%;}
    #realization-container .slider-arrow.next-arrow {right: 50%;}
}

@media (max-width: 1555px){
    .left-container-column{
        padding-left: 10% !important;
    }
    .right-container-column{
        padding-right: 10% !important;
    }
}

@media (max-width: 1499px){
    html body{ font-size: 9.5px; }
    #baseny-slider2 .move-to-slide{ bottom: 1%; left: 5%; z-index: 2;}
    #baseny-slider2 .move-to-slide span{ margin: 0.6em -6em 0 0;}
    #intro-logo {
    margin: 1em 0;
    width: 30em;
}
    #main-intro .x-container.max{ max-width: 60em; }
    #spa-slogan .line-1 { font-size: 6.2em;}
}

@media (max-width: 1399px){
    #baseny-slider2 .move-to-slide{ bottom: 0%; left: 5%;}
    html body{ font-size: 9px; }
    #footer-1 .x-column{ margin-right: 9% }
    .move-to-slide{ font-size: 4.5em }
    .realization-thumbnail{ height: 16vw }
    .product-name{ width: 11.111111%; }
    #realization-container .slider-arrow.prev-arrow { left: -3%;}
    #realization-container .slider-arrow.next-arrow{ right: -3%; }
    .slider-arrow.next-arrow {right: 3%; margin-right: 0;}
    .slider-arrow.prev-arrow{ left: 3%; margin-left: 0;}
}

@media (max-width: 1299px){
    #baseny-menu li:last-of-type {margin-left: 0;}
    #baseny-slider2 .slick-slide{overflow: hidden;}
    #baseny-slider2 .slide-text-column{
        position: relative;
        left: 0;
        margin-top: 0;
        margin-left: 50%;
        padding: 3em 0 5em;
        z-index: 2;
        transform: translateY(0%);
        -o-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -webkit-transform: translateY(0%);
    }
    #baseny-slider2 img.slide-background{
        width: auto;
        max-width: none;
        position: absolute;
        top: 0;
        left: 50%;
        height: 100%;
        transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
    }
    #baseny-slider2 .move-to-slide {
        left: 0;
        position: relative;
    }
    #baseny-slider2 .move-to-slide span {
        margin: 0.6em 0 0;
    }
    .product-image-column img{ margin-left: 0; }
    #spa-slogan .line-1 { font-size: 5.2em;}
}

@media (max-width: 1199px){
    html body{ font-size: 8.5px; }
    #footer-1 .x-column { margin-right: 6%;}
    #spa-menu li, #sauny-menu li, #baseny-menu li {margin: 0 0.9em;}
    #kontakt .x-column.x-3-5{ width: 100%; }
    #kontakt .x-column.x-2-5{ display: none; }
    .product-info-column .excerpt { font-size: 1.2em;}
    .spa-gallery.x-block-grid.four-up .x-block-grid-item{ height: 11em }
    .spa-gallery.x-block-grid.four-up { margin: 5em 0 2.2em;}
    
    #spa-title span { font-size: 3em;}

    #sauny-desctiption {
        padding-right: 0!important;
    }
}

@media (max-width: 1099px){
    #intro-logo {margin: 1em 0; width: 27em;}
    #logo {width: 14.6em; margin: 2em auto 1em;}
    #spa-menu, #sauny-menu, #baseny-menu {margin: 2.6em 0;}
    #spa-menu li, #sauny-menu li, #baseny-menu li {
        margin: 0 0.8em;
        font-size: 0.9em;
    }
    #footer-1 .x-column { margin-right: 4%;}
    #footer-1 .x-container #ospa-footer {width: 8em;}
    #footer-1 .x-container #carolex-footer {
        width: 10em;
        transform: translateX(0%);
        -ms-transform: translateX(-0%);
        -moz-transform: translateX(0%);
        -webkit-transform: translateX(0%);
    }
    #footer-1 .x-container #baseny-footer {width: 16em;}
    .spa-gallery.x-block-grid.four-up .x-block-grid-item{ height: 10em }
    #spa-slogan .line-1 { font-size: 4.7em;}

    #spa-title span { font-size: 2.8em;}
    #logo-jp{ width: 20em;}
}

@media (min-width: 980px){
    #menu-navbar{
        display: none;
    }

    #sauny__section-content{
        position: relative;
    }
	/*

    #sauny::before,
    #sauny::after{
        position: absolute;
        top: 0;
        width: 50%;
        height: 100%;
        z-index: 1;
		opacity: 0.7;
    }

    #sauny::before{
        background-color: #186f72;
        left: 0;
    }

    #sauny::after{
        left: 50%;
        background-color: hsl(45, 83%, 55%);
    }
	.sauny__content > .x-container {
		position: relative;
		z-index: 10;
	}
	.sauny__content{
		background-image: url(http://baseny.krakow.pl/wp-content/uploads/2021/04/bg_spa_min.jpg), url(http://baseny.krakow.pl/wp-content/uploads/2021/04/bg_sauny_min.jpg);
		background-repeat: no-repeat, no-repeat;
		background-position: left 76px, right 76px;
		background-size: 50% auto , 50%  auto;
	}
	*/
}

@media (max-width: 979px){
    #menu-navbar {
        position: absolute;
        z-index: 9999999;
        float: right;
        margin: 2em;
        height: 3em;
        width: 3em;
        background-color: #FFF;
        border: 2px solid #007ee5;
        color: #007ee5;
        top: 0;
        right: 0;
    }
    #menu-navbar.active{
        border-color: #FFF;
        background-color: #FFF;
    }
    #menu-navbar .x-icon{
        font-size: 1.2em;
    }

    #baseny-menu{
        position: fixed;
        top: 0;
        left: 100%;
        display: block;
        width: 100%;
        height: 100%;
        z-index: 99999;
        background-color: rgba(0, 0, 0, 0.9);
        text-align: center;
        padding-top: calc(50vh - 11em);
        padding-top: -ms-calc(50vh - 11em);
        padding-top: -moz-calc(50vh - 11em);
        padding-top: -webkit-calc(50vh - 11em);
    }
    #baseny-menu.active{
        left: 0;
    }

    #baseny-menu li{
        margin: 1em 0;
        font-size: 1.2em;
        display: block;
    }
    #baseny-menu li:first-of-type{
        margin-top: 0;
    }
    #baseny-menu li:last-of-type{
        margin-bottom: 0;
    }
    #baseny-menu li a{
        color: #FFF;
    }
    #baseny-slider2 .slide-text-column{
        margin-left: 0;
        width: 100%;
        padding: 3% !important;
        z-index: 66;
    }

    #baseny-slider2 .x-column:before{
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color:#FFF;
        opacity: 0.7;
        z-index: 2;
    }

    #baseny-slider2 .slide-3:before{
        opacity: 0;
    }

    #baseny-slider2 .move-to-slide{ display: none }
    .my-dots{ bottom: 0 }
    .product-name h4{ padding: 2.4em 1em 0; height: 6.7em;}
    .product-name h4 span{ font-size: 1.2em }
    #footer-1 .x-column:nth-of-type(4),
    #footer-1 .x-column:nth-of-type(5){
        display: none;
    }
    #footer-1 .x-column { margin-right: 8%;}
    #design{text-align: center;}
    #products-container{height: auto;}
    .product-name {width: 33.3333%;}
    #logo-jp{ max-width: 100%; margin: 1.8em 0 1.4em; }
    #spa-title {
        margin: 1em 0;
        width: 100%;
    }

    #spa-footer .x-column, #sauny-footer .x-column{ margin-right: 2em }
    #spa-slogan .line-1{ text-align: center; }
    #spa-menu, #sauny-menu, #baseny-menu {margin: 3em 0;}

    .sauny__content .x-container.max{ width:100% }

    #sauny-desctiption, #spa-desctiption {
        padding: 3em 20px !important;
    }
}

@media (max-width: 767px){
    html body{ font-size: 8px; }
    .products-list{display: block;}
    .product-name h4 { padding: 1em 1em 0; height: 6em;}
    .realization-thumbnail {height: 20vw;}
    h3.section-title{margin: 2.6em 0;}
    #products-container{height: auto;}
    .product-image-column{ height: 40em; max-height: 80vh}    
    .product-name {width: 33.3333%;}
    .product-info-column{ padding: 0 5% !important; margin-bottom: 3em;}
    .product-name h4 span {font-size: 1.4em;}
    .product-info-column >h3{ margin: 1em 0; }
    .contact-send{
        position: absolute;
        bottom: 0;
        width: 100%;
        left: 0;
    }
    .wpcf7-form > .x-container{ padding-bottom: 6em }
    #footer-1 .x-column { margin-right: 3%;}
    #poznaj-blizej, #o-nas{padding: 1.5em 0 3em !important;}
    #copyright{ text-align: center !important }
    #realizacje{ padding: 0 !important }
    #main-intro .x-container.max {max-width: 42em;}
    #intro-slogan{ margin-left: 0; }
    .home #design, .home #copyright{ float: none; text-align: center; }
    .home #copyright{ padding-bottom: 0; }
    .home #design{ padding-top: 0; }
    #spa-title{    margin: 1.4em 0 1.4em 3em;}
    #spa-slogan{ width: 100%; margin: 0; padding: 0 15px; }
    #spa-footer .x-column, #sauny-footer .x-column{ width: 50%; margin-right: 0; }
    #sauny-content {height: auto;}
    #spa-title span {font-size: 2.5em;}
	#sauny-desctiption{ padding-top: 11em !important;}
	
	#sauny-desctiption::before,
	#spa-desctiption::before,
	#sauny-desctiption::after,
	#spa-desctiption::after{ width: 100%;}
}

@media (max-width: 640px){
    #co-nas-wyroznia .move-to-slide{left: 8%; width: 92% }
    #baseny-slider2 .ospa-slide .slide-text-column h4 .line-2{ text-align: center; }
    #baseny-slider2 .ospa-slide .slide-text-column h4 span {font-size: 1.7em;}
    .slogan{font-size: 2.5em}
    #footer-1 .x-column{ width: 50%; margin: 0 auto 2em; float: none; display: block;}
    #importer, #footer-1 .x-container #ospa-footer, #footer-1 .x-container img{ position: static; }
    #footer-1 .x-container #ospa-footer{ display: block; transform: translateY(0%);}
    #footer-1 .x-container #ospa-footer,
    #footer-1 .x-container #carolex-footer, #footer-1 .x-container #baseny-footer{ margin-top: 1em; }
    #footer-1 .x-container {padding: 0 !important;}
    #intro-slogan{ display: none; }
    #spa-title span {font-size: 2em;}
    #spa-title {
        margin: 1.4em 0 1.4em 0em;
    }
    #spa-title{ text-align: right; }
    #spa-menu, #sauny-menu {margin: 0; position: absolute; bottom: 0; right: 0;}
}

@media (max-width: 480px){
    .my-dots li{    width: 1.2em;  height: 1.2em;}
    .move-to-slide {font-size: 3.5em;}
    #co-nas-wyroznia .move-to-slide span:nth-of-type(1){ letter-spacing: 0; }
    #main-intro .x-container.max, #footer-1 .x-column{ width: 90%}
    #spa-title span {font-size: 1.8em;}
    #spa-footer .x-column, #sauny-footer .x-column{ width: 100%; }
    #baseny-menu-footer, #baseny-menu2-footer{ margin-top: 2em; }
}

@media (max-width: 360px){
    .move-to-slide {font-size: 3em;}
}