/*!
Theme Name: TS
Author: Tomczak Stanisławski
Author URI: http://tomczak-stanislawski.pl/
Version: 2.0.0
*/
@-ms-viewport {width: device-width;}
html,body,ul,ol{padding: 0;margin: 0;}body *{outline:none !important;}.autowidth{width:auto;}.half{width:50%;}.clear{clear:both;}.left{float:left;}.left.wide{float:left;width:100%;}.right,.sprite.right{float:right;}.indent{text-indent:-99999px;}.center{text-align:center;}.upp{text-transform:uppercase;}.rel{position:relative;}.abs{position:absolute;}.abs.link{width:100%;height:100%;position:absolute;top:0;left:0;z-index:2;}.trans,a,img,::before,::after,svg{-webkit-transition: all ease-out 0.3s;-moz-transition: all ease-out 0.3s;-o-transition: all ease-out 0.3s;transition: all ease-out 0.3s;}.transSlow{-webkit-transition: all ease-out 0.6s;-moz-transition: all ease-out 0.6s;-o-transition: all ease-out 0.6s;transition: all ease-out 0.6s;}.transSlowAll,.transSlowAll *{-webkit-transition: all ease-out 0.6s;-moz-transition: all ease-out 0.6s;-o-transition: all ease-out 0.6s;transition: all ease-out 0.6s;}.transAll,.transAll *{-webkit-transition: all ease-out 0.3s;-moz-transition: all ease-out 0.3s;-o-transition: all ease-out 0.3s;transition: all ease-out 0.3s;}.radius{-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}.showOnTablet,.showOnMobile,.showOn480,.showOn320{display:none;}.z2{z-index:2;}.z10{z-index:2;}.bold{font-weight:bold !important;}
/*ul,ol{list-style-position: inside;}*/
.transSlow{-webkit-transition: all ease-out 0.6s;-moz-transition: all ease-out 0.6s;-o-transition: all ease-out 0.6s;transition: all ease-out 0.6s;}
.transSuperSlow{-webkit-transition: all ease-out 1.6s;-moz-transition: all ease-out 1.6s;-o-transition: all ease-out 1.6s;transition: all ease-out 1.6s;}
.flex{display:flex;flex-wrap: wrap;}
a{color:#3b3b3b;text-decoration: none !important;}
.underline{text-decoration: underline !important;}
body, html { height: 100%; box-sizing: border-box;color:#000;background:#FFFCEF;letter-spacing: 0px;-webkit-text-size-adjust: 100%;}
html * {font-family: "Kanit", sans-serif;line-height: 1.1;font-weight: 300;}
html strong,html b, html .bold {font-weight: 600;}
.middleX {position: relative;transform: translateX(-50%);left:50%;}
.middleY {position: relative;transform: translateY(-50%);top:50%;}
.middleX.middleY,.middleXY {transform: translateX(-50%) translateY(-50%);top:50%;left: 50%;}
img{max-width: 100%;height: auto;border:0;}
p {margin:0 0 20px 0;line-height: 1.4;font-size: 18px;}
.thecontent li {margin:0 0 10px 0;line-height: 1.4;font-size: 18px;}
.thecontent ul,.thecontent ol {padding: 0 0 20px 20px;}
div{position: relative;float: left;width:100%;box-sizing: border-box;}

.cky-modal.cky-modal-open{width:auto;}
.cky-preference-wrapper div,.cky-preference-center div{width: auto;float: none;}
.cky-accordion-header-wrapper{width: 100% !important;}
.error404 #content{width:100%;height:100vh;min-height: 340px;}.error404 #content .inner{height:100%;}.error404 #content .page-content{width:100%;position: relative;top:50%;transform: translateY(-50%);text-align: center;}.error404 #content .page-content h1{font-size:150px;line-height: 150px;margin:0;}.error404 #content .page-content h2{font-size:30px;}

#page{overflow: hidden;}
.toanime{opacity: 0.01;-webkit-transition: all ease-out 0.8s;-moz-transition: all ease-out 0.8s;-o-transition: all ease-out 0.8s;transition: all ease-out 0.8s;}
.toanime.active{opacity: 1;}
.toanime.frombottom{transform: translateY(150px);}
.toanime.frombottom.active{transform: translateY(0);}
.toanime.fromtop{transform: translateY(-150px);}
.toanime.fromtop.active{transform: translateY(0);}
.toanime.fromright{transform: translateX(150px);}
.toanime.fromright.active{transform: translateX(0);}
.toanime.fromleft{transform: translateX(-150px);}
.toanime.fromleft.active{transform: translateX(0);}
.middleY.toanime.fromleft {transform: translateX(-150px) translateY(-50%);}
.middleY.toanime.fromleft.active {transform: translateX(0px) translateY(-50%);}
.middleY.toanime.fromright {transform: translateX(150px) translateY(-50%);}
.middleY.toanime.fromright.active {transform: translateX(0px) translateY(-50%);}
footer,header{width:100%;float: left;position: relative;box-sizing: border-box;}
header{z-index: 99;}
.inner{width:1340px;float: left;transform: translateX(-50%);left:50%;}

header{height: 169px;}
.home header,.tax-kategoria-produktu header{position: absolute;top:0;left: 0;width:100%;}
    header > .inner{margin: 55px 0 0 0;font-size: 20px;}
    header li{list-style: none;float: left;}
    header .menubutton{padding: 5px 10px;border-radius: 50px;border:1px solid #000;font-size: 20px;line-height: 1;margin: 0 0 0 75px;width:auto;width: 100px;text-align: center;cursor:pointer;}
    header .menubutton:hover{background:#000;color: #fff;}
    header.white .menubutton,header.white .minimenu .langs{border:1px solid #fffcef;}
    header.white .menubutton:hover{background:#fffcef;color:#000;}
    header .minimenu .loglink{line-height: 34px;margin: 0 0 0 20px;}
    header .minimenu .langs,footer .langs{border:1px solid #000;border-radius: 40px;float: left;position: relative;margin: 4px 0 0 0;}
    header .minimenu .langs li,footer .langs li{width: 55px;text-align: center;line-height: 24px;border-radius: 30px;font-size: 16px;position: relative;list-style:none;float:left;}
    header .minimenu .langs li a,footer .langs li a{display: block;line-height: 24px;border-radius: 30px;}
    header.white .minimenu .langs li a,footer .langs li a{color:#fffcef;}
    header .minimenu .langs:hover li a,footer .langs:hover li a{color:#000;}
    header .minimenu .langs li.current-lang a,footer .langs li.current-lang a{background: #E85124;height: 26px;margin: -1px;color:#000 !important;}
    header.white .minimenu .langs li.current-lang a,footer .langs li.current-lang a{color:#fffcef !important;}
    header nav{position: absolute;top:-100vh;left: 0;width:100%;padding: 170px 0 30px 0;height: 100svh;box-sizing: border-box;}
    header .mainmenu{display: flex;justify-content: space-between;}
        header .mainmenu li{margin: 0 0 45px 0;}
            header .mainmenu li a{font-size: 18px;font-weight: 400;line-height: 27px;font-weight:500;position: relative;}
            header .mainmenu li a::before{width:0;height: 1px;background: #000;position: absolute;top:100%;left: 0;content:'';}
            header .mainmenu li a:hover::before{width:100%;}
    /*header .mainmenu li.products a:hover::before{position: absolute;width:calc(100% + 100px);height: 30px;right:0;top:100%;background: red;content:'';}*/
    header.active .menubutton .fv{display: none;}
    header.active .menubutton .hv{display: block !important;}
    header.active .minimenu .langs,header.active .menubutton{border:1px solid #000;color:#000;}
    header.active .menubutton:hover{background: #000;color:#fffcef;}
    header.active .minimenu .langs li a,header.active .loglink{color:#000;}
    header.active .loglink:hover{color:#E85124;}
    header.active nav{top:0;}
    header nav .column.right{width:482px;}
    header nav .column.right img{float: left;-webkit-transition: none;-moz-transition: none;-o-transition: none;transition: none;}
    header nav .column.left{width:calc(100% - 482px - 54px);border-top:1px solid #99978F;}
        header nav .column.left .minicol.first{width:210px;padding-right: 20px;box-sizing: border-box;}
        header nav .column.left .minicol.sec{width:320px;padding-right: 20px;box-sizing: border-box;}
        header nav .column.left .minicol.sec a,header nav .column.left .minicol.last p{font-size: 16px;line-height: 1.2;margin: 0 0 10px 0;}
        header nav .column.left .minicol.last{width:calc(100% - 320px - 210px);}
        header nav .column.left .minicol.rest{width:calc(100% - 210px);}
        header nav .column.left .minicol.first p{font-size: 16px;font-weight:500;}
        header nav .column.left .wwwwbox{margin: 26px 0 0 0;}
        header nav .column.left .submenubox .submenu{display:none;padding: 26px 0 0 0;border-bottom: 1px solid #99978F;}
            header nav .column.left .submenubox .submenu .rest{min-height: 295px;}
            header nav .column.left .submenubox .submenu .rest ul li{width: 210px;padding: 0 20px 0 0;box-sizing: border-box;position: relative;margin: 0 0 30px 0;line-height: 1;}
                header nav .column.left .submenubox .submenu .rest ul li:nth-child(2n){width: calc(100% - 210px);padding: 0;}
                header nav .column.left .submenubox .submenu .rest ul li a{font-size: 16px;}
            header nav .column.left .submenubox .submenu article{float: left;width:100%;margin: 0 0 30px 0;font-size: 16px;position: relative;}
                header nav .column.left .submenubox .submenu article .date{width:210px;padding: 0 20px 0 0;box-sizing: border-box;}
                header nav .column.left .submenubox .submenu article .title{width:calc(100% - 210px);}

.homepage .firstView,.homepage .firstView .inner{height: 100svh;}
    .homepage .firstView{background: url(gfx/homebg.avif) center center no-repeat;background-size: cover;}
    .homepage .firstView .h1{font-size: 240px;line-height: 190px;margin: 0;font-weight: 300;position: absolute;}
        .homepage .firstView .h1 .scrolllink{width:44px;height: 44px;border-radius: 100%;position: absolute;left: 100%;bottom: 11px;}
        .homepage .firstView .h1 .scrolllink:hover *{fill:#E85124;}
    .homepage .firstView .thecontent{position: absolute;bottom: 50px;left: 0;max-width: 430px;}
        .homepage .firstView .thecontent p{margin: 0;}
    .homepage .productsView{padding: 120px 0 100px 0;}
        .homepage .productsView .h3{font-size: 33px;font-weight: 300;margin: 0 0 100px 0;line-height: 1.2;}
        .homepage .productsView .products .product1{width:24%;}
        .homepage .productsView .products .product2{width:36%;margin: 84px 4% 0 4%;}
        .homepage .productsView .products .product3{width:32%;}
        .homepage .productsView .products .product img{display: block;width:100%;}
        .homepage .productsView .products .product p{font-size: 16px;margin: 5px 0 0 0;line-height: 1;}
        .homepage .productsView .products .button{position: absolute;top:0;right: 36%;}
    .homepage .aboutusView{background: url(gfx/onasbg.avif) center center no-repeat;background-size: cover;}
        .homepage .aboutusView .inner{height: 665px;padding: 75px 0;}
            .homepage .aboutusView .inner p.upp{font-size: 45px;line-height: 1;margin: 0;left: 0;top:75px;}
            .homepage .aboutusView .inner p.upp.c2{right: 0;left:auto;}
            .homepage .aboutusView .inner .thecontent{position: absolute;bottom: 75px;left: 0;max-width: 910px;}
            .homepage .aboutusView .inner .thecontent p:last-child{margin: 0;}
            .homepage .aboutusView .inner .button{position: absolute;bottom: 80px;right: 0;}
    .homepage .wwwwView{padding: 80px 0 120px 0;}
        .wwwwView .wwww{border-top:1px solid #000;margin: 50px 0 0 0;}
            .wwwwView .wwww .for{border-bottom:1px solid #000;padding: 36px 64px 36px 215px;}
                .wwwwView .wwww .for .number{top:45px;left: 0;font-size: 25px;font-weight: 200;}
                .wwwwView .wwww .for .h2{margin: 0;font-weight:200;}
                .wwwwView .wwww .for .pre{margin: 40px 0 0 0;}
                .wwwwView .wwww .for .pre p{font-size: 18px;line-height: 1.4;}
                .wwwwView .wwww .for .wheel{width:44px;height: 44px;border-radius: 100%;position: absolute;right:0;top:37px;}
                .wwwwView .wwww .for:hover .wheel{background: #000;}
    .interiorsView{padding: 80px 0 150px 0;}
        .interiorsView .button{margin-top: 10px;}
/*        .interiorsView .interiors .interior1{width:44%;}*/
/*        .interiorsView .interiors .interior2{width:20%;margin: 0 4%;}*/
/*        .interiorsView .interiors .interior3{width:28%;}*/
        .interiorsView .interiors .interior:nth-child(6n+1),.interiorsView .interiors .interior:nth-child(6n+6){width:44%;}
        .interiorsView .interiors .interior:nth-child(6n+2),.interiorsView .interiors .interior:nth-child(6n+5){width:20%;margin: 0 4%;}
        .interiorsView .interiors .interior:nth-child(6n+3),.interiorsView .interiors .interior:nth-child(6n+4){width:28%;}
        .interiorsView .interiors .interior:nth-child(6n+1) img,.interiorsView .interiors .interior:nth-child(6n+6) img{width:572px;width:590px;height: 403px;object-fit:cover;display:block;}
        .interiorsView .interiors .interior:nth-child(6n+2) img,.interiorsView .interiors .interior:nth-child(6n+5) img{width:260px;width:268px;height: 403px;object-fit:cover;display:block;}
        .interiorsView .interiors .interior:nth-child(6n+3) img,.interiorsView .interiors .interior:nth-child(6n+4) img{width:364px;width:376px;height: 403px;object-fit:cover;display:block;}
            .interiorsView .interiors .interior .number{text-align: right;line-height: 1;margin: 0 0 8px 0;display: block;font-size: 18px;}
            .interiorsView .interiors .interior img{display: block;}
            .interiorsView .interiors .interior p{font-size: 18px;margin: 5px 0 0 0;line-height: 1;}

.referencesView{background: url(gfx/referencesbg.avif) center center no-repeat;background-size: cover;}
    .referencesView .inner{height: 800px;padding: 80px 0;}
        .referencesView .inner .c2{font-size: 45px;line-height: 1;margin: 0;right: 0;top:80px;}
        .referencesView .inner .dots{position: absolute;z-index: 2;width: 590px;right: 0;top: 200px;}
            .referencesView .inner .dots .u-dot{width:11px;height: 11px;margin: 0 26px 0 0;border-radius: 100%;background: #FFFCEF;float: left;opacity: 0.5;cursor:pointer;}
            .referencesView .inner .dots .u-dot.is-active,.referencesView .inner .dots .u-dot:hover{opacity: 1;}
        .referencesView .inner .references{width:590px;float: right;margin: 180px 0 0 0;}
            .referencesView .inner .references .title{margin: 0;font-weight: 500;}
            .referencesView .inner .references .details{margin: 30px 0 0 0;}
                .referencesView .inner .references .details .signimg{width:45px;height: 45px;object-fit: cover;margin: 0 15px 0 0;border-radius:100%;float: left;}
                .referencesView .inner .references .details .upp{font-size: 18px;line-height: 1;margin: 14px 0 0 0;font-weight: 400;}

.blogView {padding: 120px 0;}
    .blogView .posts{margin: 30px 0 0 0;border-top: 1px solid #000;}
        .blogView .posts .post{border-bottom: 1px solid #000;padding: 40px 0;}
            .blogView .posts .post .image{width:540px;}
            .blogView .posts .post .details{width:calc(100% - 540px - 100px);}
                .blogView .posts .post .details .date{font-size: 16px;margin: 0 0 40px 0;}
                .blogView .posts .post .details .title{font-size: 30px;margin: 0 0 40px 0;line-height: 1.1;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
                .blogView .posts .post .details .cont{font-size: 16px;margin: 0 0 40px 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.contactView{margin: 100px 0 0 0;}
    .contactView .top{margin: 0 0 50px 0;}
    .contactView .bottom .column.left{margin-top: -120px;margin-bottom: 20px;}
    .contactView .column{width:calc((100% - 160px)/2);}
        .contactView .column .h2{font-size: 80px;line-height: 1;margin: 0 0 40px 0;}
        .contactView .column .gray{font-size: 18px;line-height: 1;}
        .contactView .column.right img{display: block;}
        .contactView .column.orangebg{padding: 46px 56px;}
            .contactView .column.orangebg .box{width:50%;margin-bottom: 30px;}
            .contactView .column.orangebg .box p:first-child{font-size: 14px;margin: 0 0 20px 0;opacity: 0.4;}
            .contactView .column.orangebg .box a{font-size: 16px;margin: 0 0 10px 0;display: block;line-height: 1.4;}
            .contactView .column.orangebg .box.address p{font-size: 16px;line-height: 1.4;}
            .contactView .column.orangebg .box.address,.contactView .column.orangebg .box.clear{margin-bottom: 0;}
    .contactView .column form {width:100%;float: left;}
        .contactView .column form input[type="text"],.contactView .column form input[type="email"],.contactView .column form textarea{border:0;border-bottom: 1px solid #99978F;color:#000;font-size:18px;height: 50px;width:100%;position:relative;padding:0;margin:0 0 20px 0;background:none;border-radius:0;float:left;}
        .contactView .column form textarea{height: 100px;resize:none;padding: 20px 0;}
        .contactView .column form ::placeholder{color:#99978F;}
        .contactView .column form .wpcf7-not-valid-tip{font-size: 16px;margin: -15px 0 0 0;float: left;width: 100%;}
        .contactView .column form .wpcf7-form-control-wrap[data-name="your-message"] .wpcf7-not-valid-tip{margin-bottom: 10px;}
        .contactView .column form .formfield.akcept{margin: 0;width:calc(100% - 100px);}
        .contactView .column form .formfield.akcept input{position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
        .contactView .column form .formfield.akcept label::before {width: 23px;height: 23px;border-radius: 100%;background: none;position: absolute;border:1px solid rgba(0, 0, 0, 0.5);top: 0;left: 2px;content: '';}
        .contactView .column form .formfield.akcept label:has(input:checked)::after {    width: 12px;height: 12px;border-radius: 100%;background: #E85124;position: absolute;top: 6px;left: 8px;content: '';}
        .contactView .column form .formfield.akcept label{font-size: 14px;color:#99978F;    margin: 5px 0 0 0;float: left;width: 100%;}
        .contactView .column form .formfield.akcept label a{color:#99978F;text-decoration: underline !important;}
        .contactView .column form .formfield.akcept label a:hover{color:#000;}
        .contactView .column form .formfield.akcept .wpcf7-form-control-wrap,.contactView .column form .formfield.akcept .wpcf7-form-control,.contactView .column form .formfield.akcept .wpcf7-list-item{width:100%;float: left;}
        .contactView .column form .formfield.akcept .wpcf7-list-item-label{float: right;width:calc(100% - 40px);}
        .contactView .column form .formfield.akcept .wpcf7-list-item{margin: 0;}
        .contactView .column form .formfield.button{width: auto;float: right;}
        .contactView .column form .formfield.button p{margin: 0;float: right;width: auto;}
        .contactView .column form .formfield.button input{background: none;padding: 0;border: 0;-webkit-appearance: none;appearance: none;font-size: 20px;}
        .contactView .column form .formfield.button .wpcf7-spinner{position: absolute;}
        .contactView .column form .formfield.button:has(.wpcf7-submit:disabled) svg path{fill: #c6c5ba;}
        .contactView .column form .formfield.button:has(.wpcf7-submit:disabled):hover svg{margin: 3px 0 0 8px;}
    .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{background: #E85124;color:#fff;border:0;padding:15px 20px;font-size:18px;margin:10px 0 20px 0;}

.contactView .socials{margin: -22px 0 0 0;position: relative;}
    .contactView .socials a{float: left;margin: 0 30px 0 0;font-size: 20px;text-decoration: underline !important;}

footer{margin: 100px 0 0 0;padding: 80px 0 20px 0;background: #000;}
    footer .column.left{margin-right: 80px;}
        footer .column.left ul li{list-style: none;float: left;clear: both;margin: 0 0 30px 0;}
            footer .column.left ul li a{font-size: 18px;line-height: 1;}
        footer .column.left p.upp.gray{font-size: 14px;margin: 0 0 10px 0;line-height: 1;}
        footer .column.left.wwww ul li{margin: 0 0 0px 0;border-bottom: 1px solid rgba(255, 255, 255, 0.5);width: 300px;}
        footer .column.left.wwww ul li a{padding: 20px 0;}
        footer .column.left .contp{margin: 0;}
    footer .column.left.contact{margin-right: 0px;}
    footer .column.right .socials a{float: left;font-size: 20px;text-decoration: underline !important;margin-left: 30px;}
    footer .column.right .socials a:first-child{margin-left: 0px;}
    footer .langs{border:1px solid #fffcef;float: right;margin: 0 0 55px 0;background: #fffcef;}
    footer .langs:hover{background: #99978F;border:1px solid #99978F;}
    footer .langs li a{color:#000;}
    footer .logo{margin: 0 0 170px 0;}
    footer .logo img{width:182px;float: right;}
    footer .loglink{position: absolute;top:0;left: 0;font-size: 18px;}
        footer .loglink svg{float: left;margin: 4px 10px 0 0;}
        footer .loglink:hover svg *{fill:#E85124;}
        footer .loglink::before{position: absolute;top:20px;left: 26px;width: calc(100% - 26px);background: #fffcef;content:'';height: 1px;}
        footer .loglink:hover::before{background: #E85124;}
    footer .top{padding: 0 0 55px 0;border-bottom: 1px solid rgba(255, 255, 255, 0.5);}
    footer .bottom{margin: 20px 0 0 0;}
    footer .bottom *{font-size: 15px;}
    footer .bottom .submenu a{float: left;margin: 0 40px 0 0;}

.aboutuspage .firstView h1{font-size: 170px;line-height: 1;margin: 0 0 100px 0;}
    .aboutuspage .firstView .h1 .scrolllink{width:44px;height: 44px;border-radius: 100%;position: absolute;left: 100%;bottom: 11px;}
        .aboutuspage .firstView .h1 .scrolllink:hover *{fill:#E85124;}
    .aboutuspage .firstView .thecontent{margin: 0 0 120px 0;}
        .aboutuspage .firstView .thecontent p{font-size: 33px;line-height: 1.3;}
        
.aboutuspage .imagesView {margin: 0 0 250px 0;}
    .aboutuspage .imagesView img{display: block;}
    .aboutuspage .imagesView .column.left{width:590px;}
    .aboutuspage .imagesView .column.left.img1{margin: 0 0 100px 0;}
    .aboutuspage .imagesView .column.right{width:calc(100% - 590px - 107px);}
    .aboutuspage .imagesView .column.right.bigger{width:calc(100% - 590px);}
    .aboutuspage .imagesView .column.right.smaller{width:calc(100% - 750px - 107px);padding-top: 100px;}
    .aboutuspage .imagesView .column.left.bigger{width:750px;}
    .aboutuspage .arrows{position: absolute;top:30px;right: 30px;width: auto;float: right;z-index: 2;}
    .aboutuspage .imagesView .column.right .img2{margin: 0 0 110px 0;}
    .aboutuspage .imagesView .column p{line-height: 1.2;}
    .aboutuspage .imagesView .column.clear.left{padding:30px 107px 0 0;}
    .aboutuspage .imagesView .column.right.bigger{margin: 0 0 100px 0;}
    .aboutuspage .imagesView .column.right.bigger img{width:calc((100% - 50px)/2);}
    
.aboutuspage .historyView .bgbox{background: url(gfx/historybg.avif) center center no-repeat;background-size: cover;}
    .aboutuspage .historyView .bgbox .inner{height: 587px;}
    .aboutuspage .historyView .bgbox .h1{font-size: 170px;margin: 0;line-height: 1;}
.aboutuspage .historyView .history{margin: 107px 0;}
.aboutuspage .historyView .history .inner::before{width:1px;height: calc(100% - 30px);position: absolute;top:10px;left: 107px;background: #fffcef;content:'';}
.aboutuspage .historyView .history .step{margin: 0 0 20px 0;}
.aboutuspage .historyView .history .step:last-child{margin: 0;}
    .aboutuspage .historyView .history .step .year{width: 214px;margin: 0 0 50px 0;}
        .aboutuspage .historyView .history .step .year p{font-size: 25px;font-weight: 200;line-height: 1;margin: 5px 0 0 0;}
        .aboutuspage .historyView .history .step .year p::after{width:13px;height: 13px;background: #fffcef;border-radius: 100%;position: absolute;top:10px;left: 101px;content:'';}
    .aboutuspage .historyView .history .step .contentbox{width: calc(100% - 214px);border-bottom:1px solid rgba(255, 252, 239, 0.5);}
        .aboutuspage .historyView .history .step .contentbox .title{font-size: 30px;font-weight: 200;line-height: 1;margin: -20px 0 10px 0;padding: 20px 64px 20px 0;position: relative;cursor: pointer;}
            .aboutuspage .historyView .history .step .contentbox .title .wheel{width:44px;height: 44px;border-radius: 100%;position: absolute;top:12px;right: 0;}
            .aboutuspage .historyView .history .step .contentbox .title:hover .wheel svg{margin-top: 5px;}
            .aboutuspage .historyView .history .step .contentbox .title.active .wheel svg{transform: translate(-50%,-50%) rotate(180deg);}
            .aboutuspage .historyView .history .step .contentbox .title.active:hover .wheel svg{margin-top: -5px;}
        .aboutuspage .historyView .history .step .contentbox .descbox{display: none;}
            .aboutuspage .historyView .history .step .contentbox .descbox .desc{max-width: 810px;}
                .aboutuspage .historyView .history .step .contentbox .descbox .desc li{font-size: 18px;margin: 0 0 10px 0;line-height: 1.6;}
                .aboutuspage .historyView .history .step .contentbox .descbox .desc a{color:#fffcef;text-decoration: underline !important;}
                .aboutuspage .historyView .history .step .contentbox .descbox .desc a:hover{color:#E85124;}
                .aboutuspage .historyView .history .step .contentbox .descbox .desc ul,.aboutuspage .historyView .history .step .contentbox .descbox .desc ol{padding: 0 0 20px 20px;}
            .aboutuspage .historyView .history .step .contentbox .descbox .gallery{margin: 30px 0 0 0;}
                .aboutuspage .historyView .history .step .contentbox .descbox .gallery img{margin: 0 50px 50px 0;width:375px;height: 230px;object-fit: cover;}

.showroomsView{padding: 100px 0;}
.showroomsView .showroom{gap:107px;margin: 0 0 60px 0;}
.showroomsView .showroom .column.left{width:750px;}
.showroomsView .showroom .column.left .h3{font-size: 45px;line-height: 1.2;margin: 0 0 10px 0;}
.showroomsView .showroom .column.right{width:calc(100% - 750px - 107px);border-bottom:1px solid #000;flex-direction: column-reverse;}
.showroomsView .showroom .column.right .address{margin: 40px 0 40px 0;}
.showroomsView .showroom .column.right .address p{font-size: 16px;margin: 0 ;line-height: 1.6;}
.showroomsView .showroom .column.right .address p.gray{font-size: 14px;margin: 0 0 20px 0;line-height: 1;}

.forwhopage .wwwwbg{margin: 120px 0 -100px 0;display: block;float: left;width: 100%;}

.forpage h1{font-size: 65px;line-height: 1.2;margin: 0 0 60px 0;}
    .forpage .thecontent{max-width: 1020px;margin: 0 0 30px 0;}
    .forpage .fleximgs{gap:50px;margin: 60px 0 100px 0;}
        .forpage .fleximgs .bigimg{width: calc(70% - 25px);}
        .forpage .fleximgs .smallimg{width: calc(30% - 25px);}

.strengthsView{margin: 20px 0 100px 0;}
    .strengthsView .column.left{width:268px;padding: 25px 0 0 0;}
        .strengthsView .column.right{width:calc(100% - 268px);}
        .strengthsView .column.right .h2{margin: 0 0 80px 0p}
        .strengthsView .column.left .gray{font-size: 20px;margin: 0;}
    .strengthsView .column.right .strengths .strength{border-bottom: 1px solid #000;padding: 21px 64px 8px 0px;}
        .strengthsView .column.right .strengths .strength .title{font-size: 25px;font-weight: 200;margin: 0 0 20px 0;cursor: pointer;}
        .strengthsView .column.right .strengths .strength .desc{display: none;}
        .strengthsView .column.right .strengths .strength .desc p{line-height: 1.4;margin: 20px 0 30px 0;}
        .strengthsView .column.right .strengths .strength .wheel{width: 44px;height: 44px;border-radius: 100%;position: absolute;right: 0;top: 22px;}
        .strengthsView .column.right .strengths .strength .title:hover .wheel svg{margin-top: 5px;}
        .strengthsView .column.right .strengths .strength .title.active .wheel svg{transform: translate(-50%,-50%) rotate(180deg);}
        .strengthsView .column.right .strengths .strength .title.active:hover .wheel svg{margin-top: -5px;}

.partnerView{margin: 0 0 100px 0;}
    .partnerView .column.left{width:537px;width:calc(45% - 50px);}
    .partnerView .column.right{width:calc(100% - 537px - 100px);width:calc(55% - 50px);}
        .partnerView .column.right .h2{margin: 0 0 40px 0;}
        .partnerView .column.right .item{margin: 0 0 20px 0;}
            .partnerView .column.right .item .gray{font-size: 25px;font-weight: 200; margin: 0 0 10px 0;}
            .partnerView .column.right .item .thecontent{margin: 0;}
                .partnerView .column.right .item .thecontent p{line-height: 1.2;}
            
.loginView .column.left {padding: 60px 30px 40px calc((100vw - 1300px)/2);position: absolute;height: 100%;}
    .loginView .column.left .h2{width: 370px;}
    .loginView .column.left .logintext{position: absolute;bottom: 30px;width: calc(100% - calc(((100vw - 1300px) / 2)) - 130px);}
        .loginView .column.left .logintext ul{padding: 0 0 20px 20px;}
    .loginView .column.left .button{position: absolute;right: 30px;bottom: 50px;}
    .loginView .column.left .thecontent{margin: 0;}
        .loginView .column.left .thecontent li{margin: 0;}
        .loginView .column.right img{width: 100%;height: 600px;object-fit: cover;}

.blogpage .firstView .slider{height: 740px;}
.blogpage .firstView .slider .u-slide::before{width: 100%;height: 100%;position: absolute;top:0;left: 0;content:'';background: #000;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);}
    .blogpage .firstView .slider .u-slide .bottom{bottom: 80px;width: 650px;left: 50px;}
        .blogpage .firstView .slider .u-slide .bottom .date{font-size: 16px;margin: 0 0 30px 0;line-height: 1.1;}
        .blogpage .firstView .slider .u-slide .bottom .date span{margin-left: 50px;}
        .blogpage .firstView .slider .u-slide .bottom .title{font-size: 30px;margin: 0 0 40px 0;line-height: 1.2;}
        .blogpage .firstView .slider .u-slide .bottom .cont{font-size: 16px;line-height:1.2;margin: 0 0 40px 0;}
    .blogpage .firstView .slider .u-slide:hover .bottom .button svg{margin: 3px -5px 0 13px;}
    
.blogpage .dots{top:50px;left: 50px;}
    .blogpage .dots .u-dot{width:11px;height: 11px;margin: 0 26px 0 0;border-radius: 100%;background: #FFFCEF;float: left;opacity: 0.5;cursor:pointer;}
    .blogpage .dots .u-dot:hover,.blogpage .dots .u-dot.is-active{opacity: 1;}
.blogpage .filtersView{padding: 0 0 20px 0;}
    .blogpage .filtersView li{float: left;font-size: 18px;margin: 0 60px 0 0;list-style: none;}
    .blogpage .filtersView li.bold a{font-weight: 500;}

.blogpage .pagenaviView{margin: 100px 0 0 0;text-align: center;}
    .blogpage .wp-pagenavi a, .blogpage .wp-pagenavi span{border: 0;padding: 0;line-height: 58px;font-size: 30px;margin: 0 7px;}
    .blogpage .wp-pagenavi a.page:hover{color: #7C7C7C;}
    .blogpage .wp-pagenavi .previouspostslink{width: auto;float: left;font-size:20px;;font-weight: 300 !important}
    .blogpage .wp-pagenavi .previouspostslink::after{width: 25px;height: 16px;background: url(gfx/arrow.png);float: left;margin: 23px 10px 0 0px;content:"";transform: rotate(180deg);}
    .blogpage .wp-pagenavi .previouspostslink:hover::after{margin: 23px 15px 0 -5px;}
    .blogpage .wp-pagenavi .nextpostslink{width: auto;float: right;font-size:20px;margin: 0;font-weight: 300 !important;}
    .blogpage .wp-pagenavi .nextpostslink::after{width: 25px;height: 16px;background: url(gfx/arrow.png);float: right;margin: 19px 0 0 10px;content:"";}
    .blogpage .wp-pagenavi .nextpostslink:hover::after{margin: 19px -5px 0 15px;}
    .blogpage .wp-pagenavi a:hover,.blogpage .wp-pagenavi span.current{font-weight: 500;}

.postpage .firstView .details{font-size: 16px;line-height: 1.4;margin: 0 0 20px 0;position: relative;}
    .postpage .details a,.postpage .details span{font-size: 16px;line-height: 1.4;margin: 0 20px 0 0;position: relative;}
    .postpage .firstView h1{font-size: 65px;line-height: 1;margin: 0 0 50px 0;position: relative;max-width: 900px;}
    .postpage .firstView .excerpt p{font-size: 18px;line-height: 1.4;margin: 0 0 50px 0;position: relative;font-weight: 500;}
.postpage .mainimg{margin: 40px 0 50px 0;}
    .postpage .mainimg img{display: block;}
.postpage .thecontentbox{max-width: 800px;margin: 30px 0 100px 160px;}
.postpage .thecontentbox .details{margin: 40px 0 0 0;}
.postpage .thecontentbox h1,.postpage .thecontent h2,.postpage .thecontent h3,.postpage .thecontent h4,.postpage .thecontent h5,.postpage .thecontent h6{font-size: 30px;float: left:width:100%;clear:both;margin:40px 0 30px 0;text-transform:uppercase;}
.postpage .thecontentbox .thecontent a{text-decoration: underline !important;}
.postpage .thecontentbox .thecontent a:hover{color:#E85124;}

.realizationspage h1.h1,.realizationsgrouppage h1.h1,.realizationpage h1.h1{font-size: 65px;line-height: 1;margin: 0;position: relative;}
.realizationspage .interiorsView .interiors .interior,.realizationsgrouppage .interiorsView .interiors .interior,.realizationpage .interiorsView .interiors .interior{margin-bottom: 80px;}
.realizationspage .wwwwView,.realizationsgrouppage .wwwwView{margin: 0 0 140px 0;}

.realizationsgrouppage .maincontent{margin: 80px 0 60px 0;}
.realizationsgrouppage .maincontent p{font-size: 33px;line-height: 1.2;}
.realizationsgrouppage .columns .left.column{width:537px;margin-bottom:100px;}
.realizationsgrouppage .columns .right.column{width:calc(100% - 537px - 107px);padding-top: 115px;margin-bottom:100px;}

.realizationpage .maincontent{margin: 80px 0 60px 0;max-width: 650px;}
.realizationpage .details{border-top:1px solid #000;padding: 30px 0 0 0;margin: 0 0 80px 0;}
.realizationpage .details .column.designers{margin: 0 120px 0 0;}
.realizationpage .details .products ul li{list-style: none;font-size: 18px;margin: 0 0 5px 0;}
.realizationpage .details .products ul li a{text-decoration: underline !important;}
/*.realizationpage .maincontent p{font-size: 33px;line-height: 1.2;}*/
.realizationpage .arrows{position: absolute;top:30px;right: 30px;width: auto;float: right;z-index: 2;}
.realizationpage .gallery{margin: 0 0 100px 0;}
.realizationpage .gallery img{aspect-ratio: 2 / 1.19;object-fit: cover;)}
.realizationpage .images{padding: 0 0 50px 0;border-bottom: 1px solid #000;margin: 0 0 100px 0;}
.realizationpage .images img{width:570px;height: 415px;width:calc((100% - 160px)/2);height:auto;float: left;margin: 0 0 50px 0;}
.realizationpage .images img:nth-child(2n){float: right;}

.page-template-template-dopobrania #page,.page-template-template-produkty #page{background: #DAD5BF;}
.downloadspage h1{font-size: 65px;line-height: 1.2;margin: 0 0 60px 0;}
    .downloadspage .thecontent.main{max-width: 1020px;margin: 0 0 30px 0;}
    .downloadspage .thecontent.main p{font-size: 33px;}
    .downloadspage .downloads{margin: 30px 0 60px 0;}
        .downloadspage .downloads .category{border-bottom: 1px solid #000;padding: 20px 0;}
        .downloadspage .downloads .category:first-child{border-top: 1px solid #000;}
            .downloadspage .downloads .category .col.number{width:107px;height: 85px;}
                .downloadspage .downloads .category .col.number p{margin: 0;font-size: 25px;font-weight: 200;}
            .downloadspage .downloads .category .col.img{width: 107px;}
                .downloadspage .downloads .category .col.img img{width: 107px;height: 85px;object-fit: cover;float: left;}
            .downloadspage .downloads .category .col.main{width: calc(100% - 107px - 107px - 54px);}
                .downloadspage .downloads .category .col.main .title{font-size: 33px;padding: 25px 64px 27px 0;margin: 0;line-height: 1;cursor: pointer;}
                    .downloadspage .downloads .category .col.main .title .wheel{width:44px;height: 44px;border-radius: 100%;position: absolute;right:0;top:21px;}
                    .downloadspage .downloads .category .col.main .title.active .wheel svg{transform: translate(-50%,-50%) rotate(180deg);}
                .downloadspage .downloads .category .col.main .filesbox{display: none;overflow: visible;margin: 25px 0 0 0;}
                    .downloadspage .downloads .category .col.main .filesbox.ow{overflow: visible !important;}
                    .downloadspage .downloads .category .col.main .filesbox .file{border-bottom: 1px solid rgba(0, 0, 0, 0.3);padding: 0 0 10px 0;margin: 0 0 15px 0;}
                        .downloadspage .downloads .category .col.main .filesbox .file .icon{width: 54px;}
                        .downloadspage .downloads .category .col.main .file.todownload:hover .icon svg{margin: 5px 0 -5px 0;}
                        .downloadspage .downloads .category .col.main .file.todownload:hover .name{color: #E85124;}
                        .downloadspage .downloads .category .col.main .filesbox .file .name{width: calc(100% - 54px);font-size: 18px;margin: 0;}
                        .downloadspage .downloads .category .col.main .filesbox .file .name.gray{width: calc(100% - 54px - 350px);}
                        .downloadspage .downloads .category .col.main .filesbox .file .loginfo{margin: 10px 0 -10px 0;float: right;width:350px;}
                        .downloadspage .downloads .category .col.main .filesbox .file .loginfo a{font-size: 18px;margin-left: 7px;}
                .downloadspage .downloads .category .col.main .catbox{display: none;margin: 25px 0 0 0;}
                    .downloadspage .downloads .category .col.main .catbox .subtitle{margin: 0;cursor: pointer;font-weight: 400;}
                        .downloadspage .downloads .category .col.main .catbox .subtitle::after{width: 0; height: 0;border-style: solid;border-width: 12px 7px 0px 7px;border-color: #000000 transparent transparent transparent;position:absolute;content:'';top:7px;right:0;}
                        .downloadspage .downloads .category .col.main .catbox .subtitle.active::after{transform: rotate(180deg);}
                        .downloadspage .downloads .category .col.main .catbox .subtitle:hover::after{top:10px;}
                        .downloadspage .downloads .category .col.main .catbox .subtitle.active:hover::after{top:4px;}
                    .downloadspage .downloads .category .col.main .catbox .subcategory{border-bottom: 1px solid rgba(0, 0, 0, 0.3);padding: 0 0 10px 0;margin: 0 0 25px 0;}
                    .downloadspage .downloads .category .col.main .catbox .files{display: none;margin: 20px 0 20px 0;}
                        .downloadspage .downloads .category .col.main .catbox .files .file{margin: 0 0 10px 0;font-size: }
                        .downloadspage .downloads .category .col.main .catbox .files .file .icon{width: 54px;}
                        .downloadspage .downloads .category .col.main .catbox .files .file .name{width: calc(100% - 54px);font-size: 18px;margin: 0;}
    .downloadspage .backbutton{margin: 0 0 90px 0;}
    .downloadspage .loginView{margin-bottom:-100px;}

.productspage .categoriesMenu ul{margin: 0 0 25px 0;float: left;width: 100%;}
    .productspage .categoriesMenu ul li{list-style: none;float: left;margin: 0 50px 20px 0;line-height: 1;}
        .productspage .categoriesMenu ul li a{font-size: 17px;font-weight: 500;float:left;line-height: 1;}
        
.productspage .categoriesMenuCollections{display: none;top:62px;height: 267px;}
.productspage .categoriesMenuCollections .inner{border-top:1px solid rgba(0, 0, 0, 0.5);}
.categoriesMenuCollections{width: 100%;z-index: 22;}
.categoriesMenuCollections .inner{padding:26px 0 10px 0; }
.categoriesMenuCollections .inner .label{width:214px;font-weight: 500;}
.categoriesMenuCollections .inner .collections{width:590px;}
.categoriesMenuCollections .inner .collections ul{column-count: 4;margin: 5px 0 20px 0;float: left;width: 100%;}
.categoriesMenuCollections .inner .collections ul li{list-style: none;margin-bottom: 20px;}
.categoriesMenuCollections .inner .collections ul li a{font-size: 16px;line-height: 1;}
.categoriesMenuCollections .inner .collections ul li a.all{font-weight: 500;}
        
.productspage .collectionsSliderView .dots {left:calc(50% + 50px);top:30px;}
    .productspage .collectionsSliderView .dots .u-dot {width:11px;height: 11px;margin: 0 26px 0 0;border-radius: 100%;background: #FFFCEF;float: left;cursor:pointer;}
        .productspage .collectionsSliderView .dots .u-dot.is-active,.productspage .collectionsSliderView .dots .u-dot:hover{background: #E85124;}
.productspage .collectionsSliderView .arrows{left:calc((100vw - 1300px)/2);top:35px;}
    .productspage .collectionsSliderView .arrows .orangebg{background: #000;margin: 0 10px 0 0;}
    .productspage .collectionsSliderView .arrows .orangebg:hover{background: #fffcef;}
    .productspage .collectionsSliderView .arrows .orangebg:hover svg *{fill: #000;}
.productspage .collectionsSliderView .collectionsSlider .collection .column{height: 664px;}
.productspage .collectionsSliderView .collectionsSlider .collection .column.left{padding: 110px 50px 110px calc((100vw - 1300px)/2);}
    .productspage .collectionsSliderView .collectionsSlider .collection .column.left .name{font-size: 65px;line-height: 1;margin: 0 0 40px 0;}
    .productspage .collectionsSliderView .collectionsSlider .collection .column.left .desc{bottom: 100px;width: calc(100% - 100px - ((100vw - 1300px)/2));}
    .productspage .collectionsSliderView .collectionsSlider .collection .column.left .button{bottom: 50px;}
    .productspage .collectionsSliderView .collectionsSlider .collection:hover .column.left .button svg{margin: 3px -5px 0 13px;}
    .productspage .collectionsSliderView .collectionsSlider .collection .column.right img{height: 100%;width: 100%;object-fit: cover;float: left;}
    
.productspage .categoriesView .categories{gap:10px;margin: 80px 0 20px 0;}
    .productspage .categoriesView .categories .productCategory{width:calc((100% - 20px)/3);}
        .productspage .categoriesView .categories .productCategory .image::after{width: 100%;height: 100%;position: absolute;top:0;left: 0;background: #000;opacity:0.6 ;content:'';}
        .productspage .categoriesView .categories .productCategory .image img{float: left;}
        .productspage .categoriesView .categories .productCategory .name{width: 100%;padding: 30px;font-size: 33px;line-height: 1;margin: 0;box-sizing: border-box;}
        .productspage .categoriesView .categories .productCategory .wheel{bottom: 20px;right: 20px;width:44px;height: 44px;border-radius: 100%;position: absolute;}
        .productspage .categoriesView .categories .productCategory:hover .wheel svg{margin-left: 5px;}

.productscategorypage .headView::before{width:100%;height: 100%;position: absolute;top:0;left: 0;background: #000;opacity: 0.4;content:'';}
    .productscategorypage .headView img{width:100%;height: 557px;object-fit: cover;display: block;}
    .productscategorypage .headView h1{bottom: 50px;left: 0;font-size: 65px;max-width: 805px;margin: 0;line-height: 1;}
.productscategorypage .interiorsView .interiors .interior,.collectionpage .interiorsView .interiors .interior{margin-bottom: 80px;}
.productscategorypage .collectionInfoView{padding: 80px 0 0px 0;}
    .productscategorypage .collectionInfoView .inner{padding-bottom: 100px;border-bottom: 1px solid #000;}
    .productscategorypage .collectionInfoView .column.left{width:calc(100% - 430px - 160px);}
        .productscategorypage .collectionInfoView .column.left .h2{margin-bottom: 100px;}
        .productscategorypage .collectionInfoView .column.left .button{margin-top: 20px;}
        .productscategorypage .collectionInfoView .column.left .button.scrolllink:hover svg{margin: 8px 0 0 8px;}
    .productscategorypage .collectionInfoView .column.right{width:430px;}
        .productscategorypage .collectionInfoView .column.right img{display: block;max-height: 544px;width: 100%;object-fit: cover;}

.interiorsView.productsView{padding-bottom: 50px;}
.buttonsView a{float: left;margin: 0 50px 0 0;}
.buttonsView a.scrollup svg{transform: rotate(-90deg);}
.buttonsView a.scrollup:hover svg{margin: -2px 0 0 8px;}

.pagenavibox .wp-pagenavi {text-align: center;margin: -20px 0 100px 0;}
    .pagenavibox .wp-pagenavi a, .pagenavibox .wp-pagenavi span{border: 0;margin: 0;padding: 0 5px;line-height: 20px;font-size: 22px;}
    .pagenavibox .wp-pagenavi a.page:hover{color: #E85124;}
    .pagenavibox .wp-pagenavi .previouspostslink{float: left;font-size:18px;}
    .pagenavibox .wp-pagenavi .nextpostslink{float: right;font-size:18px;}
    .pagenavibox .wp-pagenavi span.current {font-weight: 500;}

.collectionpage .firstView .desc{margin: 0 0 80px 0;}
    .collectionpage .firstView .desc p{font-size: 33px;line-height: 1.2;margin: 0;}
.collectionpage .moredetails{border-bottom: 1px solid #000;}
.collectionpage .moredetails .column.left{width: 590px;margin-bottom:100px;}
.collectionpage .moredetails .column.left img{width: 100%;max-height: 745px; display: block;object-fit: cover;}
.collectionpage .moredetails .column.left .thecontent{padding: 0 100px 0 0;}
.collectionpage .moredetails .column.left .thecontent li{margin: 0;}
.collectionpage .moredetails .column.right{width: calc(100% - 590px - 107px);margin-bottom:100px;}
.collectionpage .moredetails .column.right.withtext img{margin-bottom:110px;width: 322px;height: 404px;object-fit: cover;float: left;}
.collectionpage .moredetails .column.right.ext{width: calc(100% - 590px);}
.collectionpage .moredetails .column.right.ext img{width: 350px;height: 440px;object-fit: cover;float: left;margin: 0 0 0 50px;}
.collectionpage .moredetails .column.right.ext img:first-child{margin: 0;}


.button{font-size: 20px;}
.button svg{float: right;margin: 3px 0 0 8px;}
.button:hover svg{float: right;margin: 3px -5px 0 13px;}
.button.backbutton svg{float: left;margin: 3px 8px 0 0;}
.button.backbutton:hover svg{float: left;margin: 3px 13px 0 -5px;}
.h2{font-size: 45px;font-weight: 300;line-height: 1;margin: 0 0 50px 0;}
.u-arrow{width:44px;height: 44px;border-radius: 100%;margin: 0 0 0 10px;cursor: pointer;}

.dark,.darkonhover:hover,.black,.blackonhover:hover{color: #000;}
.orange,.orangeonhover:hover{color: #E85124;}
.white,.whiteonhover:hover,.light,.lightonhover:hover{color: #FFFCEF;}
.gray,.grayonhover:hover{color: #99978F;}

.whitebg,.whitebgonhover:hover,.lightbg,.lightbgonhover:hover{background: #FFFCEF;}
.darkbg,.darkbgonhover:hover,.blackbg,.blackbgonhover:hover{background: #000;}
.orangebg,.orangebgonhover:hover{background: #E85124;}
.brownbg,.brownbgonhover:hover{background: #DAD5BF;}



@media (max-width: 1400px) {
    .inner{width: calc(100% - 100px);}
}
@media (max-width: 1023px) {
    .showOnTablet{display: block;}
    .hideOnTablet{display: none;}
}
@media (max-width: 767px) {
    .inner{width: calc(100% - 40px);}
    .showOnMobile{display: block;}
    .hideOnMobile{display: none;}
   
}

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