@import url("flaticon.css");

/**Reset CSS************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    font-family: 'Roboto', sans-serif;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    /*line-height: 1;*/
    color: #4a5c74;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

* {
    min-height: 0;
    min-width: 0;
    outline: none;
}
.post, .page {
    margin: 0;
}
.card_item.empty:empty{
    height: 0;
    padding: 0 !important;
    margin: 0 !important;
}
#masthead{
    padding: 60px 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;

    z-index: 99999;

    -webkit-transition: 500ms ease-out;
    -moz-transition: 500ms ease-out;
    -o-transition: 500ms ease-out;
    transition: 500ms ease-out;
}
#masthead.sticky-menu {
    padding: 30px 0;
}
.header-wrapper{
    max-width: 90%;
    margin: 0 auto;
    display: flex;
    /*align-items: center;*/
}
.heading-left{
    flex: 0 0 70%;
    display: flex;
    /*align-items: center;*/
    /*padding-top: 8px;*/
}
.main-navigation {
    display: flex;
    width: 100%;
    /*align-items: center;*/
    padding-top: 10px;
}
.main-navigation li {
    position: relative;
    margin: 0 20px;
}
.main-navigation li:first-child{
    margin-left: 0;
}
.main-navigation li:last-child{
    margin-right: 0;
}
.main-navigation a {
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    color: #4a5c74;
    font-weight: 600;
    letter-spacing: 1.8px;
    line-height: 1;
}

.main-navigation ul ul{
    position: unset;
    float: unset;
    box-shadow: none;
    display: block;
    overflow: hidden;
    /*height: 0;*/
    max-height: 0;
    -webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
}
.main-navigation li li{
    margin: 0;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.main-navigation ul ul a {
    width: auto;
}
.main-navigation ul li:hover > ul{
    /*display: block;*/
    /*height: auto;*/
    max-height: 250px;
    padding: 25px 0 0;


    -webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
}
.main-navigation ul li:hover > ul li{
    margin: 10px 0 0;
    -webkit-transition: 0.9s;
    -moz-transition: 0.9s;
    -o-transition: 0.9s;
    transition: 0.9s;
}
.main-navigation ul li:hover a{
    color: #80aaca;
}
.slider__item{
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
}
.slider__item img{
    width: 100%;
}
.slider-background{
    /*width: 100%;*/
}
.slider__item-content{
    position: absolute;
    top: 20%;
    bottom: 35%;
    left: 10%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.slider__item-content img{
    width: 470px;
}
.slider__item-content h2{
    font-size: 60px;
    font-weight: 300;
    color: #fff;
}

.btn-rlt{
    background: transparent;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 0;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 3px;
    padding: 3% 5%;
    outline: none;
    position: relative;
    cursor: pointer;

    -webkit-transition: all 0.75s;
    -moz-transition: all 0.75s;
    transition: all 0.75s;
}
.btn-rlt::after, .btn-rlt::before{
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    border: 1px solid #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #000;

}
.btn-rlt::after{
    left: -3px;
}
.btn-rlt::before{
    right: -3px;
}
.btn-rlt.btn-blue{
    color: #4a5c74;
    border: 1px solid #4a5c74;
    padding: 4% 5%;
}
.btn-rlt:hover{
    background: rgba(116,163,198,0.35);
}
.btn-rlt a{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.main-section{
    height: 100vh;
    overflow: hidden;
}
.main-section__slider, .main-section__slider .slick-track, .main-section__slider .slick-list{
    height: 100%;
}
.main-section__slider .slick-arrow{
    position: absolute;
    bottom: 20%;
    left: 10%;
    width: 45px;
    border-radius: 0;
    color: #fff;
    height: 45px;
    z-index: 8;
    outline: none;
    cursor: pointer;
    background: #fff;
    border: none;
}
.main-section__slider .slick-arrow:hover{
background: #404b5d;
}

.main-section__slider .slick-next{
    left: calc(10% + 45px);
}
.main-section__slider .slick-arrow .arrow-white{
    display: none;
}
.main-section__slider .slick-arrow .arrow-blue{
    display: block;
}
.main-section__slider .slick-arrow:hover .arrow-blue{
    display: none;
}
.main-section__slider .slick-arrow:hover .arrow-white{
    display: block;
}


#s2{
    padding: 7% 0 18%;
    background: #efefef;
}

.rlt-content{
    /*max-width: 1360px;*/
    margin: 0 auto;
    width: 80vw;
}
.section-title{
    text-align: center;
    margin-bottom: 9%;
}

.section-title h2{
    font-size: 40px;
    font-weight: 100;
    margin-bottom: 1%;
}

.section-title p{
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.main-prod-slider.slick-slider .slick-list{
    margin: 0 -30px;
}
.main-prod-slider .slick-arrow{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 45px;
    border-radius: 0;
    color: #fff;
    height: 45px;
    z-index: 8;
    outline: none;
    cursor: pointer;
    background: #fff;
    border: none;
}
.main-prod-slider .slick-arrow:hover{
    background: #404b5d;
}
.main-prod-slider .slick-prev{
    left: -6%;
}
.main-prod-slider .slick-next{
    right: -6%;
}
.main-prod-slider .slick-arrow .arrow-white{
    display: none;
}
.main-prod-slider .slick-arrow .arrow-blue{
    display: block;
}
.main-prod-slider .slick-arrow:hover .arrow-blue{
    display: none;
}
.main-prod-slider .slick-arrow:hover .arrow-white{
    display: block;
}

.prod-slider__item{

    margin: 0 30px;
    position: relative;
    padding-bottom: 10px;

    -webkit-transition: 500ms ease-out;
    -moz-transition: 500ms ease-out;
    -o-transition: 500ms ease-out;
    transition: 500ms ease-out;
}
.prod-slider__item a{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

.prod-slider__item .desc-cont{
    padding: 3%;
    border: 1px solid #fff;
}
.prod-slider__item h5{
    font-weight: 100;
    text-transform: uppercase;
    font-size: 33px;
}
.prod-slider__item p{
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.prod-slider__item .img-cont{
    width: 100%;
    height: 350px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    overflow: hidden;

    -webkit-transition: 500ms ease-out;
    -moz-transition: 500ms ease-out;
    -o-transition: 500ms ease-out;
    transition: 500ms ease-out;
}
.prod-slider__item img{
    max-width: 100%;
}
.prod-slider__item:hover .img-cont{
    background-image: url(../img/tlo-hover.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: 10px 10px #d0cece;
}
/*.prod-slider__item:hover{*/
    /*padding-bottom: 10px;*/
/*}*/


#s4{
    padding: 10% 0;
    background: #efefef;
}

.section-count__item{
    cursor: pointer;
    text-align: center;
    outline: none;
}
.section-count__item .img-content .img-nothover{
    opacity: 1;
}

.section-count__item .img-content .img-hover{
    opacity: 0;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
}

.section-count__item:hover .img-content .img-nothover{
    opacity: 0;
}
.section-count__item:hover .img-content .img-hover{
    opacity: 1;
}
.section-count__item .img-content img{
    margin: 0 auto;
}
.section-count__item:hover h5{
    color:#74a3c6;
}
.section-count__item h5{
    font-weight: 100;
    font-size: 30px;
    line-height: 1.2;
    margin-bottom: 5%;
}
.section-count__item .img-content{
    margin-bottom: 10%;
    height: 90px;
    position: relative;

    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.section-count__item .img-content img{
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);


}

#s5{
    position: relative;
}
#s5 img{
    width: 100%;
}
.video-content{
    position: absolute;
    top: 25%;
    bottom: 25%;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
}
.video-content .logo-cont img{
    width: 350px;
}
.video-content .desc p{
    text-align: center;
    color: #fff;
    font-weight: 100;
    font-size: 40px;
}
.video-content .btn-rlt{
    white-space: nowrap;
    padding: 17px 35px;
}



/********video*********************/
.video-wrapper {
    position: relative;
}

.video-section, .video-section-player {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    cursor: pointer;
    overflow: hidden;
}
.video-section video, .video-section-player video{
    width: 100%;
}

.video-section {
    /*display: none;*/
    /*width: 0;*/
    overflow: hidden;
    left: -100%;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;

}

.video-section.active {
    width: 100%;
    z-index: 2;
    left: 0;
}

.video-section img {
    display: block;
    width: 100%;
}

.video-section p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 4.5em;
    font-weight: 700;
    color: #fff;
    font-style: italic;
}

.video-section p img {
    margin-left: 0.5em;
    max-width: 80px;
}

.video-section a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
}

.section-content iframe {
    width: 100%;
    height: 100%;
}

.desktop-video-section{
    display: block;
}
.mobile-video-section{
    display: none !important;
}
@media screen and (max-width: 768px){
    /*.desktop-video-section{*/
    /*    display: none !important;*/
    /*}*/
    /*.mobile-video-section{*/
    /*    display: block !important;*/
    /*}*/
}

#s6{
    padding: 7% 0;
    background: #fff;
}

.partner__item img{
    margin: 0 auto;
}

.site-footer{
    display: flex;
    position: relative;
    overflow: hidden;
    text-transform: uppercase;

}
.icon-move {
    position: absolute;
    left: 50%;
    bottom: -67%;
    transform: translateX(-50%);
    z-index: 1;
}
.icon-move img{
    animation: rotate-s-loader 60s linear infinite;
}
.left-footer{
    flex: 0 0 70%;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
}
.right-footer{
    flex: 0 0 30%;
}
.rightfooter_map{
    position: relative;
}
.rightfooter_map .map_link{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.left-footer img, .right-footer img{
    width: 100%;
    height: 100%;
}

.footer-content{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    color: #fff;
    z-index: 2;
}

.footer-map-link{
    display: flex;
    justify-content: flex-end;
    height: 65%;
    align-items: center;
}
.footer-map-link__item{
    flex: 0 0 25%;
}
.footer-map-link__item p, .footer-map-link__item li{
    font-size: 15px;
    margin-bottom: 15px;
    letter-spacing: 2px;
    font-weight: 300;
    position: relative;
}
.footer-map-link__item p a, .footer-map-link__item li a{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.social-icons-footer a{
    position: absolute !important;
}

.social-icons-footer ul{
    display: flex;
}
.social-icons-footer ul li{
    margin-right: 10px;
}

.footer-map-link__item .top{
    margin-bottom: 45px;
}

.footer-info-site{
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    height: 35%;
}
.euro-site-info{
    padding: 5% 6%;
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1.4px;
}
.euro-site-info a{
    color: #fff;
    text-decoration: none;

}


.rlt-container{
    max-width: 1510px;
    margin: 0 auto;
}
@media screen and (max-width: 1599px){
    .rlt-container{
        max-width: 80%;
    }
}
@media screen and (max-width: 768px){
    .rlt-container{
        max-width: 90%;
    }
}
.background-image {
    position: relative;
    padding-top: 10vh;

}
.background-image img.background-img{
    position: absolute;
    top: 0;
    z-index: -1;
    width: 100%;
}
.back-prod{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: -2;
    background: #efefef;
}

#breadcrumbs{
    padding: 50px;
}
#breadcrumbs a{
    color: #4a5c74;
    text-decoration: none;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    font-weight: 600;
}
#breadcrumbs a.current-product{
    color: #74a3c6;
}
#breadcrumbs span{
    font-size: 10px;
    margin: 0 8px;
}
/***********product***************/
.product-wrapper{
    background: #efefef;
}
.product-container{
    display: flex;
}
.product-side{
    flex: 0 0 50%;
    padding: 50px;
}
.product-header-content{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 75px 0;
}
.product-header__left, .product-header__right{
    flex: 0 0 50%;
}
.product-header__right img{
    max-width: 80%;
    margin-left: auto;
    display: block;
}

.product-side h1.prod-name{
    font-size: 50px;
    font-weight: 300;
}
.product-side__section, .product-side .slider-product-page{
    margin-bottom: 45px;
    font-weight: 300;
}
.product-side__section ul li{
    list-style: none;
}
.files-content a{
    color: #4a5c74;
    text-decoration: none;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}
.files-content a img{
    margin-right: 5px;
}
.product-side h5{
    margin-bottom: 15px;
}
.product-header__left h2{
    font-size: 60px;
    color: #fff;
    font-weight: 300;
}
.product-header__left h2 img{
    width: 65px;
}
.product-header__left .header-title {
    margin-top: 20px;
}
.product-header__left .header-title h2{
    font-size: 76px;
}

.product-realization-content{
    display: flex;
    align-items: center;
    background: #fff;
    height: 500px;
    overflow: hidden;
    margin: 2vh 5vh 9vh;
}
.product-realization__title{
    flex: 0 0 30%;
    text-align: center;
    text-transform: uppercase;
}
.product-realization__title p{
    margin-bottom: 25px;
}
.product-realization__title span{
    font-size: 30px;
    font-weight: 300;
}
.product-realization__img{
    flex: 0 0 70%;
    height: 100%;
}
.product-realization__img .slick-slider .slick-track, .product-realization__img .slick-slider .slick-list {
    height: 100%;
}
.product-realization__img-img{
    display: flex !important;
    align-items: center;
    justify-content: center;
}
.similar-content{
    display: flex;
    justify-content: space-between;
}
.similar-item{
    position: relative;
    flex: 0 0 23%;
}
.test-team-item-title{
    padding: 3%;
    border: 1px solid #fff;
}
.test-team-item-title h5 {
    font-weight: 100;
    text-transform: uppercase;
    font-size: 28px;
}
.test-team-item-title p {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.test-team-item-img {
    width: 100%;
    height: 350px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    -webkit-transition: 500ms ease-out;
    -moz-transition: 500ms ease-out;
    -o-transition: 500ms ease-out;
    transition: 500ms ease-out;

    overflow: hidden;
}
.similar-item:hover .test-team-item-img {
    background-image: url(../img/tlo-hover.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: 10px 10px #d0cece;
}
.similar-wrapper{
    padding-bottom: 7%;
}
.similar-wrapper .title-section{
    margin-bottom: 5%;
}
.similar-wrapper h2{
    text-align: center;
    font-size: 40px;
    font-weight: 100;
    text-transform: uppercase;
}
.similar-item a{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.rlt-3-section-content{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.rlt-left{
    position: relative;
}
.rlt-left-img{
    box-shadow: 40px 40px 0 #efefef;
    display: block;
    margin-top: -25%;
}
.rlt-right-img{
    box-shadow: 40px -40px 0 #efefef;
    display: block;
}
.rlt-info-text{
    padding: 17% 22% 17% 0;
}
.rlt-info-text p{
    line-height: 1.8;
}
.rlt-info-text button{
    margin-top: 10%;
}
.rlt-right{
    margin-bottom: 5%;
    padding-left: 10%;
}
#custom-post-type-search-2{
    list-style: none;
    position: relative;
    margin-bottom: 0;
}
#custom-post-type-search-2 .widgettitle{
    display: none;
}
#custom-post-type-search-2 .search-form{
    display: flex;
    align-items: center;
    position: relative;

}
#custom-post-type-search-2 .search-field{
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #fff;
    /*width: 0;*/
}
#custom-post-type-search-2 .search-submit{
    background: transparent;
    border: none;
    position: absolute;
    right: -32px;
    z-index: 2;
    cursor: pointer;
}
#custom-post-type-search-2 .flaticon-loupe{
    position: absolute;
    right: -20px;
}

.social-box{
    display: flex;
    margin-left: 45px;
}
.phone-content, .share-content, .mail-content{
    border: 1px solid;
    width: 30px;
    border-radius: 50%;
    height: 30px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 10px;
}
.social-content ul li{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    line-height: 1;
}

.social-content ul li a, .phone-content a, .mail-content a{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.header-social{
    flex: 0 0 30%;
    display: flex;
    justify-content: flex-end;
}
.social-content{
    position: relative;
}
.social-content ul{
    overflow: hidden;
     max-height: 0;
    position: absolute;
    background: #fff;
    padding: 5px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    left: 50%;
    transform: translateX(-50%);

    -webkit-transition: 500ms ease-out;
    -moz-transition: 500ms ease-out;
    -o-transition: 500ms ease-out;
    transition: 500ms ease-out;
}
.social-content:hover ul{
    max-height: 200px;
}
.lang-box{
    margin-left: 20px;
    display: flex;
    /*align-items: center;*/
}
#lang-menu a{
    color: #4a5c74;
    text-decoration: none;
    font-weight: 500;
}
.site-branding{
    display: flex;
    /*align-items: center;*/
    margin-right: 0;
    -webkit-transition: 200ms ease-out;
    -moz-transition: 200ms ease-out;
    -o-transition: 200ms ease-out;
    transition: 200ms ease-out;
}
#masthead.sticky-menu .site-branding{
    margin-right: 40px;
}
#masthead .site-branding img{
    width: 0;
    display: block;
}
#masthead.sticky-menu .site-branding img{
    width: 160px;
    display: block;
}

#masthead #custom-post-type-search-2 .search-field{
    width: auto;
    border-color: #4a5c74;
}

.prod-list-content{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 5vh;
}
.prod-list__widgets{
    flex: 0 0 30%;
    /*padding: 0 50px;*/
}
.prod-list__products{
    display: flex;
    justify-content: space-between;
    flex: 0 0 70%;
    flex-wrap: wrap;
    /*padding-right: 3%;*/
}
.prod-list__products article{
    flex: 0 0 31%;
    /*border: 1px solid #fff;*/
    margin-bottom: 5%;
    /*overflow: hidden;*/
    height: 400px;
}
.prod-listing-content{
    height: 84%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;

    -webkit-transition: 500ms ease-out;
    -moz-transition: 500ms ease-out;
    -o-transition: 500ms ease-out;
    transition: 500ms ease-out;

}
.prod-list__products article:hover .prod-listing-content {
    background-image: url(../img/tlo-hover.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: 10px 10px #d0cece;
}

.prod-listing-content a{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.prod-listing-content a img {
    max-height: 100%;
    max-width: 100%;
}

.widgettitle{
    display: none;
}
#custom-post-type-categories-2{
    list-style: none;
}

/*.prod-list__widgets .cat-item{*/
    /*display: none;*/
/*}*/


/*.prod-list__widgets .cat-item.current-cat, .prod-list__widgets .cat-item.current-cat ul li, .prod-list__widgets .cat-item.current-cat-parent{*/
    /*display: block;*/
/*}*/

#custom-post-type-categories-2 ul{
    margin-left: 0;
}

#custom-post-type-categories-2 ul li{
    font-weight: 600;
    font-size: 18px;
}
#custom-post-type-categories-2 ul li a{
    margin-bottom: 18px;
    display: block;
}
#custom-post-type-categories-2 ul li li{
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 35px;
}
#custom-post-type-categories-2 ul li li li{
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 0;
}
#custom-post-type-categories-2 ul img{
    display: none;
}
#custom-post-type-categories-2 ul li li li a{
    margin-bottom: 10px;
}

.prod-list__products article .entry-title a{
    font-weight: 100;
    text-transform: uppercase;
    font-size: 30px;
    line-height: 1;

}
.prod-list__products article .entry-header{
    padding: 6%;
    border: 1px solid #fff;
}
.empty-a{
    height: 0;
    margin: 0;
    border: none !important;
}

.products-cat{
    display: flex;
    height: 100vh;
}
.products-cat__item{
    position: relative;
    overflow: hidden;
}
.products-cat__item a{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
}
.products-cat__item.left{
    background-image: url(../img/prodkat/morskie.jpg);
    background-size: cover;
    width: 50%;
}
.products-cat__item.right{
    background-image: url(../img/prodkat/ladowe.jpg);
    background-size: cover;
    width: 50%;
}

.products-cat__item .text-desc{
    position: absolute;
    bottom: 5%;

    display: flex;
    align-items: center;

}
.products-cat__item.left .text-desc{
    left: 10%;
}
.products-cat__item.right .text-desc{
    right: 10%;
}
.products-cat__item .text-desc h2{
    color: #fff;
    font-size: 60px;
    font-weight: 300;
    margin: 0 15px;
}

.products-cat__item.left .icon-cat{
    position: absolute;
    top: 50%;
    right: -47%;
    transform: translateY(-50%);



}
.products-cat__item.left .icon-cat img{
    animation: rotate-s-loader 60s linear infinite;
}
.products-cat__item.right .icon-cat{
    position: absolute;
    top: 50%;
    left: -40%;
    transform: translateY(-50%);
}
.products-cat__item.right .icon-cat img{
    animation: rotate-x-loader 60s linear infinite;
}

@keyframes rotate-s-loader {
    from {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
    }
}
@keyframes rotate-x-loader {
    from {
        transform: rotate(0);
    }
    to {
        transform: rotate(-360deg);
    }
}


.market-list-content{
    display: flex;
    padding: 0 5vh;
    flex-wrap: wrap;
    justify-content: space-between;
}
.kat-item{
    flex: 0 0 48%;
    border: 1px solid #fff;
    text-align: center;
    cursor: pointer;
    position: relative;


    margin-bottom: 50px;

}
.kat-item a{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}
.kat-item .title-back{
    padding: 30px;
    height: 25%;
}
.kat-item .title-back h3{
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 300;
}
.kat-item .img-back{
    padding: 30px;
    background: #fff;
    height: 75%;
    background-image: unset;

    -webkit-transition: 500ms ease-out;
    -moz-transition: 500ms ease-out;
    -o-transition: 500ms ease-out;
    transition: 500ms ease-out;
}

.kat-item:hover .img-back{
    background-image: url(../img/tlo-hover-kat.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.kat-item .img-back img{
    max-width: 100%;
}

.product-header-content .text-desc{
    display: flex;
    align-items: center;
}
.product-header-content .text-desc h2{
    font-size: 70px;
    margin: 0 20px;
    font-weight: 100;
    color: #fff;
}
.partners-slider .slick-arrow{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 8;
    cursor: pointer;
    background: transparent;
    border: none;
}
.partners-slider .slick-prev{
    left: -3%;
}
.partners-slider .slick-next{
    right: -3%;
}
.partners-slider .slick-arrow img{
    width: 20px;
}
.content-subpage{
    padding: 5vh;
}
.title-page-content{
    margin-bottom: 7%;
}
.title-page-content h3{
    font-size: 40px;
    font-weight: 300;
}
.certyfikat-item{
     margin-bottom: 6%;
 }
.certyfikat-item p{
    font-size: 26px;
    margin-bottom: 25px;
}
.cer-tab{
    border: 1px solid;
}
.header-tab{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #ced1dc;
    text-align: center;
    border-bottom: 1px solid;
    font-weight: 600;
}
.body-tab{
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    border-bottom: 1px solid;
}
.body-tab:last-child{
    border-bottom: none;
}
.cer-tab .first-col{
    flex: 0 0 30%;
    border-right: 1px solid;
    padding: 16px;
}
.cer-tab .sec-col{
    flex: 0 0 20%;
    padding: 16px;
    border-right: 1px solid;
}
.cer-tab .third-col{
    flex: 0 0 30%;
    padding: 16px;
    border-right: 1px solid;
}
.cer-tab .fourth-col{
    flex: 0 0 20%;
    padding: 16px;
    position: relative;
}
.cer-tab .fourth-col a{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;

}
.cer-tab .fourth-col img{
    display: block;
    margin: 0 auto;
}

.katalogi-group{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.katalogi-item{
    flex: 0 0 48%;
    border: 1px solid;
    display: flex;
    position: relative;
    margin-bottom: 7%;
}
.katalogi-item a{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;

}
.katalogi-item .left-katalog{
    flex: 0 0 40%;
}
.katalogi-item .left-katalog img{
    width: 100%;
    display: block;
    height: 100%;
}
.katalogi-item .right-katalog{
    flex: 0 0 60%;
}
.katalogi-item .right-katalog .title-cat{
    border-bottom: 1px solid;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 20px;
    height: 20%;
}
.katalogi-item .right-katalog .title-cat p{
    font-size: 18px;
    font-weight: 600;
}
.katalogi-item .right-katalog .content-cat{
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 80%;
}
.title-page-content-kat{
    margin-bottom: 4%;
}
.title-page-content-kat h3{
    font-size: 40px;
    font-weight: 300;
    margin-bottom: 3%;
}
katalogi-section{
    margin-bottom: 4em;
}
.katalogi-section hr{
    margin: 4em 0;
}
.cer-tab .first-col-b{
    flex: 0 0 45%;
    border-right: 1px solid;
    padding: 16px;
}
.cer-tab .sec-col-b{
    padding: 16px;
    border-right: 1px solid;
    flex: 0 0 25%;
}
.cer-tab .fourth-col-b{
    flex: 0 0 30%;
    padding: 16px;
    position: relative;
}
.cer-tab .fourth-col-b a{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;

}
.cer-tab .fourth-col-b img{
    display: block;
    margin: 0 auto;
}

.title-page-content-gwar{
    margin-bottom: 6%;
}
.title-page-content-gwar h3{
    font-size: 30px;
    font-weight: 300;
    text-align: center;

}
.gwar-title h4{
    font-size: 30px;
    font-weight: 300;
    text-align: center;
    text-transform: uppercase;
}
.gwar-title {
    margin-bottom: 4%;
}
.gwar-items{
    background: #fff;
    display: flex;
    padding: 20px 40px;
    margin-bottom: 3%;
    align-items: center;
}
.left-gwar{
    flex: 0 0 50%;
}
.left-gwar p{
    font-size: 18px;
}
.left-gwar span{
    font-size: 11px;
}
.right-gwar{
    flex: 0 0 50%;

}
.right-gwar .download-btn{
    margin-left: auto;
    width: 25%;
    border: 1px solid;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    position: relative;
}
.right-gwar .download-btn a{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 11;
}
#s1-mobile{
    display: none;
    background: #efefef;
    text-align: center;
    padding: 12% 0;
}
.news-widget{
    position: fixed;
    top: 23%;
    left: 0;
    z-index: 1;
}
.news-widget button{
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: 29% 100%;
    -moz-transform-origin: 29% 100%;
    transform-origin: 29% 100%;
    padding: 10% 15% !important;
    position: relative;
    width: 172px;
    height: 50px;
}
.news-widget button a{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
#s1{
    z-index: 2;
    position: relative;
}
.content-sections-about{
    max-width: 57%;
    margin: 0 auto;
}
.content-sections-about h4{
    font-size: 40px;
    font-weight: 300;
    margin-bottom: 4vh;
}
.content-sections-about p{
    line-height: 1.8;
    margin-bottom: 2vh;
}
.items-about{
    background-size: cover;
    background-repeat: no-repeat;
    padding: 2em;
    margin-bottom: 3vh;
    text-align: center;
    color: #fff;
}
.items-about h5{
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 3vh;
}
.items-about p{
    margin-bottom: 4vh;
}
.items-about button{
    padding: 2% 4%;
}

.mobile-menu-content, .mobile-fb {
    display: none;
}
.show-mobile{
    display: none;
}
.show-mobile-df{
    display: none;
}
.prod-header{
    display: flex;
    justify-content: space-between;
}
.prod-header-left{
    flex: 0 0 50%;
}
.prod-header-left h2{
    margin: 0 0 0 10vw !important;
}
.prod-header-left h1{
    margin: 2vw 0 0 10vw !important;
}
.prod-header-right{
    padding-right: 10vw;
}
.show-mobile-prod{
    display: none;
}
.show-desc-prod{
    display: block;

}
.slider-one-img{
    height: 536px;
    overflow: hidden;
}
.slider-one-img .slick-track, .slider-one-img .slick-list{
    height: 100%;
}
.slider-more-img-img{
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 100%;
    max-height: 100%;
}
.slider-more-img-img img{
    max-height: 100%;
}
.slider-more-img{
    height: 150px;
    overflow: hidden;
}
.slider-more-img .slick-track, .slider-more-img .slick-list{
    height: 100%;
}
.slick-slide{
    cursor: pointer;
}
.full-width-search{
    flex: 0 0 100%;
}


.tax_products span{
    display: none;
}
.tax_products span:nth-child(2){
    display: block;
}

#content-nav{
    display: flex;
    justify-content: space-between;
    padding: 0 5vh;
}

#content-nav div{
    position: relative;
    border: 1px solid #fff;
    /*background: grey;*/
    width: 12vw;
    height: 10vh;
    -webkit-transition: 500ms ease-out;
    -moz-transition: 500ms ease-out;
    -o-transition: 500ms ease-out;
    transition: 500ms ease-out;
}
#content-nav div:hover{
    border: 1px solid #4a5c74;
}
#content-nav div a{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #4a5c74;
    padding: 0 2vh;
}
#content-nav div a span{
    display: block;
    font-size: 12px;
    font-weight: 600;
}
.next-posts{
    text-align: right;
}

@media(max-width: 1599px){
    #masthead{
        padding: 40px 0;
    }
.main-navigation li {
    margin: 0 10px;
}
    .kat-item .title-back h3{
        font-size: 23px;
    }
    .posts_header h2{
        font-size: 35px;
    }
    .posts_header h1 {
        font-size: 55px;
    }
    .news-widget{
        top: 30%;
    }
}
@media(max-width: 1500px){

    .main-section {
        /*height: auto;*/
    }
    .slider__item-content h2 {
        font-size: 50px;
    }
    .header-wrapper {
        max-width: 95%;
    }
    .content-sections-about h4 {
        font-size: 32px;
    }
    .main-navigation li {
        margin: 0 5px;
    }
    #masthead.sticky-menu .site-branding {
        margin-right: 20px;
    }
    .news-widget {
        top: 35%;
    }
    .icon-move {
        bottom: -100%;
    }
    .products-cat__item.left .icon-cat {
        right: -61%;
    }
    .products-cat__item .text-desc h2 {
        font-size: 50px;
    }
    .kat-item .title-back h3 {
        font-size: 21px;
    }
    #custom-post-type-categories-2 ul li li li {
        font-size: 14px;
    }
    .prod-list__products article{
        height: 280px;
    }
    .prod-list__products article .entry-title a {
        font-size: 21px;
    }
    .product-header__left h2 {
        font-size: 50px;
    }
    .product-header__left .header-title h2 {
        font-size: 60px;
    }
    .product-side h1.prod-name {
        font-size: 46px;
    }
    .test-team-item-title h5 {
        font-size: 21px;
    }
    .test-team-item-title p {
        font-size: 8px;
    }
    .similar-wrapper h2 {
        font-size: 36px;
    }
}
@media(max-width: 1350px) {
    .content-sections-about {
        max-width: 80%;
    }
}


@media only screen and (max-width: 1439px) {


    .header-only-mobile {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .hide-on-mobile {
        display: none !important;
    }

    #sm_menu_ham span:nth-child(1) {
        top: 0;
    }

    #sm_menu_ham span:nth-child(2),
    #sm_menu_ham span:nth-child(3) {
        top: 10px;
    }

    #sm_menu_ham span:nth-child(4) {
        top: 20px;
    }

    #sm_menu_ham.open span:nth-child(1) {
        left: 50%;
        top: 18px;
        width: 0;
    }

    #sm_menu_ham.open span:nth-child(2) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    #sm_menu_ham.open span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    #sm_menu_ham.open span:nth-child(4) {
        left: 50%;
        top: 18px;
        width: 0;
    }

    .mobile-menu-content .site-branding{
        padding: 40px;
    }
.mobile-menu-content .site-branding img{
    width: 150px;
}
    .mobile-menu-content .header-social {
        flex: 0 0 100%;
        justify-content: flex-start;
        padding: 40px;
    }
    .prod-slider__item .img-cont{
        height: 280px;
    }
    .prod-slider__item h5 {
        font-size: 28px;
    }
    .prod-slider__item p {
        font-size: 10px;
    }
    .section-count__item h5{
        font-size: 25px;
    }
    .section-count__item p{
        font-size: 14px;
    }
    .video-content .desc p {
        font-size: 21px;
    }
    .footer-map-link__item {
        flex: 0 0 28%;
    }
}


@media(max-width: 1299px){
    .slider__item-content h2 {
        font-size: 40px;
    }
    .section-title h2 {
        font-size: 36px;
    }
    .section-title p {
        font-size: 11px;
    }
    .partner__item{
        padding: 0 5px;
    }
    .euro-site-info {
        font-size: 10px;
    }
    .kat-item .title-back h3 {
        font-size: 21px;
    }
    .product-header__left h2 {
        font-size: 40px;
    }
    .product-header__left .header-title h2 {
        font-size: 50px;
    }
    .product-side h1.prod-name {
        font-size: 40px;
    }
}
@media(max-width: 1100px){
    .slider__item-content img {
        width: 370px;
    }
    .section-title h2 {
        font-size: 30px;
    }
    .prod-slider__item h5 {
        font-size: 24px;
    }
    .prod-slider__item p {
        font-size: 8px;
    }
    .prod-slider__item .img-cont {
        height: 200px;
    }
    .partners-slider .slick-prev {
        left: -7%;
    }
    .partners-slider .slick-next {
        right: -7%;
    }
    .footer-map-link__item {
        flex: 0 0 31%;
    }
    .footer-map-link__item p, .footer-map-link__item li {
        font-size: 12px;
    }
    .products-cat__item .text-desc h2 {
        font-size: 36px;
    }
    .products-cat__item .text-desc img{
        width: 75px;
    }
    .products-cat__item.left .icon-cat {
        right: -87%;
    }
    .kat-item .title-back h3 {
        font-size: 14px;
    }
    .kat-item .title-back {
        padding: 20px;
    }
    #custom-post-type-categories-2 ul li a {
        margin-bottom: 8px;
    }
    #custom-post-type-categories-2 ul li li li {
        font-size: 12px;
    }
    #custom-post-type-categories-2 ul li li li a {
        margin-bottom: 4px;
    }
    .prod-list__products article {
        height: 225px;
    }
    .prod-list__products article .entry-title a {
        font-size: 14px;
    }
    .prod-listing-content {
        height: 87%;
    }
    .product-side {
        padding: 3vw;
    }
    .test-team-item-title h5 {
        font-size: 15px;
    }
    .test-team-item-title p {
        display: none;
    }
    .katalogi-item{
        flex: 0 0 100%;
    }
    .right-gwar .download-btn {
        width: 35%;
    }
    .certyfikat-content p {
        font-size: 21px !important;
        margin-bottom: 10px !important;
    }
    .news-widget button{
        width: 156px;
        height: 45px;
    }
}

@media(max-width: 1023px){
    .slider__item-content img {
        width: 400px;
    }
    .slider__item-content h2 {
        font-size: 40px;
    }
    .btn-rlt{
        padding: 4% 5%;
        font-size: 11px;
    }
    .main-section__slider .slick-next {
        left: calc(10% + 40px);
    }
    .main-section__slider .slick-arrow, .main-prod-slider .slick-arrow {
        width: 40px;
        height: 40px;
    }
    .prod-slider__item {
        margin: 0 10px;
    }
    .main-prod-slider .slick-prev {
        left: -10%;
    }
    .main-prod-slider .slick-next {
        right: -10%;
    }
    .rlt-info-text {
        padding: 17% 7% 17% 0;
    }
    .rlt-info-text p {
        font-size: 14px;
    }
    .video-content .desc p {
        font-size: 21px;
    }
    .euro-site-info {
        font-size: 6px;
    }
    .footer-map-link {
        height: 85%;
    }
    .footer-info-site {
        height: 20%;
    }
    .footer-map-link__item p, .footer-map-link__item li {
        font-size: 10px;
    }
    .section-count__item h5 {
        font-size: 18px;
    }
    .section-count__item p {
        font-size: 11px;
    }
    .section-title h2 {
        font-size: 26px;
    }
    .products-cat__item.left .icon-cat {
        right: -110%;
    }
    .breadcrumb a {
        font-size: 7px !important;
    }
    .breadcrumb span {
        font-size: 9px !important;
    }
    .kat-item .title-back h3 {
        font-size: 16px;
    }
    .kat-item .title-back {
        padding: 6px;
    }
    #custom-post-type-categories-2 ul li {
        font-size: 15px;
    }#custom-post-type-categories-2 ul li li {
         font-size: 12px;
         margin-bottom: 30px;
     }
    #custom-post-type-categories-2 ul li li li {
        font-size: 10px;
    }
    .product-side {
        flex: 0 0 100%;
    }
    .product-side:first-child {
        display: none;
    }
    .show-mobile-prod{
        display: block;
    }
    .show-desc-prod{
        display: none;
    }
    .product-container {
        flex-wrap: wrap;
    }
    .test-team-item-img {
        height: 180px;
    }
    .similar-wrapper h2 {
        font-size: 26px;
    }
    .similar-wrapper {
        padding: 0 30px 7%;
    }
    .prod-list__products article {
        height: 175px;
    }
    #s4,#s6 {
        padding: 20% 0;
    }
    #s5 {
        height: 80vh;
    }
    #s5 .video-wrapper{
        height: 100% !important;
    }
    .video-section video, .video-section-player video {
        width: auto;
        height: 100%;
    }
    #s5 img {
        width: 100%;
        height: 100%;
    }
    .title-page-content-gwar h3, .gwar-title h4 {
        font-size: 24px;
    }
    .certyfikat-content p {
        font-size: 18px !important;
        margin-bottom: 10px !important;
    }
    .gwar-items {
        padding: 10px 20px;
    }
    .right-gwar .download-btn {
        width: 45%;
    }
    #content-nav div{
        width: 28vw;
    }
}
@media (min-width: 700px) and (orientation: landscape){
    .video-section video, .video-section-player video {
        width: 100%;
        height: auto;
    }
}
@media(max-width: 767px){
    .mobile-menu-content .site-branding {
        padding-top: 15px;
    }
    .slider__item-content h2 {
        font-size: 36px;
        text-align: center;
    }
    .slider__item-content img {
        width: 280px;
    }
    .slider__item-content {
        position: absolute;
        top: 26%;
        bottom: 25%;
        left: 5%;
        right: 5%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }
    .slider__item {
        background-size: cover;
    }
    .main-section__slider .slick-arrow{
        display: none !important;
    }
    .btn-rlt {
        padding: 7% 9%;
        white-space: nowrap;
    }
    .news-widget{
        display: none;
    }
    #s1-mobile{
        display: block;
    }
    .rlt-3-section-content {
        flex-wrap: wrap;
    }
    .rlt-left-img {
        margin-top: 20%;
    }
    .show-mobile{
        display: block;
    }
    .hide-mobile{
        display: none;
    }
    .rlt-right{
        display: flex;
        flex-direction: column;
        margin-bottom: 20%;
        padding-left: 0;
    }
    .rlt-info-text{
        order: 2;
    }
    .so{
        order: 3;
    }
    .imgos{
        order: 1;
    }
    .video-content .logo-cont{
        /*display: none;*/
    }
    .site-footer {
        flex-wrap: wrap;
    }
    .left-footer {
        flex: 0 0 100%;
        height: 65vh;
    }
    .right-footer {
        flex: 0 0 100%;
    }
    .show-mobile-df{
        display: flex;
    }
    .footer-map-link__item {
        flex: 0 0 42%;
    }
    .footer-map-link__item div{
        margin-top: 15%;
    }
    .social-icons-footer{
        margin: 0 !important;
    }
    .footer-info-site {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .header-wrapper {
        max-width: 85%;
    }
    .products-cat {
        flex-wrap: wrap;
    }
    .products-cat__item.left, .products-cat__item.right {
        width: 100%;
    }
    .kat-item {
        flex: 0 0 100%;
    }
    .kat-item .title-back {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .prod-list__products article {
        flex: 0 0 48%;
        height: 275px;
    }
    .prod-list-content {
        padding: 2vh;
    }
    .posts_header h2 {
        font-size: 18px;
    }
    .posts_header h1 {
        font-size: 30px;
    }
    .product-side h1.prod-name {
        font-size: 33px;
    }
    .similar-content .similar-item:nth-child(3),.similar-content .similar-item:nth-child(4){
        display: none;
    }
    .similar-item {
        flex: 0 0 48%;
    }
    .similar-wrapper h2 {
        font-size: 18px;
    }
    .title-page-content-kat h3 {
        font-size: 26px;
    }
    .katalogi-item {
        flex-wrap: wrap;
    }
    .katalogi-item .left-katalog {
        flex: 0 0 100%;
    }
    .katalogi-item .right-katalog {
        flex: 0 0 100%;
    }
    .left-gwar {
        flex: 0 0 60%;
    }
    .right-gwar {
        flex: 0 0 40%;
    }
    .certyfikat-content p {
        font-size: 16px !important;
        margin-bottom: 5px !important;
    }
    .right-gwar .download-btn {
        width: 95%;
    }
}
@media(max-width: 500px){
    .prod-slider__item .img-cont {
        height: 325px;
    }
    .video-content .logo-cont {
        max-width: 200px;
    }
    .video-content .desc p {
        font-size: 19px;
        width: 80%;
    }
    .slider__item-content h2 {
        font-size: 30px;
    }
    .video-content {
        top: 10%;
        bottom: 10%;
    }
    .products-cat__item .text-desc h2 {
        font-size: 26px;
    }
    .prod-list-content {
        flex-wrap: wrap;
    }
    .prod-list__widgets {
        flex: 0 0 100%;
    }
    .prod-list__products {
         flex: 0 0 100%;
     }
    .prod-list__products article {
        height: 240px;
    }
    #custom-post-type-categories-2 ul li{
        overflow: hidden;
        position: relative;
    }
    .mobile-active-cat-menu{
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1;
        background: rgba(0,0,0,0.3);
    }
    .mobile-active-cat-menu img{
        max-height: 60%;
        position: absolute;
        right: 5px;
        bottom: 5px;
        top: 5px;
    }
    #custom-post-type-categories-2 ul li .children{
        height: 0;
    }
    #content-nav div a{
        font-size: 11px;
    }
    #content-nav div a span {
        font-size: 8px;
    }

}
@media(max-width: 400px){
    .section-title h2 {
        font-size: 40px;
    }
    .show-mobile-df {
        flex-wrap: wrap;
    }
    .footer-map-link__item {
        flex: 0 0 72%;
    }
    .left-footer {
        height: 100vh;
    }
    .prod-list__products article {
        height: 145px;
        margin-bottom: 38%;
    }
    .tax_products {
        font-size: 10px !important;
    }
    .katalogi-item .right-katalog .title-cat p {
        font-size: 15px;
    }
    .katalogi-item .right-katalog .content-cat{
        font-size: 12px;
    }
    .gwar-items{
        flex-wrap: wrap;
    }
    .left-gwar {
        flex: 0 0 100%;
        margin-bottom: 5%;
        text-align: center;
    }
    .right-gwar {
        flex: 0 0 100%;

    }
    .right-gwar .download-btn {
        margin: 0 auto;
    }
}