@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&subset=latin-ext");
@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700&subset=latin-ext");
@import url(clean.css);
@keyframes pulse_animation{
    0%{
        transform:scale(1)
    }
    30%{
        transform:scale(1)
    }
    40%{
        transform:scale(0.8)
    }
    50%{
        transform:scale(1)
    }
    60%{
        transform:scale(1)
    }
    70%{
        transform:scale(0.8)
    }
    80%{
        transform:scale(1)
    }
    100%{
        transform:scale(1)
    }
}
.anim-loader{
    left:50%;
    overflow:hidden;
    padding:10px 0;
    position:absolute;
    top:50%;
    transform:translate(-50%);
    width:150px
}
.anim-loader .ball{
    background:#ffffff;
    border-radius:5px;
    display:block;
    height:10px;
    left:15px;
    position:absolute;
    top:5px;
    width:10px;
    -webkit-animation-duration:2s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-name:along;
    -webkit-animation-timing-function:linear
}
.anim-loader .ball2{
    background:#ffffff;
    border-radius:5px;
    display:block;
    height:10px;
    left:15px;
    position:absolute;
    top:5px;
    width:10px;
    -webkit-animation-duration:2s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-name:along;
    -webkit-animation-timing-function:linear;
    -webkit-animation-delay:-1s
}
.anim-loader ul{
    margin:0;
    padding:0
}
.anim-loader li{
    background-color:#f86d42;
    border-radius:5px;
    display:inline-block;
    margin:0;
    height:10px;
    width:30px;
    -webkit-animation-duration:2s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-name:around;
    -webkit-animation-timing-function:linear
}
.anim-loader li:nth-child(1){
    -webkit-animation-delay:0s
}
.anim-loader li:nth-child(2){
    background-color:#b04e89;
    -webkit-animation-delay:0.2s
}
.anim-loader li:nth-child(3){
    background-color:#357c8e;
    -webkit-animation-delay:0.4s
}
.anim-loader li:nth-child(4){
    background-color:#008bdc;
    -webkit-animation-delay:0.6s
}
.anim-loader li:nth-child(5){
    background-color:#6f65ae;
    -webkit-animation-delay:0.8s
}
.selectboxit-text{
    max-width:100% !important
}
.selectric-wrapper .selectric .label{
    margin:0 37px 0 10px;
    font-size:14px;
    line-height:31px;
    height:38px;
    text-align:left
}
.selectric-wrapper .selectric .button{
    background:none
}
.selectric-wrapper .selectric-items{
    margin:4px 0 0;
    padding:6px 10px;
    background:#ffffff;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    -ms-border-radius:20px;
    border-radius:20px
}
.selectric-wrapper .selectric-items li{
    background:#ffffff;
    text-align:left;
    font-size:14px
}
.selectric-wrapper .selectric-items li.highlighted,.selectric-wrapper .selectric-items li.selected{
    background:#fff;
    color:#c7c7c7
}
.selectric-wrapper.selectric-select-black .selectric{
    background:#fff
}
.selectric-wrapper.selectric-select-black .selectric .label{
    color:#000;
    font-weight:normal
}
.selectric-wrapper.selectric-select-black .selectric .button:after{
    width:15px;
    height:15px;
    background-image:url("../img/svg/strzalka_dol_czarna.svg");
    background-position:right center;
    background-repeat:no-repeat;
    border:none
}
.selectric-wrapper.selectric-select-white .selectric .label{
    color:#fff;
    font-weight:bold
}
.selectric-wrapper.selectric-select-white .selectric .button:after{
    width:15px;
    height:15px;
    background-image:url("../img/svg/strzalka_dol.svg");
    background-position:right center;
    background-repeat:no-repeat;
    border:none
}
.selectric-wrapper.selectric-selectric_filters .selectric{
    background:#2f2d34;
    border:solid 1px #48474D
}
.selectric-wrapper.selectric-selectric_filters .selectric .label{
    color:#fff;
    font-weight:normal
}
.selectric-wrapper.selectric-selectric_filters .selectric .button:after{
    width:15px;
    height:15px;
    background-position:right center;
    background-repeat:no-repeat;
    border:none
}
@-webkit-keyframes around{
    0%{
        -webkit-transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(359deg)
    }
}
@-webkit-keyframes along{
    0%{
        left:0;
        top:5px
    }
    5%{
        top:3px
    }
    10%{
        top:5px
    }
    15%{
        top:3px
    }
    20%{
        top:5px
    }
    25%{
        top:3px
    }
    30%{
        top:5px
    }
    35%{
        top:3px
    }
    40%{
        top:5px
    }
    45%{
        top:3px
    }
    50%{
        left:100%;
        top:5px
    }
    100%{
        left:100%
    }
}
body{
    font:16px/18px "Roboto",sans-serif;
    color:#333
}
body>.loader{
    width:50px;
    height:50px;
    position:absolute;
    z-index:1;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -webkit-transform:translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%);
    z-index:1
}
body.noscroll{
    overflow:hidden
}
a:link,a:active,a:visited,a:hover{
    text-decoration:none;
    outline:none;
    color:#fff
}
a.nolink{
    cursor:default
}
.text-content a{
    transition:All .3s ease;
    -webkit-transition:All .3s ease;
    -moz-transition:All .3s ease;
    -o-transition:All .3s ease;
    border-bottom:solid 1px rgba(255,255,255,0)
}
.mobile{
    display:none
}
@media screen and (max-width: 1080px){
    .mobile{
        display:block
    }
}
.nomobile{
    display:inline-block
}
@media screen and (max-width: 1080px){
    .nomobile{
        display:none
    }
}
.img-bkg{
    bottom:0;
    height:100%;
    left:0;
    object-fit:cover;
    position:absolute;
    right:0;
    top:0;
    width:100%;
    z-index:-1;
    object-position:100% 100%
}
.button_fullbg{
    -webkit-border-radius:21px;
    -moz-border-radius:21px;
    -ms-border-radius:21px;
    border-radius:21px;
    background-color:#4369a6;
    color:#fff;
    display:inline-block;
    font-size:14px;
    font-weight:bold;
    margin-right:15px;
    padding:13px 40px 13px 29px;
    text-transform:uppercase;
    position:relative
}
@media screen and (max-width: 550px){
    .button_fullbg{
        padding:10px 34px 10px 27px;
        font-size:13px
    }
}
.button_fullbg:after{
    content:'';
    background-image:url("../img/svg/strzalka_prawo.svg");
    background-position:0 0;
    background-repeat:no-repeat;
    height:33px;
    position:absolute;
    right:16px;
    top:14px;
    width:10px;
    z-index:2
}
@media screen and (max-width: 550px){
    .button_fullbg:after{
        top:10px !important;
    }
}
.button_fullbg:hover{
    color:#fff
}
.button_outline{
    -webkit-border-radius:21px;
    -moz-border-radius:21px;
    -ms-border-radius:21px;
    border-radius:21px;
    border:solid 1px #456da3;
    box-shadow:0 0 1px transparent;
    color:#fff;
    font-size:14px;
    font-weight:bold;
    margin-right:15px;
    padding:11px 40px 11px 29px;
    text-transform:uppercase;
    position:relative;
    z-index:10;
    overflow:hidden
}
@media screen and (max-width: 550px){
    .button_outline{
        padding:8px 37px 8px 26px;
        font-size:13px
    }
}
.button_outline svg{
    position:absolute;
    right:16px;
    top:14px;
    z-index:2
}
@media screen and (max-width: 550px){
    .button_outline svg{
        top:10px
    }
}
.button_outline:hover{
    color:#fff
}
.fullbg-white{
    background-color:#fff
}
.clear{
    clear:both
}
a:visited,a:active{
    color:#fff;
    text-decoration:none
}
.fader{
    opacity:0;
    position:relative;
    z-index:101
}
form label{
    position:relative;
    margin:0 0 5px;
    display:block
}
form label input[type="email"],form label input[type="text"]{
    -webkit-border-radius:21px;
    -moz-border-radius:21px;
    -ms-border-radius:21px;
    border-radius:21px;
    border:solid 1px #bababc;
    color:#3c3c3b;
    display:inline-block;
    font-size:14px;
    padding:8px 20px;
    position:relative;
    width:225px
}
form label input[type="password"]{
    -webkit-border-radius:21px;
    -moz-border-radius:21px;
    -ms-border-radius:21px;
    border-radius:21px;
    border:solid 1px #bababc;
    color:#3c3c3b;
    display:inline-block;
    font-size:14px;
    padding:8px 20px;
    position:relative;
    width:225px
}
form label input[type="submit"]{
    -webkit-border-radius:21px;
    -moz-border-radius:21px;
    -ms-border-radius:21px;
    border-radius:21px;
    background-color:#5295e1;
    color:#fff;
    display:inline-block;
    font-size:14px;
    font-weight:bold;
    margin-right:15px;
    padding:9px 37px 9px 21px;
    text-transform:uppercase;
    position:relative
}
form label input[type="submit"]:after{
    content:' ';
    background-image:url("../img/svg/strzalka_prawo.svg");
    background-position:0 0;
    background-repeat:no-repeat;
    height:33px;
    position:absolute;
    right:16px;
    top:14px;
    width:10px;
    z-index:2
}
form label input[type="submit"]:hover{
    color:#fff
}
form label button{
    -webkit-border-radius:21px;
    -moz-border-radius:21px;
    -ms-border-radius:21px;
    border-radius:21px;
    background-color:#5295e1 !important;
    color:#fff;
    display:inline-block;
    font-size:14px;
    font-weight:bold;
    margin-right:0 !important;
    padding:9px 37px 9px 21px !important;
    text-transform:uppercase;
    position:relative
}
form label button:after{
    content:' ';
    background-image:url("../img/svg/strzalka_prawo.svg");
    background-position:0 0;
    background-repeat:no-repeat;
    height:33px;
    position:absolute;
    right:16px;
    top:11px !important;
    width:10px;
    z-index:2
}
#fp-nav ul li a.active span,.fp-slidesNav ul li a.active span,#fp-nav ul li:hover a.active span,.fp-slidesNav ul li:hover a.active span{
    height:10px;
    margin:-2px 0 0 -2px;
    width:10px
}
#fp-nav ul li a span,.fp-slidesNav ul li a span{
    background:#8d8b8d;
    height:10px;
    width:10px;
    overflow:hidden
}
#fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span{
    margin:-2px 0 0 -2px
}
#fp-nav ul li a span::before,.fp-slidesNav ul li a span::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#fff;
    -webkit-transform:translate3d(0, 100%, 0);
    transform:translate3d(0, 100%, 0);
    -webkit-transition:-webkit-transform 0.9s;
    transition:transform 0.9s;
    -webkit-transition-timing-function:cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function:cubic-bezier(0.2, 1, 0.3, 1)
}
#fp-nav ul li a.active span::before,.fp-slidesNav ul li a.active span::before,#fp-nav ul li:hover a.active span::before,.fp-slidesNav ul li:hover a.active span::before{
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0)
}
#fp-nav ul li a i{
    border:2px solid #8d8a8e;
    border-radius:50%;
    display:block;
    height:8px;
    left:19px;
    position:absolute;
    top:6px;
    width:8px
}
#fp-nav ul li a.active.right-side-active span,.fp-slidesNav ul li a.active.right-side-active span,#fp-nav ul li:hover a.active.right-side-active span,.fp-slidesNav ul li:hover a.active.right-side-active span{
    background-color:#8d8b8d !important
}
#fp-nav .mouse{
    background-image:url("../img/svg/mysz_2.svg");
    background-position:0 0;
    background-repeat:no-repeat;
    width:22px;
    height:47px;
    margin:12px 0 0 6px;
    opacity:.7
}
.main-fader{
    background-color:rgba(33,30,39,0.85);
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:104;
    opacity:0
}
@media screen and (max-width: 1080px){
    .main-fader {
        height: 100%;
    }
}

.panels,.top-container{
    position:fixed;
    top:0;
    z-index:105;
    width:100%
}
.panels .navigation,.top-container .navigation{
    height:55px
}
.panels .navigation .close-cat,.top-container .navigation .close-cat{
    float:right;
    margin:17px 20px 0 0
}
.panels .categories,.top-container .categories{
    padding-top:80px;
    position:absolute;
    bottom:0;
    z-index:2;
    width:100%
}
.panels .categories .navigation,.top-container .categories .navigation{
    position:relative
}
.panels .categories .navigation a.close-navi,.top-container .categories .navigation a.close-navi{
    float:right;
    margin:25px 20px 0 0
}
.panels .categories .navigation p,.top-container .categories .navigation p{
    color:#fff;
    font-size:24px;
    font-family:"Roboto Condensed",sans-serif;
    font-weight:bold;
    text-transform:uppercase;
    position:absolute;
    z-index:1;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -webkit-transform:translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%)
}
.panels .icons-bg,.top-container .icons-bg{
    background-size:cover;
    background-position:center center;
    margin-right:0.5%;
    width:16.222%
}
.panels .icons-bg.ilosc3,.top-container .icons-bg.ilosc3{
    width:32.999%
}
@media screen and (max-width: 1080px){
    .panels .icons-bg,.top-container .icons-bg{
        width:99%;
        margin:0 0.5% 5px 0.5%
    }
}
.panels .icons-bg:last-child,.top-container .icons-bg:last-child{
    margin-right:0
}
.panels .icons,.top-container .icons{
    display:block;
    overflow:hidden;
    position:relative;
    height:260px
}
@media screen and (max-width: 1080px){
    .panels .icons,.top-container .icons{
        height:50px
    }
}
.panels .icons .apla,.top-container .icons .apla{
    transition:All .2s ease;
    -webkit-transition:All .2s ease;
    -moz-transition:All .2s ease;
    -o-transition:All .2s ease
}
.panels .icons .icon,.top-container .icons .icon{
    position:absolute;
    top:35%;
    z-index:3;
    text-align:center;
    font-family:"Roboto Condensed",sans-serif;
    color:#fff;
    width:100%;
    font-size:16px;
    text-transform:uppercase;
    font-weight:bold;
    transition:All .2s ease;
    -webkit-transition:All .2s ease;
    -moz-transition:All .2s ease;
    -o-transition:All .2s ease
}
@media screen and (max-width: 1080px){
    .panels .icons .icon,.top-container .icons .icon{
        top:12px;
        margin-left:40px;
        text-align:left
    }
    .panels .icons .icon p,.top-container .icons .icon p{
        position:absolute;
        z-index:1;
        top:50%;
        left:50%;
        transform:translateX(-50%) translateY(-50%);
        -ms-transform:translateX(-50%) translateY(-50%);
        -moz-transform:translateX(-50%) translateY(-50%);
        -webkit-transform:translateX(-50%) translateY(-50%);
        -o-transform:translateX(-50%) translateY(-50%);
        margin:-14px 0 0 -40px
    }
}
.panels .icons .icon img,.top-container .icons .icon img{
    margin-bottom:30px;
    opacity:.5
}
@media screen and (max-width: 1080px){
    .panels .icons .icon img,.top-container .icons .icon img{
        width:27px
    }
}
.panels .icons .icon img.audio,.top-container .icons .icon img.audio{
    margin-top:17px
}
.panels .icons .text,.top-container .icons .text{
    position:absolute;
    top:100%;
    z-index:2;
    transition:All .3s ease;
    -webkit-transition:All .3s ease;
    -moz-transition:All .3s ease;
    -o-transition:All .3s ease;
    color:#fff;
    text-align:center;
    margin:0 auto;
    width:100%;
    padding:0 5%
}
@media screen and (max-width: 1080px){
    .panels .icons .text,.top-container .icons .text{
        display:none
    }
}
.panels .icons .text .plus,.top-container .icons .text .plus{
    margin:0 0 10px
}
@media screen and (max-width: 1080px){
    .panels .icons .text .plus,.top-container .icons .text .plus{
        display:none
    }
}
.panels .icons .text p,.top-container .icons .text p{
    opacity:.5;
    font-size:13px
}
.panels .icons .apla,.top-container .icons .apla{
    position:absolute;
    top:0;
    width:100%;
    height:100%;
    z-index:1
}
.panels .icons:hover .apla,.top-container .icons:hover .apla{
    opacity:.8
}
@media screen and (max-width: 1080px){
    .panels .icons:hover .apla,.top-container .icons:hover .apla{
        opacity:1
    }
}
.panels .icons:hover .icon,.top-container .icons:hover .icon{
    top:25%
}
@media screen and (max-width: 1080px){
    .panels .icons:hover .icon,.top-container .icons:hover .icon{
        top:12px
    }
}
.panels .icons:hover .text,.top-container .icons:hover .text{
    top:60%
}
.panels .categories-small .icons-bg,.top-container .categories-small .icons-bg{
    background-size:cover;
    background-position:center center;
    margin-right:0;
    width:16.6667%
}
.panels .categories-small .icons-bg.ilosc4,.top-container .categories-small .icons-bg.ilosc4{
    width:25%
}
.panels .categories-small .icons-bg.ilosc3,.top-container .categories-small .icons-bg.ilosc3{
    width:33.3333%
}
@media screen and (max-width: 1080px){
    .panels .categories-small .icons-bg,.top-container .categories-small .icons-bg{
        width:99%;
        margin:0 0.5% 5px 0.5%
    }
}
.panels .categories-small .icons,.top-container .categories-small .icons{
    height:100%
}
@media screen and (max-width: 1080px){
    .panels .categories-small .icons,.top-container .categories-small .icons{
        height:50px
    }
}
.panels .categories-small .icons .icon,.top-container .categories-small .icons .icon{
    top:37%
}
@media screen and (max-width: 1080px){
    .panels .categories-small .icons .icon,.top-container .categories-small .icons .icon{
        top:12px
    }
}
.panels .categories-small .icons .icon img,.top-container .categories-small .icons .icon img{
    transition:All .2s ease;
    -webkit-transition:All .2s ease;
    -moz-transition:All .2s ease;
    -o-transition:All .2s ease;
    margin-bottom:15px;
    top:12px
}
.panels .categories-small .icons .text p,.top-container .categories-small .icons .text p{
    font-size:12px;
    line-height:14px
}
.panels .categories-small .icons:hover .icon,.top-container .categories-small .icons:hover .icon{
    top:-15px
}
@media screen and (max-width: 1080px){
    .panels .categories-small .icons:hover .icon,.top-container .categories-small .icons:hover .icon{
        top:12px
    }
}
.panels .categories-small .icons:hover .icon img,.top-container .categories-small .icons:hover .icon img{
    opacity:0;
    margin-bottom:0
}
@media screen and (max-width: 1080px){
    .panels .categories-small .icons:hover .icon img,.top-container .categories-small .icons:hover .icon img{
        opacity:1;
        margin-bottom:auto
    }
}
.panels .categories-small .icons:hover .icon.ab,.top-container .categories-small .icons:hover .icon.ab{
    top:-32px
}
@media screen and (max-width: 1080px){
    .panels .categories-small .icons:hover .icon.ab,.top-container .categories-small .icons:hover .icon.ab{
        top:12px
    }
}
@media screen and (min-width: 1600px){
    .panels .categories-small .icons:hover .icon.ab,.top-container .categories-small .icons:hover .icon.ab{
        top:13%
    }
}
@media screen and (min-width: 1600px){
    .panels .categories-small .icons:hover .icon,.top-container .categories-small .icons:hover .icon{
        top:13%
    }
}
.panels .categories-small .icons:hover .text,.top-container .categories-small .icons:hover .text{
    top:60px
}
@media screen and (max-width: 1080px){
    .panels .categories-small .icons:hover .text,.top-container .categories-small .icons:hover .text{
        display:none
    }
}
@media screen and (min-width: 1600px){
    .panels .categories-small .icons:hover .text,.top-container .categories-small .icons:hover .text{
        top:47%
    }
}
.panels .contact,.top-container .contact{
    padding-top:80px;
    position:absolute;
    bottom:0;
    z-index:2;
    width:100%
}
.panels .contact h3,.top-container .contact h3{
    font-family:"Roboto",sans-serif;
    font-size:24px;
    color:#000;
    margin-bottom:35px
}
@media screen and (max-width: 1080px){
    .panels .contact h3,.top-container .contact h3{
        font-size:16px;
        margin-bottom:6px
    }
}
.panels .contact h3.white,.top-container .contact h3.white{
    color:#fff
}
.panels .contact .location,.top-container .contact .location{
    background-image:url("../img/home/bg_contact_location.jpg");
    background-size:cover;
    background-position:center center;
    padding:10% 7%
}
@media screen and (max-width: 1080px){
    .panels .contact .location,.top-container .contact .location{
        padding:4% 27px
    }
}
.panels .contact .location .button_outline,.top-container .contact .location .button_outline{
    padding:8px 20px
}
.panels .contact .location .button_fullbg,.top-container .contact .location .button_fullbg{
    padding:8px 20px
}
.panels .contact .location p.location-city,.top-container .contact .location p.location-city{
    background-image:url("../img/svg/kontakt_lokalizacja.svg");
    background-position:left center;
    background-repeat:no-repeat;
    font-size:14px;
    color:#fff;
    padding:14px 0 7px 40px;
    float:left
}
.panels .contact .location a.change-location,.top-container .contact .location a.change-location{
    float:left;
    margin-left:15px;
    margin-top:4px;
    padding:8px 15px 8px 20px
}
@media screen and (max-width: 1080px){
    .panels .contact .location a.change-location,.top-container .contact .location a.change-location{
        float:right;
        margin-top:-15px;
        margin-right:-2px
    }
}
@media screen and (max-width: 360px){
    .panels .contact .location a.change-location,.top-container .contact .location a.change-location{
        margin-top:4px
    }
}
.panels .contact .location a.change-location span,.top-container .contact .location a.change-location span{
    float:right;
    font-size:18px;
    font-weight:bold;
    margin:-5px 0 0 7px;
    transition:All .3s ease;
    -webkit-transition:All .3s ease;
    -moz-transition:All .3s ease;
    -o-transition:All .3s ease
}
.panels .contact .location a.change-location:hover span,.top-container .contact .location a.change-location:hover span{
    color:#fff !important
}
.panels .contact .location .choose-location,.top-container .contact .location .choose-location{
    opacity:0;
    visibility:hidden;
    transition:All .2s ease;
    -webkit-transition:All .2s ease;
    -moz-transition:All .2s ease;
    -o-transition:All .2s ease;
    max-width:250px;
    width:100%;
    margin:53px auto 0;
    text-align:center
}
@media screen and (max-width: 1080px){
    .panels .contact .location .choose-location,.top-container .contact .location .choose-location{
        display:none;
        margin:53px auto 50px
    }
}
.panels .contact .location .choose-location .button_outline,.top-container .contact .location .choose-location .button_outline{
    margin-right:0
}
.panels .contact .location .choose-location p,.top-container .contact .location .choose-location p{
    color:#fff;
    display:block;
    margin:5px 0;
    font-size:13px
}
.panels .contact .location .choose-location .select-black,.panels .contact .location .choose-location .selectric-wrapper,.top-container .contact .location .choose-location .select-black,.top-container .contact .location .choose-location .selectric-wrapper{
    width:220px !important;
    margin:0 auto
}
.panels .contact .location .choose-location a.save,.top-container .contact .location .choose-location a.save{
    display:inline-block;
    margin:30px auto 0
}
.panels .contact .location .choose-location .button_fullbg::after,.top-container .contact .location .choose-location .button_fullbg::after{
    background:none
}
.panels .contact .location .choose-location.act,.top-container .contact .location .choose-location.act{
    opacity:1;
    visibility:visible
}
@media screen and (max-width: 1080px){
    .panels .contact .location .choose-location.act,.top-container .contact .location .choose-location.act{
        display:block
    }
}
.panels .contact .address,.top-container .contact .address{
    background-color:#fff;
    padding:10% 17%
}
@media screen and (max-width: 1080px){
    .panels .contact .address,.top-container .contact .address{
        text-align:center
    }
}
.panels .contact .address .select-white,.panels .contact .address .selectric-wrapper,.top-container .contact .address .select-white,.top-container .contact .address .selectric-wrapper{
    width:240px !important
}
.panels .contact .address .select-white .selectboxit-text,.panels .contact .address .selectric-wrapper .selectboxit-text,.top-container .contact .address .select-white .selectboxit-text,.top-container .contact .address .selectric-wrapper .selectboxit-text{
    font-weight:bold
}
.panels .contact .address .city-company,.top-container .contact .address .city-company{
    margin-top:40px
}
.panels .contact .address .city-company h4,.top-container .contact .address .city-company h4{
    font-size:16px;
    font-weight:500;
    margin:0 0 7px
}
.panels .contact .address .city-company .tab,.top-container .contact .address .city-company .tab{
    display:none
}
.panels .contact .address .city-company .tab.act,.top-container .contact .address .city-company .tab.act{
    display:block
}
.panels .contact .address .city-company .txt p,.top-container .contact .address .city-company .txt p{
    display:block;
    margin:0 0 2px;
    font-size:13px
}
.panels .contact .address .city-company .txt p strong,.top-container .contact .address .city-company .txt p strong{
    display:inline-block;
    width:65px;
    font-weight:normal
}
.panels .contact .map,.top-container .contact .map{
    background-color:#efefef;
    position:relative
}
@media screen and (max-width: 1080px){
    .panels .contact .map,.top-container .contact .map{
        height:400px !important
    }
    .panels .contact .map .ajax-mapa,.top-container .contact .map .ajax-mapa{
        height:400px !important
    }
}
.panels .contact .map .seemore,.top-container .contact .map .seemore{
    position:absolute;
    bottom:40px;
    z-index:2;
    color:#3c3c3c;
    font-size:13px;
    border:solid 2px #c3bfbd;
    padding:8px 20px 8px 20px;
    white-space:nowrap;
    position:absolute;
    z-index:1;
    left:50%;
    transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -webkit-transform:translateX(-50%);
    -o-transform:translateX(-50%)
}
.panels .contact .map .seemore:hover,.top-container .contact .map .seemore:hover{
    background:#c3bfbd
}
.panels .contact .map .seemore:before,.top-container .contact .map .seemore:before{
    background:#c3bfbd
}
.panels .contact .map .close-contact,.top-container .contact .map .close-contact{
    box-shadow:0 0 1px 0px white inset, 0 0 1px 0px white;
    -webkit-box-shadow:0 0 1px 0px white inset, 0 0 1px 0px white;
    -moz-box-shadow:0 0 1px 0px white inset, 0 0 1px 0px white;
    background:#000;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    position:absolute;
    top:15px;
    right:15px;
    display:inline-block;
    padding:8px 13px 11px;
    z-index:2;
    transition:All .2s ease;
    -webkit-transition:All .2s ease;
    -moz-transition:All .2s ease;
    -o-transition:All .2s ease
}
.panels .contact .map .close-contact:hover,.top-container .contact .map .close-contact:hover{
    top:13px;
    right:13px;
    padding:10px 15px 13px
}
@media screen and (max-width: 1080px){
    .panels .contact .map .close-contact,.top-container .contact .map .close-contact{
        display:none
    }
}
.panels .contact .map .gmap,.top-container .contact .map .gmap{
    width:100%;
    height:100%;
    min-height:100%;
    position:relative;
    z-index:1
}
.panels .contact .do-you-know,.top-container .contact .do-you-know{
    background-color:#2f2d34;
    height:100%
}
@media screen and (max-width: 1080px){
    .panels .contact .do-you-know,.top-container .contact .do-you-know{
        margin:35px 0px
    }
}
.panels .contact .do-you-know h5,.top-container .contact .do-you-know h5{
    font-family:"Roboto",sans-serif;
    font-size:24px;
    color:#fff;
    width:100%;
    text-align:center;
    position:absolute;
    z-index:1;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -webkit-transform:translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%)
}
@media screen and (max-width: 1080px){
    .panels .contact .do-you-know h5,.top-container .contact .do-you-know h5{
        position:relative;
        z-index:1;
        top:auto;
        left:auto;
        transform:none;
        -ms-transform:none;
        -moz-transform:none;
        -webkit-transform:none;
        -o-transform:none
    }
}
.panels .contact .categories-small .icons-bg:first-child img,.top-container .contact .categories-small .icons-bg:first-child img{
    margin-bottom:18px
}
.panels .contact .categories-small .icon>p,.top-container .contact .categories-small .icon>p{
    margin:0 auto;
    width:70%
}
@media screen and (max-width: 1080px){
    .panels .contact .categories-small .icon>p,.top-container .contact .categories-small .icon>p{
        width:100%;
        position:absolute;
        z-index:1;
        top:50%;
        left:50%;
        transform:translateX(-50%) translateY(-50%);
        -ms-transform:translateX(-50%) translateY(-50%);
        -moz-transform:translateX(-50%) translateY(-50%);
        -webkit-transform:translateX(-50%) translateY(-50%);
        -o-transform:translateX(-50%) translateY(-50%);
        margin:-8px 0 0 -40px;
        text-align:center
    }
}
.panels .login-register,.top-container .login-register{
    padding-top:80px;
    position:absolute;
    z-index:2;
    bottom:0;
    width:100%
}
.panels .login-register .col-md-4,.top-container .login-register .col-md-4{
    height:320px
}
@media screen and (max-width: 1080px){
    .panels .login-register .col-md-4,.top-container .login-register .col-md-4{
        height:auto
    }
}
.panels .login-register h3,.top-container .login-register h3{
    font-size:24px;
    color:#000;
    margin-bottom:30px
}
@media screen and (max-width: 1080px){
    .panels .login-register .text-right,.top-container .login-register .text-right{
        text-align:center
    }
}
.panels .login-register .login,.top-container .login-register .login{
    background:#fff;
    padding:80px
}
@media screen and (max-width: 1080px){
    .panels .login-register .login,.top-container .login-register .login{
        padding:40px 30px;
        text-align:center
    }
}
.panels .login-register .login.register-form h3,.top-container .login-register .login.register-form h3{
    font-size:20px;
    color:#4a4a49
}
.panels .login-register .login.register-form h3 span,.top-container .login-register .login.register-form h3 span{
    font-weight:300;
    color:#9d9d9c;
    position:relative;
    top:-3px;
    left:3px;
    font-size:16px
}
.panels .login-register .login.register-form h3 span em,.top-container .login-register .login.register-form h3 span em{
    font-style:normal
}
.panels .login-register .login .tab,.top-container .login-register .login .tab{
    transition:All .3s ease;
    -webkit-transition:All .3s ease;
    -moz-transition:All .3s ease;
    -o-transition:All .3s ease;
    visibility:hidden;
    opacity:0;
    height:0
}
.panels .login-register .login .tab.act,.top-container .login-register .login .tab.act{
    visibility:visible;
    opacity:1;
    height:auto
}
.panels .login-register .login form,.top-container .login-register .login form{
    max-width:265px;
    width:100%
}
@media screen and (max-width: 1080px){
    .panels .login-register .login form,.top-container .login-register .login form{
        margin:0 auto
    }
}
.panels .login-register .login form label .forgot,.top-container .login-register .login form label .forgot{
    position:absolute;
    right:15px;
    top:8px
}
@media screen and (max-width: 1080px){
    .panels .login-register .login form label .forgot,.top-container .login-register .login form label .forgot{
        position:relative;
        right:auto;
        top:auto;
        margin:15px auto
    }
}
.panels .login-register .login form label .forgot a,.top-container .login-register .login form label .forgot a{
    color:#676767;
    font-size:13px;
    background-image:url("../img/home/ico_pass.png");
    background-position:left center;
    background-repeat:no-repeat;
    padding-left:17px
}
.panels .login-register .login form label .forgot a:hover,.top-container .login-register .login form label .forgot a:hover{
    text-decoration:underline
}
.panels .login-register .login form label input[type="submit"],.top-container .login-register .login form label input[type="submit"]{
    margin-right:0
}
.panels .login-register .login form label .error,.top-container .login-register .login form label .error{
    border:solid 2px #ff0000
}
.panels .login-register .login div.strip-v,.top-container .login-register .login div.strip-v{
    width:1px;
    height:100%;
    background:#cccccc;
    position:absolute;
    z-index:1;
    top:50%;
    right:0;
    transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    height:178px;
    margin:11px 0 0
}
.panels .login-register .register-form form,.top-container .login-register .register-form form{
    max-width:315px
}
.panels .login-register .register-steps,.top-container .login-register .register-steps{
    position:relative;
    z-index:100
}
.panels .login-register .register-steps .alerts,.top-container .login-register .register-steps .alerts{
    position:absolute;
    width:100%;
    top:0;
    left:0;
    right:0;
    z-index:100
}
.panels .login-register .register-steps .alerts.act,.top-container .login-register .register-steps .alerts.act{
    bottom:0
}
.panels .login-register .register-steps form label,.top-container .login-register .register-steps form label{
    display:inline-block
}
.panels .login-register .register-steps .register-less,.top-container .login-register .register-steps .register-less{
    float:left;
    margin:0;
    padding:8px 33px 8px 33px;
    background-color:#dd4b39 !important
}
.panels .login-register .register-steps .register-less:after,.top-container .login-register .register-steps .register-less:after{
    top:10px;
    right:20px;
    width:0;
    background:none
}
.panels .login-register .social-login,.top-container .login-register .social-login{
    background:#fff;
    padding:80px
}
@media screen and (max-width: 1080px){
    .panels .login-register .social-login,.top-container .login-register .social-login{
        text-align:center;
        padding:40px 30px
    }
}
.panels .login-register .accept-regs,.top-container .login-register .accept-regs{
    background:#fff;
    padding:80px 50px 0 20px
}
@media screen and (max-width: 1080px){
    .panels .login-register .accept-regs,.top-container .login-register .accept-regs{
        text-align:center;
        padding:20px 15px
    }
}
.panels .login-register .accept-regs .navi-tabs,.top-container .login-register .accept-regs .navi-tabs{
    transition:All .3s ease;
    -webkit-transition:All .3s ease;
    -moz-transition:All .3s ease;
    -o-transition:All .3s ease;
    visibility:hidden;
    opacity:0;
    height:0
}
.panels .login-register .accept-regs .navi-tabs.act,.top-container .login-register .accept-regs .navi-tabs.act{
    visibility:visible;
    opacity:1;
    height:auto
}
.panels .login-register .accept-regs .inputs,.top-container .login-register .accept-regs .inputs{
    padding:40px 0 0 0
}
.panels .login-register .accept-regs .inputs label,.top-container .login-register .accept-regs .inputs label{
    margin:0 0 15px;
    width:100%
}
.panels .login-register .accept-regs .inputs label input,.top-container .login-register .accept-regs .inputs label input{
    float:left
}
.panels .login-register .accept-regs .inputs label p,.top-container .login-register .accept-regs .inputs label p{
    float:left;
    width:92%;
    margin:0 0 0 10px;
    color:#7e7e7e;
    font-size:12px
}
.panels .login-register .accept-regs .inputs label .register-more,.top-container .login-register .accept-regs .inputs label .register-more{
    float:right;
    margin:0;
    padding:8px 43px 8px 33px
}
.panels .login-register .accept-regs .inputs label .register-more:after,.top-container .login-register .accept-regs .inputs label .register-more:after{
    top:10px;
    right:20px
}
.panels .login-register .accept-regs .inputs label .register-close,.top-container .login-register .accept-regs .inputs label .register-close{
    float:left;
    margin:0;
    padding:8px 33px 8px 33px;
    background-color:#dd4b39 !important
}
.panels .login-register .accept-regs .inputs label .register-close:after,.top-container .login-register .accept-regs .inputs label .register-close:after{
    background:none;
    width:0
}
.panels .login-register .accept-regs .inputs label .register-finish,.top-container .login-register .accept-regs .inputs label .register-finish{
    margin-top:50px;
    padding:9px 40px 9px 29px
}
.panels .login-register .accept-regs .inputs label .register-finish:after,.top-container .login-register .accept-regs .inputs label .register-finish:after{
    top:11px
}
.panels .login-register .buttons a,.top-container .login-register .buttons a{
    background-position:13px center;
    background-repeat:no-repeat;
    display:inline-block;
    font-weight:normal;
    margin:0 0 10px;
    padding-left:57px;
    text-transform:none;
    width:265px
}
.panels .login-register .buttons a.facebook,.top-container .login-register .buttons a.facebook{
    background-image:url("../img/home/ico_facebook.png");
    background-color:#3b5998
}
.panels .login-register .buttons a.gplus,.top-container .login-register .buttons a.gplus{
    background-image:url("../img/home/ico_gplus.png");
    background-color:#dd4b39
}
.panels .login-register .buttons a:after,.top-container .login-register .buttons a:after{
    background:none
}
.panels .login-register .register-panel,.top-container .login-register .register-panel{
    background-image:url("../img/home/bg_register_panel.jpg");
    background-size:cover;
    background-position:center center;
    position:relative
}
@media screen and (max-width: 1080px){
    .panels .login-register .register-panel,.top-container .login-register .register-panel{
        height:300px
    }
}
.panels .login-register .register-panel a.close-login,.top-container .login-register .register-panel a.close-login{
    position:absolute;
    z-index:2;
    right:20px;
    top:20px
}
@media screen and (max-width: 1080px){
    .panels .login-register .register-panel a.close-login,.top-container .login-register .register-panel a.close-login{
        display:none
    }
}
.panels .login-register .register-panel .text,.top-container .login-register .register-panel .text{
    position:absolute;
    z-index:1;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -webkit-transform:translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%);
    width:80%;
    text-align:center
}
.panels .login-register .register-panel .text p,.top-container .login-register .register-panel .text p{
    color:#fff;
    font-size:13px;
    line-height:16px;
    margin:0 0 30px;
    opacity:.75
}
.panels .login-register .register-panel .text h3,.top-container .login-register .register-panel .text h3{
    font-size:24px;
    color:#fff;
    margin-bottom:20px
}
.panels .login-register .register-wrapper,.top-container .login-register .register-wrapper{
    position:absolute;
    top:80px;
    left:0;
    right:0;
    bottom:0;
    z-index:2;
    display:none
}
.panels .forgot_passs,.top-container .forgot_passs{
    display:none;
    position:absolute;
    width:100%;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:#fff;
    z-index:2;
    padding:80px
}
.panels .forgot_passs .close-forgot,.top-container .forgot_passs .close-forgot{
    position:absolute;
    z-index:3;
    right:40px;
    top:40px
}
.panels .login_results,.top-container .login_results{
    display:none;
    position:absolute;
    width:100%;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:#fff;
    z-index:3
}
.panels .login_results .register-alerts,.top-container .login_results .register-alerts{
    padding:0 20px !important
}
.panels .login_results .register-alerts .text,.top-container .login_results .register-alerts .text{
    padding:80px 0 60px 20px !important
}
.panels .login_results .close-icon:after,.top-container .login_results .close-icon:after{
    background:none !important
}
.panels .login_results .close-icon img,.top-container .login_results .close-icon img{
    position:absolute;
    right:18px;
    top:16px
}
.panels .register-alerts,.top-container .register-alerts{
    position:absolute;
    width:100%;
    background:#fff;
    top:0;
    left:0;
    right:0;
    bottom:0
}
.panels .register-alerts .alert-icon,.top-container .register-alerts .alert-icon{
    height:300px
}
@media screen and (max-width: 768px){
    .panels .register-alerts .alert-icon,.top-container .register-alerts .alert-icon{
        height:150px
    }
}
.panels .register-alerts .alert-icon img,.top-container .register-alerts .alert-icon img{
    position:absolute;
    z-index:1;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -webkit-transform:translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%);
    width:75px;
    height:auto
}
.panels .register-alerts .text,.top-container .register-alerts .text{
    padding:80px 0 60px
}
.panels .register-alerts .text h1,.top-container .register-alerts .text h1{
    font-size:32px;
    line-height:32px;
    color:#4a4a49;
    font-weight:500;
    margin:0 0 30px
}
.panels .register-alerts .text p,.top-container .register-alerts .text p{
    font-size:14px;
    color:#676767;
    line-height:20px;
    margin:0 0 15px
}
.panels .register-alerts .text a.register-close,.top-container .register-alerts .text a.register-close{
    padding:13px 32px 13px 29px
}
.panels .register-alerts .text a.register-close:after,.top-container .register-alerts .text a.register-close:after{
    background:none !important
}
.panels .register-alerts .text a.register-close img,.top-container .register-alerts .text a.register-close img{
    position:relative;
    top:-1px;
    left:8px
}
.pass-strength{
    margin:10px 0 0 0
}
.pass-strength p{
    float:left;
    font-size:13px;
    color:#3c3c3b;
    margin:0 10px 0 0
}
.pass-strength ul{
    float:left;
    margin:7px 0 0 0
}
.pass-strength ul li{
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    width:7px;
    height:7px;
    float:left;
    margin:0 3px 0 0;
    background-color:#cecece
}
.pass-strength .txt{
    margin:0 0 0 10px;
    float:left;
    font-size:13px;
    color:#3c3c3b;
    display:none
}
.pass-strength.is10 .p1{
    display:block;
    color:#971006
}
.pass-strength.is10 li:first-child{
    background:#971006
}
.pass-strength.is20 .p2{
    display:block;
    color:#ea5045
}
.pass-strength.is20 li:first-child,.pass-strength.is20 li:nth-child(2){
    background:#ea5045
}
.pass-strength.is30 .p3{
    display:block;
    color:#f1a40e
}
.pass-strength.is30 li:first-child,.pass-strength.is30 li:nth-child(2),.pass-strength.is30 li:nth-child(3){
    background:#f1a40e
}
.pass-strength.is40 .p4{
    display:block;
    color:#66c066
}
.pass-strength.is40 li:first-child,.pass-strength.is40 li:nth-child(2),.pass-strength.is40 li:nth-child(3),.pass-strength.is40 li:nth-child(4){
    background:#66c066
}
.pass-strength.is50 .p5{
    display:block;
    color:#019301
}
.pass-strength.is50 li{
    background:#019301
}
.panels{
    position:relative !important;
    z-index:100
}
.panels .contact{
    padding-top:80px;
    position:relative;
    top:0;
    bottom:auto;
    background:#333
}
.panels .contact .navi{
    height:60px;
    background:#fff;
    position:relative;
    padding:14px 0 0 0
}
.panels .contact .navi h1{
    font-size:24px;
    color:#333;
    margin-left:80px
}
@media screen and (max-width: 1080px){
    .panels .contact .navi h1{
        margin-left:15px
    }
}
.panels .contact .navi a.circle{
    padding:9px 14px 12px 17px;
    display:inline-block;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%
}
.panels .contact .navi .c-nav-right{
    position:absolute;
    z-index:1;
    top:50%;
    right:0;
    transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    margin-right:60px;
    z-index:999
}
@media screen and (max-width: 768px){
    .panels .contact .navi .c-nav-right{
        position:absolute;
        bottom:20px;
        top:auto;
        right:auto;
        position:absolute;
        z-index:1;
        left:50%;
        transform:translateX(-50%);
        -ms-transform:translateX(-50%);
        -moz-transform:translateX(-50%);
        -webkit-transform:translateX(-50%);
        -o-transform:translateX(-50%)
    }
}
.panels .contact .navi .c-nav-left{
    position:absolute;
    z-index:1;
    top:50%;
    transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    margin-left:12px;
    padding:9px 15px 12px 14px !important;
    z-index:999
}
.panels .contact .navi .c-nav-left img{
    left:-2px;
    position:relative
}
@media screen and (max-width: 1080px){
    .panels .contact .navi .c-nav-left{
        display:none
    }
}
.panels .login-register{
    padding-top:80px;
    position:relative;
    z-index:2;
    bottom:auto;
    top:0;
    width:100%
}
nav{
    height:80px;
    background-position:left center;
    background-repeat:no-repeat;
    opacity:0
}
@media screen and (max-width: 1080px){
    nav{
        background-position:-26px center
    }
}
@media screen and (max-width: 1080px){
    nav .brand{
        display:none !important
    }
}
nav .navbar-header{
    margin:13px 0 0 15px !important;
    position:relative;
    z-index:10
}
@media screen and (max-width: 1080px){
    nav .navbar-header .navbar-brand>img{
        width:72px;
        position:relative;
        top:4px
    }
}
nav .choose-category{
    float:left;
    margin:12px 0 0 -3px;
    opacity:1;
    @inculde animate(0.2s)
}
@media screen and (max-width: 1080px){
    nav .choose-category{
        margin:8px 0 0 -7px
    }
}
nav .choose-category span{
    height:30px;
    width:30px;
    display:block;
    position:relative;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    transition:All .5s ease;
    -webkit-transition:All .5s ease;
    -moz-transition:All .5s ease;
    -o-transition:All .5s ease;
    transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -o-transform:rotate(0deg)
}
@media screen and (max-width: 1080px){
    nav .choose-category span{
        height:38px;
        width:38px
    }
}
nav .choose-category span img{
    position:absolute;
    z-index:1;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -webkit-transform:translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%)
}
@media screen and (max-width: 1080px){
    nav .choose-category span img{
        margin:1px 0 0 0px
    }
}
nav .choose-category.act span{
    transform:rotate(540deg);
    -webkit-transform:rotate(540deg);
    -moz-transform:rotate(540deg);
    -o-transform:rotate(540deg)
}
nav .choose-category:hover{
    opacity:.7
}
nav .main-nav{
    position:relative
}
@media screen and (max-width: 1080px){
    nav .main-nav{
        display:none
    }
}
nav .main-nav ul.center{
    position:absolute;
    z-index:1;
    left:2%;
    top:25px;
    width:100%;
    text-align:center
}
nav .main-nav ul.center li{
    display:inline-block;
    margin:0 4px
}
nav .main-nav ul.center li a{
    color:#fff;
    display:block;
    font-size:13px;
    padding:7px 13px
}
nav .main-nav ul.center li a:hover{
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    -ms-border-radius:15px;
    border-radius:15px;
    background-color:#4369a6;
    color:#fff
}
nav .main-nav ul.center li.active a{
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    -ms-border-radius:15px;
    border-radius:15px;
    background-color:#fff;
    color:#144390
}
nav .main-nav ul.center.turnoff{
    display:none !important
}
nav .main-nav ul.right{
    position:absolute;
    z-index:1;
    top:50%;
    right:0;
    transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    height:14px;
    margin-right:15px
}
nav .main-nav ul.right>li{
    float:left;
    margin:0 4px
}
nav .main-nav ul.right>li.search a{
    height:30px;
    width:30px;
    display:block;
    position:relative;
    background-color:#ea5045;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%
}
nav .main-nav ul.right>li.search a img{
    position:absolute;
    z-index:1;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -webkit-transform:translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%)
}
nav .main-nav ul.right>li.contact a{
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    -ms-border-radius:15px;
    border-radius:15px;
    background-color:#5295d8;
    color:#fff;
    display:block;
    font-size:13px;
    padding:7px 13px
}
nav .main-nav ul.right>li.contact a:hover{
    background-color:#4369a6
}
nav .main-nav ul.right>li.login a{
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    -ms-border-radius:15px;
    border-radius:15px;
    border:solid 1px #456da3;
    color:#fff;
    display:block;
    font-size:13px;
    padding:7px 13px;
    overflow:hidden
}
nav .main-nav ul.right>li.login a:before{
    background:#4369a6 !important
}
nav .main-nav ul.right>li.login a:hover{
    border:solid 1px #4369a6
}
nav .main-nav ul.right>li.langs{
    position:relative
}
nav .main-nav ul.right>li.langs>a{
    border:1px solid #456da3;
    color:#fff;
    display:block;
    font-size:12px;
    height:32px;
    line-height:30px;
    text-align:center;
    width:32px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%
}
nav .main-nav ul.right>li.langs ul{
    opacity:0;
    position:absolute;
    top:0;
    visibility:hidden;
    background:#fff;
    border:solid 1px #dadada;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    -ms-border-radius:15px;
    border-radius:15px;
    transition:All .2s ease;
    -webkit-transition:All .2s ease;
    -moz-transition:All .2s ease;
    -o-transition:All .2s ease
}
nav .main-nav ul.right>li.langs ul li a{
    color:#3c3c3c;
    display:block;
    padding:7px 8px;
    font-size:11.5px
}
nav .main-nav ul.right>li.langs ul li a.act,nav .main-nav ul.right>li.langs ul li a:hover{
    opacity:.25
}
nav .main-nav ul.right>li.langs:hover ul{
    visibility:visible;
    top:0;
    left:0;
    opacity:1
}
nav.meble-biurowe .main-nav ul.center li{
    margin:0 2px
}
nav.meble-biurowe .main-nav ul.center li a{
    color:#3c3c3c
}
nav.meble-biurowe .main-nav ul.center li a:hover{
    background-color:#3c3c3c;
    color:#fff
}
nav.meble-biurowe .main-nav ul.center li.active a{
    background-color:#3c3c3c;
    color:#fff
}
nav.meble-biurowe .main-nav ul.right>li.search a{
    border:solid 1px #cdcdcd;
    background-color:#fff
}
nav.meble-biurowe .main-nav ul.right>li.login a{
    border:solid 1px #cdcdcd;
    color:#3c3c3c;
    padding:6px 13px
}
nav.meble-biurowe .main-nav ul.right>li.login a:before{
    background:#4369a6 !important
}
nav.meble-biurowe .main-nav ul.right>li.login a:hover{
    border:solid 1px #4369a6;
    color:#fff
}
nav.meble-biurowe .main-nav ul.right>li.login.act a{
    background:#4369a6;
    color:#fff
}
nav.meble-biurowe .main-nav ul.right>li.langs{
    position:relative
}
nav.meble-biurowe .main-nav ul.right>li.langs>a{
    border:1px solid #cdcdcd;
    color:#3c3c3c
}
nav.meble-biurowe .brand{
    float:left;
    font-size:14px;
    font-weight:bold;
    margin:32px 0 0 13px;
    text-transform:uppercase
}
nav.urzadzenia-drukujace .main-nav ul.center li{
    margin:0 1px
}
nav.urzadzenia-drukujace .main-nav ul.center li a{
    color:#3c3c3c
}
nav.urzadzenia-drukujace .main-nav ul.center li a:hover{
    background-color:#3c3c3c;
    color:#fff
}
nav.urzadzenia-drukujace .main-nav ul.center li.active a{
    background-color:#3c3c3c;
    color:#fff
}
nav.urzadzenia-drukujace .main-nav ul.right>li.search a{
    border:solid 1px #cdcdcd;
    background-color:#fff
}
nav.urzadzenia-drukujace .main-nav ul.right>li.login a{
    border:solid 1px #cdcdcd;
    color:#3c3c3c;
    padding:6px 13px
}
nav.urzadzenia-drukujace .main-nav ul.right>li.login a:before{
    background:#5bc9bf !important
}
nav.urzadzenia-drukujace .main-nav ul.right>li.login a:hover{
    border:solid 1px #5bc9bf;
    color:#fff
}
nav.urzadzenia-drukujace .main-nav ul.right>li.contact a{
    background:#5bc9bf !important
}
nav.urzadzenia-drukujace .main-nav ul.right>li.contact a:hover{
    background:#5bc9bf !important
}
nav.urzadzenia-drukujace .main-nav ul.right>li.langs{
    position:relative
}
nav.urzadzenia-drukujace .main-nav ul.right>li.langs>a{
    border:1px solid #cdcdcd;
    color:#3c3c3c
}
nav.urzadzenia-drukujace .brand{
    float:left;
    font-size:14px;
    font-weight:bold;
    margin:32px 0 0 13px;
    text-transform:uppercase
}
nav.audio-video .main-nav ul.center li{
    margin:0 1px
}
nav.audio-video .main-nav ul.center li a{
    color:#3c3c3c
}
nav.audio-video .main-nav ul.center li a:hover{
    background-color:#3c3c3c;
    color:#fff
}
nav.audio-video .main-nav ul.center li.active a{
    background-color:#3c3c3c;
    color:#fff
}
nav.audio-video .main-nav ul.right>li.search a{
    border:solid 1px #cdcdcd;
    background-color:#fff
}
nav.audio-video .main-nav ul.right>li.login a{
    border:solid 1px #cdcdcd;
    color:#3c3c3c;
    padding:6px 13px
}
nav.audio-video .main-nav ul.right>li.login a:before{
    background:#856afd !important
}
nav.audio-video .main-nav ul.right>li.login a:hover{
    border:solid 1px #856afd;
    color:#fff
}
nav.audio-video .main-nav ul.right>li.contact a{
    background:#856afd !important
}
nav.audio-video .main-nav ul.right>li.contact a:hover{
    background:#856afd !important
}
nav.audio-video .main-nav ul.right>li.langs{
    position:relative
}
nav.audio-video .main-nav ul.right>li.langs>a{
    border:1px solid #cdcdcd;
    color:#3c3c3c
}
nav.audio-video .brand{
    float:left;
    font-size:14px;
    font-weight:bold;
    margin:32px 0 0 13px;
    text-transform:uppercase
}
nav.co-working .navbar-brand img{
    margin-top:-12px;
    margin-right:4px
}
nav.co-working .main-nav ul.center li{
    margin:0 1px
}
nav.co-working .main-nav ul.center li a{
    color:#3c3c3c
}
nav.co-working .main-nav ul.center li a:hover{
    background-color:#3c3c3c;
    color:#fff
}
nav.co-working .main-nav ul.center li.active a{
    background-color:#3c3c3c;
    color:#fff
}
nav.co-working .main-nav ul.right>li.search a{
    border:solid 1px #cdcdcd;
    background-color:#fff
}
nav.co-working .main-nav ul.right>li.login a{
    border:solid 1px #cdcdcd;
    color:#3c3c3c;
    padding:6px 13px
}
nav.co-working .main-nav ul.right>li.login a:before{
    background:#d25aa1 !important
}
nav.co-working .main-nav ul.right>li.login a:hover{
    border:solid 1px #d25aa1;
    color:#fff
}
nav.co-working .main-nav ul.right>li.login.act a{
    background-color:#d25aa1;
    color:#fff
}
nav.co-working .main-nav ul.right>li.contact a{
    background:#d25aa1 !important
}
nav.co-working .main-nav ul.right>li.contact a:hover{
    background:#d25aa1 !important
}
nav.co-working .main-nav ul.right>li.langs{
    position:relative
}
nav.co-working .main-nav ul.right>li.langs>a{
    border:1px solid #cdcdcd;
    color:#3c3c3c
}
nav.co-working .brand{
    float:left;
    font-size:14px;
    font-weight:bold;
    margin:32px 0 0 13px;
    text-transform:uppercase
}
nav.co-working .choose-category{
    margin:12px 0 0 -4px
}
@media screen and (max-width: 1080px){
    nav.co-working .choose-category{
        margin:8px 0 0 -11px
    }
}
nav .menu-mobile{
    margin:21px 14px 0 0;
    position:absolute;
    right:0;
    top:0;
    z-index:100
}
nav .menu-mobile .h-opener{
    width:38px;
    height:38px;
    border:solid 1px #e1e1e1;
    display:inline-block;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%
}
nav .menu-mobile ul>li{
    float:left;
    margin:0 12px 0 0
}
@media screen and (max-width: 360px){
    nav .menu-mobile ul>li{
        margin:0 4px 0 0
    }
}
nav .menu-mobile ul>li.search a{
    height:38px;
    width:38px;
    display:block;
    position:relative;
    background-color:#ea5045;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%
}
@media screen and (max-width: 360px){
    nav .menu-mobile ul>li.search a{
        height:29px;
        width:29px;
        margin-top:6px
    }
}
nav .menu-mobile ul>li.search a img{
    position:absolute;
    z-index:1;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -webkit-transform:translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%)
}
nav .menu-mobile ul>li.contact a{
    height:38px;
    width:38px;
    display:block;
    position:relative;
    background-color:#5296e1;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%
}
@media screen and (max-width: 360px){
    nav .menu-mobile ul>li.contact a{
        height:29px;
        width:29px;
        margin-top:6px
    }
}
nav .menu-mobile ul>li.contact a img{
    position:absolute;
    z-index:1;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -webkit-transform:translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%)
}
nav .menu-mobile ul>li.contact a:hover{
    background-color:#4369a6
}
nav .menu-mobile ul>li.login a{
    height:38px;
    width:38px;
    display:block;
    position:relative;
    border:solid 1px #4369a6;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%
}
@media screen and (max-width: 360px){
    nav .menu-mobile ul>li.login a{
        height:29px;
        width:29px;
        margin-top:6px
    }
}
nav .menu-mobile ul>li.login a img{
    position:absolute;
    z-index:1;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -webkit-transform:translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%)
}
@media screen and (max-width: 1080px){
    nav .menu-mobile ul>li.login a img{
        width:14px
    }
}
nav .menu-mobile ul>li.login a:hover{
    border:solid 1px #4369a6
}
nav .menu-mobile.isHome .hamburger .hamburger-inner{
    background-color:#fff
}
nav .menu-mobile.isHome .hamburger .hamburger-inner:before,nav .menu-mobile.isHome .hamburger .hamburger-inner:after{
    background-color:#fff
}
nav .menu-mobile.isHome .hamburger.is-active .hamburger-inner{
    background-color:transparent
}
nav.meble .menu-mobile ul>li.search a{
    border:solid 1px #efefef;
    background-color:#fff
}
nav.meble .menu-mobile ul>li.contact a{
    background-color:#008cdd
}
nav.meble .menu-mobile ul>li.login a{
    border:solid 1px #efefef;
    background-color:#fff
}
nav.urzadzenia-drukujace .menu-mobile ul>li.search a{
    border:solid 1px #efefef;
    background-color:#fff
}
nav.urzadzenia-drukujace .menu-mobile ul>li.contact a{
    background-color:#5bc9bf
}
nav.urzadzenia-drukujace .menu-mobile ul>li.login a{
    border:solid 1px #efefef;
    background-color:#fff
}
nav.co-working .menu-mobile ul>li.search a{
    border:solid 1px #efefef;
    background-color:#fff
}
nav.co-working .menu-mobile ul>li.contact a{
    background-color:#d25aa1
}
nav.co-working .menu-mobile ul>li.login a{
    border:solid 1px #efefef;
    background-color:#fff
}
nav.audio-video .menu-mobile ul>li.search a{
    border:solid 1px #efefef;
    background-color:#fff
}
nav.audio-video .menu-mobile ul>li.contact a{
    background-color:#856afd
}
nav.audio-video .menu-mobile ul>li.login a{
    border:solid 1px #efefef;
    background-color:#fff
}
.main-menu-mobile{
    position:fixed;
    z-index:104;
    left:0;
    top:0;
    height:80px;
    width:100%;
    background:#fff;
    padding:15px;
    transition:All .3s ease;
    -webkit-transition:All .3s ease;
    -moz-transition:All .3s ease;
    -o-transition:All .3s ease;
    overflow:hidden;
    will-change:transform
}
.main-menu-mobile.meble{
    background:#fff
}
.main-menu-mobile.urzadzenia-drukujace{
    background:#fff
}
.main-menu-mobile.co-working{
    background:#fff
}
.main-menu-mobile.audio-video{
    background:#fff
}
.main-menu-mobile.act{
    height:100%
}
.main-menu-mobile.m-show{
    top:80px
}
.main-menu-mobile.m-hide{
    top:-80px
}
.main-menu-mobile .opener{
    width:38px;
    height:38px;
    border:solid 1px #e1e1e1;
    display:inline-block;
    position:absolute;
    right:20px;
    top:19px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    opacity:0
}
.main-menu-mobile .wrapper{
    font-size:32px;
    color:#333;
    padding:15px 0 0 18px;
    font-weight:300
}
.main-menu-mobile .links{
    position:absolute;
    top:80px;
    left:0;
    width:100%
}
@media screen and (max-width: 1080px){
    .main-menu-mobile .links{
        overflow:scroll
    }
}
.main-menu-mobile .links ul li a{
    padding:15px 0;
    font-size:26px;
    color:#333;
    display:block;
    border-top:solid 1px #e0e0e0;
    font-weight:300;
    text-align:center
}
.main-menu-mobile .links ul li:last-child a{
    border-bottom:solid 1px #e0e0e0
}
.fast-ring{
    position:fixed;
    right:0;
    bottom:0;
    z-index:102;
    width:48px;
    height:48px;
    overflow:hidden;
    opacity:0
}
.fast-ring img{
    left:21px;
    position:relative;
    top:16px;
    z-index:2;
    transition:All .1s ease;
    -webkit-transition:All .1s ease;
    -moz-transition:All .1s ease;
    -o-transition:All .1s ease
}
.fast-ring img.pulse{
    animation-name:pulse_animation;
    animation-duration:1000ms;
    transform-origin:70% 70%;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
    -webkit-animation-delay:500ms
}
.fast-ring a{
    transition:All .1s ease;
    -webkit-transition:All .1s ease;
    -moz-transition:All .1s ease;
    -o-transition:All .1s ease
}
.fast-ring a:hover img{
    transform:scale(0.8)
}
.fast-ring .circle{
    position:absolute;
    right:-48;
    bottom:-48px;
    width:96px;
    height:96px;
    z-index:1;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%
}
.fast-ring-contact{
    display:none;
    background-color:rgba(33,30,39,0.85);
    position:fixed;
    top:0;
    right:0;
    z-index:101;
    width:100%;
    height:100%
}
@media screen and (max-width: 1080px){
    .fast-ring-contact{
        z-index:5100
    }
}
.fast-ring-contact .wrapper{
    padding-top:80px;
    background:rgba(33,30,39,0.97);
    position:absolute;
    top:0;
    width:450px;
    transition:All .3s ease;
    -webkit-transition:All .3s ease;
    -moz-transition:All .3s ease;
    -o-transition:All .3s ease
}
@media screen and (max-width: 1080px){
    .fast-ring-contact .wrapper{
        padding-top:0;
        width:100%;
        height:100%;
        text-align:center
    }
}
.fast-ring-contact .wrapper.act{
    right:0
}
.fast-ring-contact .navigation a{
    float:right;
    margin:15px
}
.fast-ring-contact .data{
    padding:20% 110px
}
@media screen and (max-width: 1080px){
    .fast-ring-contact .data{
        padding:15% 2%
    }
}
.fast-ring-contact .data h3{
    font-size:24px;
    color:#fff
}
.fast-ring-contact .data h4{
    font-size:13px;
    color:#fff;
    font-weight:300;
    margin:3px 0 35px
}
.fast-ring-contact .data p{
    font-size:14px;
    color:#fff;
    margin:0 0 5px
}
.fast-ring-contact .data a{
    font-size:32px;
    font-weight:300
}
.fast-ring-contact .data span.sep{
    font-size:14px;
    color:#fff;
    font-weight:300;
    margin:30px 0 25px;
    display:block;
    position:relative;
    text-align:center;
    width:80%
}
@media screen and (max-width: 1080px){
    .fast-ring-contact .data span.sep{
        margin:20px auto 15px
    }
}
.fast-ring-contact .data span.sep:after{
    content:'';
    border-top:solid 1px #4a4a49;
    position:absolute;
    height:1px;
    width:40%;
    top:9px;
    right:0
}
.fast-ring-contact .data span.sep:before{
    content:'';
    border-top:solid 1px #4a4a49;
    position:absolute;
    height:1px;
    width:40%;
    top:9px;
    left:0
}
.fast-ring-contact .data form label input{
    max-width:170px;
    width:100%;
    margin:0 0 50px;
    border:none
}
.fast-ring-contact .data form label button{
    border-radius:46px !important;
    padding:16px 37px 14px 21px !important
}
.fast-ring-contact .data form label button:after{
    top:17px !important
}
.fast-ring-contact .data form .result{
    margin:15px 0 0
}
.fast-ring-contact .data form .result.ok{
    color:#fff
}
.fast-ring-contact .data form .result.error{
    color:red
}
#fullpage{
    opacity:0;
    position:relative;
    z-index:2
}
.element-off{
    opacity:0;
    position:relative;
    top:-50px
}
@media screen and (max-width: 1080px){
    .element-off{
        opacity:1
    }
}
.element-on{
    opacity:1;
    top:0;
    transition:All 0.4s ease;
    transition:All .4s ease;
    -webkit-transition:All .4s ease;
    -moz-transition:All .4s ease;
    -o-transition:All .4s ease
}
.to-animate-off{
    opacity:0
}
@media screen and (max-width: 1080px){
    .to-animate-off{
        opacity:1
    }
}
.to-animate-on{
    opacity:1;
    transition:All .4s ease;
    -webkit-transition:All .4s ease;
    -moz-transition:All .4s ease;
    -o-transition:All .4s ease
}
@media screen and (max-width: 1080px){
    .section{
        position:relative
    }
    .section:first-child{
        padding-top:80px
    }
}
@media screen and (max-width: 1080px){
    body.isMobile .section.nopad{
        padding-top:0 !important
    }
}
.section_categories{
    padding-top:80px
}
@media screen and (max-width: 1080px){
    .section_categories{
        padding-top:0
    }
}
.section_categories .resizer{
    visibility:hidden;
    width:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:-2
}
.section_categories .bgg{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:0;
    visibility:hidden;
    background:#3c3c3c;
    z-index:2;
    transition:All .3s ease;
    -webkit-transition:All .3s ease;
    -moz-transition:All .3s ease;
    -o-transition:All .3s ease
}
.section_categories .bgg.act{
    visibility:visible;
    opacity:.65
}
.section_categories .big .pop{
    display:block;
    height:100%;
    position:relative;
    z-index:1;
    cursor:pointer
}
.section_categories .big .pop .txt{
    position:absolute;
    left:-50%;
    top:20%;
    z-index:20;
    height:100%;
    width:40%;
    transition:All .3s ease;
    -webkit-transition:All .3s ease;
    -moz-transition:All .3s ease;
    -o-transition:All .3s ease
}
.section_categories .big .pop .txt h3{
    font-size:32px;
    line-height:34px;
    color:#fff;
    font-weight:bold;
    margin:0 0 10px
}
@media screen and (max-width: 360px){
    .section_categories .big .pop .txt h3{
        font-size:14px;
        line-height:16px
    }
}
.section_categories .big .pop .txt p{
    font-size:13px;
    font-weight:300;
    line-height:18px;
    color:#fff
}
@media screen and (max-width: 360px){
    .section_categories .big .pop .txt p{
        display:none
    }
}
.section_categories .big .pop .txt .button_fullbg{
    margin-top:25px
}
.section_categories .big .pop .txt .button_fullbg svg{
    position:absolute;
    right:17px;
    top:14px;
    z-index:20
}
.section_categories .big .pop .txt .button_fullbg:after{
    background:none
}
.section_categories .big .pop img.photo{
    position:absolute;
    top:0;
    right:-50%;
    height:100%;
    width:auto;
    z-index:21;
    opacity:0;
    transition:All .4s ease;
    -webkit-transition:All .4s ease;
    -moz-transition:All .4s ease;
    -o-transition:All .4s ease
}
.section_categories .big .pop .blenda{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:0;
    visibility:hidden;
    transition:All .3s ease;
    -webkit-transition:All .3s ease;
    -moz-transition:All .3s ease;
    -o-transition:All .3s ease
}
.section_categories .big .pop.act{
    z-index:20
}
.section_categories .big .pop.act .txt{
    left:10%
}
.section_categories .big .pop.act .blenda{
    visibility:visible;
    opacity:1
}
.section_categories .big .pop.act img.photo{
    opacity:1;
    right:0
}
.section_categories .small .pop{
    display:block;
    height:100%;
    position:relative;
    z-index:1;
    cursor:pointer
}
.section_categories .small .pop h3{
    font-size:20px;
    line-height:22px;
    color:#fff;
    font-weight:bold;
    margin:0 0 10px;
    position:absolute;
    z-index:21;
    top:-50%;
    text-align:center;
    width:95%;
    transition:All .3s ease;
    -webkit-transition:All .3s ease;
    -moz-transition:All .3s ease;
    -o-transition:All .3s ease
}
@media screen and (max-width: 360px){
    .section_categories .small .pop h3{
        font-size:14px;
        line-height:16px
    }
}
.section_categories .small .pop img.photo{
    width:0;
    height:0;
    opacity:0;
    z-index:21;
    position:absolute;
    z-index:1;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -webkit-transform:translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%);
    transition:All .6s ease;
    -webkit-transition:All .6s ease;
    -moz-transition:All .6s ease;
    -o-transition:All .6s ease;
    margin-top:-15px
}
@media screen and (max-width: 360px){
    .section_categories .small .pop img.photo{
        display:none
    }
}
.section_categories .small .pop .blenda{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:0;
    transition:All .3s ease;
    -webkit-transition:All .3s ease;
    -moz-transition:All .3s ease;
    -o-transition:All .3s ease
}
.section_categories .small .pop .txt{
    position:absolute;
    z-index:1;
    left:50%;
    transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -webkit-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    bottom:-50%;
    z-index:20;
    width:95%;
    text-align:center;
    transition:All .3s ease;
    -webkit-transition:All .3s ease;
    -moz-transition:All .3s ease;
    -o-transition:All .3s ease
}
.section_categories .small .pop .txt p{
    font-size:13px;
    font-weight:300;
    line-height:18px;
    color:#fff
}
@media screen and (max-width: 360px){
    .section_categories .small .pop .txt p{
        display:none
    }
}
.section_categories .small .pop .txt .button_fullbg{
    margin-top:8px;
    margin-right:0;
    padding:9px 34px 10px 19px
}
.section_categories .small .pop .txt .button_fullbg svg{
    position:absolute;
    right:17px;
    top:10px;
    z-index:20
}
.section_categories .small .pop .txt .button_fullbg:after{
    background:none
}
.section_categories .small .pop.act{
    z-index:20
}
.section_categories .small .pop.act h3{
    top:20px
}
.section_categories .small .pop.act img.photo{
    width:auto;
    height:auto;
    opacity:1
}
@media screen and (max-width: 768px){
    .section_categories .small .pop.act img.photo{
        width:60%
    }
}
.section_categories .small .pop.act .blenda{
    opacity:1
}
.section_categories .small .pop.act .txt{
    bottom:20px
}
.section_categories .small{
    overflow:hidden;
    background-size:110%;
    background-position:center center;
    background-repeat:no-repeat;
    transition:All .3s ease;
    -webkit-transition:All .3s ease;
    -moz-transition:All .3s ease;
    -o-transition:All .3s ease
}
.section_categories .small.act{
    background-size:120%
}
.section_categories .big{
    overflow:hidden;
    background-size:110%;
    background-repeat:no-repeat;
    background-position:center center;
    transition:All .3s ease;
    -webkit-transition:All .3s ease;
    -moz-transition:All .3s ease;
    -o-transition:All .3s ease
}
.section_categories .big.act{
    background-size:120%
}
.section_categories .strip{
    position:absolute;
    bottom:0;
    height:80px;
    width:101%;
    padding:0 30px;
    z-index:19;
    left:-1px
}
@media screen and (max-width: 360px){
    .section_categories .strip{
        padding:0 10px;
        height:65px
    }
}
.section_categories .strip p{
    transition:All .2s ease;
    -webkit-transition:All .2s ease;
    -moz-transition:All .2s ease;
    -o-transition:All .2s ease;
    position:absolute;
    z-index:1;
    top:50%;
    transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    text-transform:uppercase;
    color:#fff;
    font-weight:bold
}
.section_categories .strip p:after{
    content:'';
    transition:All .2s ease;
    -webkit-transition:All .2s ease;
    -moz-transition:All .2s ease;
    -o-transition:All .2s ease;
    background-image:url(../img/svg/plus_s.svg);
    display:inline-block;
    width:16px;
    height:16px;
    opacity:.5;
    top:3px;
    margin-left:7px;
    position:relative
}
.section_categories .strip:hover p:after{
    margin-left:12px;
    opacity:1
}
.section_categories div>a.s{
    display:block;
    position:relative;
    z-index:1;
    border:solid 1px #fff
}
.section_categories div>a.s:after{
    content:'';
    opacity:0;
    transition:All .2s ease;
    -webkit-transition:All .2s ease;
    -moz-transition:All .2s ease;
    -o-transition:All .2s ease
}
.section_categories div>a.s.notAct:after{
    content:'';
    background-color:rgba(68,62,61,0.7);
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    min-height:100%;
    z-index:100;
    opacity:1
}
.section_categories .app .img-bkg{
    transition:All .5s ease;
    -webkit-transition:All .5s ease;
    -moz-transition:All .5s ease;
    -o-transition:All .5s ease
}
.section_categories .app:hover .img-bkg{
    width:120%;
    height:120%;
    left:-10%;
    top:-10%
}
.bx-wrapper{
    z-index:0
}
.bx-viewport.fix-overflow{
    overflow:unset !important
}
.section_slider{
    padding-top:1px
}
.section_slider .slide{
    width:100%
}
.section_slider .bxslider{
    width:100%
}
.section_slider .bxslider .bx-wrapper .bx-pager.bx-default-pager a{
    background:#fff;
    opacity:.25
}
.section_slider .bxslider .bx-wrapper .bx-pager.bx-default-pager a:hover,.section_slider .bxslider .bx-wrapper .bx-pager.bx-default-pager a.active{
    opacity:1
}
.section_slider .bxslider .buttons{
    bottom:100px !important
}
.section_slider .bx-wrapper .bx-controls-direction a{
    height:36px;
    margin-top:-16px;
    position:absolute;
    text-indent:-9999px;
    top:auto;
    bottom:27px;
    width:36px;
    z-index:9999;
    border:solid 1px #fff;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    transition:All .2s ease;
    -webkit-transition:All .2s ease;
    -moz-transition:All .2s ease;
    -o-transition:All .2s ease;
    opacity:.25
}
.section_slider .bx-wrapper .bx-controls-direction a:hover{
    opacity:1
}
.section_slider .bx-wrapper .bx-prev{
    background-image:url("../img/svg/strzalka_lewo.svg");
    background-position:center center;
    left:50%
}
.section_slider .bx-wrapper .bx-next{
    background-image:url("../img/svg/strzalka_prawo.svg");
    background-position:center center;
    left:50%;
    right:auto
}
.section_slider.slider_gray .bx-controls{
    position:relative;
    top:135px
}
@media screen and (max-width: 1080px){
    .section_slider.slider_gray .bx-controls{
        top:-35px;
        bottom:100px
    }
}
@media screen and (min-width: 1600px){
    .section_slider.slider_gray .bx-controls{
        top:140px
    }
}
.section_slider.slider_gray .bx-wrapper .bx-controls-direction a{
    border:solid 1px #dddddd;
    opacity:1
}
.section_slider.slider_gray .bx-wrapper .bx-prev{
    background-image:url("../img/svg/strzalka_lewo_gray.svg")
}
.section_slider.slider_gray .bx-wrapper .bx-next{
    background-image:url("../img/svg/strzalka_prawo_gray.svg")
}
.section_slider.slider_gray .bx-wrapper .bx-pager.bx-default-pager a{
    background:#dddddd
}
.section_slider .fullwidth{
    width:100% !important
}
.section_video .content,.section_photo .content{
    padding-top:80px;
    height:100%;
    position:relative
}
@media screen and (max-width: 550px){
    .section_video .content,.section_photo .content{
        padding-top:60px
    }
}
@media screen and (max-width: 360px){
    .section_video .content,.section_photo .content{
        padding-top:30px
    }
}
.section_video .content h1,.section_photo .content h1{
    font-size:54px;
    color:#ffffff;
    font-weight:bold;
    margin:25px 20px 19px
}
.section_video .content h2,.section_photo .content h2{
    font-size:48px;
    color:#ffffff;
    font-weight:bold;
    margin:25px 20px 17px
}
.section_video .content h3,.section_photo .content h3{
    font-size:36px;
    color:#ffffff;
    font-weight:bold;
    margin:25px 20px 17px
}
.section_video .content h4,.section_photo .content h4{
    font-size:24px;
    color:#fff;
    font-weight:300;
    margin:0 20px 45px
}
.section_video .content h5 strong,.section_photo .content h5 strong{
    color:#fff;
    font-size:128px;
    line-height:110px;
    font-weight:bold
}
@media screen and (max-width: 1080px){
    .section_video .content h5 strong,.section_photo .content h5 strong{
        font-size:83px
    }
}
@media screen and (max-width: 768px){
    .section_video .content h5 strong,.section_photo .content h5 strong{
        font-size:63px
    }
}
@media screen and (max-width: 550px){
    .section_video .content h5 strong,.section_photo .content h5 strong{
        font-size:53px
    }
}
.section_video .content p,.section_photo .content p{
    font-size:16px;
    line-height:24px;
    color:#fff
}
@media screen and (min-width: 1900px){
    .section_video .content h1,.section_photo .content h1{
        font-size:79px;
        margin:25px 20px 25px
    }
    .section_video .content h2,.section_photo .content h2{
        font-size:64px;
        margin:25px 20px 22px
    }
    .section_video .content h3,.section_photo .content h3{
        font-size:50px;
        margin:25px 20px 22px
    }
    .section_video .content h4,.section_photo .content h4{
        font-size:36px;
        margin:0 20px 45px
    }
    .section_video .content p,.section_photo .content p{
        font-size:24px;
        line-height:28px
    }
}
@media screen and (max-width: 550px){
    .section_video .content h1,.section_photo .content h1{
        font-size:30px;
        margin:25px 20px 15px
    }
    .section_video .content h2,.section_photo .content h2{
        font-size:24px;
        margin:25px 20px 10px
    }
    .section_video .content h3,.section_photo .content h3{
        font-size:20px;
        margin:25px 20px 10px
    }
    .section_video .content h4,.section_photo .content h4{
        font-size:16px;
        margin:0 20px 25px
    }
    .section_video .content p,.section_photo .content p{
        font-size:12px;
        line-height:16px
    }
}
.section_video .content ul li,.section_photo .content ul li{
    color:#fff;
    margin:0 0 20px
}
@media screen and (min-width: 1600px){
    .section_video .content ul li,.section_photo .content ul li{
        font-size:25px;
        line-height:30px
    }
}
.section_video .content .buttons,.section_photo .content .buttons{
    bottom:60px;
    position:absolute;
    z-index:1;
    left:50%;
    transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -webkit-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    width:100%;
    text-align:center
}
@media screen and (max-width: 768px){
    .section_video .content .buttons,.section_photo .content .buttons{
        width:95%
    }
    .section_video .content .buttons a,.section_photo .content .buttons a{
        margin:0 0 10px 0
    }
}
.section_video .content .buttons.bottom-minus,.section_photo .content .buttons.bottom-minus{
    bottom:-60px
}
.section_video .content .buttons .button_fullbg,.section_video .content .buttons .button_outline,.section_photo .content .buttons .button_fullbg,.section_photo .content .buttons .button_outline{
    margin-bottom:15px
}
@media screen and (min-width: 1900px){
    .section_video .content .text,.section_photo .content .text{
        margin-top:10%
    }
}
.section_right_loader a.circle{
    padding:11px 13px 11px 16px;
    display:inline-block;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    line-height:0
}
.section_right_loader .c-nav-right{
    position:absolute;
    z-index:1;
    top:50%;
    right:0;
    transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    margin-right:60px;
    z-index:999
}
@media screen and (max-width: 768px){
    .section_right_loader .c-nav-right{
        position:absolute;
        /*bottom:20px;*/
        bottom:17%;
        top:auto;
        right:auto;
        position:absolute;
        z-index:1;
        left:50%;
        transform:translateX(-50%);
        -ms-transform:translateX(-50%);
        -moz-transform:translateX(-50%);
        -webkit-transform:translateX(-50%);
        -o-transform:translateX(-50%)
    }
}
.section_right_loader .c-nav-left{
    margin:2px 0 0 16px;
    padding:9px 15px 12px 14px !important;
    z-index:999
}
@media screen and (max-width: 768px){
    .section_right_loader .c-nav-left{
        top:110px;
        margin-left:0
    }
}
.section_right_loader .c-nav-left img{
    left:-2px;
    position:relative
}
@media screen and (max-width: 1080px){
    .section_right_loader .c-nav-left{
        display:none
    }
}
@media screen and (max-width: 1080px){
    .section_right_loader .slide{
        transition:All .4s ease;
        -webkit-transition:All .4s ease;
        -moz-transition:All .4s ease;
        -o-transition:All .4s ease
    }
    .section_right_loader .slide:last-child{
        position:fixed;
        top:0;
        left:100%;
        width:100%;
        z-index:100;
        overflow-y:scroll;
        background:#fff
    }
}
.section_video>div{
    background-size:cover;
    background-position:center center
}
.section_video .navi-player{
    position:absolute;
    z-index:1;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -webkit-transform:translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%)
}
.section_video .navi-player .playbt{
    opacity:.65;
    transition:All .2s ease;
    -webkit-transition:All .2s ease;
    -moz-transition:All .2s ease;
    -o-transition:All .2s ease
}
@media screen and (max-width: 550px){
    .section_video .navi-player .playbt img{
        width:55px;
        height:auto
    }
}
.section_video .navi-player .playbt:hover{
    opacity:1
}
.section_video.videoplayer{
    position:relative;
    overflow:hidden;
    width:100%
}
.section_video.videoplayer .content{
    position:relative;
    z-index:2
}
.section_video.videoplayer video{
    position:absolute;
    top:50%;
    left:50%;
    min-width:100%;
    min-height:100%;
    width:auto;
    height:auto;
    z-index:1;
    -ms-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -webkit-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%);
    background-size:cover
}
.section_video.videoplayer .ytbg{
    position:absolute;
    top:50%;
    left:50%;
    min-width:100%;
    min-height:100%;
    width:auto;
    height:auto;
    z-index:1;
    -ms-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -webkit-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%);
    background-size:cover
}
.section_photo{
    overflow:hidden;
    clear:both
}
.section_photo>div{
    background-size:cover;
    background-position:center center
}
.section_photo .content{
    width:42%;
    margin:0 auto
}
@media screen and (max-width: 1080px){
    .section_photo .content{
        width:90%
    }
}
@media screen and (max-width: 550px){
    .section_photo .content{
        width:90%;
        left:-7px
    }
}
.section_photo .content.with-photo{
    width:62%
}
@media screen and (max-width: 1080px){
    .section_photo .content.with-photo{
        width:90%
    }
    .section_photo .content.with-photo .buttons{
        bottom:auto;
        position:relative;
        top:auto;
        left:auto;
        transform:none;
        -ms-transform:none;
        -moz-transform:none;
        -webkit-transform:none;
        -o-transform:none;
        padding:20px 0 30px
    }
}
@media screen and (max-width: 550px){
    .section_photo .content.with-photo{
        width:90%
    }
}
.section_photo .content.with-photo .img-container{
    text-align:center
}
@media screen and (max-width: 550px){
    .section_photo .content.with-photo .img-container img{
        width:80%
    }
}
@media screen and (max-width: 360px){
    .section_photo .content.with-photo .img-container img{
        width:60%
    }
}
.section_photo .content h1{
    margin:3% 0 19px
}
.section_photo .content h2{
    margin:3% 0 17px
}
.section_photo .content h3{
    margin:3% 0 17px
}
@media screen and (min-width: 1600px){
    .section_photo .content h1{
        font-size:79px;
        margin:5% 20px 25px
    }
    .section_photo .content h2{
        font-size:64px;
        margin:5% 20px 22px
    }
    .section_photo .content h3{
        font-size:50px;
        margin:5% 20px 22px
    }
}
.section_photo .content .centered{
    width:100%;
    position:absolute;
    z-index:1;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -webkit-transform:translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%);
    margin:0 !important
}
@media screen and (max-width: 550px){
    .section_photo .content .centered{
        width:95%
    }
}
@media screen and (min-width: 1900px){
    .section_photo .col-md-6>img{
        width:65%;
        height:auto
    }
}
.section_photo.fullwidth .content{
    width:100%
}
.section_photo.fullwidth .unnormal{
    position:relative;
    margin:4% auto 0;
    width:64%
}
@media screen and (max-width: 1080px){
    .section_photo.fullwidth .unnormal{
        width:90%
    }
}
@media screen and (max-width: 550px){
    .section_photo.fullwidth .unnormal{
        width:90%
    }
}
@media screen and (min-width: 768px){
    .section_photo.fullwidth .unnormal{
        margin:4% auto 0;
        width:60%
    }
}
@media screen and (min-width: 1900px){
    .section_photo.fullwidth .unnormal{
        margin:20% auto 0;
        width:54%
    }
}
.section_photo.fullwidth .unnormal .left-col{
    padding-right:20px
}
@media screen and (max-width: 1080px){
    .section_photo.fullwidth .unnormal .left-col{
        height:auto !important
    }
}
@media screen and (max-width: 1080px){
    .section_photo.fullwidth .unnormal ul{
        margin:20px 0 0
    }
}
@media screen and (min-width: 1000px){
    .section_photo.fullwidth .unnormal ul{
        position:absolute;
        z-index:1;
        top:50%;
        transform:translateY(-50%);
        -ms-transform:translateY(-50%);
        -moz-transform:translateY(-50%);
        -webkit-transform:translateY(-50%);
        -o-transform:translateY(-50%)
    }
}
.section_photo.fullwidth .unnormal .img-container{
    padding-left:20px
}
@media screen and (max-width: 1080px){
    .section_photo.fullwidth .unnormal .img-container{
        height:auto !important
    }
}
.section_photo.fullwidth .unnormal .img-container img{
    float:right
}
@media screen and (max-width: 1080px){
    .section_photo.fullwidth .unnormal .img-container img{
        float:none;
        margin:0 auto
    }
}
.section_aboutus{
    clear:both
}
.section_aboutus .bg{
    background-size:cover;
    background-position:center center
}
.section_aboutus .content{
    padding-top:80px
}
@media screen and (max-width: 550px){
    .section_aboutus .content{
        padding-top:20px
    }
}
.section_aboutus .content h3{
    display:block;
    width:80%;
    text-align:center;
    font-size:48px;
    font-weight:bold;
    margin:25px 0 90px
}
@media screen and (max-width: 1080px){
    .section_aboutus .content h3{
        width:100%;
        text-align:center;
        font-size:48px
    }
}
@media screen and (max-width: 768px){
    .section_aboutus .content h3{
        margin:0px 0 60px;
        font-size:42px
    }
}
@media screen and (max-width: 550px){
    .section_aboutus .content h3{
        margin:0px 0 30px;
        font-size:36px
    }
}
@media screen and (min-width: 1900px){
    .section_aboutus .content h3{
        margin:25px 0 10%
    }
}
.section_aboutus .content .icons{
    max-width:885px;
    width:100%;
    margin:0 auto
}
@media screen and (max-width: 1080px){
    .section_aboutus .content .icons{
        width:85%;
        padding:0 0 35px
    }
}
@media screen and (max-width: 768px){
    .section_aboutus .content .icons{
        width:70%;
        padding:0 0 35px
    }
}
@media screen and (max-width: 550px){
    .section_aboutus .content .icons{
        width:90%;
        padding:0 0 35px
    }
}
@media screen and (min-width: 1900px){
    .section_aboutus .content .icons{
        max-width:80%
    }
}
.section_aboutus .content .icons .row{
    margin:0 0 50px
}
@media screen and (max-width: 768px){
    .section_aboutus .content .icons .row{
        margin:0
    }
}
@media screen and (min-width: 1600px){
    .section_aboutus .content .icons .row{
        margin:0 0 75px
    }
}
.section_aboutus .content .icons .row>div{
    padding-right:40px
}
@media screen and (max-width: 768px){
    .section_aboutus .content .icons .row>div{
        padding-right:0;
        margin:0 0 25px
    }
}
.section_aboutus .content .icons .icon{
    width:48px;
    height:48px;
    display:block;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    float:left;
    margin:0 30px 0 0;
    transition:All .7s ease;
    -webkit-transition:All .7s ease;
    -moz-transition:All .7s ease;
    -o-transition:All .7s ease
}
@media screen and (max-width: 360px){
    .section_aboutus .content .icons .icon{
        width:40px;
        height:40px
    }
}
@media screen and (min-width: 1900px){
    .section_aboutus .content .icons .icon{
        width:90px;
        height:90px
    }
}
.section_aboutus .content .icons .icon img{
    width:50px;
    height:auto
}
@media screen and (min-width: 1600px){
    .section_aboutus .content .icons .icon img{
        width:70px;
        height:auto
    }
}
@media screen and (min-width: 1900px){
    .section_aboutus .content .icons .icon img{
        width:78px;
        height:auto
    }
}
@media screen and (max-width: 360px){
    .section_aboutus .content .icons .icon img{
        width:45px;
        height:auto
    }
}
.section_aboutus .content .icons p{
    font-size:16px;
    line-height:20px;
    color:#3c3c3b
}
@media screen and (max-width: 360px){
    .section_aboutus .content .icons p{
        font-size:14px;
        line-height:18px
    }
}
@media screen and (min-width: 1900px){
    .section_aboutus .content .icons p{
        font-size:27px;
        line-height:34px
    }
}
@media screen and (min-width: 2400px){
    .section_aboutus .content .icons p{
        font-size:27px;
        line-height:34px
    }
}
@media screen and (min-width: 1080px){
    .section_aboutus .content .to-animate-off .icon{
        margin-top:70px
    }
}
footer{
    padding-top:80px;
    position:relative
}
@media screen and (max-width: 768px){
    footer{
        padding-top:15px
    }
}
footer .links{
    width:90%;
    margin:40px auto 0
}
@media screen and (max-width: 768px){
    footer .links{
        width:100%;
        margin:10px auto 0
    }
}
footer .links h4{
    font-size:13px;
    color:#3c3c3b;
    font-weight:bold;
    text-transform:uppercase
}
footer .links h4:after{
    content:'';
    width:10px;
    height:2px;
    background-color:#cecece;
    display:block;
    margin:10px 0 32px;
    transition:All .4s ease;
    -webkit-transition:All .4s ease;
    -moz-transition:All .4s ease;
    -o-transition:All .4s ease
}
@media screen and (max-width: 768px){
    footer .links h4:after{
        opacity:0;
        margin:10px auto 9px
    }
}
footer .links h4.nostrip:after{
    content:'';
    width:0;
    height:0;
    background:none;
    margin:17px 0 0
}
@media screen and (max-width: 768px){
    footer .links h4{
        width:100%;
        position:relative;
        cursor:pointer
    }
    footer .links h4:before{
        content:'';
        width:15px;
        height:10px;
        background-image:url(../img/svg/strzalka_dol_footer.svg);
        background-repeat:no-repeat;
        background-position:0 0;
        position:absolute;
        right:35px;
        top:3px;
        z-index:1
    }
}
@media screen and (max-width: 768px){
    footer .links h4.act:before{
        background-image:url(../img/svg/strzalka_gora_footer.svg)
    }
    footer .links h4.act:after{
        opacity:1
    }
}
footer .links .circle{
    display:inline-block;
    height:48px;
    padding:12px 16px;
    width:48px;
    margin:0 1px 0 0;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%
}
@media screen and (max-width: 768px){
    footer .links .circle{
        float:right;
        margin:-60px 20px 0 0
    }
}
footer .links .box ul li{
    display:block;
    margin:0 0 7px
}
@media screen and (max-width: 768px){
    footer .links .box ul li{
        margin:0 0 15px
    }
}
footer .links .box ul li a{
    font-size:13px;
    color:#3c3c3c !important
}
footer .links .box ul li a:hover{
    border-bottom:solid 1px #3c3c3c !important
}
@media screen and (max-width: 768px){
    footer .links .box{
        display:none
    }
}
@media screen and (max-width: 768px){
    footer .links>div{
        margin-bottom:20px
    }
}
@media screen and (max-width: 768px){
    footer .links>div{
        text-align:center;
        border-bottom:solid 1px #cecece
    }
    footer .links>div:last-child h4{
        margin:12px 0 30px;
        cursor:auto
    }
    footer .links>div:last-child h4:before{
        display:none
    }
}
footer .info{
    background-color:#2f2d34;
    background-image:url(../img/home/bg_foot.jpg);
    background-position:right top;
    background-repeat:no-repeat
}
footer .info .wrap{
    width:90%;
    margin:50px auto 0
}
footer .info .form{
    position:relative
}
footer .info .form img{
    width:80px;
    height:auto
}
footer .info .form label{
    font-size:24px;
    font-weight:300;
    margin:0 15px 0 0;
    color:#fff;
    display:inline-block
}
footer .info .form input[type="email"]{
    font-size:13px;
    padding:12px 19px;
    margin:0 8px 0 0;
    -webkit-border-radius:19px;
    -moz-border-radius:19px;
    -ms-border-radius:19px;
    border-radius:19px;
    position:relative;
    top:-2px
}
footer .info .form button[type="submit"]{
    position:relative;
    top:-2px
}
footer .info .form .newsletter-info{
    position:absolute;
    top:19px;
    display:none
}
@media screen and (max-width: 1080px){
    footer .info .form .newsletter-info{
        top:38px;
        position:absolute;
        z-index:1;
        left:50%;
        transform:translateX(-50%);
        -ms-transform:translateX(-50%);
        -moz-transform:translateX(-50%);
        -webkit-transform:translateX(-50%);
        -o-transform:translateX(-50%)
    }
}
footer .info .form .newsletter-info .result{
    -webkit-border-radius:24px;
    -moz-border-radius:24px;
    -ms-border-radius:24px;
    border-radius:24px;
    background:#3a373e;
    padding:14px 20px
}
footer .info .form .newsletter-info .result img{
    float:left;
    margin:3px 11px 0 0;
    width:20px;
    opacity:.6
}
@media screen and (max-width: 1080px){
    footer .info .form .newsletter-info .result img{
        margin:3px 0 20px 0;
        width:40px;
        float:none
    }
}
footer .info .form .newsletter-info .result p{
    float:left;
    color:#fff;
    font-size:16px;
    font-family:"Roboto Condensed",sans-serif;
    margin:0;
    width:auto
}
@media screen and (max-width: 1080px){
    footer .info .form .newsletter-info .result p{
        float:none
    }
}
footer .info .form .button_fullbg:after{
    content:'+';
    background-image:none;
    right:20px;
    top:13px;
    font-size:19px
}
footer .info .form ::-webkit-input-placeholder{
    color:#3c3c3b;
    font-size:13px
}
footer .info .form :-moz-placeholder{
    color:#3c3c3b;
    font-size:13px;
    opacity:1
}
footer .info .form ::-moz-placeholder{
    color:#3c3c3b;
    font-size:13px;
    opacity:1
}
footer .info .form :-ms-input-placeholder{
    color:#3c3c3b;
    font-size:13px
}
footer .info .form p{
    font-size:11px;
    color:#78777a;
    line-height:18px;
    margin:13px 0 0;
    width:70%
}
footer .info .socials{
    padding-top:29px
}
footer .info .socials h6{
    display:inline-block;
    font-size:24px;
    font-weight:300;
    margin:0 12px 0 0;
    color:#fff;
    position:relative;
    top:4px
}
footer .info .socials a{
    margin:0 10px 0 0;
    opacity:.25;
    transition:All .4s ease;
    -webkit-transition:All .4s ease;
    -moz-transition:All .4s ease;
    -o-transition:All .4s ease
}
footer .info .socials a:hover{
    opacity:1
}
footer .info .copy{
    position:absolute;
    bottom:15px;
    width:90%
}
footer .info .copy>div{
    color:#8a898c;
    font-size:10px
}
footer .info .copy>div a{
    color:#8a898c;
    font-size:10px
}
@media screen and (max-width: 768px){
    footer .info{
        background-position:center top
    }
    footer .info .form{
        text-align:center
    }
    footer .info .form img{
        width:100px;
        height:auto;
        margin:0 0 20px
    }
    footer .info .form label{
        display:block;
        margin:0 0 20px 0
    }
    footer .info .form input[type="email"]{
        display:block;
        margin:0 auto;
        width:53%
    }
    footer .info .form button[type="submit"]{
        display:block;
        margin:15px auto
    }
    footer .info .form p{
        display:block;
        margin:13px auto
    }
    footer .info .socials{
        text-align:center
    }
    footer .info .socials h6{
        margin:0 0 15px;
        display:block
    }
    footer .info .copy{
        position:relative;
        text-align:center;
        width:100%;
        margin:50px 0 70px
    }
    footer .info .copy>div{
        text-align:center
    }
}
.one-column-site{
    overflow-y:hidden;
    position:relative
}
.one-column-site .wrapper{
    opacity:0
}
.one-column-site .loader{
    position:absolute;
    z-index:1;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -webkit-transform:translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%)
}
.one-column-site .loader img{
    width:60px;
    height:60px
}
.yt_player{
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    z-index:10001;
    visibility:hidden;
    transition:All .4s ease;
    -webkit-transition:All .4s ease;
    -moz-transition:All .4s ease;
    -o-transition:All .4s ease;
    background-color:#333;
    opacity:0
}
.yt_player a.close_yt{
    position:absolute;
    top:20px;
    right:20px;
    z-index:10003
}
@media screen and (max-width: 1080px){
    .yt_player a.close_yt{
        top:50px
    }
}
.yt_player .wrapper{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:10002
}
.yt_player .wrapper video{
    position:absolute;
    top:50%;
    left:50%;
    min-width:100%;
    min-height:100%;
    width:auto;
    height:auto;
    z-index:1;
    -ms-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -webkit-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%);
    background-size:cover
}
.yt_player iframe{
    width:100% !important
}
.yt_player.act{
    visibility:visible;
    opacity:1
}
.searchbar-main{
    position:absolute;
    z-index:1;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -webkit-transform:translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%);
    width:100%
}
.searchbar-main input{
    border:none;
    -webkit-border-radius:19px;
    -moz-border-radius:19px;
    -ms-border-radius:19px;
    border-radius:19px;
    padding:9px 26px;
    margin:16px 0 0 15%;
    width:0;
    visibility:hidden;
    font-size:14px;
    transition:All .3s ease;
    -webkit-transition:All .3s ease;
    -moz-transition:All .3s ease;
    -o-transition:All .3s ease
}
.searchbar-main.act input{
    width:65%;
    visibility:visible
}
.meble-biurowe .searchbar-main input,.audio-video .searchbar-main input,.urzadzenia-drukujace .searchbar-main input,.co-working .searchbar-main input{
    margin:16px 0 0 25%;
    border:solid 1px #efefef
}
.meble-biurowe .searchbar-main.act input,.audio-video .searchbar-main.act input,.urzadzenia-drukujace .searchbar-main.act input,.co-working .searchbar-main.act input{
    width:53%
}
.search-panel{
    position:absolute;
    top:-1200px;
    left:0;
    width:100%;
    z-index:103;
    padding-top:80px;
    transition:All .3s ease;
    -webkit-transition:All .3s ease;
    -moz-transition:All .3s ease;
    -o-transition:All .3s ease
}
.search-panel.inline{
    position:relative;
    top:auto;
    left:auto;
    z-index:2
}
@media screen and (max-width: 1080px){
    .search-panel{
        opacity:0
    }
}
.search-panel.act{
    top:0
}
.search-panel .navigation{
    background-color:rgba(33,30,39,0.95);
    min-height:50px
}
.search-panel .navigation .didyoumean{
    float:left;
    width:90%;
    margin:12px 0 0 40px
}
.search-panel .navigation .didyoumean.inline{
    display:none
}
@media screen and (max-width: 1080px){
    .search-panel .navigation .didyoumean{
        margin:12px 0 0 20px
    }
}
.search-panel .navigation .didyoumean h3{
    font-size:20px;
    color:#fff;
    margin-top:2px
}
@media screen and (max-width: 1080px){
    .search-panel .navigation .didyoumean h3{
        margin:20px 0 15px 0
    }
}
.search-panel .navigation .didyoumean a.suggest{
    color:#fff;
    display:inline-block;
    background:#38353d;
    padding:7px 17px;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    -ms-border-radius:15px;
    border-radius:15px;
    margin:0 7px 10px 0;
    font-size:13px;
    font-weight:300;
    overflow:hidden;
    position:relative
}
.search-panel .navigation .didyoumean a:last-child{
    margin:0 0 10px 0
}
.search-panel .navigation .didyoumean .col-md-2{
    width:14%
}
@media screen and (max-width: 1080px){
    .search-panel .navigation .didyoumean .col-md-2{
        width:100%
    }
}
.search-panel .navigation .close-search-panel{
    float:right;
    margin:17px 20px 0 0
}
.search-panel .navigation .search-form{
    padding:8px 40px
}
@media screen and (max-width: 1080px){
    .search-panel .navigation .search-form{
        padding:8px 20px
    }
}
.search-panel .navigation .search-form .fraza{
    -webkit-border-radius:21px;
    -moz-border-radius:21px;
    -ms-border-radius:21px;
    border-radius:21px;
    color:#3c3c3b;
    display:inline-block;
    font-size:14px;
    padding:8px 20px;
    position:relative;
    width:90%
}
@media screen and (max-width: 1080px){
    .search-panel .navigation .search-form .fraza{
        width:100%;
        box-sizing:border-box;
        margin:0 0 6px
    }
}
.search-panel .navigation .search-form .wrap .selectboxit-container .selectboxit{
    width:200px !important
}
@media screen and (max-width: 1080px){
    .search-panel .navigation .search-form .wrap{
        margin:0 auto;
        display:block;
        text-align:center
    }
}
.search-panel .navigation .search-form .selectboxit-container .selectboxit{
    background:#fff
}
.search-panel .navigation .search-form p.search-in{
    float:left;
    margin:9px 7px 0;
    color:#fff;
    font-size:13px
}
.search-panel .navigation .search-form .bt-submit{
    padding:9px 37px 9px 25px
}
@media screen and (max-width: 768px){
    .search-panel .navigation .search-form .bt-submit{
        margin:15px 0 6px;
        width:100%
    }
}
.search-panel .navigation .search-form .bt-submit:after{
    background-image:url("../img/svg/1/lupka.svg") !important;
    right:13px !important;
    top:11px !important;
    width:15px !important
}
@media screen and (max-width: 1080px){
    .search-panel .navigation .search-form .col-md-3.text-right{
        display:none
    }
}
.search-panel.mobile-act{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:5005;
    padding-top:0;
    transition:All .3s ease;
    -webkit-transition:All .3s ease;
    -moz-transition:All .3s ease;
    -o-transition:All .3s ease;
    height:100%;
    background-color:rgba(33,30,39,0.95);
    opacity:1
}
.search-panel.mobile-act .wrapper{
    opacity:0
}
.search-panel .navi .headers h5{
    margin:18px 20px;
    font-weight:bold;
    font-size:16px;
    color:#fff
}
@media screen and (max-width: 1080px){
    .search-panel .navi .headers h5{
        color:#000
    }
}
.search-panel .navi .headers .close-search-panel{
    margin:10px 20px;
    padding:5px;
    display:inline-block
}
.search-panel .navi .searchbar{
    background:#fff;
    padding:5px 20px
}
@media screen and (max-width: 1080px){
    .search-panel .navi .searchbar{
        display:none
    }
}
.search-panel .navi .searchbar input[type="text"]{
    -webkit-border-radius:21px;
    -moz-border-radius:21px;
    -ms-border-radius:21px;
    border-radius:21px;
    border:solid 1px #bababc;
    color:#3c3c3b;
    display:inline-block;
    font-size:14px;
    padding:12px 20px;
    position:relative;
    width:100%
}
@media screen and (max-width: 1080px){
    .search-panel .navi .searchbar input[type="text"]{
        box-sizing:border-box;
        margin:0 0 15px
    }
}
.search-panel .navi .searchbar button{
    margin-left:7px;
    margin-right:0
}
@media screen and (max-width: 1080px){
    .search-panel .navi .searchbar button{
        margin:0
    }
}
.search-panel .navi .searchbar button.button_fullbg:after{
    background-image:url("../img/svg/1/lupka.svg");
    background-position:0 0;
    background-repeat:no-repeat;
    height:38px;
    position:absolute;
    right:7px;
    top:15px;
    width:25px;
    z-index:2
}
@media screen and (max-width: 360px){
    .search-panel .navi .searchbar .col-xs-8{
        width:54.66666667%
    }
}
.search-panel .wrapper{
    background:#fff;
    width:100%;
    padding:60px 40px;
    overflow-y:auto
}
@media screen and (max-width: 1080px){
    .search-panel .wrapper{
        padding:40px 20px
    }
}
.search-panel .wrapper .search-loader{
    display:none;
    position:absolute;
    z-index:1;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -webkit-transform:translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%)
}
.search-panel .wrapper h4{
    font-size:20px;
    color:#4a4a49;
    margin:0 0 20px
}
.search-panel .wrapper h4 strong{
    font-weight:bold
}
.search-panel.inline .wrapper{
    overflow-y:hidden
}
.search-panel .result-section{
    margin:0 0 35px
}
.search-panel .result-section .head{
    float:left;
    width:15%;
    height:150px;
    background:#2f2d34;
    padding:20px;
    margin:0 20px 35px 0
}
@media screen and (max-width: 1080px){
    .search-panel .result-section .head{
        width:100%;
        margin:0 20px 15px 0
    }
}
.search-panel .result-section .head img{
    width:45px
}
.search-panel .result-section .head svg{
    width:45px
}
.search-panel .result-section .head h5{
    font-size:16px;
    color:#fff;
    font-weight:bold;
    margin:12px 0 0;
    line-height:18px
}
.search-panel .result-section .head h5:after{
    content:"";
    display:block;
    height:2px;
    margin:13px 0 0;
    width:8px;
    background:#5c5966
}
.search-panel .result-section .head span{
    font-size:13px;
    color:#fff;
    font-weight:300
}
.search-panel .result-section .thumbs{
    width:83%;
    float:left
}
.search-panel .result-section .thumbs.with-filters{
    width:100%
}
@media screen and (max-width: 1080px){
    .search-panel .result-section .thumbs{
        width:100%
    }
}
.search-panel .result-section .thumbs .col-md-2{
    padding-right:1.5%
}
@media screen and (max-width: 1080px){
    .search-panel .result-section .thumbs .col-md-2{
        padding-right:0
    }
}
.search-panel .result-section .thumbs .col-md-2:last-child{
    margin-right:0
}
.search-panel .result-section .thumbs a{
    color:#3c3c3b;
    font-size:13px;
    line-height:18px;
    margin:0 0 12px;
    display:block
}
.search-panel .result-section .thumbs .box{
    width:100%;
    position:relative;
    border:solid 1px #dadada;
    height:150px;
    margin:0 0 5px;
    overflow:hidden
}
.search-panel .result-section .thumbs .box img{
    position:absolute;
    z-index:1;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -webkit-transform:translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%)
}
.search-panel .result-section .thumbs .box.cover img{
    object-fit:cover;
    object-position:center;
    width:100%;
    height:100%;
    position:absolute
}
.search-panel .result-section .thumbs .box.pro img{
    height:140px
}
.search-panel .result-section .thumbs .box-more{
    display:block;
    height:150px;
    color:#fff;
    text-align:center;
    font-size:14px;
    font-weight:bold;
    text-transform:uppercase;
    padding:30px 0 0
}
.search-panel .result-section .thumbs .box-more span{
    display:block;
    width:38px;
    height:38px;
    border:solid 2px #fff;
    padding:7px 0 0 0;
    margin:0 auto 22px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%
}
.search-panel .result-section .thumbs .box-more p{
    width:70%;
    margin:0 auto
}
.search-panel .result-section .thumbs a{
    transition:All .3s ease;
    -webkit-transition:All .3s ease;
    -moz-transition:All .3s ease;
    -o-transition:All .3s ease
}
.search-panel .result-section .thumbs a:hover .box{
    opacity:.5
}
.search-panel .result-section.akcesoria-biurowe .box-more{
    background:#eb673e
}
.search-panel .result-section.urzadzenia-drukujace .box-more{
    background:#68b3ad
}
.search-panel .result-section.audio-video svg{
    margin:20px 0 0
}
.search-panel .result-section.audio-video .box-more{
    background:#7e65f0
}
.search-panel .result-section.meble-biurowe .box-more{
    background:#0085d2
}
.search-panel .result-section .single-banner{
    padding:0 1.5% 0 0;
    cursor:pointer
}
.search-panel .result-section .single-banner a.box-more{
    margin:0
}
.search-panel .result-section .single-banner .image{
    height:150px;
    background-repeat:no-repeat;
    background-position:left center
}
@media screen and (max-width: 1080px){
    .search-panel .result-section .single-banner .image{
        background-position:left top
    }
}
.search-panel .result-section .single-banner .text{
    height:150px;
    padding-left:15px
}
@media screen and (max-width: 1080px){
    .search-panel .result-section .single-banner .text{
        height:auto;
        padding:15px
    }
}
.search-panel .result-section .single-banner .text p{
    color:#fff;
    position:absolute;
    z-index:1;
    top:50%;
    transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    font-size:20px;
    line-height:24px
}
@media screen and (max-width: 1080px){
    .search-panel .result-section .single-banner .text p{
        position:relative;
        z-index:1;
        top:auto;
        left:auto;
        transform:none;
        -ms-transform:none;
        -moz-transform:none;
        -webkit-transform:none;
        -o-transform:none;
        font-size:17px;
        line-height:22px;
        text-align:center
    }
}
.search-panel .result-section .single-banner .text p strong{
    font-weight:bold
}
.search-panel .result-section .single-banner .icon{
    padding-left:35px
}
@media screen and (max-width: 1080px){
    .search-panel .result-section .single-banner .icon{
        padding-left:0
    }
}
.search-panel .result-section .single-banner .icon hr{
    background:#fff;
    height:103px;
    left:20px;
    opacity:0.6;
    position:absolute;
    top:6px;
    width:1px
}
@media screen and (max-width: 1080px){
    .search-panel .result-section .single-banner .icon hr{
        display:none
    }
}
@media screen and (max-width: 1080px){
    .search-panel .result-section .single-banner .icon a.single{
        height:auto;
        padding:0 0 15px
    }
    .search-panel .result-section .single-banner .icon a.single p br{
        display:none
    }
}
.search-panel .results h4 strong{
    font-weight:bold
}
.search-panel .results.inline .search-navi{
    margin:0 0 15px
}
.search-panel .results.inline .search-navi a{
    -webkit-border-radius:17px;
    -moz-border-radius:17px;
    -ms-border-radius:17px;
    border-radius:17px;
    transition:All .3s ease;
    -webkit-transition:All .3s ease;
    -moz-transition:All .3s ease;
    -o-transition:All .3s ease;
    padding:6px 14px;
    border:solid 1px #efefef;
    color:#393939;
    margin:0 5px 0 0;
    font-size:13px;
    overflow:hidden
}
@media screen and (max-width: 1080px){
    .search-panel .results.inline .search-navi a{
        margin:0 5px 5px 0;
        white-space:nowrap
    }
}
.search-panel .results.inline .search-navi a:hover{
    color:#fff
}
.search-panel .results.inline .search-navi a.act{
    color:#fff
}
.search-panel .results.inline .search-tabs{
    border-bottom:solid 1px #e5e5e5;
    margin:0 0 30px
}
.search-panel .results.inline .search-tabs a{
    color:#393939;
    padding:4px 14px 12px;
    font-size:13px;
    display:inline-block;
    border-bottom:solid 2px #fff;
    transition:All .3s ease;
    -webkit-transition:All .3s ease;
    -moz-transition:All .3s ease;
    -o-transition:All .3s ease
}
.search-panel .results.inline .search-tabs a:hover,.search-panel .results.inline .search-tabs a.act{
    border-bottom:solid 2px #333
}
.isMobile .search-panel{
    opacity:1
}
.section_produkty{
    padding-top:79px
}
@media screen and (max-width: 1080px){
    .section_produkty{
        padding-top:0
    }
}
.section_produkty .fp-scroller>.ajax-content{
    top:-79px
}
.section_produkty .halfscreen>a figure:after{
    background:-moz-linear-gradient(top, transparent 0%, rgba(0,0,0,0.2) 41%, rgba(0,0,0,0.49) 100%);
    background:-webkit-linear-gradient(top, transparent 0%, rgba(0,0,0,0.2) 41%, rgba(0,0,0,0.49) 100%);
    background:linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.2) 41%, rgba(0,0,0,0.49) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d000000', endColorstr='#7d000000',GradientType=0 );
    content:'';
    position:absolute;
    z-index:2;
    width:100%;
    height:100%;
    left:0;
    top:0;
    bottom:0;
    right:0
}
.section_produkty .col-md-4{
    padding:0 6px 6px 0
}
@media screen and (max-width: 1080px){
    .section_produkty .col-md-4>a{
        display:block;
        height:300px
    }
}
@media screen and (max-width: 768px){
    .section_produkty .col-md-4>a{
        height:250px
    }
}
@media screen and (max-width: 550px){
    .section_produkty .col-md-4>a{
        height:200px
    }
}
@media screen and (max-width: 360px){
    .section_produkty .col-md-4>a{
        height:150px
    }
}
.section_produkty .col-md-4:nth-child(3n){
    padding:0 0 6px 0
}
.section_produkty .col-md-4:nth-last-child(3){
    padding-bottom:0
}
.section_produkty .col-md-4:nth-last-child(2){
    padding-bottom:0
}
.section_produkty .col-md-4:last-child{
    padding-bottom:0
}
.section_produkty .col-md-4.bt:last-child{
    padding:0
}
@media screen and (max-width: 1080px){
    .section_produkty .col-md-4:nth-child(3n){
        padding:0 6px 6px 0
    }
    .section_produkty .col-md-4:nth-child(2n){
        padding:0 0 6px 0
    }
}
.section_produkty a figure{
    height:100%;
    overflow:hidden;
    position:relative;
    background:#000
}
.section_produkty a figure img{
    transition:All .2s ease;
    -webkit-transition:All .2s ease;
    -moz-transition:All .2s ease;
    -o-transition:All .2s ease;
    z-index:1;
    opacity:.99
}
.section_produkty a figure figcaption{
    position:absolute;
    z-index:1;
    left:50%;
    transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -webkit-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    bottom:10%;
    text-align:center;
    transition:All .2s ease;
    -webkit-transition:All .2s ease;
    -moz-transition:All .2s ease;
    -o-transition:All .2s ease;
    width:100%;
    z-index:10
}
.section_produkty a figure figcaption h3{
    font-size:20px;
    font-weight:bold;
    color:#fff;
    text-transform:uppercase
}
@media screen and (max-width: 768px){
    .section_produkty a figure figcaption h3{
        font-size:16px
    }
}
@media screen and (max-width: 550px){
    .section_produkty a figure figcaption h3{
        font-size:14px
    }
}
@media screen and (max-width: 360px){
    .section_produkty a figure figcaption h3{
        font-size:13px
    }
}
.section_produkty a figure figcaption div{
    position:absolute;
    top:120px;
    width:100%;
    transition:All .3s ease;
    -webkit-transition:All .3s ease;
    -moz-transition:All .3s ease;
    -o-transition:All .3s ease
}
.section_produkty a figure figcaption div p{
    font-size:14px;
    color:#fff;
    line-height:18px;
    margin-bottom:15px
}
.section_produkty a:hover figure img{
    opacity:.6;
    z-index:1
}
.section_produkty a:hover figure figcaption{
    bottom:70%
}
.section_produkty a:hover figure figcaption h3{
    color:#27cfff
}
.section_produkty a:hover figure figcaption div{
    top:60px
}
.section_produkty a.icon{
    display:block;
    height:100%;
    width:100%
}
@media screen and (max-width: 1080px){
    .section_produkty a.icon{
        height:300px
    }
}
@media screen and (max-width: 768px){
    .section_produkty a.icon{
        height:250px
    }
}
@media screen and (max-width: 550px){
    .section_produkty a.icon{
        height:200px
    }
}
@media screen and (max-width: 360px){
    .section_produkty a.icon{
        height:150px
    }
}
.section_produkty a.icon div{
    position:absolute;
    z-index:1;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -webkit-transform:translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%);
    text-align:center;
    width:100%
}
.section_produkty a.icon div svg{
    opacity:1;
    width:56px;
    height:56px;
    margin:0 0 5%
}
@media screen and (max-width: 768px){
    .section_produkty a.icon div svg{
        width:40px;
        height:40px
    }
}
.section_produkty a.icon div h3{
    font-size:20px;
    font-weight:bold;
    color:#fff;
    text-transform:uppercase;
    margin:0 0 3%
}
@media screen and (max-width: 768px){
    .section_produkty a.icon div h3{
        font-size:16px
    }
}
@media screen and (max-width: 550px){
    .section_produkty a.icon div h3{
        font-size:14px;
        width:90%;
        text-align:center;
        display:block;
        margin:0 auto 7px
    }
}
@media screen and (max-width: 360px){
    .section_produkty a.icon div h3{
        font-size:13px
    }
}
.section_produkty a.icon div span{
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    display:inline-block;
    border:solid 2px #fff;
    height:36px;
    padding:6px;
    width:36px;
    position:relative;
    top:0;
    left:1px;
    transition:All .2s ease;
    -webkit-transition:All .2s ease;
    -moz-transition:All .2s ease;
    -o-transition:All .2s ease
}
.section_produkty a.icon:hover span{
    top:20px
}
.section-pane h2.centered,.section-pane h3.centered,.section h2.centered,.section h3.centered{
    position:absolute;
    z-index:1;
    left:50%;
    transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -webkit-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    font-size:48px;
    color:#3c3c3c;
    font-weight:bold;
    top:100px
}
@media screen and (max-width: 1080px){
    .section-pane h2.centered,.section-pane h3.centered,.section h2.centered,.section h3.centered{
        font-size:45px;
        top:30px;
        width:100%;
        text-align:center;
        position:relative;
        z-index:1;
        top:auto;
        left:auto;
        transform:none;
        -ms-transform:none;
        -moz-transform:none;
        -webkit-transform:none;
        -o-transform:none;
        margin:0 0 20px
    }
}
@media screen and (max-width: 768px){
    .section-pane h2.centered,.section-pane h3.centered,.section h2.centered,.section h3.centered{
        font-size:42px;
        top:30px
    }
}
@media screen and (max-width: 550px){
    .section-pane h2.centered,.section-pane h3.centered,.section h2.centered,.section h3.centered{
        font-size:35px;
        top:30px
    }
}
@media screen and (max-width: 360px){
    .section-pane h2.centered,.section-pane h3.centered,.section h2.centered,.section h3.centered{
        font-size:30px;
        top:30px
    }
}
@media screen and (min-width: 1600px){
    .section-pane h2.centered,.section-pane h3.centered,.section h2.centered,.section h3.centered{
        font-size:54px;
        top:115px
    }
}
@media screen and (min-width: 1900px){
    .section-pane h2.centered,.section-pane h3.centered,.section h2.centered,.section h3.centered{
        font-size:60px;
        top:135px
    }
}
@media screen and (min-width: 2400px){
    .section-pane h2.centered,.section-pane h3.centered,.section h2.centered,.section h3.centered{
        font-size:68px;
        top:145px
    }
}
.realizacje-thumb,.casestudies{
    padding-top:13%;
    position:relative
}
.realizacje-thumb .nomobile,.casestudies .nomobile{
    display:block
}
@media screen and (max-width: 1080px){
    .realizacje-thumb .nomobile,.casestudies .nomobile{
        display:block
    }
}
@media screen and (max-width: 1080px){
    .realizacje-thumb,.casestudies{
        padding-top:200px;
        padding-bottom:200px
    }
}
@media screen and (max-width: 768px){
    .realizacje-thumb,.casestudies{
        padding-top:150px;
        padding-bottom:175px
    }
}
@media screen and (max-width: 550px){
    .realizacje-thumb,.casestudies{
        padding-top:100px;
        padding-bottom:175px
    }
}
@media screen and (max-width: 360px){
    .realizacje-thumb,.casestudies{
        padding-top:70px;
        padding-bottom:155px
    }
}
@media screen and (min-width: 1900px){
    .realizacje-thumb,.casestudies{
        padding-top:12%
    }
}
.realizacje-thumb>div>div,.casestudies>div>div{
    min-height:300px;
    padding:0 6px 0 0
}
@media screen and (max-width: 1080px){
    .realizacje-thumb>div>div,.casestudies>div>div{
        min-height:350px
    }
    .realizacje-thumb>div>div:nth-child(3n),.casestudies>div>div:nth-child(3n){
        padding:0
    }
    .realizacje-thumb>div>div:nth-child(5n),.casestudies>div>div:nth-child(5n){
        padding:0
    }
}
@media screen and (min-width: 1600px){
    .realizacje-thumb>div>div,.casestudies>div>div{
        min-height:400px
    }
}
@media screen and (min-width: 1900px){
    .realizacje-thumb>div>div,.casestudies>div>div{
        min-height:600px
    }
}
@media screen and (min-width: 2400px){
    .realizacje-thumb>div>div,.casestudies>div>div{
        min-height:670px
    }
}
.realizacje-thumb>div>div:last-child,.casestudies>div>div:last-child{
    padding:0
}
@media screen and (max-width: 1080px){
    .realizacje-thumb>div .col-md-2,.casestudies>div .col-md-2{
        width:40%;
        float:left
    }
}
@media screen and (min-width: 1000px){
    .realizacje-thumb>div .col-md-2,.casestudies>div .col-md-2{
        width:15.6667%
    }
}
@media screen and (min-width: 1900px){
    .realizacje-thumb>div .col-md-2,.casestudies>div .col-md-2{
        width:20.6667%
    }
}
.realizacje-thumb>div .col-md-2 p,.casestudies>div .col-md-2 p{
    margin:10px 0 25px;
    color:#3c3c3b;
    font-size:14px;
    text-align:center;
    width:100%
}
.realizacje-thumb>div .col-md-2 p strong,.casestudies>div .col-md-2 p strong{
    font-weight:bold
}
@media screen and (min-width: 1900px){
    .realizacje-thumb>div .col-md-2 p,.casestudies>div .col-md-2 p{
        font-size:22px;
        line-height:25px
    }
}
@media screen and (max-width: 1080px){
    .realizacje-thumb>div .empty,.casestudies>div .empty{
        width:10%
    }
}
@media screen and (min-width: 1000px){
    .realizacje-thumb>div .empty,.casestudies>div .empty{
        width:18.6667%
    }
}
@media screen and (min-width: 1900px){
    .realizacje-thumb>div .empty,.casestudies>div .empty{
        width:8.6667%
    }
}
.realizacje-thumb a,.casestudies a{
    text-align:center;
    display:block;
    min-height:300px;
    position:relative;
    overflow:hidden
}
@media screen and (min-width: 1600px){
    .realizacje-thumb a,.casestudies a{
        min-height:400px
    }
}
@media screen and (min-width: 1900px){
    .realizacje-thumb a,.casestudies a{
        min-height:495px
    }
}
@media screen and (min-width: 2400px){
    .realizacje-thumb a,.casestudies a{
        min-height:550px
    }
}
.realizacje-thumb a span,.casestudies a span{
    position:absolute;
    z-index:1;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -webkit-transform:translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%);
    z-index:3;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    padding:8px 3px 7px 4px;
    width:36px;
    height:36px;
    opacity:0;
    transition:All .5s ease;
    -webkit-transition:All .5s ease;
    -moz-transition:All .5s ease;
    -o-transition:All .5s ease;
    transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    margin:-10px 0 0 -10px
}
.realizacje-thumb a span i,.casestudies a span i{
    color:#fff;
    font-size:26px;
    font-style:normal;
    font-weight:bold
}
.realizacje-thumb a img,.casestudies a img{
    transition:All .2s ease;
    -webkit-transition:All .2s ease;
    -moz-transition:All .2s ease;
    -o-transition:All .2s ease
}
.realizacje-thumb a:hover img,.casestudies a:hover img{
    -moz-transform:scale(1.1);
    -webkit-transform:scale(1.1);
    transform:scale(1.1)
}
.realizacje-thumb a:hover span,.casestudies a:hover span{
    opacity:1;
    transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg)
}
/*
@media screen and (max-width: 1080px){
    .realizacje-thumb.blog .col-md-2:nth-last-child(2),.casestudies.blog .col-md-2:nth-last-child(2){
        display:none
    }
    .realizacje-thumb.blog .col-md-2:nth-last-child(3),.casestudies.blog .col-md-2:nth-last-child(3){
        display:none
    }
}
*/
@media screen and (max-width: 550px) {
    .realizacje-thumb.blog .nomobile,
    .casestudies.blog .nomobile {
        display: none !important;
    }

    .left_col_with_menu.realizacje-detal.fullheight {
        height: auto !important;
    }

    .realizacje-detal .zdjecia {
        padding-bottom: 0px !important;
    }
}
@media screen and (max-width: 1080px){
    .realizacje-thumb.blog,.casestudies.blog{
        padding-bottom:0;
        padding:20px 0 0
    }
}
@media screen and (max-width: 768px){
    .realizacje-thumb.blog,.casestudies.blog{
        padding-bottom:0;
        padding:20px 0 0
    }
}
@media screen and (max-width: 550px){
    .realizacje-thumb.blog,.casestudies.blog{
        padding-bottom:0;
        padding:20px 0 0
    }
}
@media screen and (max-width: 360px){
    .realizacje-thumb.blog,.casestudies.blog{
        padding-bottom:0;
        padding:20px 0 0
    }
}
.realizacje-thumb{
    padding-top:4%
}
@media screen and (max-width: 1080px){
    .realizacje-thumb{
        padding-top:0
    }
}
.realizacje-thumb>div .col-md-2{
    width:19.6667%
}
@media screen and (max-width: 1080px){
    .realizacje-thumb>div .col-md-2{
        width:50%
    }
}
.realizacje-thumb>div .empty{
    width:10.6667%
}
.realizacje-thumb .img-bkg{
    z-index:2
}
@media screen and (max-width: 1080px){
    .realizacje-thumb.list-thumbs>div .col-md-2{
        width:19.6667%;
        width:50%
    }
}
@media screen and (max-width: 1080px){
    .realizacje-thumb.list-thumbs>div .empty{
        width:0;
        display:none
    }
}
.realizacje .col-md-4{
    padding:0 6px 0 0
}
.realizacje .col-md-4:last-child{
    padding:0
}
.realizacje .col-md-4 .tohide{
    position:absolute;
    z-index:-1;
    visibility:hidden
}
.realizacje .col-md-4 a{
    display:block;
    height:100%;
    position:relative
}
.realizacje .col-md-4 a div{
    background-color:rgba(0,140,221,0.66);
    padding:24px 10px;
    width:100%;
    font-size:14px;
    font-weight:bold;
    color:#fff;
    text-transform:uppercase;
    line-height:20px;
    position:absolute;
    bottom:20%;
    text-align:center;
    transition:All .4s ease;
    -webkit-transition:All .4s ease;
    -moz-transition:All .4s ease;
    -o-transition:All .4s ease
}
@media screen and (min-width: 1900px){
    .realizacje .col-md-4 a div{
        font-size:20px
    }
}
.realizacje .col-md-4 a span{
    text-align:center;
    background-color:#27cfff;
    position:absolute;
    z-index:1;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -webkit-transform:translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%);
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    padding:8px 3px 7px 4px;
    width:36px;
    height:36px;
    opacity:0;
    transition:All .5s ease;
    -webkit-transition:All .5s ease;
    -moz-transition:All .5s ease;
    -o-transition:All .5s ease;
    transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    margin:20px 0 0 -10px
}
.realizacje .col-md-4 a span i{
    color:#fff;
    font-size:26px;
    font-style:normal;
    font-weight:bold
}
.realizacje .col-md-4 a:hover div{
    background-color:#27cfff
}
.realizacje .col-md-4 a:hover span{
    opacity:1;
    transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg)
}
.realizacje .slick-dots{
    bottom:55px
}
.realizacje .slick-next{
    bottom:50px
}
.realizacje .slick-prev{
    bottom:50px
}
.filter-icons{
    margin:0 auto;
    padding-top:14%;
    width:70%
}
@media screen and (min-width: 1600px){
    .filter-icons{
        padding-top:16%
    }
}
@media screen and (min-width: 1900px){
    .filter-icons{
        padding-top:17%
    }
}
@media screen and (max-width: 768px){
    .filter-icons{
        width:100%;
        min-height:500px;
        padding-top:0
    }
}
.filter-icons .nav{
    height:60px;
    background:#eaeaea;
    position:relative;
    display:inline-block
}
@media screen and (max-width: 768px){
    .filter-icons .nav{
        margin:60px 0 0;
        width:100%
    }
}
@media screen and (min-width: 768px){
    .filter-icons .nav{
        padding:16px;
        -webkit-border-radius:30px;
        -moz-border-radius:30px;
        -ms-border-radius:30px;
        border-radius:30px;
        position:absolute;
        z-index:1;
        left:50%;
        transform:translateX(-50%);
        -ms-transform:translateX(-50%);
        -moz-transform:translateX(-50%);
        -webkit-transform:translateX(-50%);
        -o-transform:translateX(-50%)
    }
}
.filter-icons .nav a{
    font-size:15px;
    text-transform:uppercase;
    color:#3c3c3c;
    font-weight:bold;
    padding:7px 18px;
    display:inline-block;
    -webkit-border-radius:21px;
    -moz-border-radius:21px;
    -ms-border-radius:21px;
    border-radius:21px;
    margin:0 5px 0 0;
    line-height:15px;
    transition:All .3s ease;
    -webkit-transition:All .3s ease;
    -moz-transition:All .3s ease;
    -o-transition:All .3s ease
}
.filter-icons .nav a:hover,.filter-icons .nav a.act{
    color:#fff;
    background:#27cfff
}
.filter-icons .nav a:last-child{
    margin:0
}
@media screen and (max-width: 768px){
    .filter-icons .nav a{
        display:none
    }
}
.filter-icons .nav .mobile-menu{
    display:none
}
@media screen and (max-width: 768px){
    .filter-icons .nav .mobile-menu{
        display:block;
        padding:20px 16px;
        height:60px;
        cursor:pointer
    }
    .filter-icons .nav .mobile-menu a{
        display:block
    }
    .filter-icons .nav .mobile-menu .title{
        float:left;
        color:#fff
    }
    .filter-icons .nav .mobile-menu .arrow{
        float:right;
        transition:All .2s ease;
        -webkit-transition:All .2s ease;
        -moz-transition:All .2s ease;
        -o-transition:All .2s ease;
        transform:rotate(0deg);
        -webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -o-transform:rotate(0deg)
    }
    .filter-icons .nav .mobile-menu .arrow.act{
        transform:rotate(180deg);
        -webkit-transform:rotate(180deg);
        -moz-transform:rotate(180deg);
        -o-transform:rotate(180deg)
    }
    .filter-icons .nav .mobile-menu ul{
        position:absolute;
        left:0;
        top:60px;
        z-index:2;
        width:100%;
        display:none
    }
    .filter-icons .nav .mobile-menu ul.act{
        display:block
    }
    .filter-icons .nav .mobile-menu ul li{
        padding:15px 16px
    }
    .filter-icons .nav .mobile-menu ul li a{
        color:#fff;
        padding:0
    }
}
.filter-icons .icons-wrapper{
    margin:95px auto 20px;
    max-width:945px;
    width:100%
}
@media screen and (max-width: 768px){
    .filter-icons .icons-wrapper{
        margin:20px auto 30px
    }
}
.filter-icons .icons-wrapper .icons{
    transition:All .3s ease;
    -webkit-transition:All .3s ease;
    -moz-transition:All .3s ease;
    -o-transition:All .3s ease;
    opacity:0;
    transform:scale(0);
    width:auto
}
.filter-icons .icons-wrapper .icons.act{
    opacity:1;
    transform:scale(1)
}
.filter-icons .icons-wrapper .icons a{
    margin-bottom:20px;
    display:block
}
.filter-icons .icons-wrapper .icons a img{
    transform:scale(1);
    transition:All .2s ease;
    -webkit-transition:All .2s ease;
    -moz-transition:All .2s ease;
    -o-transition:All .2s ease;
    filter:gray;
    -webkit-filter:grayscale(1);
    filter:grayscale(1);
    margin:0 auto
}
@media screen and (max-width: 768px){
    .filter-icons .icons-wrapper .icons a img{
        width:100%;
        height:auto
    }
}
.filter-icons .icons-wrapper .icons a.disable{
    opacity:0
}
.filter-icons .icons-wrapper .icons a:hover img{
    -webkit-filter:grayscale(0);
    filter:none
}
.filter-icons .icons-wrapper .icons.nonact{
    opacity:0;
    width:1px !important
}
.filter-icons .icons-wrapper .icons.nonact img{
    transform:scale(0);
    transition:All .2s ease;
    -webkit-transition:All .2s ease;
    -moz-transition:All .2s ease;
    -o-transition:All .2s ease
}
@media screen and (min-width: 1600px){
    .slick-list{
        padding:0 0 90px
    }
}
.slick-initialized .slick-slide{
    display:inline-block !important
}
.slick-slider .slick-track,.slick-slider .slick-list{
    margin:0 auto !important
}
.ajax-content{
    position:absolute;
    top:0;
    left:0;
    right:0;
    width:100%;
    z-index:5001;
    opacity:0
}
.ajax-content.fixed{
    position:fixed;
    z-index:9999;
    overflow-y:auto
}
.ajax-content.z-index-lower{
    z-index:5000
}
.ajax-content.inline{
    position:relative;
    top:auto;
    left:auto;
    right:auto
}
.ajax-loader{
    opacity:0;
    visibility:hidden;
    position:absolute;
    z-index:1;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -webkit-transform:translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%);
    z-index:5005;
    background:#fff;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%
}
.ajax-loader img{
    width:60px;
    height:60px
}
.left_col_with_menu{
    background:#fff
}
.left_col_with_menu .menu{
    padding-top:80px;
    background:#2f2d34
}
.left_col_with_menu .menu input[type=checkbox]{
    display:none
}
.left_col_with_menu .menu input[type="checkbox"]+label i{
    display:inline-block;
    width:19px;
    height:19px;
    margin:-2px 0 0 0;
    vertical-align:middle;
    background:url(../img/check_radio_sheet.png) left top no-repeat;
    cursor:pointer
}
.left_col_with_menu .menu input[type="checkbox"]:checked+label i{
    background:url(../img/check_radio_sheet.png) -19px top no-repeat
}
.left_col_with_menu .menu .wrapper{
    padding:40px;
    background:none
}
@media screen and (max-width: 1080px){
    .left_col_with_menu .menu .wrapper{
        padding:0
    }
}
.left_col_with_menu .menu hr{
    border-color:#4e4c52;
    width:100px;
    margin:0 0 30px
}
@media screen and (max-width: 1080px){
    .left_col_with_menu .menu hr{
        display:none
    }
}
.left_col_with_menu .menu a.close-ajax{
    padding:9px 15px 12px 16px;
    display:inline-block;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%
}
.left_col_with_menu .menu a.more-filters{
    font-weight:bold;
    font-size:14px;
    color:#fff
}
@media screen and (min-width: 1000px){
    .left_col_with_menu .menu a.more-filters{
        position:absolute;
        z-index:1;
        left:50%;
        transform:translateX(-50%);
        -ms-transform:translateX(-50%);
        -moz-transform:translateX(-50%);
        -webkit-transform:translateX(-50%);
        -o-transform:translateX(-50%);
        bottom:30px;
        width:125px
    }
}
@media screen and (max-width: 1080px){
    .left_col_with_menu .menu a.more-filters{
        display:block;
        text-align:center
    }
}
.left_col_with_menu .menu a.more-filters span{
    color:#27cfff;
    display:inline-block;
    transition:All .2s ease;
    -webkit-transition:All .2s ease;
    -moz-transition:All .2s ease;
    -o-transition:All .2s ease;
    transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -o-transform:rotate(0deg)
}
.left_col_with_menu .menu a.more-filters:hover span{
    color:#27cfff;
    transition:All .5s ease;
    -webkit-transition:All .5s ease;
    -moz-transition:All .5s ease;
    -o-transition:All .5s ease;
    transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg)
}
.left_col_with_menu .menu h1{
    color:#fff;
    font-size:16px;
    font-weight:bold;
    line-height:18px;
    margin:0 0 30px;
    text-transform:uppercase;
    font-family:"Roboto Condensed",sans-serif
}
@media screen and (max-width: 1080px){
    .left_col_with_menu .menu h1{
        color:#2f2d34;
        display:block;
        padding:15px;
        text-transform:none;
        font-size:20px;
        font-weight:normal;
        font-family:"Roboto",sans-serif;
        background:#fff;
        margin:0
    }
}
.left_col_with_menu .menu .filters-check{
    margin:0 0 20px
}
.left_col_with_menu .menu .filters-check h4{
    font-size:13px;
    text-transform:uppercase;
    color:#fff;
    margin:0 0 7px
}
.left_col_with_menu .menu .filters-check h4:after{
    content:'';
    width:62px;
    height:1px;
    background:#444249;
    display:block;
    margin:7px 0 0
}
.left_col_with_menu .menu .filters-check label{
    display:block;
    margin:0 0 8px
}
.left_col_with_menu .menu .filters-check label input[type="checkbox"]{
    background:#2f2d34
}
.left_col_with_menu .menu .filters-check label p{
    color:#fff;
    font-size:14px;
    display:inline-block;
    margin:0 0 0 6px
}
.left_col_with_menu .menu .filters-check label p span{
    position:relative;
    top:-2px;
    display:inline-block;
    margin:0 0 0 2px;
    font-size:12px;
    color:#27cfff
}
.left_col_with_menu .menu .filters-check-rounded{
    margin:0 0 20px
}
@media screen and (max-width: 1080px){
    .left_col_with_menu .menu .filters-check-rounded{
        float:left;
        margin:15px 0 0;
        width:50%;
        padding:0 15px 15px 15px
    }
    .left_col_with_menu .menu .filters-check-rounded:nth-child(2n){
        padding:0 15px 15px 0
    }
}
.left_col_with_menu .menu .filters-check-rounded h4{
    font-size:13px;
    text-transform:uppercase;
    color:#fff;
    margin:0 0 7px
}
.left_col_with_menu .menu .filters-check-rounded h4:after{
    content:'';
    width:62px;
    height:1px;
    background:#444249;
    display:block;
    margin:7px 0 0
}
@media screen and (max-width: 1080px){
    .left_col_with_menu .menu .filters-check-rounded h4:after{
        display:none
    }
}
.left_col_with_menu .menu .filters-check-rounded a{
    display:table;
    padding:4px 9px;
    margin:0 0 2px;
    border:solid 1px #2f2d34;
    transition:All .3s ease;
    -webkit-transition:All .3s ease;
    -moz-transition:All .3s ease;
    -o-transition:All .3s ease;
    font-size:13px;
    color:#d0d0d0;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    -ms-border-radius:15px;
    border-radius:15px;
    position:relative;
    left:-10px
}
.left_col_with_menu .menu .filters-check-rounded a:hover{
    background:#39373e
}
.left_col_with_menu .menu .filters-check-rounded a.act{
    border:solid 1px #fff
}
@media screen and (max-width: 1080px){
    .left_col_with_menu .menu .filters-check-rounded a{
        display:none
    }
}
.left_col_with_menu .menu .filters-anchors .selectric-wrapper{
    margin:15px
}
.left_col_with_menu .menu .filters-anchors a{
    font-size:13px;
    text-transform:uppercase;
    color:#fff;
    margin:0 0 12px;
    transition:All .3s ease;
    -webkit-transition:All .3s ease;
    -moz-transition:All .3s ease;
    -o-transition:All .3s ease;
    display:block;
    font-weight:bold
}
.left_col_with_menu .menu .filters-anchors a.act,.left_col_with_menu .menu .filters-anchors a:hover{
    color:#27cfff
}
.left_col_with_menu .menu .more-filter-box{
    display:none
}
.left_col_with_menu .menu .more-anchor-box{
    display:none
}
.left_col_with_menu.with-filters .menu{
    position:relative;
    left:-40px;
    padding-top:10px;
    width:230px;
    float:left
}
@media screen and (max-width: 1080px){
    .left_col_with_menu.with-filters .menu{
        float:none;
        width:100%;
        left:0
    }
}
.left_col_with_menu.with-filters .menu a.more-filters{
    position:relative;
    margin-top:10px;
    left:6px;
    bottom:auto;
    transform:none;
    -ms-transform:none;
    -moz-transform:none;
    -webkit-transform:none;
    -o-transform:none;
    display:inline-block
}
.left_col_with_menu.with-filters .menu .clear-filters{
    margin:25px 0 0 0
}
.left_col_with_menu.with-filters .menu .clear-filters:after{
    background-image:url("../img/svg/x_close.svg");
    right:18px;
    top:17px
}
.left_col_with_menu .kafelki{
    padding-top:80px
}
@media screen and (max-width: 768px){
    .left_col_with_menu .kafelki{
        padding-top:0
    }
}
.left_col_with_menu .kafelki .kafelki-wrapper{
    left:0.6%;
    position:relative
}
.left_col_with_menu .kafelki .thumb{
    width:19.5%;
    opacity:0;
    transition:All .3s ease;
    -webkit-transition:All .3s ease;
    -moz-transition:All .3s ease;
    -o-transition:All .3s ease
}
@media screen and (max-width: 768px){
    .left_col_with_menu .kafelki .thumb{
        width:33%
    }
}
.left_col_with_menu .kafelki .thumb.act{
    opacity:1
}
.left_col_with_menu .kafelki .thumb a{
    display:block;
    background:#f2f2f2
}
.left_col_with_menu .kafelki .thumb a>img{
    width:100%;
    height:auto
}
.left_col_with_menu .kafelki .thumb a>div{
    transition:All .3s ease;
    -webkit-transition:All .3s ease;
    -moz-transition:All .3s ease;
    -o-transition:All .3s ease;
    position:absolute;
    bottom:0;
    left:0;
    width:auto;
    padding:6px 15px;
    font-size:14px;
    font-weight:bold;
    color:#fff;
    text-transform:uppercase
}
.left_col_with_menu .kafelki .thumb a>div img{
    width:7px;
    margin:0 0 0 6px;
    position:relative;
    top:-1px
}
.left_col_with_menu .kafelki .thumb a span.p{
    position:absolute;
    z-index:1;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -webkit-transform:translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%);
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    background-color:#27cfff;
    padding:8px 4px;
    width:36px;
    height:36px;
    opacity:0;
    transition:All .5s ease;
    -webkit-transition:All .5s ease;
    -moz-transition:All .5s ease;
    -o-transition:All .5s ease;
    transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    margin:-10px 0 0 -10px;
    text-align:center
}
.left_col_with_menu .kafelki .thumb a span.p i{
    color:#fff;
    font-size:25px;
    font-style:normal;
    font-weight:bold
}
.left_col_with_menu .kafelki .thumb a:hover span.p{
    opacity:1;
    transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg)
}
.left_col_with_menu .kafelki .thumb a.more{
    display:block;
    height:100%;
    width:100%
}
.left_col_with_menu .kafelki .thumb a.more div{
    position:absolute;
    z-index:1;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -webkit-transform:translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%);
    text-align:center;
    width:100%;
    bottom:auto;
    padding:0
}
.left_col_with_menu .kafelki .thumb a.more div h3{
    font-size:16px;
    font-weight:bold;
    color:#fff;
    text-transform:uppercase;
    margin:0 0 7%
}
@media screen and (max-width: 768px){
    .left_col_with_menu .kafelki .thumb a.more div h3{
        margin:0 auto 7%;
        width:90%;
        font-size:15px
    }
}
.left_col_with_menu .kafelki .thumb a.more div span{
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    display:inline-block;
    border:solid 2px #fff;
    height:36px;
    padding:6px;
    width:36px;
    position:relative;
    top:0;
    left:1px;
    transition:All .2s ease;
    -webkit-transition:All .2s ease;
    -moz-transition:All .2s ease;
    -o-transition:All .2s ease
}
.left_col_with_menu .kafelki .thumb a.more div span img{
    width:15px;
    margin:0;
    position:relative;
    top:0
}
.left_col_with_menu .kafelki .thumb a.more:hover span{
    top:20px
}
.left_col_with_menu .kafelki .thumb a:hover{
    background:#fff
}
.left_col_with_menu .kafelki .thumb section{
    position:absolute;
    right:8px;
    top:8px
}
.left_col_with_menu .kafelki .thumb section p{
    font-family:"Roboto Condensed",sans-serif;
    color:#fff;
    font-size:13px;
    display:inline-block;
    background:#ff5757;
    margin:0 0 3px;
    padding:4px 10px 2px 26px;
    position:relative;
    margin:0 2px 0 0
}
.left_col_with_menu .kafelki .thumb section p img{
    margin:0 0 3px;
    position:absolute;
    z-index:1;
    top:50%;
    transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    left:5px
}
.left_col_with_menu .kafelki .thumb-big{
    width:39.5%
}
@media screen and (max-width: 768px){
    .left_col_with_menu .kafelki .thumb-big{
        width:66.5%
    }
}
.left_col_with_menu .kafelki .gutter-sizer{
    width:0.5%
}
.left_col_with_menu .result-right-col{
    float:left
}
.left_col_with_menu .result-right-col .button{
    text-align:center
}
.left_col_with_menu .result-right-col .button a{
    margin:20px auto;
    -webkit-border-radius:22px;
    -moz-border-radius:22px;
    -ms-border-radius:22px;
    border-radius:22px;
    padding:11px 23px;
    color:#fff;
    font-weight:bold;
    text-transform:uppercase;
    font-size:14px;
    display:inline-block
}
.karta_klienta{
    background:#fff;
    padding-top:80px
}
.karta_klienta a.close-ajax{
    padding:9px 15px 12px 16px;
    display:inline-block;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    margin:35px 0 35px 35px
}
@media screen and (max-width: 1080px){
    .karta_klienta a.close-ajax{
        margin:15px 0 15px 15px
    }
}
.karta_klienta .text{
    margin-top:2%
}
@media screen and (min-width: 1600px){
    .karta_klienta .text{
        margin-top:3%
    }
}
@media screen and (min-width: 1900px){
    .karta_klienta .text{
        margin-top:7%
    }
}
@media screen and (min-width: 2400px){
    .karta_klienta .text{
        margin-top:9%
    }
}
.karta_klienta .text .logo img{
    right:10%;
    margin-top:11%;
    max-width:350px;
    position:absolute;
    z-index:1;
    top:50%;
    transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -o-transform:translateY(-50%)
}
@media screen and (max-width: 1080px){
    .karta_klienta .text .logo img{
        position:relative;
        z-index:1;
        top:auto;
        left:auto;
        transform:none;
        -ms-transform:none;
        -moz-transform:none;
        -webkit-transform:none;
        -o-transform:none;
        right:auto;
        margin-top:15px
    }
}
@media screen and (max-width: 1080px){
    .karta_klienta .text .dane{
        padding:0 15px
    }
}
.karta_klienta .text .dane h3{
    font-family:"Roboto Condensed",sans-serif;
    color:#3c3c3c;
    font-size:24px;
    margin-bottom:30px;
    text-transform:uppercase;
    font-weight:bold
}
.karta_klienta .text .dane p{
    font-size:14px;
    color:#3c3c3c;
    margin:0 0 35px;
    width:70%
}
.karta_klienta .text .dane .author{
    margin:0 0 35px
}
.karta_klienta .text .dane .author strong{
    font-weight:bold
}
.karta_klienta .text .dane .author span{
    color:#9d9d9c;
    font-size:12px;
    display:inline-block;
    margin-left:3px
}
@media screen and (max-width: 1080px){
    .karta_klienta .text .dane .author span{
        display:block
    }
}
.karta_klienta .text .dane hr{
    margin:0 0 35px;
    border-color:#e5e5e5;
    width:60px
}
.karta_klienta.more-korzysci .text .logo img{
    margin-top:0
}
.download a{
    font-size:14px;
    color:#3c3c3c
}
.download a:after{
    content:'';
    width:15px;
    height:15px;
    background-image:url(../img/svg/strzalka_dol_niebieska.svg);
    background-repeat:no-repeat;
    background-position:0 0;
    border-bottom:3px solid #27cfff;
    margin:0 0 0 10px;
    display:inline-block;
    position:relative;
    top:3px;
    transition:All .2s ease;
    -webkit-transition:All .2s ease;
    -moz-transition:All .2s ease;
    -o-transition:All .2s ease
}
.download a:hover{
    color:#666
}
.download a:hover:after{
    background-position:0 4px;
    border-bottom:1px solid #27cfff
}
.realizacje-detal .menu{
    padding-bottom:150px
}
@media screen and (max-width: 1080px){
    .realizacje-detal .menu{
        padding-bottom:15px
    }
}
.realizacje-detal .zdjecia{
    padding-top:80px;
    padding-bottom:150px
}
.realizacje-detal .zdjecia .button{
    text-align:center
}
.realizacje-detal .zdjecia .load-more{
    bottom:40px;
    font-size:14px;
    text-transform:uppercase;
    color:#fff;
    padding:12px 30px;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    -ms-border-radius:30px;
    border-radius:30px;
    font-weight:bold
}
.realizacje-detal .zdjecia .load-more:after{
    content:'';
    width:10px;
    height:15px;
    background-image:url(../img/svg/strzalka_prawo.svg);
    background-repeat:no-repeat;
    background-position:0 0;
    margin:0 0 0 10px;
    display:inline-block;
    position:relative;
    top:2px
}
.karta_produktu{
    background:#fff;
    padding-top:140px !important
}
.karta_produktu h2.centered{
    /*top:50px !important*/
    /*top:100px !important*/
}
@media screen and (max-width: 1080px){
    .karta_produktu{
        padding-top:80px !important
    }
}
.karta_produktu .ajax-loader{
    display:none !important
}
.karta_produktu .nawigacja{
    background:#2f2d34;
    height:60px;
    position:fixed;
    width:100%;
    z-index:7000;
    top:0
}
@media screen and (max-width: 1080px){
    .karta_produktu .nawigacja{
        display:none
    }
}
.karta_produktu .nawigacja .col-md-2{
    width:14.66666667%
}
.karta_produktu .nawigacja a.close-ajax{
    padding:9px 15px 12px 16px;
    display:inline-block;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    margin:11px 0 0 31px
}
.karta_produktu .nawigacja .collapse-navi{
    margin:14px 0 0 0
}
.karta_produktu .nawigacja .collapse-navi a{
    color:#fff;
    display:inline-block;
    padding:7px 17px;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    -ms-border-radius:15px;
    border-radius:15px;
    margin:0 7px 10px 0;
    font-size:13px;
    font-weight:300;
    overflow:hidden;
    position:relative;
    font-weight:bold;
    text-transform:uppercase
}
.karta_produktu .nawigacja .collapse-navi a:last-child{
    margin:0 0 10px 0
}
.karta_produktu .nawigacja .collapse-navi a:hover{
    background:#fff;
    color:#2f2d34
}
.karta_produktu .padded{
    padding:32px
}
@media screen and (max-width: 1080px){
    .karta_produktu .padded{
        padding:15px
    }
}
.karta_produktu .informacje{
    margin-bottom:50px
}
.karta_produktu .informacje .headers h1{
    font-family:"Roboto Condensed",sans-serif;
    color:#3c3c3c;
    font-weight:bold;
    font-size:32px;
    text-transform:uppercase;
    display:inline-block;
    margin-left:11px;
    line-height:28px
}
@media screen and (max-width: 1080px){
    .karta_produktu .informacje .headers h1{
        margin:0 0 5px 0;
        display:block
    }
}
.karta_produktu .informacje .headers h2{
    font-family:"Roboto Condensed",sans-serif;
    color:#9d9d9c;
    font-weight:bold;
    font-size:14px;
    float:left;
    text-transform:uppercase
}
@media screen and (max-width: 1080px){
    .karta_produktu .informacje .socials-print{
        display:none
    }
}
.karta_produktu .informacje .socials-print p{
    font-family:"Roboto Condensed",sans-serif;
    display:inline-block;
    font-size:14px;
    margin:0 3px 0 30px
}
.karta_produktu .informacje .socials-print a{
    display:inline-block
}
.karta_produktu .producent{
    margin:0 0 50px
}
.karta_produktu .producent h4{
    font-size:13px;
    color:#3c3c3c;
    text-transform:uppercase;
    margin:0 0 12px
}
@media screen and (max-width: 1080px){
    .karta_produktu .producent h4{
        font-size:13px
    }
}
.karta_produktu .producent img{
    margin:0 0 5px
}
@media screen and (max-width: 1080px){
    .karta_produktu .producent{
        text-align:center;
        margin:30px 0 50px
    }
}
@media screen and (max-width: 1080px){
    .karta_produktu .cta{
        text-align:center
    }
}
.karta_produktu .cta a{
    min-width:220px;
    text-align:center;
    overflow:hidden;
    margin:0 0 15px
}
.karta_produktu .cta a.button_outline{
    border-color:#a39489 !important;
    color:#3c3c3c
}
.karta_produktu .cta a:hover{
    color:#fff;
    background:#a39489
}
.karta_produktu .cta a:hover svg path{
    fill:#fff !important
}
.karta_produktu .cta a:before{
    background:#a39489
}
.karta_produktu .cechy-produktu{
    position:relative
}
.karta_produktu .cechy-produktu .ajax-content{
    position:fixed !important
}
@media screen and (min-width: 1600px){
    .karta_produktu .cechy-produktu div.fullheight{
        height:auto !important;
        padding-bottom:50px
    }
}
.karta_produktu .cechy-produktu .ikony{
    padding:18% 0 5%
}
.karta_produktu .cechy-produktu .ikony>.row{
    margin-bottom:25px
}
@media screen and (max-width: 1080px){
    .karta_produktu .cechy-produktu .ikony>.row .col-sm-6{
        margin:0 0 25px
    }
}
@media screen and (min-width: 1600px){
    .karta_produktu .cechy-produktu .ikony{
        padding:21% 0 5%
    }
}
.karta_produktu .cechy-produktu .ikony a{
    display:block;
    text-align:center
}
.karta_produktu .cechy-produktu .ikony a img{
    transition:All .2s ease;
    -webkit-transition:All .2s ease;
    -moz-transition:All .2s ease;
    -o-transition:All .2s ease;
    transform:rotate(0deg) scale(1);
    -webkit-transform:rotate(0deg) scale(1);
    -moz-transform:rotate(0deg) scale(1);
    -o-transform:rotate(0deg) scale(1);
    width:150px;
    height:auto
}
@media screen and (min-width: 1600px){
    .karta_produktu .cechy-produktu .ikony a img{
        width:170px
    }
}
@media screen and (min-width: 1900px){
    .karta_produktu .cechy-produktu .ikony a img{
        width:200px
    }
}
@media screen and (min-width: 2400px){
    .karta_produktu .cechy-produktu .ikony a img{
        width:250px
    }
}
.karta_produktu .cechy-produktu .ikony a:hover img{
    transform:rotate(360deg) scale(1.15);
    -webkit-transform:rotate(360deg) scale(1.15);
    -moz-transform:rotate(360deg) scale(1.15);
    -o-transform:rotate(360deg) scale(1.15)
}
.karta_produktu .cechy-produktu .ikony a p{
    text-transform:uppercase;
    color:#3c3c3c;
    font-size:16px;
    line-height:22px;
    margin:30px auto 0;
    width:75%;
    font-weight:bold
}
@media screen and (max-width: 1080px){
    .karta_produktu .cechy-produktu .ikony a p{
        margin:15px auto 0
    }
}
.karta_produktu .cechy-produktu .ikony .cechy-details{
    padding:20px 15px 0px;
    background:#f6f6f6;
    margin:20px -15px 0
}
.karta_produktu .cechy-produktu .ikony .cechy-details .close-navi{
    padding-right:5px;
    height:20px
}
.karta_produktu .cechy-produktu .ikony .cechy-details .close-navi a{
    float:right;
    display:inline-block
}
.karta_produktu .cechy-produktu .ikony .cechy-details .close-navi a img{
    width:12px;
    height:auto
}
.karta_produktu .cechy-produktu .ikony .cechy-details .close-ajax{
    display:none
}
.karta_produktu .cechy-produktu .ikony .cechy-details .logo{
    display:none
}
.karta_produktu .cechy-produktu .ikony .cechy-details .dane h3{
    font-size:16px;
    margin-bottom:23px;
    text-align:center
}
.karta_produktu .cechy-produktu .ikony .cechy-details .dane p{
    text-transform:none;
    color:#3c3c3c;
    font-size:16px;
    line-height:22px;
    margin:0 auto 40px;
    width:100%;
    font-weight:normal;
    text-align:center
}
.karta_produktu .cechy-produktu .ikony .cechy-details .karta_klienta{
    padding-top:10px;
    background:#f6f6f6
}
.karta_produktu .dane-techniczne{
    padding-top:80px;
    padding-bottom:50px;
    position:relative
}
@media screen and (max-width: 1080px){
    .karta_produktu .dane-techniczne{
        padding-top:20px;
        padding-bottom:20px
    }
}
.karta_produktu .dane-techniczne>h2{
    top:0 !important
}
.karta_produktu .dane-techniczne h5{
    margin-left:32px;
    font-size:16px;
    text-transform:uppercase;
    font-weight:bold
}
.karta_produktu .dane-techniczne sup{
    position:relative;
    top:1px
}
@media screen and (max-width: 1080px){
    .karta_produktu .dane-techniczne .row{
        margin:0 0 20px
    }
}
.karta_produktu .dane-techniczne .row div{
    padding:32px 0
}
@media screen and (max-width: 1080px){
    .karta_produktu .dane-techniczne .row div{
        padding:12px 0
    }
}
@media screen and (max-width: 1080px){
    .karta_produktu .dane-techniczne .row div.col-md-2{
        padding:12px 32px
    }
}
.karta_produktu .dane-techniczne .row div strong{
    font-weight:bold;
    font-size:14px;
    margin:0 0 3px
}
.karta_produktu .dane-techniczne .row div p{
    font-size:13px
}
.karta_produktu .dane-techniczne .row div.less{
    padding:22px 0 32px
}
@media screen and (max-width: 1080px){
    .karta_produktu .dane-techniczne .row div.less{
        padding:12px 32px
    }
}
.karta_produktu .dane-techniczne .row:nth-child(2n-1){
    background:#f9f9f9
}
.karta_produktu .dane-techniczne .button{
    background:#f3f3f3;
    text-align:center;
    padding:35px 0
}
.double-row-icons{
    position:relative
}
.double-row-icons .ikony{
    padding:9% 0 0
}
.double-row-icons .ikony .row{
    margin-bottom:30px
}
@media screen and (max-width: 1080px){
    .double-row-icons .ikony .row{
        margin-bottom:0
    }
    .double-row-icons .ikony .row:last-child{
        margin-bottom:30px
    }
}
@media screen and (max-width: 1080px){
    .double-row-icons .ikony .col-md-3{
        margin:0 0 20px
    }
}
.double-row-icons .ikony a{
    display:block;
    text-align:center;
    position:relative
}
.double-row-icons .ikony a img{
    transition:All .2s ease;
    -webkit-transition:All .2s ease;
    -moz-transition:All .2s ease;
    -o-transition:All .2s ease;
    transform:rotate(0deg) scale(1);
    -webkit-transform:rotate(0deg) scale(1);
    -moz-transform:rotate(0deg) scale(1);
    -o-transform:rotate(0deg) scale(1);
    width:100px;
    height:auto
}
@media screen and (min-width: 1600px){
    .double-row-icons .ikony a img{
        width:170px
    }
}
@media screen and (min-width: 1900px){
    .double-row-icons .ikony a img{
        width:200px
    }
}
@media screen and (min-width: 2400px){
    .double-row-icons .ikony a img{
        width:250px
    }
}
@media screen and (max-width: 1080px){
    .double-row-icons .ikony a img{
        width:50px;
        position:absolute;
        z-index:1;
        top:50%;
        transform:translateY(-50%);
        -ms-transform:translateY(-50%);
        -moz-transform:translateY(-50%);
        -webkit-transform:translateY(-50%);
        -o-transform:translateY(-50%);
        left:10%
    }
}
@media screen and (max-width: 1080px){
    .double-row-icons .ikony a .wrap{
        float:left;
        text-align:left;
        margin:0 0 0 34%;
        width:55%
    }
}
@media screen and (min-width: 1000px){
    .double-row-icons .ikony a:hover img{
        transform:rotate(360deg) scale(1.15);
        -webkit-transform:rotate(360deg) scale(1.15);
        -moz-transform:rotate(360deg) scale(1.15);
        -o-transform:rotate(360deg) scale(1.15)
    }
}
.double-row-icons .ikony a h6{
    text-transform:uppercase;
    color:#3c3c3c;
    font-size:16px;
    line-height:22px;
    margin:15px auto 10px;
    width:75%;
    font-weight:bold
}
@media screen and (max-width: 1080px){
    .double-row-icons .ikony a h6{
        margin:0 auto 10px;
        width:100%
    }
}
.double-row-icons .ikony a p{
    color:#3c3c3c;
    font-size:13px;
    line-height:18px;
    width:85%;
    margin:0 auto
}
@media screen and (max-width: 1080px){
    .double-row-icons .ikony a p{
        width:100%
    }
}
.text_detal{
    background:#fff;
    padding-top:140px !important;
    position:relative
}
@media screen and (max-width: 1080px){
    .text_detal{
        padding-top:80px !important
    }
}
.text_detal .nawigacja{
    background:#ebebeb;
    height:60px;
    position:fixed;
    width:100%;
    z-index:70;
    top:0
}
@media screen and (max-width: 1080px){
    .text_detal .nawigacja{
        display:none
    }
}
.text_detal .nawigacja a.close-ajax{
    width:38px;
    height:38px;
    display:inline-block;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    margin:11px 0 0 31px;
    position:relative
}
.text_detal .nawigacja a.close-ajax img{
    position:absolute;
    z-index:1;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -webkit-transform:translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%);
    margin:0 0 0 -1px
}
.text_detal .nawigacja .collapse-navi{
    margin:14px 0 0 0
}
.text_detal .nawigacja .collapse-navi a{
    color:#fff;
    display:inline-block;
    padding:7px 17px;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    -ms-border-radius:15px;
    border-radius:15px;
    margin:0 7px 10px 0;
    font-size:13px;
    font-weight:300;
    overflow:hidden;
    position:relative;
    font-weight:bold;
    text-transform:uppercase
}
.text_detal .nawigacja .collapse-navi a:last-child{
    margin:0 0 10px 0
}
.text_detal .nawigacja .collapse-navi a:hover{
    background:#fff;
    color:#2f2d34
}
.text_detal .padded{
    border-bottom:1px solid #ccc;
    margin:0 0 32px;
    padding:32px 32px 0
}
.text_detal .padded.no-border{
    border:none
}
.text_detal .informacje{
    margin-bottom:27px
}
.text_detal .informacje .headers h1{
    font-family:"Roboto Condensed",sans-serif;
    color:#3c3c3c;
    font-weight:bold;
    font-size:26px;
    text-transform:uppercase;
    display:inline-block;
    margin-left:11px;
    line-height:28px;
    width:84%
}
@media screen and (max-width: 1080px){
    .text_detal .informacje .headers h1{
        margin-left:0
    }
}
.text_detal .informacje .headers h2{
    font-family:"Roboto Condensed",sans-serif;
    color:#9d9d9c;
    font-weight:bold;
    font-size:14px;
    float:left;
    text-transform:uppercase
}
@media screen and (max-width: 1080px){
    .text_detal .informacje .headers{
        padding:0 0 20px
    }
}
.text_detal .socials-print p{
    font-family:"Roboto Condensed",sans-serif;
    display:inline-block;
    font-size:14px;
    margin:0 3px 0 30px
}
.text_detal .socials-print a{
    display:inline-block
}
.text_detal .text p{
    margin:0 0 10px;
    font-size:13px;
    line-height:21px
}
.text_detal .text strong{
    font-weight:bold
}
.text_detal .text h1{
    text-transform:uppercase;
    font-size:24px;
    line-height:28px;
    font-weight:bold;
    color:#3c3c3c;
    margin-bottom:25px
}
.text_detal .text h2{
    text-transform:uppercase;
    font-size:22px;
    line-height:26px;
    font-weight:bold;
    color:#3c3c3c;
    margin-bottom:24px
}
.text_detal .text h3{
    text-transform:uppercase;
    font-size:20px;
    line-height:24px;
    font-weight:bold;
    color:#3c3c3c;
    margin-bottom:22px
}
.text_detal .text h4{
    text-transform:uppercase;
    font-size:18px;
    line-height:22px;
    font-weight:bold;
    color:#3c3c3c;
    margin-bottom:20px
}
.text_detal .text h5{
    text-transform:uppercase;
    font-size:16px;
    line-height:20px;
    font-weight:bold;
    color:#3c3c3c;
    margin-bottom:18px
}
.text_detal .text h6{
    text-transform:uppercase;
    font-size:14px;
    line-height:18px;
    font-weight:bold;
    color:#3c3c3c;
    margin-bottom:15px
}
.text_detal .text.medium p{
    margin:0 0 12px;
    font-size:15px;
    line-height:24px
}
.text_detal .text.medium h1{
    font-size:26px;
    line-height:30px
}
.text_detal .text.medium h2{
    font-size:24px;
    line-height:28px
}
.text_detal .text.medium h3{
    font-size:22px;
    line-height:26px
}
.text_detal .text.medium h4{
    font-size:20px;
    line-height:24px
}
.text_detal .text.medium h5{
    font-size:18px;
    line-height:22px
}
.text_detal .text.medium h6{
    font-size:16px;
    line-height:20px
}
.text_detal .text.big p{
    margin:0 0 14px;
    font-size:17px;
    line-height:26px
}
.text_detal .text.big h1{
    font-size:28px;
    line-height:32px
}
.text_detal .text.big h2{
    font-size:26px;
    line-height:30px
}
.text_detal .text.big h3{
    font-size:24px;
    line-height:28px
}
.text_detal .text.big h4{
    font-size:22px;
    line-height:26px
}
.text_detal .text.big h5{
    font-size:20px;
    line-height:24px
}
.text_detal .text.big h6{
    font-size:18px;
    line-height:22px
}
.text_detal .section_video{
    margin-bottom:45px
}
.text_detal .left-photo-text{
    margin-bottom:45px
}
.text_detal .left-photo-text .photo img{
    width:100%;
    height:auto
}
.text_detal .left-photo-text .text{
    padding:0 4%
}
.text_detal .text-centered{
    margin-bottom:45px
}
@media screen and (max-width: 1080px){
    .text_detal .text-centered .text{
        padding:0 4%
    }
}
.text_detal .bothside-photo{
    margin-bottom:45px
}
.text_detal .bothside-photo .photo img{
    width:100%;
    height:auto
}
@media screen and (max-width: 1080px){
    .text_detal .bothside-photo .photo{
        padding-bottom:15px
    }
}
.text_detal .social-separator{
    margin-bottom:45px;
    text-align:center;
    position:relative
}
.text_detal .social-separator .socials-print{
    background:#fff;
    display:inline-block;
    padding:0 42px 0 22px;
    position:relative;
    z-index:2
}
.text_detal .social-separator hr{
    border-bottom:1px solid #cccccc;
    position:absolute;
    top:-9px;
    width:100%;
    z-index:1
}
.text_detal .post-pagination{
    margin-bottom:45px
}
.text_detal .post-pagination .img-bkg{
    z-index:1
}
.text_detal .post-pagination .link{
    background:#3c3c3c;
    color:#fff;
    padding:30px 0;
    position:relative;
    min-height:185px
}
.text_detal .post-pagination .link a{
    font-family:"Roboto Condensed",sans-serif;
    color:#fff;
    font-weight:bold;
    transition:All .3s ease;
    -webkit-transition:All .3s ease;
    -moz-transition:All .3s ease;
    -o-transition:All .3s ease
}
.text_detal .post-pagination .link a p{
    text-transform:uppercase;
    margin:0 0 15px;
    font-size:14px
}
.text_detal .post-pagination .link a p svg{
    position:relative;
    top:1px
}
.text_detal .post-pagination .link a time{
    font-size:14px;
    color:#b0b0b0;
    margin:0 0 5px;
    text-transform:uppercase
}
.text_detal .post-pagination .link a h6{
    text-transform:uppercase;
    color:#fff;
    font-weight:bold;
    font-size:24px
}
.text_detal .post-pagination .link.prev a{
    text-align:right;
    position:absolute;
    z-index:1;
    top:50%;
    right:0;
    transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    margin:0 30px 0 0
}
@media screen and (max-width: 1080px){
    .text_detal .post-pagination .link.prev a{
        margin:0 15px
    }
}
.text_detal .post-pagination .link.prev a p svg{
    margin:0 5px 0 0
}
.text_detal .post-pagination .link.prev a:hover{
    margin:0 45px 0 0
}
@media screen and (max-width: 1080px){
    .text_detal .post-pagination .link.prev a:hover{
        margin:0 15px
    }
}
.text_detal .post-pagination .link.next a{
    position:absolute;
    z-index:1;
    top:50%;
    transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    margin:0 0 0 30px
}
@media screen and (max-width: 1080px){
    .text_detal .post-pagination .link.next a{
        margin:0 15px
    }
}
.text_detal .post-pagination .link.next a p svg{
    margin:0 0 0 5px
}
.text_detal .post-pagination .link.next a:hover{
    margin:0 0 0 45px
}
@media screen and (max-width: 1080px){
    .text_detal .post-pagination .link.next a:hover{
        margin:0 15px
    }
}
.text_detal .post-pagination .thumb{
    min-height:185px;
    cursor:pointer;
    overflow:hidden
}
.text_detal .post-pagination .thumb:first-child{
    padding-right:1px;
    background:#3c3c3c
}
.text_detal .post-pagination .thumb img{
    transition:All .2s ease;
    -webkit-transition:All .2s ease;
    -moz-transition:All .2s ease;
    -o-transition:All .2s ease;
    -moz-transform:scale(1);
    -webkit-transform:scale(1);
    transform:scale(1)
}
.text_detal .post-pagination .thumb.act img{
    -moz-transform:scale(1.2);
    -webkit-transform:scale(1.2);
    transform:scale(1.2)
}
.text_detal .categories{
    text-align:center;
    margin-bottom:45px
}
.text_detal .categories h6{
    display:inline-block;
    color:#3c3c3c;
    text-transform:uppercase;
    font-size:13px;
    margin-left:15px;
    font-weight:bold
}
.text_detal .categories a{
    color:#3c3c3c;
    margin-left:40px;
    font-size:13px;
    transition:All .3s ease;
    -webkit-transition:All .3s ease;
    -moz-transition:All .3s ease;
    -o-transition:All .3s ease
}
.text_detal .categories a:after{
    content:'|';
    margin-left:40px;
    color:#d5d5d5
}
.text_detal .categories a:last-child:after{
    content:''
}
.text_detal .categories a:hover{
    color:#999
}
.text_detal .button-showmore{
    background:#f9f9f9;
    padding:50px 0;
    margin-bottom:45px;
    text-align:center
}
.text_detal .comments{
    background:#f9f9f9;
    padding:80px 0 60px;
    margin-bottom:45px
}
@media screen and (max-width: 1080px){
    .text_detal .comments{
        padding:80px 4% 60px
    }
}
.text_detal .comments .header{
    margin-bottom:40px
}
.text_detal .comments .header h3{
    color:#3c3c3c;
    font-family:"Roboto Condensed",sans-serif;
    font-weight:bold;
    font-size:24px;
    text-transform:uppercase
}
.text_detal .comments .header h3 img{
    margin:0 12px 0 0;
    position:relative;
    top:0px;
    width:30px;
    height:auto
}
.text_detal .comments .header h3 sup{
    position:relative;
    top:1px;
    font-family:"Roboto Condensed",sans-serif;
    font-weight:bold
}
.text_detal .comments .c-alert{
    text-align:center;
    font-size:20px;
    font-family:"Roboto Condensed",sans-serif;
    font-weight:300;
    margin-bottom:45px;
    display:none
}
.text_detal .comments .c-alert img{
    margin:0 15px 0 0;
    position:relative;
    top:1px
}
.text_detal .comments .add-comment{
    margin:0 0 15px
}
.text_detal .comments .add-comment .field{
    float:left;
    width:66%;
    margin-right:1%
}
@media screen and (max-width: 1080px){
    .text_detal .comments .add-comment .field{
        width:100%;
        margin-right:0
    }
}
.text_detal .comments .add-comment .field textarea{
    border:solid 1px #efefef;
    width:100%;
    height:80px;
    resize:vertical
}
.text_detal .comments .add-comment .captcha{
    float:left;
    width:33%
}
@media screen and (max-width: 1080px){
    .text_detal .comments .add-comment .captcha{
        width:100%
    }
}
.text_detal .comments .button{
    margin-bottom:30px;
    text-align:center
}
.text_detal .comments .feeds ul{
    border:solid 1px #e3e3e3
}
.text_detal .comments .feeds ul li{
    background:#fff;
    padding:30px 32px;
    border-bottom:solid 1px #e3e3e3
}
.text_detal .comments .feeds ul li:last-child{
    border:none
}
.text_detal .comments .feeds ul li .name{
    color:#3c3c3c;
    font-size:13px
}
.text_detal .comments .feeds ul li .name img{
    margin:0 15px 0 0;
    position:relative;
    top:1px;
    width:16px;
    height:auto
}
.text_detal .comments .feeds ul li .name h4{
    color:#3c3c3c;
    font-size:13px;
    font-weight:bold;
    display:inline-block
}
.text_detal .comments .feeds ul li .date time{
    color:#9d9d9c;
    font-size:13px
}
.text_detal .comments .feeds ul li .entry{
    font-size:13px;
    padding:8px 0 0 33px
}
.one-column-site .text_detal .nawigacja{
    width:50% !important
}
.one-column-site .text_detal .nawigacja .col-md-2{
    width:16.66666667% !important
}
.breadcrumps{
    -webkit-border-radius:18px;
    -moz-border-radius:18px;
    -ms-border-radius:18px;
    border-radius:18px;
    display:block;
    margin:12px 0 0;
    padding:0 8px;
    position:absolute;
    top:-1px;
    left:76px;
    opacity:0;
    visibility:hidden;
    transition:All .3s ease;
    -webkit-transition:All .3s ease;
    -moz-transition:All .3s ease;
    -o-transition:All .3s ease;
    z-index:5500
}
.breadcrumps.act{
    opacity:1;
    visibility:visible
}
.breadcrumps ul{
    margin:0
}
.breadcrumps ul li{
    color:#3c3c3c;
    float:left;
    font-size:13px;
    margin:0;
    padding:10px 0 10px 18px;
    text-transform:uppercase;
    font-weight:bold
}
.breadcrumps ul li a{
    color:#fff;
    transition:All .3s ease;
    -webkit-transition:All .3s ease;
    -moz-transition:All .3s ease;
    -o-transition:All .3s ease;
    display:inline-block;
    white-space:nowrap
}
.breadcrumps ul li a:hover{
    color:#3c3c3c
}
.breadcrumps ul li:after{
    color:#fff;
    content:"/";
    display:inline-block;
    margin:0 0 0 18px
}
.breadcrumps ul li:last-child:after{
    content:''
}
.back-navi{
    padding:40px 0 0 40px
}
@media screen and (max-width: 1080px){
    .back-navi{
        display:none
    }
}
.back-navi .breadcrumps{
    top:108px;
    left:91px
}
.back-navi.alone{
    position:absolute;
    z-index:2;
    top:120px;
    padding:0 0 0 40px
}
.back-navi.alone .breadcrumps{
    top:0;
    left:91px;
    margin:0
}
.back-navi.alone a.close-ajax{
    padding:9px 15px 12px 16px;
    display:inline-block;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%
}
.back-navi.alone a.more-filters{
    position:absolute;
    z-index:1;
    left:50%;
    transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -webkit-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    bottom:30px;
    font-weight:bold;
    font-size:14px;
    color:#fff;
    width:125px
}
.back-navi.alone a.more-filters span{
    color:#27cfff;
    display:inline-block;
    transition:All .2s ease;
    -webkit-transition:All .2s ease;
    -moz-transition:All .2s ease;
    -o-transition:All .2s ease;
    transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -o-transform:rotate(0deg)
}
.back-navi.alone a.more-filters:hover span{
    color:#27cfff;
    transition:All .5s ease;
    -webkit-transition:All .5s ease;
    -moz-transition:All .5s ease;
    -o-transition:All .5s ease;
    transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg)
}
.hideshow-scroll{
    top:0;
    transition:All .3s ease;
    -webkit-transition:All .3s ease;
    -moz-transition:All .3s ease;
    -o-transition:All .3s ease
}
.hideshow-scroll.m-show{
    top:0
}
.hideshow-scroll.m-hide{
    top:-80px
}
.karta-opis-szczegolowy{
    padding:15px 32px
}
.karta-opis-szczegolowy .navi{
    position:relative;
    margin:0 0 80px
}
.karta-opis-szczegolowy .navi h6{
    float:left;
    margin:0 10px 0 0;
    font-weight:bold;
    font-size:14px;
    text-transform:uppercase
}
.karta-opis-szczegolowy .navi hr{
    margin:8px 0 0;
    float:left;
    top:14px;
    border-color:#eaeaea;
    width:84%
}
.karta-opis-szczegolowy .navi a.close-ajax{
    float:right;
    padding:9px 15px 12px 16px;
    display:inline-block;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    margin:-11px 0 0 0
}
.karta-opis-szczegolowy .wrapper{
    width:65%;
    margin:0 auto 40px
}
.karta-opis-szczegolowy .wrapper h3{
    font-size:25px;
    color:#27cfff;
    margin:0 0 25px
}
.karta-opis-szczegolowy .wrapper h4{
    font-size:18px;
    font-family:"Roboto Condensed",sans-serif;
    margin:0 0 15px
}
.karta-opis-szczegolowy .wrapper p{
    font-size:13px;
    line-height:20px;
    margin:0 0 20px
}
.karta-opis-szczegolowy .wrapper.medium h3{
    font-size:27px;
    margin:0 0 27px
}
.karta-opis-szczegolowy .wrapper.medium h4{
    font-size:20px;
    margin:0 0 17px
}
.karta-opis-szczegolowy .wrapper.medium p{
    font-size:15px;
    line-height:22px;
    margin:0 0 22px
}
.karta-opis-szczegolowy .wrapper.big h3{
    font-size:29px;
    margin:0 0 29px
}
.karta-opis-szczegolowy .wrapper.big h4{
    font-size:22px;
    margin:0 0 19px
}
.karta-opis-szczegolowy .wrapper.big p{
    font-size:17px;
    line-height:24px;
    margin:0 0 24px
}
a.load-more-plus{
    bottom:40px;
    font-size:14px;
    text-transform:uppercase;
    color:#fff;
    padding:12px 20px 12px 30px;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    -ms-border-radius:30px;
    border-radius:30px;
    font-weight:bold
}
a.load-more-plus span{
    font-weight:normal;
    color:#fff;
    display:inline-block;
    margin:0 0 0 4px;
    font-size:20px;
    position:relative;
    top:2px
}
.gallery-carousel .projector{
    float:left;
    width:63%
}
@media screen and (max-width: 1080px){
    .gallery-carousel .projector{
        width:100% !important;
        float:none !important
    }
}
.gallery-carousel .projector .photo{
    display:block;
    width:100%;
    position:relative
}
.gallery-carousel .projector .photo .lupka{
    position:absolute;
    z-index:1;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -webkit-transform:translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%);
    opacity:0;
    transition:All .2s ease;
    -webkit-transition:All .2s ease;
    -moz-transition:All .2s ease;
    -o-transition:All .2s ease;
    z-index:10;
    width:32px;
    height:32px;
    cursor:pointer;
    pointer-events:none
}
.gallery-carousel .projector .photo>.next{
    transition:All .3s ease;
    -webkit-transition:All .3s ease;
    -moz-transition:All .3s ease;
    -o-transition:All .3s ease;
    position:absolute;
    z-index:1;
    top:50%;
    right:0;
    transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    z-index:10;
    opacity:0;
    right:15px;
    padding:5px;
    width:20px;
    height:20px;
    text-align:center
}
.gallery-carousel .projector .photo>.next img{
    width:10px;
    height:15px;
    position:relative
}
.gallery-carousel .projector .photo>.next.disable{
    display:none
}
.gallery-carousel .projector .photo>.prev{
    transition:All .3s ease;
    -webkit-transition:All .3s ease;
    -moz-transition:All .3s ease;
    -o-transition:All .3s ease;
    position:absolute;
    z-index:1;
    top:50%;
    transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    left:15px;
    z-index:10;
    opacity:0;
    padding:5px;
    width:20px;
    height:20px;
    text-align:center
}
.gallery-carousel .projector .photo>.prev img{
    width:10px;
    height:15px;
    position:relative
}
.gallery-carousel .projector .photo>.prev.disable{
    display:none
}
.gallery-carousel .projector .photo:hover .lupka{
    opacity:1
}
.gallery-carousel .projector .photo:hover .prev{
    opacity:1
}
.gallery-carousel .projector .photo:hover .next{
    opacity:1
}
.gallery-carousel .projector .photo a{
    display:block
}
.gallery-carousel .projector .photo a img{
    width:100%;
    height:auto
}
.gallery-carousel .projector .photo a.show-link{
    position:absolute;
    top:0;
    left:0;
    right:0;
    width:100%
}
.gallery-carousel .projector .photo a.show-link-1{
    z-index:1;
    display:none
}
.gallery-carousel .projector .photo a.show-link-2{
    z-index:2
}
.gallery-carousel .projector .carousel{
    margin:5px 0 0 0;
    position:relative
}
.gallery-carousel .projector .carousel a.prev,.gallery-carousel .projector .carousel a.next{
    display:inline-block;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%
}
.gallery-carousel .projector .carousel a.prev{
    padding:6px 13px 9px 11px;
    margin:10px 0 0 0
}
.gallery-carousel .projector .carousel a.next{
    padding:6px 11px 9px 14px;
    margin:10px 0 0 0
}
.gallery-carousel .projector .carousel span{
    height:53px;
    width:11.5%;
    background:#f9f9f9;
    display:block;
    text-align:center
}
.gallery-carousel .projector .carousel span.prev{
    float:left
}
.gallery-carousel .projector .carousel span.next{
    float:right
}
.gallery-carousel .projector .carousel .thumbs{
    float:left;
    margin:0 8px;
    max-width:73%;
    width:100%;
    height:53px
}
@media screen and (max-width: 1080px){
    .gallery-carousel .projector .carousel .thumbs{
        margin:0 5px;
        max-width:72% !important
    }
}
.gallery-carousel .projector .carousel .thumbs .bx-wrapper{
    max-width:100% !important
}
.gallery-carousel .projector .carousel .thumbs ul{
    height:56px
}
.gallery-carousel .projector .carousel .thumbs ul li{
    height:60px;
    position:relative
}
.gallery-carousel .projector .carousel .thumbs ul li a.act:after{
    width:100%;
    height:4px;
    background:#27cfff;
    content:'';
    display:block;
    position:absolute;
    bottom:0
}
.gallery-carousel .projector .carousel .hidden-photos{
    display:none
}
.gallery-carousel .text{
    float:left;
    width:37%;
    padding:0 40px
}
@media screen and (max-width: 1080px){
    .gallery-carousel .text{
        width:100% !important;
        padding:0 !important;
        float:none !important;
        margin:20px 0 0 !important
    }
}
.gallery-carousel .text p{
    font-size:13px;
    line-height:19px;
    margin:0 0 10px
}
.gallery-carousel .text h1{
    font-size:18px;
    margin:0 0 15px
}
.gallery-carousel .text h2{
    font-size:16px;
    margin:0 0 12px
}
.gallery-carousel .text.medium p{
    font-size:15px;
    line-height:21px
}
.gallery-carousel .text.big p{
    font-size:17px;
    line-height:23px
}
.gallery-carousel .text .ajax-load{
    display:inline-block;
    margin-top:10px;
    text-transform:uppercase;
    font-size:13px;
    font-weight:bold
}
.gallery-carousel .text .ajax-load svg{
    margin:0 0 0 5px;
    transition:All .3s ease;
    -webkit-transition:All .3s ease;
    -moz-transition:All .3s ease;
    -o-transition:All .3s ease;
    transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -o-transform:rotate(0deg)
}
.gallery-carousel .text .ajax-load.act svg{
    transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -o-transform:rotate(180deg)
}
@media screen and (max-width: 1080px){
    .multimedia-section{
        margin:0 0 50px
    }
}
.multimedia-section img{
    z-index:1
}
.multimedia-section.padded{
    padding-top:80px
}
.multimedia-section .col-md-6:first-child{
    padding:0 5px 0 0;
    margin-bottom:5px
}
.multimedia-section .col-md-6 .col-md-4{
    padding:0 5px 0 0;
    margin-bottom:5px
}
.multimedia-section .col-md-12 .col-md-2{
    padding:0 5px 0 0;
    margin-bottom:5px
}
.multimedia-section div.title,.multimedia-section a{
    position:relative;
    display:block;
    overflow:hidden
}
.multimedia-section div.title .header,.multimedia-section a .header{
    position:absolute;
    z-index:1;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -webkit-transform:translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%);
    text-align:center
}
.multimedia-section div.title .header h4,.multimedia-section a .header h4{
    font-family:"Roboto Condensed",sans-serif;
    font-weight:bold;
    font-size:24px;
    color:#3c3c3c;
    margin:10px 0 0;
    text-transform:uppercase
}
@media screen and (max-width: 550px){
    .multimedia-section div.title .header h4,.multimedia-section a .header h4{
        font-size:19px
    }
}
@media screen and (max-width: 360px){
    .multimedia-section div.title .header h4,.multimedia-section a .header h4{
        font-size:15px
    }
}
.multimedia-section div.title .header img,.multimedia-section a .header img{
    max-width:85px;
    width:100%;
    height:auto;
    z-index:1
}
@media screen and (max-width: 550px){
    .multimedia-section div.title .header img,.multimedia-section a .header img{
        width:70%
    }
}
.multimedia-section div.title span.p,.multimedia-section a span.p{
    position:absolute;
    z-index:1;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -webkit-transform:translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%);
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    background-color:#27cfff;
    padding:8px 4px;
    width:36px;
    height:36px;
    opacity:0;
    transition:All .5s ease;
    -webkit-transition:All .5s ease;
    -moz-transition:All .5s ease;
    -o-transition:All .5s ease;
    transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    margin:-15px 0 0 -15px;
    text-align:center
}
.multimedia-section div.title span.p i,.multimedia-section a span.p i{
    color:#fff;
    font-size:25px;
    font-style:normal;
    font-weight:bold
}
.multimedia-section div.title img.play,.multimedia-section a img.play{
    position:absolute;
    z-index:1;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -webkit-transform:translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%);
    width:38px;
    height:38px;
    opacity:.7;
    transition:All .3s ease;
    -webkit-transition:All .3s ease;
    -moz-transition:All .3s ease;
    -o-transition:All .3s ease
}
.multimedia-section div.title:hover span.p,.multimedia-section a:hover span.p{
    opacity:1;
    transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg)
}
.multimedia-section div.title:hover img.play,.multimedia-section a:hover img.play{
    opacity:1
}
.multimedia-wrapper{
    overflow:hidden;
    padding-top:80px
}
@media screen and (max-width: 1080px){
    .multimedia-wrapper{
        padding-top:0
    }
}
.download-section{
    background:#f9f9f9;
    position:relative
}
.download-section .files{
    width:60%;
    padding-top:15%;
    margin:0 auto
}
@media screen and (max-width: 1080px){
    .download-section .files{
        width:90%
    }
}
.download-section .files .row{
    background:#fff;
    margin-bottom:2px;
    transition:All .3s ease;
    -webkit-transition:All .3s ease;
    -moz-transition:All .3s ease;
    -o-transition:All .3s ease
}
.download-section .files .row .title{
    font-size:14px;
    padding-left:23px
}
@media screen and (max-width: 1080px){
    .download-section .files .row .title{
        text-align:center;
        padding-left:0
    }
}
.download-section .files .row .title span.locked{
    background-image:url(../img/meble/download_locked.png);
    width:14px;
    height:17px;
    background-repeat:no-repeat;
    background-position:0 0;
    margin:0 5px 0 0;
    display:inline-block;
    position:relative;
    top:3px
}
.download-section .files .row .download{
    text-align:right;
    padding-right:23px
}
@media screen and (max-width: 1080px){
    .download-section .files .row .download{
        text-align:center;
        padding-right:0
    }
}
.download-section .files .row .download a{
    transition:All .3s ease;
    -webkit-transition:All .3s ease;
    -moz-transition:All .3s ease;
    -o-transition:All .3s ease
}
.download-section .files .row .download a:hover{
    color:#2fd1ff
}
.download-section .files .row div{
    padding:12px 0 9px
}
.download-section .files .button{
    padding:30px 0;
    text-align:center
}
.download-section .files .space{
    height:30px
}
.related-section{
    padding-top:13%;
    position:relative
}
.related-section h2.centered{
    top:0
}
.related-section .wrapper{
    width:95%;
    margin:0 auto;
    padding-top:1%
}
.related-section .wrapper>div>div{
    min-height:370px;
    padding:0 5px 0 0
}
@media screen and (min-width: 1600px){
    .related-section .wrapper>div>div{
        min-height:400px
    }
}
@media screen and (min-width: 1900px){
    .related-section .wrapper>div>div{
        min-height:600px
    }
}
@media screen and (min-width: 2400px){
    .related-section .wrapper>div>div{
        min-height:700px
    }
}
.related-section .wrapper>div>div:last-child{
    padding:0
}
.related-section a{
    text-align:center;
    display:block;
    min-height:295px;
    overflow:hidden;
    position:relative
}
@media screen and (min-width: 1600px){
    .related-section a{
        min-height:350px
    }
}
@media screen and (min-width: 1900px){
    .related-section a{
        min-height:520px
    }
}
@media screen and (min-width: 2400px){
    .related-section a{
        min-height:620px
    }
}
.related-section a img{
    z-index:1;
    transition:All .3s ease;
    -webkit-transition:All .3s ease;
    -moz-transition:All .3s ease;
    -o-transition:All .3s ease
}
.related-section a p{
    position:absolute;
    bottom:-45px;
    height:20px;
    color:#3c3c3b;
    font-size:14px;
    text-align:center;
    width:100%
}
.related-section a p strong{
    font-weight:bold
}
.related-section a span{
    position:absolute;
    z-index:1;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -webkit-transform:translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%);
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    background-color:#27cfff;
    padding:8px 4px;
    width:36px;
    height:36px;
    opacity:0;
    transition:All .5s ease;
    -webkit-transition:All .5s ease;
    -moz-transition:All .5s ease;
    -o-transition:All .5s ease;
    transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    margin:-10px 0 0 -10px
}
.related-section a span i{
    color:#fff;
    font-size:25px;
    font-style:normal;
    font-weight:bold
}
.related-section a:hover span{
    opacity:1;
    transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg)
}
.related-section a:hover img{
    -moz-transform:scale(1.1);
    -webkit-transform:scale(1.1);
    transform:scale(1.1)
}
.related-section p{
    display:block;
    text-align:center;
    margin:15px 0 0;
    color:#3c3c3b;
    font-size:14px
}
.related-section p strong{
    font-weight:bold
}
.blog-kategorie{
    background:#fff
}
.blog-kategorie .menu{
    padding-bottom:150px
}
@media screen and (max-width: 1080px){
    .blog-kategorie .menu{
        padding-bottom:0
    }
}
.blog-kategorie .zdjecia{
    padding-top:80px;
    padding-bottom:150px
}
@media screen and (max-width: 1080px){
    .blog-kategorie .zdjecia{
        padding-top:0;
        padding-bottom:50px
    }
}
.blog-kategorie .zdjecia .button{
    text-align:center
}
.blog-kategorie .zdjecia .load-more{
    bottom:40px;
    font-size:14px;
    text-transform:uppercase;
    color:#fff;
    padding:12px 30px;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    -ms-border-radius:30px;
    border-radius:30px;
    font-weight:bold
}
.blog-kategorie .zdjecia .load-more:after{
    content:'';
    width:10px;
    height:15px;
    background-image:url(../img/svg/strzalka_prawo.svg);
    background-repeat:no-repeat;
    background-position:0 0;
    margin:0 0 0 10px;
    display:inline-block;
    position:relative;
    top:2px
}
@media screen and (max-width: 1080px){
    .button-blog{
        margin:0 auto 50px;
        text-align:center
    }
}
@media screen and (min-width: 1000px){
    .button-blog{
        position:absolute;
        z-index:1;
        left:50%;
        transform:translateX(-50%);
        -ms-transform:translateX(-50%);
        -moz-transform:translateX(-50%);
        -webkit-transform:translateX(-50%);
        -o-transform:translateX(-50%);
        margin:25px 0 0
    }
}
@media screen and (min-width: 1600px){
    .button-blog{
        margin:10px 0 0
    }
}
.more_posts_section{
    padding-top:14%;
    padding-bottom:100px;
    position:relative;
    clear:both
}
@media screen and (max-width: 1080px){
    .more_posts_section>.row{
        padding:20px 0 0
    }
}
@media screen and (max-width: 1080px){
    .more_posts_section{
        padding-top:5%;
        padding-bottom:0
    }
    .more_posts_section h2{
        margin:20px 0;
        text-align:center;
        font-size:18px
    }
}
.more_posts_section>div>div{
    min-height:300px;
    padding:0 6px 0 0
}
@media screen and (min-width: 1600px){
    .more_posts_section>div>div{
        min-height:400px
    }
}
@media screen and (min-width: 1900px){
    .more_posts_section>div>div{
        min-height:550px
    }
}
@media screen and (min-width: 2400px){
    .more_posts_section>div>div{
        min-height:700px
    }
}
@media screen and (max-width: 1080px){
    .more_posts_section>div>div{
        min-height:440px
    }
    .more_posts_section>div>div:nth-child(3n){
        padding:0
    }
    .more_posts_section>div>div:nth-child(5n){
        padding:0
    }
}
.more_posts_section>div>div:last-child{
    padding:0
}
.more_posts_section>div .col-md-2{
    width:15.6667%
}
@media screen and (max-width: 1080px){
    .more_posts_section>div .col-md-2{
        width:50%
    }
}
@media screen and (max-width: 768px){
    .more_posts_section>div .col-md-2{
        min-height:auto;
        width:100%;
        padding:0
    }
}
.more_posts_section>div p{
    margin:10px 0 25px;
    color:#3c3c3b;
    font-size:14px;
    text-align:center;
    width:100%
}
.more_posts_section>div p strong{
    font-weight:bold
}
@media screen and (min-width: 1900px){
    .more_posts_section>div p{
        font-size:22px;
        line-height:25px
    }
}
.more_posts_section>div .empty{
    width:18.6667%
}
.more_posts_section a{
    text-align:center;
    display:block;
    min-height:300px;
    position:relative;
    overflow:hidden
}
@media screen and (min-width: 1600px){
    .more_posts_section a{
        min-height:400px
    }
}
@media screen and (min-width: 1900px){
    .more_posts_section a{
        min-height:550px
    }
}
@media screen and (min-width: 2400px){
    .more_posts_section a{
        min-height:700px
    }
}
.more_posts_section a img{
    z-index:1;
    transition:All .3s ease;
    -webkit-transition:All .3s ease;
    -moz-transition:All .3s ease;
    -o-transition:All .3s ease;
    -moz-transform:scale(1);
    -webkit-transform:scale(1);
    transform:scale(1)
}
.more_posts_section a:hover img{
    -moz-transform:scale(1.2);
    -webkit-transform:scale(1.2);
    transform:scale(1.2)
}
.more_posts_section a p{
    position:absolute;
    bottom:-30px;
    height:20px;
    color:#3c3c3b;
    font-size:14px;
    text-align:center;
    width:100%
}
.more_posts_section a p strong{
    font-weight:bold
}
.more_posts_section a span{
    position:absolute;
    z-index:1;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -webkit-transform:translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%);
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    background-color:#27cfff;
    padding:8px 4px;
    width:36px;
    height:36px;
    opacity:0;
    transition:All .5s ease;
    -webkit-transition:All .5s ease;
    -moz-transition:All .5s ease;
    -o-transition:All .5s ease;
    transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    margin:-10px 0 0 -10px
}
.more_posts_section a span i{
    color:#fff;
    font-size:25px;
    font-style:normal;
    font-weight:bold
}
.more_posts_section a:hover span{
    opacity:1;
    transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg)
}
.realizacje-detal .more-filters{
    bottom:45px !important
}
.realizacje-detal .gallery-wrapper{
    padding-top:110px;
    padding-left:60px;
    padding-right:60px
}
@media screen and (max-width: 1080px){
    .realizacje-detal .gallery-wrapper{
        padding:0 15px
    }
}
.realizacje-detal .gallery-wrapper .projector{
    width:54%
}
.realizacje-detal .gallery-wrapper .text{
    width:46%
}
.realizacje-detal .gallery-wrapper .text .show-more{
    margin:20px 0 15px
}
.realizacje-detal .gallery-wrapper .headers{
    margin:0 0 20px
}
.realizacje-detal .gallery-wrapper .headers h1{
    font-family:"Roboto Condensed",sans-serif;
    color:#3c3c3c;
    font-weight:bold;
    font-size:24px;
    text-transform:uppercase;
    display:inline-block;
    margin-left:11px;
    line-height:22px
}
.realizacje-detal .gallery-wrapper .headers h2{
    font-family:"Roboto Condensed",sans-serif;
    color:#9d9d9c;
    font-weight:bold;
    font-size:14px;
    float:left;
    text-transform:uppercase
}
.realizacje-detal .gallery-wrapper .next-prev-navi{
    position:relative;
    margin-bottom:25px
}
.realizacje-detal .gallery-wrapper .next-prev-navi a{
    color:#3c3c3c;
    font-weigt:bold;
    font-family:"Roboto Condensed",sans-serif;
    font-size:14px;
    text-transform:uppercase
}
.realizacje-detal .gallery-wrapper .next-prev-navi .prev{
    float:left
}
.realizacje-detal .gallery-wrapper .next-prev-navi .prev svg{
    margin:0 5px 0 0;
    width:7px;
    position:relative;
    top:3px
}
.realizacje-detal .gallery-wrapper .next-prev-navi .prev svg path{
    fill:#27cfff
}
@media screen and (max-width: 1080px){
    .realizacje-detal .gallery-wrapper .next-prev-navi .prev{
        float:none;
        display:block;
        text-align:center;
        display:none
    }
}
.realizacje-detal .gallery-wrapper .next-prev-navi .next{
    float:right
}
.realizacje-detal .gallery-wrapper .next-prev-navi .next svg{
    margin:0 0 0 5px;
    width:7px;
    position:relative;
    top:3px
}
.realizacje-detal .gallery-wrapper .next-prev-navi .next svg path{
    fill:#27cfff
}
@media screen and (max-width: 1080px){
    .realizacje-detal .gallery-wrapper .next-prev-navi .next{
        float:none;
        display:block;
        text-align:center;
        display:none
    }
}
.realizacje-detal .gallery-wrapper .next-prev-navi hr{
    position:absolute;
    z-index:1;
    left:50%;
    transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -webkit-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    border-color:#eaeaea;
    top:9px;
    margin:0;
    width:64%
}
@media screen and (max-width: 1080px){
    .realizacje-detal .gallery-wrapper .next-prev-navi hr{
        display:none
    }
}
.realizacje-detal .gallery-wrapper .gallery-slider{
    width:100%;
    overflow:hidden;
    height:100%
}
.realizacje-detal .gallery-wrapper .gallery-slider .to-slide{
    position:relative
}
.offer-cols{
    padding-top:80px
}
@media screen and (max-width: 1080px){
    .offer-cols{
        padding-top:0
    }
}
.offer-cols>div>div{
    padding:0 6px 0 0
}
@media screen and (max-width: 768px){
    .offer-cols>div>div{
        padding:0;
        margin-bottom:-2px
    }
}
.offer-cols>div>div:last-child{
    padding:0
}
.offer-cols .box{
    position:relative;
    text-align:center;
    height:100%;
    bottom:0
}
@media screen and (max-width: 1080px){
    .offer-cols .box{
        height:400px !important
    }
}
@media screen and (max-width: 768px){
    .offer-cols .box{
        height:380px !important
    }
}
@media screen and (max-width: 550px){
    .offer-cols .box{
        height:350px !important
    }
}
@media screen and (max-width: 360px){
    .offer-cols .box{
        height:350px !important
    }
}
.offer-cols .box h4,.offer-cols .box h3{
    font-size:20px;
    color:#fff;
    margin:0 0 12px;
    font-weight:bold;
    text-transform:uppercase
}
@media screen and (min-width: 1900px){
    .offer-cols .box h4,.offer-cols .box h3{
        font-size:24px;
        margin:0 0 20px
    }
}
@media screen and (min-width: 2400px){
    .offer-cols .box h4,.offer-cols .box h3{
        font-size:26px;
        margin:0 0 22px
    }
}
.offer-cols .box h4 p,.offer-cols .box h3 p{
    font-weight:normal;
    font-size:16px;
    font-weight:300
}
@media screen and (min-width: 1900px){
    .offer-cols .box h4 p,.offer-cols .box h3 p{
        font-size:18px;
        font-size:22px
    }
}
@media screen and (min-width: 2400px){
    .offer-cols .box h4 p,.offer-cols .box h3 p{
        font-size:20px;
        font-size:24px
    }
}
.offer-cols .box h4{
    margin:0 0 15px
}
.offer-cols .box p{
    font-size:13px;
    line-height:18px;
    color:#fff;
    margin:0 0 20px
}
@media screen and (max-width: 1080px){
    .offer-cols .box span{
        display:none
    }
}
.offer-cols .box div.h4 span{
    display:inline-block
}
.offer-cols .box div.h4 p{
    font-weight:normal;
    font-size:16px;
    font-weight:300
}
@media screen and (min-width: 1900px){
    .offer-cols .box div.h4 p{
        font-size:18px;
        font-size:22px
    }
}
@media screen and (min-width: 2400px){
    .offer-cols .box div.h4 p{
        font-size:20px;
        font-size:24px
    }
}
.offer-cols .box .text{
    position:absolute;
    bottom:30px;
    position:absolute;
    z-index:1;
    left:50%;
    transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -webkit-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    width:86%;
    z-index:3
}
@media screen and (min-width: 1900px){
    .offer-cols .box .text{
        bottom:50px
    }
}
@media screen and (min-width: 2400px){
    .offer-cols .box .text{
        bottom:70px
    }
}
.offer-cols .box .hover{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    height:100%;
    width:100%;
    z-index:2;
    transition:All .3s ease;
    -webkit-transition:All .3s ease;
    -moz-transition:All .3s ease;
    -o-transition:All .3s ease;
    opacity:0;
    visibility:hidden;
    cursor:pointer
}
@media screen and (max-width: 1080px){
    .offer-cols .box .hover{
        display:none
    }
}
.offer-cols .box .hover img{
    position:absolute;
    z-index:1;
    left:50%;
    transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -webkit-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    top:6%
}
@media screen and (min-width: 1600px){
    .offer-cols .box .hover img{
        top:20%
    }
}
@media screen and (min-width: 1900px){
    .offer-cols .box .hover img{
        top:22%;
        width:50%
    }
}
@media screen and (min-width: 2400px){
    .offer-cols .box .hover img{
        top:25%
    }
}
.offer-cols .box:hover .hover{
    opacity:1;
    visibility:visible
}
.offer-cols .box:hover span.button_outline{
    border-color:#fff !important
}
.offer-cols .box:hover span.button_outline svg path{
    fill:#fff !important
}
.offer-cols .box:hover .button-anim{
    color:#3c3c3c;
    border:solid 2px #fff !important;
    background:#fff !important
}
.offer-cols .box:hover .button-anim:before{
    background:#fff !important
}
.offer-cols.no-mobile-menu span{
    display:block
}
.more-cols{
    margin-top:1px
}
@media screen and (max-width: 1080px){
    .more-cols .row>.col-md-4{
        height:400px !important
    }
}
@media screen and (max-width: 768px){
    .more-cols .row>.col-md-4{
        height:380px !important
    }
}
@media screen and (max-width: 550px){
    .more-cols .row>.col-md-4{
        height:350px !important
    }
}
@media screen and (max-width: 360px){
    .more-cols .row>.col-md-4{
        height:300px !important
    }
}
@media screen and (max-width: 1080px){
    .more-cols .row>.col-md-8 .row>div{
        height:400px !important
    }
}
@media screen and (max-width: 768px){
    .more-cols .row>.col-md-8 .row>div{
        height:380px !important
    }
}
@media screen and (max-width: 550px){
    .more-cols .row>.col-md-8 .row>div{
        height:350px !important
    }
}
@media screen and (max-width: 360px){
    .more-cols .row>.col-md-8 .row>div{
        height:300px !important
    }
}
.more-cols .headline{
    position:absolute
}
.more-cols .headline h4{
    color:#3c3c3c;
    font-weight:bold;
    margin:0 0 10px
}
.more-cols .headline h6{
    color:#3c3c3c;
    font-weight:bold;
    margin:0 0 20px;
    font-size:16px
}
.more-cols .headline p{
    font-size:14px;
    line-height:20px;
    color:#646363
}
.more-cols .button{
    position:absolute;
    bottom:40px;
    left:40px
}
.more-cols .sky{
    background-size:cover;
    background-position:right bottom;
    background-repeat:no-repeat
}
@media screen and (max-width: 768px){
    .more-cols .sky{
        background-position-y:0;
        text-align:center
    }
}
.more-cols .sky .headline{
    width:80%;
    top:30px;
    left:40px
}
.more-cols .sky .headline h4{
    font-size:40px;
    line-height:43px
}
@media screen and (max-width: 1080px){
    .more-cols .sky .headline h4{
        font-size:38px;
        line-height:41px
    }
}
@media screen and (max-width: 768px){
    .more-cols .sky .headline h4{
        font-size:35px;
        line-height:38px
    }
}
@media screen and (max-width: 550px){
    .more-cols .sky .headline h4{
        font-size:32px;
        line-height:35px
    }
}
@media screen and (max-width: 1080px){
    .more-cols .sky .button{
        position:absolute;
        z-index:1;
        left:50%;
        transform:translateX(-50%);
        -ms-transform:translateX(-50%);
        -moz-transform:translateX(-50%);
        -webkit-transform:translateX(-50%);
        -o-transform:translateX(-50%)
    }
}
.more-cols .full{
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat
}
@media screen and (max-width: 768px){
    .more-cols .full{
        text-align:center
    }
}
.more-cols .full .headline{
    top:30px;
    left:40px;
    width:40%
}
@media screen and (max-width: 1080px){
    .more-cols .full .headline{
        width:80%
    }
}
.more-cols .full .headline h4{
    font-size:32px;
    line-height:36px;
    color:#fff
}
@media screen and (max-width: 1080px){
    .more-cols .full .headline h4{
        font-size:28px;
        line-height:31px
    }
}
@media screen and (max-width: 768px){
    .more-cols .full .headline h4{
        font-size:25px;
        line-height:29px
    }
}
.more-cols .full .headline h6,.more-cols .full .headline p{
    color:#fff
}
@media screen and (max-width: 1080px){
    .more-cols .full .button{
        position:absolute;
        z-index:1;
        left:50%;
        transform:translateX(-50%);
        -ms-transform:translateX(-50%);
        -moz-transform:translateX(-50%);
        -webkit-transform:translateX(-50%);
        -o-transform:translateX(-50%)
    }
}
.more-cols .half{
    background-position:right bottom;
    background-repeat:no-repeat
}
.more-cols .half .headline{
    width:55%;
    top:20px;
    left:25px
}
.more-cols .half .headline h4{
    font-size:32px;
    line-height:36px
}
@media screen and (max-width: 1080px){
    .more-cols .half .headline h4{
        font-size:28px;
        line-height:31px
    }
}
@media screen and (max-width: 768px){
    .more-cols .half .headline h4{
        font-size:25px;
        line-height:29px
    }
}
@media screen and (max-width: 550px){
    .more-cols .half .headline h4{
        font-size:21px;
        line-height:24px
    }
}
.more-cols .half .button{
    bottom:30px;
    left:25px
}
.more-cols .half .button_outline{
    color:#3c3c3c
}
.more-cols .half .button_outline:hover{
    color:#fff
}
.more-cols .half .button_outline:hover svg{
    fill:#fff !important
}
.more-cols .half .button_outline:hover svg path{
    fill:#fff !important
}
.scrolling-wrapper .scroller{
    width:100%;
    transition:All .3s ease;
    -webkit-transition:All .3s ease;
    -moz-transition:All .3s ease;
    -o-transition:All .3s ease
}
.scrolling-wrapper .scroller .m-menu>a{
    display:block;
    padding:16px 16px 0;
    height:50px;
    color:#fff;
    border-bottom:solid 1px rgba(255,255,255,0.5);
    position:relative
}
.scrolling-wrapper .scroller .m-menu>a:last-child{
    border:none
}
.scrolling-wrapper .scroller .m-menu>a span{
    position:absolute;
    right:16px;
    top:16px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    border:solid 1px rgba(255,255,255,0.2);
    height:34px;
    width:34px;
    text-align:center;
    line-height:29px;
    display:inline-block;
    margin:-8px 0 0;
    transition:All .3s ease;
    -webkit-transition:All .3s ease;
    -moz-transition:All .3s ease;
    -o-transition:All .3s ease
}
.scrolling-wrapper .scroller .m-menu>a span.p{
    display:block
}
.scrolling-wrapper .scroller .m-menu>a span.m{
    display:none
}
.scrolling-wrapper .scroller .m-menu>a:hover span{
    border:solid 1px #fff
}
.scrolling-wrapper .scroller .m-menu>a.act{
    display:none
}
.scrolling-wrapper .scroller .m-menu .wrap{
    display:none
}
.scrolling-wrapper .scroller .m-menu .wrap.act{
    display:block
}
.section .fp-scroller{
    transition-duration:600ms !important
}
.section-map{
    padding-top:80px
}
@media screen and (max-width: 1080px){
    .section-map{
        padding-top:0
    }
}
.section-map .sign-info{
    display:none
}
.section-map .gmap strong{
    font-weight:bold
}
@media screen and (max-width: 1080px){
    .section-map .gmap{
        height:420px !important
    }
}
@media screen and (max-width: 768px){
    .section-map .gmap{
        height:380px !important
    }
}
@media screen and (max-width: 550px){
    .section-map .gmap{
        height:350px !important
    }
}
@media screen and (max-width: 360px){
    .section-map .gmap{
        height:300px !important
    }
}
.section-map .legend{
    padding:85px 45px 100px
}
@media screen and (max-width: 1080px){
    .section-map .legend{
        padding:35px 45px 35px
    }
}
@media screen and (max-width: 550px){
    .section-map .legend{
        padding:35px 25px 35px
    }
}
.section-map .legend ul li{
    font-size:14px;
    color:#3c3c3c;
    margin:0 0 20px
}
.section-map .legend ul li img{
    float:left
}
@media screen and (max-width: 1080px){
    .section-map .legend ul li{
        float:left;
        width:50%
    }
}
@media screen and (max-width: 360px){
    .section-map .legend ul li{
        width:100%
    }
}
.section-map .legend ul li span{
    margin:9px 0 0 13px;
    position:relative;
    top:1px
}
.section-map .legend ul li span:after{
    clear:both
}
.section-map .legend .text{
    font-size:12px;
    line-height:16px;
    margin:50px 40px 0
}
@media screen and (max-width: 1080px){
    .section-map .legend .text{
        margin:35px 0 0
    }
}
.section-map .legend .text p{
    font-size:12px;
    line-height:18px
}
.lg-sub-html,.lg-toolbar{
    background:none
}
.lg-download.lg-icon{
    display:none !important
}
.lg-close{
    background-repeat:no-repeat;
    background-position:center center;
    background-image:url("../img/svg/x_close.svg");
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    height:30px !important;
    margin:8px 10px 0 0;
    width:30px !important
}
.lg-close:after{
    content:' ' !important
}
.lg-next,.lg-prev{
    -webkit-border-radius:50% !important;
    -moz-border-radius:50% !important;
    -ms-border-radius:50% !important;
    border-radius:50% !important;
    height:36px;
    width:36px;
    opacity:.8;
    background-repeat:no-repeat;
    background-position:center center
}
.lg-next:after,.lg-prev:after{
    content:' ' !important
}
.lg-next:before,.lg-prev:before{
    content:' ' !important
}
.lg-next{
    background-image:url("../img/svg/strzalka_prawo.svg")
}
.lg-prev{
    background-image:url("../img/svg/strzalka_lewo.svg")
}
.lg-sub-html{
    margin:0 auto;
    width:80%;
    font-family:"Roboto Condensed",sans-serif;
    font-size:12px
}
.lg-sub-html:before{
    background:-moz-linear-gradient(top, transparent 0%, #000 100%);
    background:-webkit-linear-gradient(top, transparent 0%, #000 100%);
    background:linear-gradient(to bottom, transparent 0%, #000 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
    bottom:0;
    content:'';
    display:block;
    height:200px;
    left:0;
    opacity:1;
    position:absolute;
    width:100%;
    z-index:-1
}
.lg-video-play{
    transition:All .3s ease;
    -webkit-transition:All .3s ease;
    -moz-transition:All .3s ease;
    -o-transition:All .3s ease;
    opacity:.65 !important
}
.lg-video-play:hover{
    opacity:1 !important
}
.show-allcats .categories{
    padding-top:80px;
    position:absolute;
    bottom:0;
    z-index:2;
    width:100%
}
.show-allcats .categories .navigation{
    position:relative
}
.show-allcats .categories .navigation a.close-navi{
    float:right;
    margin:25px 20px 0 0
}
.show-allcats .categories .navigation p{
    color:#fff;
    font-size:24px;
    font-family:"Roboto Condensed",sans-serif;
    font-weight:bold;
    text-transform:uppercase;
    position:absolute;
    z-index:1;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -webkit-transform:translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%)
}
.show-allcats .icons-bg{
    background-size:cover;
    background-position:center center;
    margin-right:0.5%;
    width:16.222%
}
@media screen and (max-width: 1080px){
    .show-allcats .icons-bg{
        width:99%;
        margin:0 0.5% 5px 0.5%
    }
}
.show-allcats .icons-bg:last-child{
    margin-right:0
}
.show-allcats .icons{
    display:block;
    overflow:hidden;
    position:relative;
    height:420px
}
@media screen and (max-width: 1080px){
    .show-allcats .icons{
        height:50px
    }
}
.show-allcats .icons .apla{
    transition:All .2s ease;
    -webkit-transition:All .2s ease;
    -moz-transition:All .2s ease;
    -o-transition:All .2s ease
}
.show-allcats .icons .icon{
    position:absolute;
    top:35%;
    z-index:3;
    text-align:center;
    font-family:"Roboto Condensed",sans-serif;
    color:#fff;
    width:100%;
    font-size:16px;
    text-transform:uppercase;
    font-weight:bold;
    transition:All .2s ease;
    -webkit-transition:All .2s ease;
    -moz-transition:All .2s ease;
    -o-transition:All .2s ease
}
@media screen and (max-width: 1080px){
    .show-allcats .icons .icon{
        top:12px;
        margin-left:40px;
        text-align:left
    }
    .show-allcats .icons .icon p{
        position:absolute;
        z-index:1;
        top:50%;
        left:50%;
        transform:translateX(-50%) translateY(-50%);
        -ms-transform:translateX(-50%) translateY(-50%);
        -moz-transform:translateX(-50%) translateY(-50%);
        -webkit-transform:translateX(-50%) translateY(-50%);
        -o-transform:translateX(-50%) translateY(-50%);
        margin:-14px 0 0 -40px
    }
}
.show-allcats .icons .icon img{
    margin-bottom:30px;
    opacity:.5;
    width:50px
}
@media screen and (max-width: 1080px){
    .show-allcats .icons .icon img{
        width:27px
    }
}
.show-allcats .icons .icon img.audio{
    margin-top:17px
}
.show-allcats .icons .text{
    position:absolute;
    top:100%;
    z-index:2;
    transition:All .3s ease;
    -webkit-transition:All .3s ease;
    -moz-transition:All .3s ease;
    -o-transition:All .3s ease;
    color:#fff;
    text-align:center;
    margin:0 auto;
    width:100%;
    padding:0 5%
}
@media screen and (max-width: 1080px){
    .show-allcats .icons .text{
        display:none
    }
}
.show-allcats .icons .text .plus{
    margin:0 0 10px
}
@media screen and (max-width: 1080px){
    .show-allcats .icons .text .plus{
        display:none
    }
}
.show-allcats .icons .text p{
    opacity:.8;
    font-size:13px
}
.show-allcats .icons .apla{
    position:absolute;
    top:0;
    width:100%;
    height:100%;
    z-index:1
}
.show-allcats .icons:hover .apla{
    opacity:.8
}
@media screen and (max-width: 1080px){
    .show-allcats .icons:hover .apla{
        opacity:1
    }
}
.show-allcats .icons:hover .icon{
    top:25%
}
@media screen and (max-width: 1080px){
    .show-allcats .icons:hover .icon{
        top:12px
    }
}
.show-allcats .icons:hover .text{
    top:60%
}
.show-allcats .do-you-know{
    background-color:#2f2d34;
    height:100%
}
@media screen and (max-width: 1080px){
    .show-allcats .do-you-know{
        margin:0
    }
}
.show-allcats .do-you-know h5{
    font-family:"Roboto",sans-serif;
    font-size:50px;
    font-weight:bold;
    color:#fff;
    width:100%;
    text-align:center;
    position:absolute;
    z-index:1;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -webkit-transform:translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%)
}
@media screen and (max-width: 1080px){
    .show-allcats .do-you-know h5{
        position:relative;
        z-index:1;
        top:auto;
        left:auto;
        transform:none;
        -ms-transform:none;
        -moz-transform:none;
        -webkit-transform:none;
        -o-transform:none;
        font-size:22px;
        padding:15px 0
    }
}
.show-allcats .categories-small .icons-bg:first-child img{
    margin-bottom:18px
}
.show-allcats .categories-small .icon>p{
    margin:0 auto;
    width:70%;
    font-size:17px;
    line-height:20px
}
@media screen and (max-width: 1080px){
    .show-allcats .categories-small .icon>p{
        width:100%;
        position:absolute;
        z-index:1;
        top:50%;
        left:50%;
        transform:translateX(-50%) translateY(-50%);
        -ms-transform:translateX(-50%) translateY(-50%);
        -moz-transform:translateX(-50%) translateY(-50%);
        -webkit-transform:translateX(-50%) translateY(-50%);
        -o-transform:translateX(-50%) translateY(-50%);
        margin:-8px 0 0 -40px;
        text-align:center
    }
}
.mod-form{
    margin:0 0 50px
}
.mod-form.wider{
    margin:0 0 10px
}
@media screen and (min-width: 1000px){
    .mod-form.no-margin{
        margin:0
    }
}
.mod-form h6{
    margin:0 0 27px
}
.mod-form label p{
    font-size:11px;
    margin:0 0 6px
}
.mod-form label input[type="text"],.mod-form label input[type="email"],.mod-form label input[type="password"]{
    max-width:360px;
    width:100%;
    background:#f5f5f5;
    border-color:#d9d9d9
}
@media screen and (max-width: 1080px){
    .mod-form label input[type="text"],.mod-form label input[type="email"],.mod-form label input[type="password"]{
        width:88%
    }
}
.mod-form label textarea{
    max-width:360px;
    width:100%;
    background:#f5f5f5;
    -webkit-border-radius:21px;
    -moz-border-radius:21px;
    -ms-border-radius:21px;
    border-radius:21px;
    border-radius:21px;
    border:solid 1px #d9d9d9;
    color:#3c3c3b;
    display:inline-block;
    font-size:14px;
    padding:8px 20px;
    position:relative
}
.mod-form label>.selectboxit-container{
    background:#f5f5f5;
    -webkit-border-radius:21px;
    -moz-border-radius:21px;
    -ms-border-radius:21px;
    border-radius:21px;
    border:solid 1px #d9d9d9;
    color:#3c3c3b;
    font-size:14px;
    width:100%;
    max-width:402px
}
.mod-form label>.selectboxit-container .selectboxit{
    width:100% !important
}
.mod-form label select{
    visibility:hidden
}
.mod-form label legend{
    display:block;
    margin:10px 0;
    font-size:11px;
    max-width:360px;
    width:100%
}
.mod-form label legend img{
    float:left;
    margin:4px 13px 0 0
}
.mod-form label legend strong{
    font-weight:bold
}
.mod-form label legend span{
    display:inline-block;
    float:left;
    width:80%
}
.mod-form label.code{
    width:15%;
    margin:0 49px 0 0;
    float:left
}
@media screen and (max-width: 1080px){
    .mod-form label.code{
        width:25%
    }
}
.mod-form label.city{
    width:49%;
    float:left
}
.mod-form .wrapper-two-col{
    margin:30px 0 0
}
.mod-form .wrapper-two-col label{
    float:left;
    max-width:360px;
    width:100%
}
.mod-form .wrapper-two-col label:first-child{
    margin-right:70px
}
.mod-form.shorter label.code{
    width:20%;
    margin:0 49px 0 0
}
.mod-form.shorter label.city{
    width:59.5%
}
.mod-form.checker input[type=checkbox]{
    display:none
}
.mod-form.checker input[type="checkbox"]+label i{
    display:inline-block;
    width:12px;
    height:13px;
    margin:-3px 0 0 0;
    vertical-align:middle;
    background:url(../img/check_radio_sheet_white.png) left top no-repeat;
    cursor:pointer
}
.mod-form.checker input[type="checkbox"]:checked+label i{
    background:url(../img/check_radio_sheet_white.png) -19px top no-repeat
}
.mod-form.checker label{
    display:block;
    margin:0 0 5px
}
.mod-form.checker label p{
    font-size:14px;
    display:inline-block;
    margin:0 0 0 6px
}
.mod-form .bt_outline{
    -webkit-border-radius:22px;
    -moz-border-radius:22px;
    -ms-border-radius:22px;
    border-radius:22px;
    border:solid 2px #2e2d33;
    padding:8px 16px 8px 17px !important;
    text-transform:uppercase;
    color:#2e2d33;
    font-weight:bold;
    margin-left:5px;
    background:none !important;
    transition:All .3s ease;
    -webkit-transition:All .3s ease;
    -moz-transition:All .3s ease;
    -o-transition:All .3s ease
}
.mod-form .bt_outline:after{
    background:none !important
}
.mod-form .bt_outline:hover{
    color:#fff;
    background:#2e2d33 !important
}
.user-panel{
    padding-top:160px
}
.user-panel .nawigacja{
    background:#2f2d34;
    height:60px;
    position:fixed;
    width:100%;
    z-index:70;
    top:80px
}
@media screen and (max-width: 1080px){
    .user-panel .nawigacja{
        display:none
    }
}
.user-panel .nawigacja .collapse-navi{
    margin:14px 0 0 0;
    text-align:center
}
.user-panel .nawigacja .collapse-navi a{
    color:#fff;
    display:inline-block;
    padding:7px 17px;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    -ms-border-radius:15px;
    border-radius:15px;
    margin:0 7px 10px 0;
    font-size:13px;
    font-weight:300;
    overflow:hidden;
    position:relative;
    font-weight:bold;
    text-transform:uppercase
}
.user-panel .nawigacja .collapse-navi a:last-child{
    margin:0 0 10px 0
}
.user-panel .nawigacja .collapse-navi a:hover{
    background:#fff;
    color:#2f2d34
}
.user-panel .forms{
    margin:0 auto;
    padding:80px 15px 100px;
    max-width:1200px
}
.user-panel .forms h6{
    color:#3b3b3b;
    font-weight:bold;
    font-size:16px;
    font-family:"Roboto Condensed",sans-serif;
    text-transform:uppercase
}
.user-panel .forms .icon{
    text-align:center;
    padding:0 1.5% 0 0
}
@media screen and (max-width: 1080px){
    .user-panel .forms .icon{
        padding:0 1.5% 40px 0
    }
}
.user-panel .forms .icon figure figcaption p{
    font-weight:300;
    font-size:20px;
    margin:23px 0 0;
    color:#2f2e33
}
.user-panel .forms .icon .info-alert{
    margin:23px 0
}
.user-panel .forms .icon .info-alert p{
    font-size:14px;
    color:#ff2429;
    display:block;
    margin:10px auto 0;
    width:80%
}
.user-panel .forms figure.info{
    position:absolute;
    z-index:1;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -webkit-transform:translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%);
    width:80%
}
.user-panel .forms figure.info img{
    opacity:.5;
    width:90px;
    height:auto;
    margin-right:30px;
    float:left
}
.user-panel .forms figure.info figcaption{
    font-size:12px;
    line-height:18px
}
.user-panel .forms .mod-box{
    background:#f4f4f6;
    padding:30px 30px 60px;
    position:relative;
    margin:0 -30px
}
@media screen and (max-width: 1080px){
    .user-panel .forms .mod-box{
        margin:0 -15px
    }
}
.user-panel .forms .mod-box h6{
    margin:0 0 30px;
    display:inline-block
}
.user-panel .forms .mod-box .wrapper h6{
    margin:8px 9px 0 0
}
.user-panel .forms .mod-box .wrapper>.selectboxit-container{
    background:#ffffff;
    -webkit-border-radius:21px;
    -moz-border-radius:21px;
    -ms-border-radius:21px;
    border-radius:21px;
    border:solid 1px #d9d9d9;
    color:#3c3c3b;
    font-size:14px;
    width:100%;
    max-width:300px
}
.user-panel .forms .mod-box .wrapper>.selectboxit-container .selectboxit{
    width:100% !important
}
.user-panel .forms .mod-box legend{
    display:inline-block;
    position:relative;
    margin:40px 0 0
}
.user-panel .forms .mod-box legend img{
    position:absolute;
    z-index:1;
    top:50%;
    transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -o-transform:translateY(-50%)
}
.user-panel .forms .mod-box legend p{
    color:#787878;
    font-size:12px;
    line-height:18px;
    display:inline-block;
    margin-left:75px
}
.user-panel .forms .submit-bt{
    background:#2e2d33
}
.apla-popup{
    position:absolute;
    z-index:20002;
    left:0;
    top:30px;
    bottom:0;
    height:100%;
    width:100%;
    background:rgba(0,0,0,0.8);
    padding-top:80px;
    transition:All .3s ease;
    -webkit-transition:All .3s ease;
    -moz-transition:All .3s ease;
    -o-transition:All .3s ease;
    opacity:0
}
@media screen and (max-width: 1080px){
    .apla-popup{
        top:0
    }
}
.apla-popup h3{
    font-size:32px;
    color:#3c3c3c;
    font-weight:bold;
    margin:0 0 15px
}
.apla-popup h4{
    font-size:16px;
    color:#9d9d9c;
    font-weight:bold;
    margin:0 0 15px
}
.apla-popup.act{
    opacity:1
}
.apla-popup .wrapper{
    position:absolute;
    z-index:1;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -webkit-transform:translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%);
    max-width:850px;
    width:100%;
    background:#fff;
    padding:15px;
    background-image:url("../img/bg_apla.jpg");
    background-position:bottom center;
    background-repeat:no-repeat
}
@media screen and (max-width: 1080px){
    .apla-popup .wrapper{
        position:relative;
        z-index:1;
        top:auto;
        left:auto;
        transform:none;
        -ms-transform:none;
        -moz-transform:none;
        -webkit-transform:none;
        -o-transform:none;
        top:0;
        left:0
    }
}
.apla-popup .wrapper .close-bar{
    padding:0 0 15px
}
.apla-popup .wrapper .close-bar .circle{
    display:inline-block;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    width:35px;
    height:35px;
    text-align:center
}
.apla-popup .wrapper .close-bar .circle img{
    display:inline-block;
    margin:12px 0 0
}
.apla-popup .wrapper .icon{
    position:relative
}
.apla-popup .wrapper .icon img{
    position:absolute;
    z-index:1;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -webkit-transform:translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%)
}
.apla-popup .wrapper .text h3{
    font-size:32px;
    color:#3c3c3c;
    font-weight:bold;
    margin:0 0 25px
}
.apla-popup .wrapper .text strong{
    font-weight:bold
}
.apla-popup .wrapper .text p{
    font-size:14px;
    margin:0 0 15px
}
.apla-popup .wrapper .text ul{
    margin:0 0 10px
}
.apla-popup .wrapper .text ul li{
    margin:0 0 3px;
    font-size:14px
}
.apla-popup .wrapper .text ul li em{
    display:inline-block;
    width:3px;
    height:3px;
    position:relative;
    top:-4px;
    left:0;
    font-style:normal;
    margin:0 10px 0 0
}
.apla-popup .wrapper .text .button{
    margin:25px 0 35px
}
.apla-popup .form{
    padding:0 80px 20px
}
@media screen and (max-width: 1080px){
    .apla-popup .form{
        padding:15px
    }
}
.apla-popup .form h3{
    margin:0 auto 25px;
    text-align:center
}
.apla-popup .form h4{
    margin:0 auto 25px;
    text-align:center
}
.apla-popup .form .mod-form{
    margin:0
}
.apla-popup .form .mod-form input[type="text"],.apla-popup .form .mod-form input[type="email"],.apla-popup .form .mod-form input[type="password"]{
    max-width:275px
}
.apla-popup .form .mod-form input[type="text"].error,.apla-popup .form .mod-form input[type="email"].error,.apla-popup .form .mod-form input[type="password"].error{
    border-color:red
}
.apla-popup .form .mod-form textarea{
    max-width:290px;
    height:150px
}
@media screen and (max-width: 1080px){
    .apla-popup .form .mod-form textarea{
        width:88%
    }
}
.apla-popup .form .mod-form textarea.error{
    border-color:red
}
.apla-popup .form .mod-form input[type="checkbox"]+label i{
    position:absolute;
    top:5px
}
.apla-popup .form .mod-form input[type="checkbox"]+label i.error{
    border-color:red
}
.apla-popup .form .mod-form .text p{
    font-size:12px 0 5px
}
.apla-popup .form .mod-form .text p sup{
    top:-1px
}
.apla-popup .form .mod-form.checker{
    margin:20px 0
}
.apla-popup .form .mod-form.checker p{
    margin:0 0 0 20px
}
.apla-popup .form .msg{
    text-align:center;
    display:block
}
.apla-popup .form .msg .koperty{
    width:100px;
    height:auto;
    margin:0 auto 50px
}
.apla-popup .form .msg .logo{
    width:150px;
    height:auto;
    margin:0 auto 40px
}
.apla-popup .form .msg .error{
    width:150px;
    height:auto;
    margin:0 auto 35px
}
.apla-popup .form .msg p{
    color:#3c3c3c;
    font-size:13px;
    line-height:16px;
    margin:0 0 20px
}
.apla-popup .form .msg a{
    margin-right:0 !important
}
.apla-popup.kontakt .form h3{
    margin:0 auto 10px;
    text-align:center
}
.apla-popup.kontakt .form h4{
    margin:0 auto 25px;
    text-align:center
}
.apla-popup.kontakt .form textarea{
    height:85px
}
.co-working-kategorie{
    background:#fff
}
.co-working-kategorie .scrolling-wrapper{
    position:relative;
    z-index:1
}
@media screen and (max-width: 1080px){
    .co-working-kategorie .scrolling-wrapper{
        padding-top:80px
    }
}
.co-working-kategorie .offer-cols .box{
    overflow:hidden
}
.co-working-kategorie .offer-cols .box img{
    transition:All .2s ease;
    -webkit-transition:All .2s ease;
    -moz-transition:All .2s ease;
    -o-transition:All .2s ease;
    -moz-transform:scale(1);
    -webkit-transform:scale(1);
    transform:scale(1)
}
.co-working-kategorie .offer-cols .box .hover{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    height:100%;
    width:100%;
    z-index:2;
    transition:All .3s ease;
    -webkit-transition:All .3s ease;
    -moz-transition:All .3s ease;
    -o-transition:All .3s ease;
    opacity:0;
    visibility:hidden;
    background:rgba(0,0,0,0.2)
}
.co-working-kategorie .offer-cols .box .button_outline{
    margin:0 0 15px
}
.co-working-kategorie .offer-cols .box .button_fullbg{
    margin:0
}
.co-working-kategorie .offer-cols .box:hover .hover{
    opacity:1;
    visibility:visible
}
.co-working-kategorie .offer-cols .box:hover img{
    -moz-transform:scale(1.2);
    -webkit-transform:scale(1.2);
    transform:scale(1.2)
}
.fullwindow{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    z-index:9000;
    opacity:0;
    transition:All .3s ease;
    -webkit-transition:All .3s ease;
    -moz-transition:All .3s ease;
    -o-transition:All .3s ease;
    background:#fff
}
.fullwindow.act{
    opacity:1
}
.fullwindow .informacje{
    margin-bottom:50px;
    padding:0 0 30px;
    border-bottom:solid 1px #cccccc
}
.fullwindow .informacje .headers{
    padding:20px 0 0 40px
}
.fullwindow .informacje .headers h1{
    font-family:"Roboto Condensed",sans-serif;
    color:#3c3c3c;
    font-weight:bold;
    font-size:32px;
    text-transform:uppercase;
    display:inline-block;
    margin-left:11px;
    line-height:28px
}
.fullwindow .informacje .headers h2{
    font-family:"Roboto Condensed",sans-serif;
    color:#9d9d9c;
    font-weight:bold;
    font-size:14px;
    float:left;
    text-transform:uppercase
}
.fullwindow .informacje .navi .ico{
    position:absolute;
    top:30px;
    right:65px
}
.fullwindow .embeed{
    padding:0 40px
}
.fullwindow .close-circle{
    background:#000;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    position:absolute;
    top:15px;
    right:15px;
    display:inline-block;
    padding:8px 13px 11px;
    z-index:2;
    transition:All .2s ease;
    -webkit-transition:All .2s ease;
    -moz-transition:All .2s ease;
    -o-transition:All .2s ease
}
.fullwindow .close-circle:hover{
    top:13px;
    right:13px;
    padding:10px 15px 13px
}
@media screen and (max-width: 1080px){
    .fullwindow .close-circle{
        display:none
    }
}
.nicescroll::-webkit-scrollbar{
    width:6px;
    background:none
}
.nicescroll::-webkit-scrollbar-track{
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
    border-radius:10px
}
.nicescroll::-webkit-scrollbar-thumb{
    border-radius:10px;
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5)
}
.fake{
    width:100%;
    height:400px;
    background:#F7F7F7;
    position:relative
}
.fake.wider{
    height:230px
}
.fake p{
    color:#D6D6D6;
    font-size:16px;
    font-family:"Roboto Condensed",sans-serif;
    text-transform:uppercase;
    position:absolute;
    z-index:1;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -webkit-transform:translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%)
}
.text-sizer{
    float:right;
    margin:19px 24px 0 0
}
.text-sizer a{
    color:#000;
    text-transform:uppercase;
    margin:0 0 0 7px;
    display:inline
}
.text-sizer a.act{
    color:#999
}
.text-sizer h5{
    display:inline;
    font-family:"Roboto Condensed",sans-serif;
    font-size:14px
}
.text-sizer .normal{
    font-size:12px
}
.text-sizer .medium{
    font-size:15px
}
.text-sizer .big{
    font-size:17px
}
.text-sizer-wrapper{
    display:inline-block
}
@media screen and (max-width: 1080px){
    .text-sizer-wrapper{
        display:none
    }
}
.text-sizer-wrapper .text-sizer{
    float:none;
    margin:0;
    display:inline-block
}
.lg-backdrop{
    background:rgba(0,0,0,0.85) !important
}
.cookies{
    position:absolute;
    z-index:1;
    left:50%;
    transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -webkit-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    position:fixed;
    max-width:720px;
    width:100%;
    background:#2e2d33;
    bottom:15px;
    margin:0 auto;
    padding:14px 16px;
    z-index:9999
}
@media screen and (max-width: 1080px){
    .cookies{
        width:90%
    }
}
.cookies img{
    float:left;
    margin:0 20px 0 10px
}
@media screen and (max-width: 1080px){
    .cookies img{
        float:none;
        margin:0 auto;
        display:block
    }
}
.cookies .text{
    color:#fff;
    font-size:12px;
    line-height:16px;
    float:left;
    margin:0 50px 0 0;
    width:64%
}
@media screen and (max-width: 1080px){
    .cookies .text{
        float:none;
        margin:10px 0;
        width:100%
    }
}
.cookies .text a{
    color:#fff;
    text-decoration:underline
}
.cookies .text a:hover{
    text-decoration:none
}
.cookies .button{
    float:left;
    margin:0 10px 0 0
}
@media screen and (max-width: 1080px){
    .cookies .button{
        float:none;
        margin:0 auto;
        display:block;
        text-align:center
    }
}
.cookies .button a{
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    -ms-border-radius:20px;
    border-radius:20px;
    transition:All .4s ease;
    -webkit-transition:All .4s ease;
    -moz-transition:All .4s ease;
    -o-transition:All .4s ease;
    padding:6px 40px;
    color:#fff;
    font-size:12px;
    border:solid 1px #fff;
    display:inline-block;
    margin:8px 0 0 0
}
.cookies .button a:hover{
    background:#fff;
    color:#2e2d33
}


@media screen and (max-width: 779px) {
    #section0 .section_photo>div h2 {
        font-size: 20px !important;
    }
    #section0 .section_photo>div p {
        font-size: 14px !important;
    }
    #section0 .section_photo>div.fullheight {
        padding-top: 5% !important;
    }

}



/* LANDSCAPE  */
@media screen and (max-width: 1100px) and (min-width: 780px){
    #section0 .section_photo>div {
        height: 500px !important;
    }
    .section_slider .bxslider .buttons {
        bottom: 15% !important;
    }
    .ikony .col-md-3 {
        min-height: 163px;
    }
    footer {
        padding-top: 0;
        height: 620px;
    }
    /*
    footer .links div:nth-of-type(2) {
        width: 25%;
    }
    footer .links div:nth-of-type(2) .box {
        height: 155px;
    }
    */
    footer .info .form button[type="submit"] {
        left: 120px;
        top: 10px;
    }
    footer .info .form {
        height: 305px;
    }
}


@media screen and (min-width: 1100px) and (max-width: 1900px) {
    .slick-next, .slick-prev {
        bottom: 33px;
    }
}