/*!
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;}.sprite{background: url(gfx/sprite.png) 0 0 no-repeat;float:left;}.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,form .formfield.button input{-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;}.flex{display:flex;flex-wrap:wrap;}.bold{font-weight:bold !important;}
/*ul,ol{list-style-position: inside;}*/
.thecontent ul,.thecontent ol{padding:0 0 20px 20px;}
.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;}
a{color:#212121;text-decoration: none !important;}
.underline{text-decoration: underline !important;}
body, html { height: 100%; box-sizing: border-box;color:#212121;background:#FFFCF6;letter-spacing: 0px;-webkit-text-size-adjust: 100%;}
html * {font-family: "Instrument Sans", sans-serif;line-height: 1.1;}
h1,h2,.h2,.font2,.font2 *,blockquote,blockquote *,.aboutusView .column.right h2,.memberpage .firstView .column.right h1 span,.thecontent h1,.thecontent h2,.thecontent h3,.thecontent h4,.thecontent h5,.thecontent h6{font-family: "Fahkwang", sans-serif;font-weight: 300;}
.thecontent h1{font-size: 45px;float: left;width:100%;margin: 20px 0 30px 0;}
.thecontent h2{font-size: 35px;float: left;width:100%;margin: 20px 0 30px 0;}
.thecontent h3{font-size: 30px;float: left;width:100%;margin: 20px 0 30px 0;}
.thecontent h4{font-size: 28px;float: left;width:100%;margin: 20px 0 30px 0;}
.thecontent h5{font-size: 25px;float: left;width:100%;margin: 20px 0 30px 0;}
.thecontent h6{font-size: 20px;float: left;width:100%;margin: 20px 0 30px 0;}
.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.6;font-size: 18px;}
.thecontent li{margin:0 0 10px 0;line-height: 1.6;font-size: 18px;}
.thecontent ul,.thecontent ol{margin:0 0 20px 0;}
.thecontent ul,.thecontent ol,.thecontent p,.thecontent h1,.thecontent h2,.thecontent h3,.thecontent h4,.thecontent h5,.thecontent h6{float: left;width: 100%;position:relative;}
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;}
.inner{width:1300px;float: left;transform: translateX(-50%);left:50%;}
header{z-index: 99;position: absolute;top:0;padding: 60px 0 30px 0;}
header nav ul li{float: left;list-style: none;margin: 0 0 0 30px;font-size: 16px;}

.h1,.aboutuspage .firstView h1{font-size: 75px;line-height: 1.1;margin: 0 0 50px 0;}
.h2,.aboutusView .column.right h2,.aboutuspage .firstView h2,.aboutuspage .additionalTextView h2{font-size: 40px;line-height: 1.1;margin: 0 0 50px 0;}
.h3{font-size: 30px;line-height: 1.1;margin: 0 0 30px 0;}
.head{font-size: 17px;line-height: 1.1;text-transform: uppercase;}
.padtop{padding-top: 230px;}
.padsection,.sectionpad{padding: 150px 0;}
.padsectionsmall{padding: 120px 0;}
.padsectiontop,.padsectiont{padding-top: 150px;}
.padsectionbottom,.padsectionb{padding-bottom: 150px;}
.button{padding: 0 74px 0 25px;line-height: 54px;font-size: 17px;border-radius: 54px;display: block;width:auto;}
.button.onlytext{padding: 0 25px 0 25px;}
.wheel{width:54px;height: 54px;border-radius: 54px;position: relative;display: block;}
.button .wheel{position: absolute;top:0;right: 0;}
.wheel svg{right:20px;position: absolute;}
.wheel:hover svg{right:15px;}
.button:hover .wheel{width:100%;}
.button:hover .wheel svg{right:15px;}

    .homepage .firstView::before{width:100%;height: 100%;position: absolute;top:0;left: 0;content:'';opacity: 0.82; background: #212121;background: linear-gradient(90deg, rgba(33, 33, 33, 1) 0%, rgba(41, 29, 79, 0) 100%);}
    .homepage .firstView,.homepage .firstView .inner{height: 100svh;}
    .homepage .firstView .column.left{max-width: 550px;margin-top: 110px;}
    .homepage .firstView .column.left .scrolllink{margin: 30px 0 0 0;}
    .homepage .firstView .column.left .scrolllink svg{transform: translate(-50%, -50%) rotate(90deg);transform-origin: right;right:20px !important;top:33px;}
    .homepage .firstView .column.left .scrolllink:hover svg{margin-top: 5px;}

.aboutusView .column.left{width: 315px;margin-top: 7px;}
.aboutusView .column.right{width: calc(100% - 315px);}
    .aboutusView .column.right .thecontent{column-count: 2;column-gap: 50px;column-gap: 100px;margin: 30px 0;}

.partnersView .column.left{right: calc(50% + 238px);width:calc((1300px / 2) - 238px);height:100%;padding: 70px 70px 70px 0;}
.partnersView .column.right{left: calc(50% + 238px);width:calc((1300px / 2) - 238px);height:100%;padding: 70px 0 70px 70px;}
    .partnersView::before{width: 50vw;height: 100%;position: absolute;top:0;left: 0;content:'';background: #5D0920;}
    .partnersView::after{width: 50vw;height: 100%;position: absolute;top:0;right: 0;content:'';background: #C0C5CF;}
    .partnersView .column > .wheel{position: absolute;bottom: 70px;left: 0;}
    .partnersView .column .thecontent{position: absolute;bottom: calc(70px + 54px + 15px);left: 0;width: calc(100% - 70px);}
/*    .partnersView .column .thecontent p{font-size: 17px;}*/
    .partnersView .column.right > .wheel,.partnersView .column.right .thecontent{left:70px;}

.numbersView .numbers{gap:66px;}
    .numbersView .numbers .numberBox{width:calc((100% - (2 * 66px))/3);padding: 50px 35px 80px 35px;-webkit-border-top-left-radius: 27px;-webkit-border-top-right-radius: 27px;-moz-border-radius-topleft: 27px;-moz-border-radius-topright: 27px;border-top-left-radius: 27px;border-top-right-radius: 27px;}
        .numbersView .numbers .numberBox .number{font-size: 80px;margin: 0 0 40px 0;}
        .numbersView .numbers .numberBox::after{width: 100%;height: 6px;position: absolute;top:100%;left: 0;content:'';background: #5D0920;background: linear-gradient(90deg,rgba(93, 9, 32, 1) 0%, rgba(192, 197, 207, 1) 100%);}
        .numbersView .numbers .numberBox .number,.numbersView .numbers .numberBox .number *{line-height: 1;}
        .numbersView .numbers .numberBox p{font-size: 80px;margin: 0;font-size: 18px;}

.specializationsView .column.left{max-width: 435px;}
.specializationsView .column.right{max-width: 635px;margin-top: -5px;}
    .specializationsView .column.right ul{float: left;width: 100%;margin: 10px 0 0 0;}
        .specializationsView .column.right ul li{list-style: none;border-bottom: 1px solid #C0C5CF;}
            .specializationsView .column.right ul li a{font-size: 27px;line-height: 1.2;padding: 21px 74px 21px 0;display: block;}
                .specializationsView .column.right ul li a .wheel{position: absolute;right: 0;top:10px;}
                .specializationsView .column.right ul li:hover a .wheel svg{right: 15px;}
    .specializationsView .button{margin: 20px 0 0 0;}

.situationsView .inner > .h2{max-width: 950px;}
    .situationsView .inner .situations{margin: 60px 0 0 0;}
        .situationsView .inner .situations .situation{border-bottom: 1px solid #C0C5CF;}
            .situationsView .inner .situations .situation .title{font-size: 27px;line-height: 1.2;padding: 21px 74px 21px 0;display: block;margin: 0;cursor:pointer;}
                .situationsView .inner .situations .situation .title .wheel{position: absolute;right: 0;top:10px;}
                .situationsView .inner .situations .situation .title .wheel svg{transform: translate(-50%,-50%) rotate(90deg);transform-origin: right;margin-top: 7px;right:20px !important;}
                .situationsView .inner .situations .situation .title:hover .wheel svg{margin-top: 12px;}
                .situationsView .inner .situations .situation .title.opened .wheel{background: #C0C5CF;}
                .situationsView .inner .situations .situation .title.opened .wheel svg{transform: translate(-50%,-50%) rotate(270deg);margin-top: -6px;}
                .situationsView .inner .situations .situation .title.opened .wheel svg *{fill:#5D0920;}
                .situationsView .inner .situations .situation .title.opened:hover .wheel svg{margin-top: -11px;}
            .situationsView .inner .situations .situation .details{display: none;}
                .situationsView .inner .situations .situation .details .text{max-width: 1111px;margin: 20px 0;}
                .situationsView .inner .situations .situation .details .text li{margin: 0 0 10px 0;line-height: 1.4;font-size: 18px;}
                .situationsView .inner .situations .situation .details .button{margin: 10px 0 50px 0;}

.postsView .posts{gap:50px;margin: 0 0 60px 0;}
    .postsView .posts .post{width: calc(1200px / 3);}
        .postsView .posts .post::before{width: 1px;height: 100%;position: absolute;top:0;left: -25px;background: #C0C5CF;content:'';}
        .postsView .posts .post:nth-child(3n+1)::before{display: none;}
        .postsView .posts .post .cat,.postpage .catBox a{line-height: 29px;font-size:16px;height: 29px;margin: 0 0 25px 0;text-transform: uppercase;}
            .postsView .posts .post .cat .wheele,.postpage .catBox a .wheele{width: 29px;height: 29px;border-radius: 100%;position: relative;float: left;margin: 0 16px 0 0;}
            .postsView .posts .post .cat .wheele svg,.postpage .catBox a .wheele svg{position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);}
        .postsView .posts .post .title{font-size: 25px;line-height: 1.2;margin: 0 0 30px 0;display: -webkit-box;-webkit-line-clamp: 3;overflow: hidden;-webkit-box-orient: vertical;min-height:90px;}
        .postsView .posts .post .date{font-size: 15px;line-height: 1.2;margin: 0 0 40px 0;}
        .postsView .posts .post img{display: block;}
        .postsView .posts .post:hover img{opacity: 0.7;}

.homepage .postsView .h2{margin: 0 0 80px 0;}

.referencesView .inner{padding: 70px 0;border-bottom: 1px solid #C0C5CF;border-top: 1px solid #C0C5CF;}
    .referencesView .column.left{width:315px;}
        .arrows div{cursor: pointer;margin: 10px 0 0 0;}
        .arrows .u-prev{margin-right: 10px;}
        .arrows .u-prev:hover svg{margin-left: -5px;}
        .arrows .u-next:hover svg{margin-left: 5px;}
    .referencesView .column.right{width: calc(100% - 315px);}
        .referencesView .column.right .reference .stars{width: calc(100% - 315px);margin: 0 0 35px 0;}
            .referencesView .column.right .reference .stars svg{margin: 0 4px 0 0;}
        .referencesView .column.right .reference .gray{font-size: 17px;margin: 0;line-height: 1;}

.contactView .inner{gap:160px;flex-direction: row-reverse;}
    .contactView .column.left{width:561px;}
        .contactView .column.left img{width: 100%;display: block;}
    .contactView .column.right{width:calc(100% - 561px - 160px);padding: 90px 0;}
        .contactView .column.right .h3{margin: 0 0 70px 0;}
        .contactView .column.right > a{font-size: 30px;line-height: 1.6;margin: 0 0 20px 0;border-bottom: 1px solid #fff;display: block;width:100%;}
        .contactView .column.right .text{margin:50px 0 0 0;}
        .contactView .column.right .bigh{font-size: 135px;line-height: 1;bottom: 20px;right:160px;margin: 0;}

footer{padding: 80px 0 45px 0;}
    footer *{font-size: 14px;line-height: 1.6;}
    footer a{color:#FFFCF6;}
    footer a:hover{color:#AE828B;}
    footer.graybg a:hover{color:#212121;}
    footer .column.left .logo{margin: 0 0 55px 0;}
        footer .column.left .name{margin: 0 0 35px 0;max-width: 400px;}
        footer .column.left .minicol{margin: 0 0 0 30px;}
        footer .column.left .minicol p{margin: 0;}
        footer .column.left .minicol:first-child{margin: 0;}
        footer .column.left .minicol .phone2{margin-left: 20px;}
    footer .column.right ul{margin: 0 0 50px 0;}
        footer .column.right ul li{list-style: none;float: left;margin: 0 0 0 40px;}
        footer .column.right ul li:first-child{margin-left: 0;}
            footer .column.right ul li a{font-size: 16px;}
    footer .column.right .submenu{margin: 0 0 55px 0;}
        footer .column.right .submenu a{margin: 0 0 0 25px;line-height: 28px;}
        footer .column.right .submenu .sm{margin: 0 0 0 20px;}
        footer .column.right .submenu .sm a{margin: 0;width:30px;height: 28px;position: relative;border-left: 1px solid #FFFCF6;float: left;}
        footer.graybg .column.right .submenu .sm a{border-left: 1px solid #5D0920;}
        footer .column.right .submenu .sm a svg{position: absolute;}
        footer .column.right .submenu .sm a:hover svg *{fill:#AE828B;}
        footer.graybg .column.right .submenu .sm a svg *{fill:#5D0920;}
        footer.graybg .column.right .submenu .sm a:hover svg *{fill:#212121;}
    footer .column.right .signs p{color: #AE828B;margin: 0 0 0 30px;}
        footer .column.right .signs p:first-child{margin: 0;}
        footer .column.right .signs p a{color: #AE828B;}
        footer .column.right .signs p a:hover{color: #FFFCF6;}
        footer.graybg .column.right .signs p a:hover{color: #212121;}
    footer.graybg .column.right .signs p,footer.graybg .column.right .signs p a{color: #5D0920;}

.aboutuspage .firstView{}
    .aboutuspage .firstView h2{color: #5D0920;}
    .aboutuspage .firstView .thecontent{max-width: 1110px;}
.aboutuspage .columnsView{padding: 75px 0 0 0;}
    .aboutuspage .columnsView .column.left{width:561px;}
    .aboutuspage .columnsView .column.right{width:calc(100% - 561px - 70px);padding: 40px 0 0 0;}
.valuesView{padding: 90px 0 0 0;}
    .valuesView .values{margin: 30px 0 0 0;width:calc(100% + ((100vw - 1300px)/2));}
        .valuesView .values .value{width:400px;border-radius: 27px;padding: 30px;margin-right: 30px;}
.aboutuspage .additionalTextView{padding: 120px 0 150px 0;}
.aboutuspage .additionalTextView h2{color: #5D0920;}
.aboutuspage .partnersView .button{position: absolute;bottom: 55px;}
    .aboutuspage .partnersView .column .wheel{left: auto;right: 0;}
    .aboutuspage .partnersView .column .contacts{margin: 50px 0 0 0;margin: 0;}
        .aboutuspage .partnersView .column .contacts a{display: block;font-size: 18px;margin: 0 0 5px 0;}
.aboutuspage .howWeWorkView{padding:  0 0 80px 0;}
    .aboutuspage .howWeWorkView .thecontent{max-width: 635px;}

.memberpage .firstView .column.left{width:720px;width:600px;position: absolute;bottom: 0;}
    .memberpage .firstView .column.left img{max-width:none;display: block;margin-left: -100px;}
.memberpage .firstView .column.right{width:calc(100% - 720px);width:calc(100% - 600px);padding-bottom: 50px;}
    .memberpage .firstView .column.right h1 span{display: block;font-size: 75px;}
    .memberpage .firstView .column.right .thecontent{margin: 0 0 75px 0;height: calc(100vh - 423px);}
    .memberpage .firstView .column.right .thecontent p,.memberpage .firstView .column.right .thecontent li{line-height: 29px;}
    .memberpage .firstView .column.right .contacts a{font-size: 18px;line-height: 1.5;}
    .memberpage .firstView .column.right .wheel:hover svg{right:20px;margin-top: 5px;}
.memberpage .restView .specializationsView{padding-top: 30px;}

.contactFormView{padding: 75px 0;}
    .contactFormView .column.left{width:calc(100% - 635px - 50px);max-width: 480px;}
        .portret{width:110px;height: 110px;border-radius: 100%;margin: 0 0 40px 0;}
            .portret img{width:110px;height: 110px;border-radius: 100%;border: 1px solid #fff;}
            .contactFormView .column.left .portret .wheeel{width:58px;height: 58px;border-radius: 100%;background: #fff;top:-10px;right: -20px;}
        .contactFormView .column.left p.h3{margin: 0 0 75px 0;}
        .contactFormView .column.left a.font2{margin: 0 0 10px 0;font-size: 25px;line-height: 1.4;}
        .contactFormView .column.left .dopisek{margin: 50px 0 0 0;line-height: 1.4;}
    .contactFormView .column.right,.contactView .column.right form{width:635px;padding: 75px 55px 20px 55px;border-radius: 27px;}
        form .formfield{margin: 0 0 20px 0;}
        form .formfield.half{width:calc(50% - 14px);}
            form .formfield input[type=text],form .formfield input[type=email]{width:100%;height:  50px;border-radius: 0;border: 0;border-bottom: 1px solid #C0C5CF;color:#212121;background: none;font-size:18px;}
            form .formfield textarea{width:100%;height: 150px; border-radius: 0;border: 0;border-bottom: 1px solid #C0C5CF;color:#212121;background: none;font-size:18px;padding:20px 0 0 0;resize:none;display:block;}
            form .formfield ::placeholder{color:#212121;}
            form .formfield.akcept .wpcf7-list-item{margin: 0;display: block;}
            form .formfield.akcept .wpcf7-list-item input{position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
            form .formfield.akcept label{font-size: 14px;padding: 0 0 0 43px;display: block;position: relative;cursor: pointer;}
            form .formfield.akcept label::before {width: 28px;height: 28px;border-radius: 100%;background: #fff;position: absolute;top: -8px;left: 0px;content: '';border:1px solid #C0C5CF;}
            form .formfield.akcept label:has(input:checked)::after{width: 18px;height: 18px;border-radius: 100%;background: #5D0920;position: absolute;top: -2px;left: 6px;content: '';}
            form .formfield.akcept label a{text-decoration:underline !important;}
            form .formfield.akcept label a:hover{color:#5D0920;}
            form .formfield.button{padding: 0;margin: 0;}
            form .formfield.button p{margin: 0;}
            form .formfield.button .wpcf7-spinner{position: absolute;}
            form .formfield.button input{display: block;padding: 0 74px 0 25px;height: 54px;margin: 0;border: 0;background: none;color: #5D0920;font-size: 18px;}
            form .formfield.button:hover input{color: #E6D8BD;}
            form .formfield.button:has(input:disabled):hover .wheel{width:54px;}
            form .formfield.button:has(input:disabled):hover .wheel svg{right: 20px;}
            form .formfield.button:has(input:disabled):hover input{color: #5D0920;}
        .contactFormView .wpcf7-not-valid-tip{font-size: 18px;display: block;margin: 7px 0 -10px 0;}
        .contactFormView form.sent .wpcf7-response-output,.wpcf7 form.sent .wpcf7-response-output{border: 0;background: #5d091f;color: #fff;padding: 15px 20px;font-size: 22px;border-radius: 10px;}
        .contactFormView form.invalid .wpcf7-response-output,.contactFormView form.unaccepted .wpcf7-response-output,.contactFormView form.payment-required .wpcf7-response-output{border: 0;background: #ce1646;color: #fff;padding: 15px 20px;font-size: 18px;border-radius: 10px;}


.specializationpage .firstView .column.left{max-width: calc(100% - 476px - 158px);    margin-bottom: 50px;}
    .specializationpage .firstView .column.left h1{margin-bottom: 90px;}
    .specializationpage .firstView .column.left .thecontent{margin-bottom: 50px;}
.specializationpage .firstView .quote{width: 476px;border-radius: 79px;padding: 60px 43px 59px 43px;margin-bottom: -113px;}
    .specializationpage .firstView .quote h2{font-size: 27px;line-height: 1.4;}
    .specializationpage .firstView .quote .q1{margin-bottom: 10px;}
    .specializationpage .firstView .quote .q2{margin: 10px 0 30px 0;}
    .specializationpage .firstView .quote .sign{margin-bottom: 60px;}
    .specializationpage .firstView .quote .button:hover .wheel svg {right: 20px;margin-top: 5px;}
    .specializationpage .firstView .quote .portrets{margin: -96px 0 0px 0;}
        .specializationpage .firstView .quote .portret,.specializationpage .firstView .quote .portret img{width:71px;height: 71px;}
        .specializationpage .firstView .quote .portret:first-child,.contactFormView .portrets .portret:first-child{margin-right: -18px;}

.specializationpage .contactFormView .portret:first-child{margin-right: -18px;}

    .howWeWorkView {padding-top: 200px;}
        .howWeWorkView .values{margin: 30px 0 0 0;gap:30px;}
            .howWeWorkView .values .value{width:calc((100% - 30px)/2);border-radius: 27px;padding: 30px;}
    .forWhoView .h2,.postsView .h2{margin-bottom: 75px;}
    .forWhoView .forWho{gap: 20px 106px;}
    .forWhoView .forWho .for{width: calc((100% - 106px)/2);border-bottom: 1px solid #C0C5CF;}
    .forWhoView .forWho .for .h3{margin: 0 0 20px 0;}

.blogpage .filters ul li{float: left;list-style: none;margin-right: 30px;font-size: 18px;}
.blogpage .postsView{margin: 40px 0 0 0;}
.blogpage .postsView .posts{gap:0 50px;border-bottom: 1px solid #C0C5CF;}
.blogpage .postsView .posts .post {padding: 30px 0;}
.blogpage .postsView .posts .post::after{width: calc(100% + 50px);height: 1px;position: absolute;top: 0;left: -25px;background: #C0C5CF;content: '';}
.blogpage .postsView .posts .post:nth-child(3n)::after{width: calc(100% + 25px);}
.blogpage .postsView .posts .post:nth-child(3n+1)::after{width: calc(100% + 25px);left: 0;}

.blogpage .wp-pagenavi{text-align: center;margin: 120px 0 0 0;}
    .blogpage .wp-pagenavi a.page{line-height: 54px;padding: 0 10px;font-size: 30px;color: #5D0920;font-family: "Fahkwang", sans-serif;font-weight: 300;}
        .blogpage .wp-pagenavi a.page:hover{color: #757575;}
    .blogpage .wp-pagenavi .current{line-height: 54px;padding: 0 10px;font-size: 30px;color: #5D0920;font-family: "Fahkwang", sans-serif;font-weight: bold;}
    .blogpage .wp-pagenavi a, .blogpage .wp-pagenavi span {text-decoration: none;border: 0;padding: 0px;margin: 0px;}
    .blogpage .wp-pagenavi a.button{padding: 0 74px 0 25px;}
        .blogpage .wp-pagenavi a.button.left,.postpage .backbutton{padding: 0 25px 0 74px;}
        .blogpage .wp-pagenavi a.button.left .wheel,.postpage .backbutton .wheel{left: 0;right: auto;}
        .blogpage .wp-pagenavi a.button.left .wheel svg,.postpage .backbutton .wheel svg{left: 20px;right: auto;}

.contactpage .contactView .column.right{padding: 0;max-height: 786px;}
    .contactpage .contactView .column.right > a{border: 0;margin: 0;}
    .contactpage .contactView .column.right .address{margin: 70px 0 0 0;}
    .contactpage .contactView .column.right .text{margin: 20px 0 0 0;}
    .contactpage .contactView .column.right form{background: #F2F2F2;float: left;box-sizing: border-box;margin: 60px 0 -300px 0;box-shadow: 0px 80px 50px 20px rgba(0,0,0,0.3);}
.contactpage .mapa{height: 645px;max-height: 80vh;}

.subpage .thecontent{max-width: 950px;margin: 30px 0 75px 0;}
.subpage .buttonsView{margin-top:75px;}

.postpage h1.h1{font-size: 60px;max-width: 956px;margin: 20px 0 60px 0;}
    .postpage .backbutton,.postpage .columns .column.right .details .button{margin-top: -12px;}
    .postpage .mainimage{display: block;overflow: hidden;border-radius: 50px;margin: 0 0 50px 0;}
    .postpage .columns{margin: 25px 0 0 0;}
        .postpage .columns .column.left{width:320px;padding-right: 50px;}
            .postpage .columns .column.left .author{margin: 0 0 40px 0;}
            .postpage .columns .column.left .author .portret,.postpage .columns .column.left .author .portret img{width:160px;height: 160px;margin: 0;}
            .postpage .columns .column.left .author .name{font-size: 16px;margin: 20px 0 0 0;line-height: 1.2;}
            .postpage .columns .column.left .author:hover .name{color:#757575;}
            .postpage .columns .column.left .date{font-size: 16px;margin: -30px 0 0 0;line-height: 1.2;}
        .postpage .columns .column.right{width:calc(100% - 320px);}
            .postpage .thecontent blockquote{float: right;width:100%;padding: 0 0 0 153px;margin: 50px 0;clear: both;box-sizing: border-box;position: relative;}
            .postpage .thecontent blockquote p{color: #5D0920;font-size: 30px;margin: 0 0 30px 0;line-height: 1.2;}
            .postpage .thecontent blockquote p:last-child{margin: 0;}
            .postpage .thecontent blockquote::before{width: 72px;height: 54px;position: absolute;top:7px;left: 0;background: url(gfx/quote.svg) no-repeat;content:'';background-size:contain;}

            .postpage .columns .column.right .details{margin: 50px 0 0 0;padding: 0 0 10px 0;border-bottom: 1px solid #C0C5CF;}
            .postpage .columns .column.right .details .notbutton{margin-bottom: 10px;}
            .postpage .columns .column.right .details .detail{margin-right: 20px;font-size: 16px;line-height: 29px;}
            .postpage .columns .column.right .details .button{margin-bottom: 10px;}

.jspContainer{overflow: hidden;position: relative;}.jspPane{position: absolute;}.jspVerticalBar{background: red;height: 100%;position: absolute;right: 0;top: 0;width: 8px;}.jspHorizontalBar{background: red;bottom: 0;height: 16px;left: 0;position: absolute;width: 100%;}.jspCap{display: none;}.jspHorizontalBar .jspCap{float: left;}.jspTrack{background: #fff;position: relative;}.jspDrag{background: #d7dee5;cursor: pointer;left: 0;position: relative;top: 0;}.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{float: left;height: 100%;}.jspArrow{background: #50506d;cursor: pointer;direction: ltr;display: block;margin: 0;padding: 0;text-indent: -20000px;}.jspDisabled{background: #80808d;cursor: default;}.jspVerticalBar .jspArrow{height: 16px;}.jspHorizontalBar .jspArrow{float: left;height: 100%;width: 16px;}.jspVerticalBar .jspArrow:focus{border: 1px solid red;outline: none;}.jspCorner{background: #eeeef4;float: left;height: 100%;}
.jspPane p, .jspPane li{padding-right: 10px;box-sizing: border-box;}

.light,.lightonhover:hover{color: #E6D8BD;}
.dark,.darkonhover:hover{color: #212121;}
.gray,.grayonhover:hover{color: #C0C5CF;}
.lgray,.lgrayonhover:hover{color: #F2F2F2;}
.dgray,.dgrayonhover:hover{color: #757575;}
.bordo,.bordoonhover:hover{color: #5D0920;}
.white,.whiteonhover:hover{color: #FFFCF6;}

.whitebg,.whitebgonhover:hover{background: #FFFCF6;}
.darkbg,.darkbgonhover:hover{background: #212121;}
.graybg,.graybgonhover:hover{background: #C0C5CF;}
.lgraybg,.lgraybgonhover:hover{background: #F2F2F2;}
.bordobg,.bordobgonhover:hover{background: #5D0920;}

@media (max-width: 1400px) {
    .inner{width: calc(100% - 100px);}
    .inner .inner{width: 100%;}
    .homepage .firstView{background-position: center right;}
    .h2, .aboutusView .column.right h2, .aboutuspage .firstView h2, .aboutuspage .additionalTextView h2 {font-size: 35px;}
    .specializationpage .firstView .column.left h1{font-size: 40px;}
    .h1, .aboutuspage .firstView h1{font-size: 65px;}
    .memberpage .firstView .column.right h1 span{font-size: 60px;}
    .h3 {font-size: 27px;}
    .aboutusView .column.left,.referencesView .column.left {width: 215px;}
    .aboutusView .column.right,.referencesView .column.right {width: calc(100% - 215px);}
    .partnersView .column.right {width: calc(((100vw - 100px) / 2) - 238px);padding: 50px 0 50px 50px;}
    .partnersView .column.left{width: calc(((100vw - 100px) / 2) - 238px);padding: 50px 50px 50px 0;}
    .partnersView .column .thecontent{width: calc(100% - 50px);}
    .partnersView .column.right > .wheel,.partnersView .column.right .thecontent{left: 50px;}
    .numbersView .numbers{gap:50px;}
    .numbersView .numbers .numberBox {width: calc((100% - (2 * 50px)) / 3);}
    .specializationsView .column.left {max-width: 430px;}
    .postsView .posts .post {width: calc((100vw - 100px - 100px) / 3);}
    .contactView .column.left img{margin-left: -50px;}
    .contactView .inner {gap: 50px}
    .contactView .column.right {width: calc(100% - 561px - 50px);}
    .contactView .column.right .bigh {font-size: 115px;}
    .aboutuspage .firstView .thecontent {max-width: 900px;}
    .aboutuspage .columnsView .column.right {width: calc(100% - 561px - 50px);padding: 0px 0 0 0;}
    .valuesView .values{width: calc(100% + 50px);}
    .partnersView .column > .wheel{bottom: 50px;}
    .partnersView .column.right > .wheel{left: 50px;}
    .memberpage .firstView .column.left{width: 460px;}
    .memberpage .firstView .column.left img{margin-left: 0;}
    .memberpage .firstView .column.right{width: calc(100% - 530px);z-index: 2;}
    .contactFormView .column.right, .contactView .column.right form {width: 510px;}
    .contactFormView .column.left {width: calc(100% - 510px - 50px);}
    .specializationpage .firstView .column.left {max-width: 100%;}
    .specializationpage .firstView .column.left.clear {margin-bottom: 30px;max-width: calc(100% - 430px - 100px);}
    .specializationpage .firstView .quote{width:430px;padding: 50px 30px 30px 30px;border-radius: 50px;}
    .specializationpage .firstView .quote .portrets {margin: -86px 0 -10px 0;}
    .specializationpage .firstView .quote h2 {font-size: 23px;}
    .specializationpage .firstView .quote .q1 {margin-bottom: 0;}
    .specializationpage .firstView .quote .q2 {margin: 0px 0 20px 0;}
    .specializationpage .firstView .quote .sign{margin-bottom: 30px;}
    .howWeWorkView {padding-top: 100px;}
}
@media (max-width: 1300px) {
    .partnersView .column .thecontent p{font-size: 17px;}
    .aboutuspage .partnersView .column .contacts a {font-size: 16px;}
    .aboutuspage .partnersView .column .contacts a{    font-size: 17px;}
}
@media (max-width: 1200px) {
    .h2, .aboutusView .column.right h2, .aboutuspage .firstView h2, .aboutuspage .additionalTextView h2 {font-size: 32px;}
    .h1, .aboutuspage .firstView h1{font-size: 60px;}
    .homepage .firstView .column.left {max-width: 430px;margin-top: 70px;}
    .aboutusView .column.right .thecontent{column-gap: 50px;}
    .numbersView .numbers{gap:30px;}
    .numbersView .numbers .numberBox {width: calc((100% - (2 * 30px)) / 3);padding: 30px 25px 60px 25px;}
    .numbersView .numbers .numberBox .number {font-size: 55px;}
    .numbersView .numbers .numberBox p{font-size: 17px;}
    .specializationsView .column.left {max-width: 300px;}
    .specializationsView .column.right {max-width: calc(100% - 50px - 300px);}
    .specializationsView .column.right ul li a,.situationsView .inner .situations .situation .title {font-size: 25px;}
    .specializationsView .column.right ul li a .wheel{top:8px;}
    .postsView .posts {gap: 20px;}
    .postsView .posts .post {width: calc((100vw - 100px - 40px) / 3);}
    .postsView .posts .post::before{left: -10px;}
    .postsView .posts .post .title {font-size: 22px;}
    .postsView .posts .post .title{min-height: 80px;}
    .padsection, .sectionpad {padding: 100px 0;}
    .padsectionbottom {padding-bottom: 100px;}
    .padsectiontop {padding-top: 100px;}
    .padtop {padding-top: 190px;}
    .contactView .inner {gap: 0px}
    .contactView .column.left {width: 460px;}
    .contactView .column.right {width: calc(100% - 460px);padding: 50px 0 100px 0;}
    .contactView .column.right .bigh {font-size: 85px;}
    .contactView .column.right .h3 {margin: 0 0 60px 0;}
    .contactView .column.right > a {font-size: 27px;}
    .contactView .column.right .text {margin: 60px 0 0 0;}
    footer .column.right .signs{float: right;}
    footer .column.right .signs p{clear: both;float: right;}
    footer .column.right .signs p.ts{margin: 10px 0 0 0;}
    footer .column.right ul,footer .column.right .submenu {margin: 0 0 36px 0;}
    .aboutuspage .columnsView .column.right {width: calc(100% - 390px - 50px);}
    .aboutuspage .columnsView .column.left {width: 390px;}
    .aboutuspage .columnsView .column.left img{height: 573px;object-fit: cover;}
    .partnersView .inner {width: calc(100% - 60px);}
    .partnersView .column.left {width: calc(((100vw - 60px) / 2) - 175px);padding: 30px 30px 30px 0;right: calc(50% + 175px);}
    .partnersView .column.right {width: calc(((100vw - 60px) / 2) - 175px);padding: 30px 0 30px 30px;left: calc(50% + 175px);}
    .partnersView img.middleX {width: 350px;}
    .partnersView .column.right > .wheel,.partnersView .column.right .thecontent {left: 30px;}
    .aboutuspage .partnersView .column .contacts {margin: 0;}
    .aboutuspage .partnersView .button,.partnersView .column > .wheel{bottom: 25px;}
    .partnersView .column .thecontent{bottom: 80px;}
    .partnersView .column .thecontent p{font-size: 16px;display: -webkit-box;-webkit-line-clamp: 8;-webkit-line-clamp: 7;overflow: hidden;-webkit-box-orient: vertical;}
    .aboutuspage .partnersView .column .contacts a{font-size: 17px;}
    .memberpage .firstView .column.right {width: calc(100% - 430px);}
    .memberpage .firstView .column.left {width: 360px;}
    .memberpage .firstView .column.left img {max-height: 700px;width: auto;}
    .memberpage .firstView .column.right h1 span{font-size: 50px;}
    .memberpage .firstView .column.right .thecontent p{font-size: 17px;}
    .memberpage .firstView .column.right .thecontent {margin: 0 0 30px 0;}
    .contactFormView .column.right, .contactView .column.right form {width: 460px;padding: 50px 30px 20px 30px;}
    .contactFormView .column.left {width: calc(100% - 460px - 50px);}
    .contactFormView .column.left a.font2 {font-size: 23px;}
    .forWhoView .forWho {gap: 20px 50px;}
    .forWhoView .forWho .for {width: calc((100% - 50px) / 2)}
    .blogpage .postsView .posts {gap: 0 20px;}
    .postpage h1.h1 {font-size: 50px;}
    .postpage .columns .column.left {width: 275px;}
    .postpage .columns .column.right {width: calc(100% - 275px);}
    .postpage .thecontent blockquote{padding: 0 0 0 120px;}
    .postpage .thecontent blockquote p{font-size: 27px;}
    .contactpage .contactView .column.left {width: 400px;}
    .contactpage .contactView .column.right {width: calc(100% - 400px);}
    .contactpage .contactView .column.right h1 {margin-bottom: 40px;}
    .contactView .column.right > a {font-size: 25px;}
    .contactpage .contactView .column.right .address {margin: 30px 0 0 0;}
    .contactpage .contactView .column.right form{margin: 40px 0 -410px 0;padding-top: 20px;}
}
@media (max-width: 1023px) {
    .showOnTablet{display: block;}
    .hideOnTablet{display: none;}
    
    .inner{width: calc(100% - 70px);}
    header nav{position: absolute;width: 100vw !important;right: calc(-100% - 150px) !important;background: #F2F2F2;top:-60px;padding: 150px 0 50px 0;}
    header.white nav{background: #212121;}
    header.active nav{right: -35px !important;}
    header nav ul li{margin: 0;width: 100%;}
    header nav ul li a{display: block;padding: 20px 0;font-size: 24px;text-align: center;}
    .menubutton{position: absolute;top:-15px;right: 0px;width: 50px;height: 50px;}
    .menubutton div{width:100%;height: 5px;margin: 6px 0 5px 0;background: #212121;}
    header.white .menubutton div{background: #fff;}
    .homepage .firstView {background-position: -970px center;}
    .homepage .firstView::before{opacity: 0.2;}
    .aboutusView .column.left{margin-bottom: 40px;}
    .partnersView .column .thecontent {width: calc(100% - 20px);}
    .partnersView .column.right > .wheel, .partnersView .column.right .thecontent {left: 20px;}
    .partnersView .column.left{padding: 20px 20px 20px 0;}
    .partnersView .column.right{padding: 20px 0 20px 20px;}
    .numbersView .numbers {gap:10px;}
    .numbersView .numbers .numberBox {width: calc((100% - (2 * 10px)) / 3);padding: 30px 20px 60px 20px;}
    .numbersView .numbers .numberBox .number {font-size: 45px;}
    .specializationsView .column.left{max-width: 100%;margin-bottom: 75px;}
    .specializationsView .column.right{max-width: 100%;}
    .postsView .posts {gap: 50px;}
    .postsView .posts .post {width: calc((100vw - 70px - 50px) / 2);}
    .postsView .posts .post:nth-child(3){display: none;}
    .blogpage .postsView .posts .post:nth-child(3){display: block;}
    .postsView .posts .post::before {left: -25px;}
    .referencesView .column.left {margin-bottom: 50px;}
    .referencesView .column.left .head{float: left;width:auto;}
    .referencesView .column.left .arrows{float: right;width:auto;margin: -28px 0 0 0;}
    .contactView .column.left {width: 360px;}
    .contactView .column.left img {margin-left: -35px;}
    .contactView .column.right {width: calc(100% - 360px);padding: 40px 0 70px 0;}
    .contactView .column.right .h3{font-size: 22px;margin: 0 0 40px 0;}
    .contactView .column.right > a {font-size: 22px;margin: 0 0 10px 0;}
    .contactView .column.right .text {margin: 30px 0 0 0;}
    .contactView .column.right .bigh {font-size: 60px;bottom: 20px;right: 0;}
    footer .column.left .minicol {margin: 30px 0 0px 0;clear: both;}
    footer .column.right ul{width: 287px;}
    footer .column.right ul li{margin: 10px 0 0 0px;}
    footer .column.right ul li:nth-child(2n+1){width:200px;}
    footer .column.right ul li:nth-child(2n){width:87px;float: right;}
    footer .column.left .minicol {margin: 20px 0 0px 0;}
    footer .column.left .name {margin: 0 0 20px 0;}
    footer .column.left .logo {margin: 0 0 50px 0;}
    .aboutuspage .columnsView .column.left img {height: 373px;}
    .aboutuspage .columnsView .column.left {width: 290px;}
    .aboutuspage .columnsView .column.right {width: calc(100% - 290px - 35px);}
    .partnersView img.middleX {width: 300px;}
    .partnersView .column.left {width: calc(((100vw - 60px) / 2) - 150px);right: calc(50% + 150px);}
    .partnersView .column.right {width: calc(((100vw - 60px) / 2) - 150px);left: calc(50% + 150px);}
    .aboutuspage .partnersView .column .contacts a {font-size: 17px;word-break: break-word;}
    .partnersView .column .thecontent p{-webkit-line-clamp: 7;}
    .aboutuspage .partnersView .column .thecontent p{-webkit-line-clamp: 4;}
    .valuesView .arrows{margin: -14px 0 0 0;}
    .memberpage .firstView .column.left {width: 100%;position: relative;}
    .memberpage .firstView .column.left img {max-height: 500px;}
    .contactFormView .column.left {width: 100%;max-width: 100%;}
    .contactFormView .column.left .dopisek {margin: 30px 0 0px 0;}
    .contactFormView .column.left a.font2 {font-size: 23px;clear: none;margin: 0 0 5px 39px;}
    .contactFormView .column.left p.h3 {margin: -10px 0 30px 40px;float: left;width: 448px;clear: none;}
    .memberpage .contactFormView .column.left p.h3 {width: 548px;}
    .contactFormView .column.left p.h3 br {display: none;}
    .contactFormView .column.right, .contactView .column.right form {width: 100%;margin: 70px 0 0 0;}
    .specializationsView .column.left.head{margin-bottom: 30px;}
.referencesView .column.right .reference .stars,.postpage .columns .column.right,.forWhoView .forWho .for,.specializationpage .firstView .column.left.clear,.memberpage .firstView .column.right,.aboutusView .column.right, .referencesView .column.right,.aboutusView .column.left, .referencesView .column.left {width: 100%;max-width:100%;}
    .specializationpage .firstView .quote{margin: 40px 0 -100px 0;width:100%;}
    .howWeWorkView {padding-top: 200px;}
    .blogpage .postsView .posts {gap: 0 50px;}
    .blogpage .postsView .posts .post::after,.blogpage .postsView .posts .post:nth-child(3n+1)::after{left: 0;}
    .blogpage .postsView .posts .post:nth-child(2n)::after{left:-25px;}
    .blogpage .postsView .posts .post:nth-child(2n)::before{display: block;}
    .blogpage .postsView .posts .post:nth-child(2n+1)::before{display: none;}
    .postpage h1.h1 {font-size: 40px;}
    .postpage .columns .column.left{width:100%;margin: 50px 0 0 0;}
    .postpage .columns .column.left .author {width: 275px;}
    .postpage .columns .column.left .date{margin: 0px 0 0 0;}
    .contactpage .contactView .column.left {width: 262px;}
    .contactpage .contactView .column.right {width: calc(100% - 262px);}
    .contactpage .contactView .column.right form {margin: 40px 0 -187px 0;}
    .memberpage .firstView .column.right .thecontent{height: auto;}
}
@media (min-width: 768px) {
    .homepage .firstView{background: url(gfx/homebg.avif) -860px center no-repeat;background-size: cover;}
}
@media (min-width: 1024px) {
    .homepage .firstView{background-position: center center;}
}
@media (max-width: 767px) {
    .inner{width: calc(100% - 40px);}
    .showOnMobile{display: block;}
    .hideOnMobile{display: none;}
    .homepage .firstView{background: url(gfx/homebg-mobile.avif) center center no-repeat;background-size: cover;}
    header{padding: 30px 0;}
    .h1, .aboutuspage .firstView h1 {font-size: 50px;}
    .homepage .firstView .column.left{max-width: 100%;top:auto;transform: none;position: absolute;bottom: 15px;}
    .homepage .firstView .column.left .scrolllink{float: right;margin: 0;}
    .homepage .firstView .h1{margin-bottom: 40px;}
    .padsectionsmall {padding: 50px 0;}
    .h2, .aboutusView .column.right h2, .aboutuspage .firstView h2, .aboutuspage .additionalTextView h2 {font-size: 26px;}
    .aboutusView .column.right .thecontent{margin-top: 30px;}
    .aboutusView .column.right .thecontent {column-count: 1;}
    .partnersView img.middleX,.contactView .column.left img {width: 100vw;max-width: 100vw;height: 400px;object-fit: cover;}
    .aboutuspage .columnsView .column.left img{width: 100vw;max-width: 100vw;height: auto;object-fit: cover;margin-left: -20px;}
    .partnersView .column.left {width: 100vw;right: auto;left:-20px;position: relative;height:auto;padding:30px 20px;}
    .partnersView .column.right {width: 100vw;left: auto;right:-20px;position: relative;height:auto;padding:30px 20px;}
    .partnersView .column .thecontent{position: relative;bottom: 0;}
    .partnersView::before,.partnersView::after{display: none;}
    .partnersView .inner {width: calc(100% - 40px);}
    .aboutuspage .partnersView .button, .partnersView .column > .wheel {bottom: 0;position: relative;}
    .partnersView .column .thecontent {width: 100%;}
    .partnersView .column.right > .wheel, .partnersView .column.right .thecontent {left: 0;}
    .partnersView .column.right .h3 br{display: none;}
    .padsectiontop {padding-top: 50px;}
    .padsectionbottom {padding-bottom: 50px;}
    .padsection {padding: 50px 0;}
    .numbersView .numbers {gap: 30px;}
    .specializationsView .column.right ul li a, .situationsView .inner .situations .situation .title {font-size: 22px;}
    .situationsView .inner > .h2 {margin-bottom: 0;}
    .postsView .posts .post:nth-child(3){display: block;}
    .homepage .postsView .h2 {margin: 0 0 40px 0;}
    .postsView .posts .post::before{display: none;}
    .contactView .inner{display: block;}
    .partnersView img.middleX{margin-left: 0px;}
    .contactView .column.left img{margin-left: -20px;}
    .contactView .column.right .bigh {font-size: 42px;}
    footer {padding: 50px 0 75px 0;}
    footer *{text-align: center;}
    footer .column.left .logo{left: 50%;transform: translateX(-50%);}
    footer .column.right{margin-top: 40px;}
    footer .column.right .submenu .sm{width: auto;margin: 10px 0 0 0;left:50%;transform: translateX(-50%);float: left;position: relative;}
    footer .column.right .submenu .sm a{border: 0;}
    footer .column.right .submenu > a:first-child{margin: 0;}
    footer .column.right .submenu > a{display: block;width: 100%;margin: 0 0 10px 0;}
    header.active nav {right: -20px !important;}
    header nav ul li a {padding: 15px 0;font-size: 20px;}
    header nav ul li a:hover{color: #212121;}
    header.white nav ul li a:hover{color: #FFFCF6;}
    header nav{padding: 130px 0 30px 0;}
    .padtop {padding-top: 120px;}
    .aboutuspage .columnsView{padding: 0px 0 0 0;}
    .valuesView .h2{font-size: 23px;}
    .valuesView .arrows {margin: -21px 0 0 0;}
    .valuesView .values{margin: 0;}
    .valuesView .values .value{width:calc(100vw - 40px);padding: 20px;}
    .aboutuspage .additionalTextView {padding: 75px 0 20px 0;}
    .memberpage .firstView .column.right h1 span {font-size: 36px;}
    .memberpage .firstView .column.right{padding: 0;}
    .memberpage .firstView .column.left img{margin-top: -30px;}
    .forWhoView .h2, .postsView .h2 {margin-bottom: 50px;}
    .portret,.portret img{width: 80px;height: 80px;}
    .contactFormView .column.left .portret .wheeel {transform: scale(0.7);top: -20px;right: -30px;}
    .contactFormView .column.left p.h3 {width: 100%;margin: -10px 0 20px 0px;}
    .memberpage .contactFormView .column.left p.h3 {width: calc(100% - 110px);margin: -10px 0 20px 30px;font-size: 20px;}
    .contactFormView .column.left a.font2{margin: 0 0 5px 0px;}
    .contactFormView {padding: 30px 0;}
    .memberpage .contactFormView .column.left a.font2{margin: 0 0 5px 29px;}
    .contactFormView .column.left a.font2.email{margin: 0 0 5px 0px;}
    .contactFormView .column.left a.font2 {font-size: 19px;}
    .contactFormView .column.right, .contactView .column.right form{margin: 50px 0 0 0;border-radius: 20px;padding: 20px;}
    form .formfield{margin: 0;}
    form .formfield textarea{height: 80px;}
    .contactFormView .wpcf7-not-valid-tip {font-size: 16px;}
    .situationsView .inner .situations {margin: 40px 0 0 0;}
    .valuesView {padding: 50px 0 0 0;}
    .specializationpage .firstView .column.left h1 {margin-bottom: 50px;}
    .specializationpage .firstView .column.left .thecontent {margin-bottom: 20px;}
    .specializationpage .firstView .quote {padding: 50px 20px 30px 20px;border-radius: 20px;}
    .specializationpage .firstView .quote h2 {font-size: 22px;}
    .specializationpage .firstView .quote .sign{font-size: 17px;}
    .howWeWorkView {padding-top: 150px;}
    .howWeWorkView .values {margin: 0px 0 0 0;}
.contactpage .contactView .column.right,.contactpage .contactView .column.left,.howWeWorkView .values .value,form .formfield.half,.aboutuspage .columnsView .column.right,.aboutuspage .columnsView .column.left,footer .column.right ul,footer .column.right ul li:nth-child(2n+1),footer .column.right ul li:nth-child(2n),footer .column.left .minicol a,footer .autowidth,.contactView .column.left,.contactView .column.right,.postsView .posts .post,.numbersView .numbers .numberBox{width:100%;}
    .blogpage h1 {font-size: 40px;}
    .blogpage .filters ul li{margin-right: 9px;}
    .blogpage .filters ul li:last-child{margin: 0;}
    .blogpage .wp-pagenavi {margin: 20px 0 0 0;}
    .blogpage .wp-pagenavi .button{width:100%;box-sizing: border-box;margin: 10px 0 0 0;}
    .blogpage .wp-pagenavi .button.previouspostslink{margin: 0 0 10px 0;}
    .postpage .inner > .backbutton{margin: 0 0 30px 0;}
    .postpage h1.h1 {font-size: 29px;margin-bottom: 40px;}
    .postpage .mainimage{border-radius: 20px;}
    .postpage .mainimage{margin-bottom: 20px;}
    .thecontent h1{font-size: 30px;margin: 10px 0 30px 0;}
    .thecontent h2{font-size: 27px;margin: 10px 0 30px 0;}
    .thecontent h3{font-size: 25px;margin: 10px 0 30px 0;}
    .thecontent h4{font-size: 23px;margin: 10px 0 30px 0;}
    .thecontent h5{font-size: 21px;margin: 10px 0 30px 0;}
    .thecontent h6{font-size: 20px;margin: 10px 0 30px 0;}
    .postpage .thecontent blockquote::before{width: 30px;height: 30px;}
    .postpage .thecontent blockquote {padding: 0 0 0 60px;margin: 20px 0;}
    .postpage .thecontent blockquote p {font-size: 22px;}
    .postpage .columns .column.right .details {margin: 20px 0 0 0;}
    .postpage .columns .column.right .details .detail {width: 100%;margin: 0 0 0px 0;}
    .postpage .columns .column.right .details .catBox {margin: 0 0 10px 0;}
    .postpage .columns .column.right .details .date {margin: 0 0 20px 0;}
    .postpage .columns .column.right .button {width: 100%;box-sizing: border-box;}
    .postpage .columns .column.left{padding: 0;}
    .postpage .columns .column.left .author {width: calc((100% - 20px) / 2);}
    .postpage .columns .column.left .author:nth-child(2n){float: right;}
    .postpage .columns .column.left .author .portret, .postpage .columns .column.left .author .portret img{width:calc((100vw - 40px - 20px)/2);height:calc((100vw - 40px - 20px)/2);}
    .postpage .columns .column.left .author .name{text-align: center;}
    .postpage .padtop {padding-top: 70px;}
    .subpage .h1{font-size: 40px;margin-bottom: 20px;}
    .subpage .buttonsView {margin-top: 30px;}
    .subpage .thecontent{margin-bottom: 50px;}
    .numbersView .numbers .numberBox .number{margin-bottom: 25px;}
    .memberpage .firstView .column.right .scrolllink{clear: both;}
    .contactpage .contactView .column.right {max-height: none;}
    .contactpage .contactView .column.right form {margin: 40px 0;box-shadow: 0 0 0;}
    footer .column.left .minicol .phone2{margin-left: 0px;}
    .aboutuspage .partnersView .column .contacts {margin: 0 0 20px 0;}
    .aboutuspage .partnersView .column .thecontent p {-webkit-line-clamp: none;}
}

@media (max-width: 374px) {
    .h1, .aboutuspage .firstView h1 {font-size: 42px;}
    p {font-size: 17px;}
    header .logo{width: 220px;}
    .menubutton div {height: 4px;margin: 4px 0 5px 0;}
    .menubutton {top: -11px;width: 40px;height: 40px;}
    .contactView .column.right .bigh {font-size: 35px;}
    .contactFormView .column.left a.font2 {font-size: 17px;}
    .specializationpage .firstView .quote h2 {font-size: 20px;}
}