/*
Theme Name:   Zeen Child Theme In Use
Template:     zeen
*/
@font-face {
    font-family: 'Capitolina';
    src: url('assets/fonts/Capitolina.woff2') format("woff2");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Capitolina';
    src: url('assets/fonts/CapitolinaSemiBold.woff2') format("woff2");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Capitolina';
    src: url('assets/fonts/CapitolinaBold.woff2') format("woff2");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Capitolina';
    src: url('assets/fonts/CapitolinaSemiBoldItalic.woff2') format("woff2");
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Suptitle';
    src: url('assets/fonts/SuperiorTitleMedium.woff2') format("woff2");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Suptitle';
    src: url('assets/fonts/SuperiorTitleBold.woff2') format("woff2");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Graphik';
    src: url('assets/fonts/Graphik-Regular.woff') format("woff");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Graphik';
    src: url('assets/fonts/Graphik-600.otf');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Graphik';
    src: url('assets/fonts/Graphik-900.otf');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'GraphikCondensed';
    src: url('assets/fonts/GraphikCondensed-Semibold-Web.woff2') format("woff2");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'GraphikCondensed';
    src: url('assets/fonts/GraphikCondensed-Medium-Web.woff2') format("woff2");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'GraphikCondensed';
    src: url('assets/fonts/GraphikCondensed-Black-Web.woff2') format("woff2");
    font-weight: 900;
    font-style: normal;
}

@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0) scaleX(1);
  }

  75% {
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }

  90% {
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.bounceInLeft {
  animation-name: bounceInLeft;
}

body::after{
   position:absolute; width:0; height:0; overflow:hidden; z-index:-1;
   content:url('assets/img/arrow-long-red.svg') url('assets/img/arrow-long.svg') url('assets/img/arrow-long-green.svg');
}

.body-f2, .font-2 {
   letter-spacing: -0.5px;
}

.block-skin-2 .excerpt {
    color: #555!important
}

#top-bar-message {
    display: block
}

.grecaptcha-badge {
    display: none!important
}

.crimson {
    color: #ff2e58
}

.cobalt {
    color: #006eff
}

.acid {
    color: #daf402
}

.violet {
    color: #7a4eff
}

.slate {
    color: #3e3636
}

.white {
    color: #fff
}

.white-underline {
    display: inline;
    background-image: -webkit-linear-gradient(120deg,#FFFFFF 0%,#FFFFFF 100%);
    background-image: -o-linear-gradient(120deg,#FFFFFF 0%,#FFFFFF 100%);
    background-image: linear-gradient(120deg,#FFFFFF 0%,#FFFFFF 100%);
    background-repeat: no-repeat;
    background-size: 100% .15em;
    background-position: 0 91%;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in
}

.red-underline,.crimson-underline {
    display: inline;
    background-image: -webkit-linear-gradient(120deg,#FF2E58 0%,#FF2E58 100%);
    background-image: -o-linear-gradient(120deg,#FF2E58 0%,#FF2E58 100%);
    background-image: linear-gradient(120deg,#FF2E58 0%,#FF2E58 100%);
    background-repeat: no-repeat;
    background-size: 100% .15em;
    background-position: 0 91%;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in
}

.cobalt-underline {
    display: inline;
    background-image: -webkit-linear-gradient(120deg,#006EFF 0%,#006EFF 100%);
    background-image: -o-linear-gradient(120deg,#006EFF 0%,#006EFF 100%);
    background-image: linear-gradient(120deg,#006EFF 0%,#006EFF 100%);
    background-repeat: no-repeat;
    background-size: 100% .15em;
    background-position: 0 91%;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in
}

.acid-underline {
    display: inline;
    background-image: -webkit-linear-gradient(120deg,#DAF402 0%,#DAF402 100%);
    background-image: -o-linear-gradient(120deg,#DAF402 0%,#DAF402 100%);
    background-image: linear-gradient(120deg,#DAF402 0%,#DAF402 100%);
    background-repeat: no-repeat;
    background-size: 100% .15em;
    background-position: 0 91%;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in
}

.violet-underline {
    display: inline;
    background-image: -webkit-linear-gradient(120deg,#7A4EFF 0%,#7A4EFF 100%);
    background-image: -o-linear-gradient(120deg,#7A4EFF 0%,#7A4EFF 100%);
    background-image: linear-gradient(120deg,#7A4EFF 0%,#7A4EFF 100%);
    background-repeat: no-repeat;
    background-size: 100% .15em;
    background-position: 0 91%;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in
}

.red-bot-border {
    border-bottom: 5px solid #ff2e58
}

.cobalt-bot-border {
    border-bottom: 5px solid #006eff
}

.acid-bot-border {
    border-bottom: 5px solid #daf402
}

.violet-bot-border {
    border-bottom: 5px solid #7a4eff
}

.slate-bot-border {
    border-bottom: 5px solid #3e3636!important
}

@media only screen and (min-width: 769px) {
    .float-r,.float-r ul {
        float:right!important
    }

    .float-l,.float-l ul {
        float: left!important
    }
}

@media only screen and (max-width: 480px) {
    .mob-hide {
        display:none!important
    }
}

@media only screen and (min-width: 480px) {
    .mob-show {
        display:none!important
    }
}

@media only screen and (min-width: 481px) and (max-width:1019px) {
    .tab-hide {
        display:none!important
    }
}

.main-navigation li {
    -webkit-transition: .3s;
    transition: .3s
}

.main-navigation li:hover {
    background: #000
}

.menu-item-has-children>a:after,.tipi-i-trend-2:before {
    color: #FF2E58
}

#mobhead .logo img {
    width: 50%
}

.logo-footer a {
    width: 70%
}

.logo-l-padding {
    max-width: 123px;
}

.byline,.byline-part,.byline a {
    text-transform: initial
}

.hero-wrap .cats a {
    text-transform: uppercase;
    color: #fff!important;
    margin-right: 7px!important;
    background: #7a4eff;
    padding: 2px 5px;
    font-weight: 500
}

@media only screen and (max-width: 480px) {
    .byline-part {
        font-size:10px
    }
}

.byline .separator {
    display: none!important
}

.footer-widget-wrap .widget-title {
    font-weight: 700;
    color: #ffffff !important;
}

.footer-sub-form .wpcf7-submit {
    width: 100%
}

.footer-support-btn {
    width: 100%;
    text-align: center;
    font-weight: 600;
    border-radius: 0!important
}

footer .cats {
    opacity: 1!important
}

.site-footer .cats .cat {
    display: none
}

.site-footer .cats a:first-child {
    display: inline-block!important
}

@media only screen and (max-width: 767px) {
    .site-footer .preview-thumbnail .mask {
        flex:0 0 110px;
        margin-top: -1%
    }

    .site-footer .zeen_stylish_posts .only-filters .load-more-wrap-2 {
        margin-bottom: 30px!important
    }
}

.grid-meta-bg .mask:before,.slider-meta-bg .mask:before {
    transition: all 1s
}

#block-wrap-49925 .tile-design .meta {
    padding: 20px;
    text-align: left
}

.block-css-49925 .title a {
    display: none
}

.block-css-49925 .title:after {
    visibility: visible!important;
    text-indent: 0;
    display: block;
    line-height: initial;
    color: #fff;
    font-size: 30px
}

.block-css-49925 article:nth-child(1) .title:after {
    content: "Branding"!important
}

.block-css-49925 article:nth-child(2) .title:after {
    content: "Naming"!important
}

.block-css-49925 article:nth-child(3) .title:after {
    content: "Strategy"!important
}

.block-css-49925 article:nth-child(4) .title:after {
    content: "Marketing"!important
}

.small-section-head,#block-wrap-44249 p {
    font-weight: 500;
    font-size: 18px;
    background-color: #fff;
    padding: 3px 5px;
    display: inline-block
}

.big-section-txt {
    font-weight: 500;
    text-align: left;
    width: 100%;
    font-size: 3.6666666667em;
    line-height: 1.2em;
    letter-spacing: -3px
}

.med-section-txt {
    font-size: 2em;
    text-align: left;
    font-weight: 500;
    letter-spacing: -1px;
    line-height: 1.3
}

#block-wrap-57849 {
    margin-top: -150px
}

@media only screen and (min-width: 1240px) {
    #block-wrap-57849 {
        min-height:940px
    }
}

.midi-txt,#block-wrap-14196 p,#block-wrap-80220 p,#block-wrap-14354 .block-subtitle p,.entry-content h2,.service-content .block-wrap-32 .block-subtitle p,.portfolio-footer-form-wrap .block-subtitle p {
    font-size: 1.6666666666666667em;
    text-align: left;
    line-height: 1.3
}

#block-wrap-14354 .block-subtitle p {
    font-weight: 500
}

#block-wrap-14354 .block-title {
    padding-bottom: 5px!important
}

#content .block-wrap-61 .block-title p,#content .block-wrap-41 .block-title p,.block-title {
    font-size: 30px
}

#block-wrap-14196 .block-title-2 .block-title:before,#block-wrap-80220 .block-title-2 .block-title:before,#content .block-wrap-61 .block-title-2 .block-title:before {
    display: none
}

.content-area ul {
    list-style: none!important
}

.content-area li:not(.blocks-gallery-item):not(.wp-block-jetpack-slideshow_slide) {
    background: url(/icons/fabrik-li.svg) no-repeat 20px 1px transparent;
    background-size: 20px;
    padding: 0 0 0 55px
}

#content .block-wrap-61.recent-work .author,#content .block-wrap-61.recent-work .date {
    display: none
}

#content .block-wrap-61 .meta {
    padding-bottom: 40px
}

#content .block-wrap-61 .byline-part {
    font-size: 20px
}

#content .block-wrap-61.recent-blogs .author,#content .block-wrap-61.recent-blogs .date,#block-wrap-69085 .author,#block-wrap-69085 .date,.block-71 .date,.block-71 .author {
    display: none
}

.home .excerpt {
    font-size: 18px;
    color: #1c1d1e
}

#block-wrap-14354 .block-title,.service-form .block-title {
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    justify-content: unset;
    padding-bottom: 30px
}

#block-wrap-14354 .block-title p,.service-form .block-title p {
    font-size: 40px;
    text-align: left;
    font-weight: 500
}

#block-wrap-14354 .block-subtitle p,.service-form .block-subtitle p {
    color: #fff
}

#wpcf7-home ::placeholder {
    color: #fff
}

#wpcf7-services ::placeholder {
    color: #858585
}

.wpcf7-submit {
    background-color: #1c1d1e
}

.sidebar .wpcf7-submit {
    background-color: #ff2e58
}

#wpcf7-home .col,#wpcf7-services .col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 48px;
    margin-bottom: 10px!important;
    align-items: center;
    font-size: 24px
}

#wpcf7-services input {
    height: 48px
}

#wpcf7-services textarea {
    max-width: 513px;
    height: 130px
}

#wpcf7-home .col label,#wpcf7-services .col label {
    -webkit-flex: 0 0 33.333333%;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    width: 33.333333%
}

#wpcf7-home .wpcf7-form-control-wrap,#wpcf7-services .wpcf7-form-control-wrap {
    width: 100%;
    margin: 0;
    float: right!important
}

#wpcf7-home .cp-all-inputs-wrap,#wpcf7-services .cp-all-inputs-wrap {
    padding: 30px 0
}

#block-wrap-14354 .form-main p,#wpcf7-services p {
    text-align: right!important
}

.form-message {
    height: auto!important;
    align-items: initial!important
}

:not(.block-css-14354) input[type=submit] {
    font-weight: 600;
    border-radius: 0!important;
    padding: 0!important
}

.block-css-66994 .byline-3,.block-css-55926 .byline-3,.block-css-14796 .byline-3,.block-css-15571 .byline-3 {
    display: none
}

blockquote:before,q:before,blockquote:after,q:after {
    position: absolute;
    font-family: graphik web;
    content: '„';
    font-weight: 400;
    font-size: 60px;
    -webkit-transform: scale(-1,-1);
    transform: scale(-1,-1);
    margin-top: -3%!important;
    top: 0!important
}

blockquote:after,q:after {
    right: -10%
}

blockquote {
    font-size: 24px
}

blockquote cite {
    font-size: 18px;
    font-style: unset!important
}

@media only screen and (max-width: 480px) {
    blockquote {
        font-size:19px
    }

    blockquote cite {
        font-size: 16px!important;
        font-style: unset!important
    }
}

.entry-footer {
    border-top: 1.5px solid #000;
    padding-top: 26px
}

.post-tags {
    margin-bottom: 26px!important
}

.share-it .title {
    color: #000;
    font-weight: 500;
    font-size: 1rem;
    text-transform: initial;
    letter-spacing: .025em
}

.share-it-11 a:last-child {
    margin: 0 2px 15px 15px!important
}

.share-it:not(.hero-wrap .share-it) {
    display: inline-block;
    margin-bottom: 0;
    padding-bottom: 30px;
    border-bottom: 5px solid #000
}

@media only screen and (max-width: 480px) {
    .share-it {
        display:block!important
    }

    .share-it-11 a:last-child {
        margin: 0 20px 15px!important
    }
}

.cs-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 30px
}

.cs-header-inner {
    padding-top: 95px
}

.suptitle {
    background: #3B3B3D;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    font-weight: 500;
    padding: 9px 23px;
    margin-bottom: 55px;
    line-height: 14px;
}

.cs-header-inner h1 {
    font-size: 80px;
    color: #fff;
    line-height: 80px;
    font-weight: 500
}

.cs-header-inner h1 strong {
    display: inline;
    background-image: -webkit-linear-gradient(120deg,#009CDE 0%,#009CDE 100%);
    background-image: -o-linear-gradient(120deg,#009CDE 0%,#009CDE 100%);
    background-image: linear-gradient(120deg,#009CDE 0%,#009CDE 100%);
    background-repeat: no-repeat;
    background-size: 100% .15em;
    background-position: 0 91%;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
    font-weight: 500
}

.cs-header-bottom {
    margin-top: 95px;
    padding: 90px 46px 64px 64px;
    max-width: 910px;
    background: #ff2e58;
    transform: translateX(-64px);
    font-size: 31px;
    line-height: 48px;
    color: #fff;
    letter-spacing: -.64px
}

.cs-header-bottom strong {
    font-weight: 600
}

button.btn, a.btn {
    min-width: 260px;
    display: inline-block;
    background: #fff;
    text-align: center;
    border: 1px solid #3E3636;
    color: #3E3636;
    font-size: 14px;
    line-height: 32px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 16px 0;
    letter-spacing: 0;
    transition: .3s!important
}

.cs-header-bottom-links {
    margin-top: 55px
}

a.btn+a.btn {
    margin-left: 32px
}

a.btn.btn--alt {
    background: #3E3636;
    color: #fff;
}

a.btn.btn--alt:hover {
    color: #3e3636;
    background: #fff;
}

button.btn:hover, a.btn:hover {
    background: #3e3636;
    color: #fff;
}

.cs-text-block-1 {
    padding: 190px 0 130px;
    margin: 0 100px;
    position: relative;
}

.cs-header-inner {
    position: relative
}

.cs-header-inner:after {
    content: '';
    position: absolute;
    height: 64px;
    max-width: 1268px;
    width: 100%;
    background: #ff2e58;
    z-index: 2;
    top: 100%;
    left: -64px
}

.cs-text-block-inner {
    position: relative
}

.flexed {
    display: flex;
    flex-wrap: wrap
}

.flexed--between {
    justify-content: space-between
}

.cs-text-block-text {
    max-width: 750px;
    margin-right: 30px;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: -.6px
}

.cs-text-block-image {
    position: relative;
}

.cs-text-block-image img {
    position: absolute;
    left: 0;
    width: auto;
    max-width: initial;
    top: 0;
    height: 100%
}

.cs-text-block-text h2 {
    font-size: 48px;
    font-weight: 500;
    letter-spacing: -1px;
    padding-bottom: 75px;
    color: #000;
}

.cs-text-block-text p:not(:last-child) {
    margin-bottom: 35px
}

.cs-text-block-text strong {
    font-weight: 500
}

.cs-text-block {
    overflow: hidden
}

.cs-text-block-2 {
    padding: 130px 0 160px;
    background: #009CDE;
    color: #fff;
}

.flexed.flexed--revert {
    flex-direction: row-reverse
}

.cs-text-block-2 .cs-text-block-text {
    max-width: 750px;
    margin-right: 0;
    margin-left: 130px;
    padding-top: 64px;
    padding-bottom: 80px;
}

.flexed.flexed--revert .cs-text-block-image img {
    left: initial;
    right: 0px;
}

.cs-what-get-item {
    max-width: 360px;
    line-height: 36px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-self: stretch;
    padding-bottom: 15px
}

.arrowed {
    padding-top: 190px;
    background: url(assets/img/arrow2.jpg) 0 0 no-repeat;
    background-size: 164px auto;
    position: relative;
    top: -80px
}

.cs-what-get-top h3 {
    font-size: 36px;
    font-weight: 500;
    letter-spacing: -.72px;
    padding-bottom: 40px
}

.cs-what-get-bottom {
    border-top: 8px solid #009CDE;
    margin-top: 10px;
    padding-top: 10px;
    font-weight: 600;
    min-height: 130px
}

.suptitle.suptitle--alt {
    background: #000;
    color: #fff;
    margin-top: 64px;
    margin-bottom: 32px;
    padding: 0 9px
}

.cs-case-study-pick .cs-text-block-text {
    margin-right: 0;
    margin-left: 100px;
    max-width: 360px
}

.cs-case-study-pick.cs-text-block {
    padding: 130px 0 160px;
    background: #f2f2f2
}

.cs-what-get-main {
    background: #7b4eff;
    color: #fff
}

.cs-what-get-main h2 {
    color: #fff
}

.cs-text-block.cs-text-block-3 .cs-text-block-text {
    padding: 190px 0 220px;
    max-width: 630px;
    margin-right: 90px
}

.cs-container.cs-container--wider>div {
    padding-left: 64px;
    padding-right: 64px
}

.cs-container.cs-container--wider {
    max-width: 1328px
}

.cs-what-get-main-top-inner {
    background: #fff;
    color: #000;
    gap: 30px;
    position: relative;
    top: -65px
}

.cs-what-get-main-top-item {
    flex: 1;
    line-height: 36px;
    letter-spacing: -.5px;
    padding-right: 30px
}

.cs-what-get-main-top-item h3 {
    font-size: 36px;
    font-weight: 500;
    margin-bottom: 40px
}

.cs-text-block-4 .cs-text-block-text {
    max-width: 100%
}

.cs-feat {
    max-width: 360px;
    background: #000;
    padding: 32px 28px 40px 40px;
    min-height: 320px
}

.cs-feats-inner {
    gap: 30px
}

.cs-feats {
    padding: 80px 0 160px
}

.cs-feat-title {
    color: #fff;
    font-size: 30px;
    font-weight: 500;
    letter-spacing: -.5px;
    margin-bottom: 45px
}

.cs-feat-text {
    font-size: 20px;
    line-height: 30px
}

.cs-contact-text-inner {
    background: #ff2e58;
    color: #fff;
    padding-top: 90px;
    padding-bottom: 32px;
    gap: 15px
}

.cs-contact-text-text {
    font-size: 32px;
    line-height: 48px;
    flex: 1;
    letter-spacing: -.64px
}

.cs-contact-block {
    padding-top: 95px;
}

.cs-contact-block.cs-contact-block-2 {
    padding-bottom: 80px;
}

.cs-contact-block h2 {
    color: #fff;
    font-size: 74px;
    font-weight: 500;
    letter-spacing: -1.6px;
    margin-bottom: 100px
}

.cs-text-block.cs-text-block-5 {
    padding: 190px 0 130px
}

.cs-text-block.cs-text-block-5 .cs-text-block-text {
    max-width: 665px;
    margin-right: 90px
}

.cs-contact-block-1 .cs-contact-text-inner {
    position: relative
}

.cs-contact-block-1 .cs-contact-text-inner:after {
    content: '';
    position: absolute;
    left: 0;
    top: 100%;
    height: 64px;
    width: 100%;
    background: #ff2e58
}

.cs-contact-block.cs-contact-block-2 h2 {
    font-size: 80px
}

.cs-contact-block.cs-contact-block-2 .cs-contact-text-text {
    max-width: 790px;
    padding-bottom: 58px;
    color: #fff;
}

.cs-case-study-pick.cs-case-study-pick-latest .cs-text-block-text {
    margin-left: 0;
    margin-right: 90px
}

.cs-text-block-text .btn {
    margin-top: 30px
}

.cs-case-study-pick.cs-case-study-pick-latest.cs-text-block {
    padding-bottom: 190px
}

.cs-case {
    max-width: 360px;
    margin-bottom: 30px
}

.cs-case-study-latest-inner {
    position: relative;
    top: -65px;
    padding-bottom: 65px
}

.case-title {
    font-size: 30px;
    line-height: 46px;
    font-weight: 500;
    padding-top: 20px;
    padding-bottom: 32px
}

.case-cats a.suptitle {
    padding: 9px 27px;
    transition: .3s!important;
    background: #009CDE;
}

.case-cats a.suptitle:hover {
    background: #ff2e58
}

.cc-inner {
    padding: 95px 0 65px
}

.cc-page-title h1 {
    color: #fff;
    font-size: 96px;
    font-weight: 500;
    letter-spacing: -2px;
    max-width: 580px
}

.cc-sidebar {
    max-width: 360px
}

.cc-main {
    flex: 1;
    background: #fff
}

.cc-content {
    gap: 30px;
    margin-top: 35px
}

.cc-top-text {
    background: #FF2E58;
    padding: 35px 68px;
    font-size: 20px;
    color: #fff;
    font-weight: 500
}

.cc-main-text {
    padding: 40px 68px
}

.cc-widget h2 {
    text-align: center;
    font-size: 28px;
    font-weight: 600;
    padding: 30px 10px
}

.cc-widget-text {
    padding: 0 36px 40px 26px
}

.cc-widget-text li {
    padding-left: 22px;
    border-left: 2px solid #000;
    margin-bottom: 30px;
    font-size: 20px;
    line-height: 24px
}

.cc-widget-text li:last-child {
    margin-bottom: 0
}

.cc-widget+.cc-widget {
    margin-top: 30px
}

.cc-widget:nth-child(2n) h2 {
    color: #fff
}

.cc-widget img {
    max-width: 195px;
    padding: 30px 0;
    display: block
}

.gform_wrapper input[type=text],.gform_wrapper input[type=email] {
    padding-left: 15px!important
}

body .gform_wrapper input[type=text]::placeholder,body .gform_wrapper input[type=email]::placeholder {
    font-weight: 400!important
}

.gform_wrapper legend {
    font-size: 20px!important;
    font-weight: 500!important;
    padding-bottom: 15px!important;
    padding-top: 15px!important
}

.gfield--type-captcha label,.gfield--type-textarea label {
    font-size: 20px!important;
    font-weight: 500!important;
    padding-bottom: 16px!important
}

.gfield--type-captcha {
}

.gfield-choice-input {
    background: #f2f2f2!important;
    /* width:40px; */
    /* height:40px; */
    zoom: 2.2;margin-left: 0;
    margin-bottom: 0;
}

.gfield_checkbox>div,.gfield_radio>div {
    margin-bottom: 15px
}

.ginput_container_consent input {
    zoom: 3; margin-right: 0;
    margin-left: 0;
}

.ginput_container_consent {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px
}

.ginput_container_consent label {
    font-size: 16px!important
}

.mobile-image {
    display: none
}

.ginput_container.ginput_container_fileupload input {
    font-size: 16px;
}

.gchoice {
    display: flex;
    align-items: center;
}

.suptitle.suptitle--dark {
    background: #FF2E58;
    color: #fff;
}

.bg-dark {
    background: #F2F2F2;
}

.start-heading-inner {
    background: #fff;
    max-width: 843px;
    padding: 95px 80px 64px 64px;
    transform: translateX(-64px);
    position: relative;
}

.rel {
    position: relative;
}

.start-heading h1 {
    font-size: 96px;
    font-weight: 500;
    letter-spacing: -1.92px;
    padding-bottom: 100px;
}

.start-heading h1 strong {
    display: inline;
    background-image: -webkit-linear-gradient(120deg,#FF2E58 0%,#FF2E58 100%);
    background-image: -o-linear-gradient(120deg,#009CDE 0%,#009CDE 100%);
    background-image: linear-gradient(120deg,#FF2E58 0%,#FF2E58 100%);
    background-repeat: no-repeat;
    background-size: 100% 0.15em;
    background-position: 0 91%;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
    font-weight: 500;
}

.start-heading-text {
    font-size: 48px;
    line-height: 56px;
    letter-spacing: -0.9px;
}

.start-heading-text p:not(:last-child) {
    margin-bottom: 60px;
}

.start-heading:before {
    content: '';
    background: #fff;
    position: absolute;
    height: calc(100% - 385px);
    bottom: 575px;
    width: 50vw;
}

.cs-abs-img {
    position: absolute;
    right: 0;
    top: 0;
}

.start-heading .cs-abs-img {
    width: calc(50vw - 215px);
    bottom: 575px;
    top: inherit;
    z-index: 3;
}

.start-heading:after {
    content: '';
    position: absolute;
    width: calc(50vw - 215px);
    bottom: 0;
    right: 0;
    background: #FF2E58;
    height: 70vh;
}

body.page-template-start_page_v2-tpl .cs-container strong {
    font-weight: 500;
}

.start-s2 {
    padding: 95px 0;
}

.start-s2-inner {
    column-count: 2;
    font-size: 31px;
    line-height: 48px;
    letter-spacing: -1px;
    column-gap: 80px;
}

.start-services .cs-abs-img {
    width: calc(50vw - 213px);
    height: 100%;
}

.start-services-inner h2 {
    font-size: 68px;
    font-weight: 500;
    letter-spacing: -1.36px;
    padding: 0 0 35px;
}

.start-services-tab {
    flex: 1;
    padding: 32px 0 32px 48px;
    background: #fff;
    position: relative;
    z-index: 3;
    color: #9A9A9A;
    font-size: 48px;
    font-weight: 500;
    top: 50px;
    cursor: pointer;
}

.start-services-tabs {
    gap: 45px;
}

.start-services-tab:first-child {
    padding-left: 64px;
    margin-left: -64px;
}

.start-services-tab.active {
    color: #FF2E58;
}

.start-services-tab:last-child {
    padding-right: 64px;
    margin-right: -64px;
}

.start-services-tab-contents {
    position: relative;
    z-index: 2;
    background: #fff;
    width: calc(100% + 128px);
    left: -64px;
    padding: 95px 64px;
}

.start-services-tab-content-img {
    flex: 1;
}

.start-services-tab-content-info {
    flex: 1;
    font-size: 23px;
    line-height: 40px;
    letter-spacing: -0.5px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.start-services-tab-content {
    gap: 30px;
}

.start-services-tab-content-info p {
}

.start-services-tab-content-img img {
    display: block;
}

.start-services-btn .btn {
    width: 100%;
    background: #009CDE;
    color: #fff;
}

.start-services-btn .btn:hover {
    background: #3e3636;
}

.cs-abs-img img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.start-services {
    padding: 125px 0;
}

.start-cases-inner {
    max-width: 555px;
    margin-left: auto;
}

.start-cases {
    margin: 320px 0 125px;
}

.start-cases-cases {
    width: calc(50vw - 120px);
    position: absolute;
    top: 0;
    height: 100%;
}

.start-cases-text h2 {
    font-size: 68px;
    line-height: 56px;
    font-weight: 500;
    letter-spacing: -1.36px;
    margin-bottom: 100px;
}

.start-cases-text p {
    margin-bottom: 40px;
}

.start-case-btn {
    padding-top: 50px;
}

.start-case {
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
}

.start-case-img {
    height: 100%;
}

.start-case-img img {
    height: 100%;
    object-fit: cover;
}

.start-case-info {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 520px;
    background: rgba(255, 255, 255, 0.9);
    padding: 15px 35px 15px 64px;
}

.start-case-info-inner {
    justify-content: space-between;
}

.start-case-title {
    font-size: 30px;
    font-weight: 500;
}

.start-case-tags {
    font-size: 20px;
}

.start-case-nav button {
    font-size: 35px;
    font-family: monospace;
}

.start-case-nav button + button {
    margin-left: 30px;
}

.start-case.active {
    opacity: 1;
    visibility: visible;
}

.start-case-btn a {
    width: 100%;
}

.start-feat-img {
    width: calc(50vw - 25px);
    height: 100%;
}

.start-feat-inner {
    max-width: 535px;
}

.start-feat1 {
    padding: 128px 0;
}

.start-feat-title img {
    max-width: 66px;
    display: block;
}

.start-feat-title {
    align-items: center;
    margin-bottom: 125px;
}

.start-feat-title h2 {
    font-size: 58px;
    font-weight: 600;
    margin-left: 10px;
    line-height: 53px;
    letter-spacing: -1.56px;
    padding-bottom: 11px;
}

.start-feat-text p {
    margin-bottom: 50px;
}

.start-feat-btn a {
    width: 100%;
}

.start-feat1 .btn {
    background: #00B480;
    color: #fff;
}

.start-feat2 .btn {
    background: #7B4EFF;
    color: #fff;
}

.start-feat3 .btn {
    background: #009CDE;
    color: #fff;
}

.start-feat1:after {
    content: '';
    width: calc(50vw - 220px);
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: #A9F9DD;
}

.start-feat {
    z-index: 3;
}

.start-feat2 {
    padding: 128px 0;
}

.start-feat2 .start-feat-inner {
    margin-left: auto;
}

.start-feat2 .start-feat-img {
    right: inherit;
    left: 0;
}

.start-feat2:before {
    content: '';
    background: #7B4EFF;
    position: absolute;
    top: 0;
    left: 0;
    height: 32px;
    width: calc(50vw - 25px);
}

.start-feat2:after {
    content: '';
    background: #7B4EFF;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 32px;
    width: calc(50vw - 25px);
}

.start-book {
    padding: 128px 0;
}

.start-book h2 {
    font-size: 68px;
    color: #fff;
    font-weight: 500;
    letter-spacing: -1.56px;
}

.start-book-text {
    column-count: 2;
    width: calc(100% + 128px);
    margin-left: -64px;
    padding: 64px 64px 128px;
    background: #fff;
    margin-top: 128px;
    column-gap: 30px;
    line-height: 36px;
    letter-spacing: -0.46px;
    position: relative;
}

.start-book-btn a {
    width: 100%;
    background: #7B4EFF;
    color: #fff;
}

.start-book-btn {
    position: absolute;
    bottom: 64px;
    width: calc(50% - 80px);
    right: 64px;
}

.start-feat3:after {
    content: '';
    position: absolute;
    background: #66C5EC;
    height: 100%;
    width: calc(50vw - 220px);
    top: 0;
    right: 0;
}

.start-feat3 {
    padding: 128px 0;
}

.start-contact .cs-abs-img {
    width: calc(50vw - 220px);
    max-width: 670px;
}

.start-contact {
    padding: 95px 0 128px;
}

.start-contact h2 strong {
    display: inline;
    background-image: -webkit-linear-gradient(120deg,#FF2E58 0%,#FF2E58 100%);
    background-image: -o-linear-gradient(120deg,#FF2E58 0%,#FF2E58 100%);
    background-image: linear-gradient(120deg,#FF2E58 0%,#FF2E58 100%);
    background-repeat: no-repeat;
    background-size: 100% 0.15em;
    background-position: 0 91%;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
    font-weight: 500;
}

.start-contact h2 {
    font-weight: 500;
    font-size: 80px;
    margin-bottom: 150px;
}

.start-contact .start-heading-text {
    font-size: 32px;
    line-height: 48px;
}

.start-contact-left {
    max-width: 650px;
}

.start-contact-inner {
    justify-content: space-between;
    align-items: flex-end;
}

.start-contact-btn a {
    width: 360px;
}

.start-services-wrap {
    padding-top: 125px;
}

.start-heading-text strong em, .start-services-tab.active span {
    color: #000;
    background-image: -webkit-linear-gradient(120deg,#FF2E58 0%,#FF2E58 100%);
    background-image: -o-linear-gradient(120deg,#009CDE 0%,#009CDE 100%);
    background-image: linear-gradient(120deg,#FF2E58 0%,#FF2E58 100%);
    background-repeat: no-repeat;
    background-size: 100% 0.15em;
    background-position: 0 91%;
    font-weight: 500;
    font-style: normal;
}

.start-contact-btn a {
    background: #FF2E58;
    color: #fff;
}

.start-heading .cs-container {
    position: relative;
    z-index: 4;
}

.cs-header {
    margin: 32px 100px;
}

.cs-text-block-1 img {
    right: 0;
    left: inherit;
    max-width: 490px;
}

.cs-text-block-1 .cs-text-block-inner, .cs-text-block-1 .cs-text-block-image {
    position: static;
}

.cs-text-block-1 .cs-text-block-image {
}

.cs-text-block-2 img {
    max-width: 240px;
    left: 0;
}

.cs-text-block-2 .cs-text-block-text h2 {
    color: #fff;
}

.cs-text-block.cs-text-block-3 img {
    max-width: 240px;
    position: relative;
    height: auto;
    top: 0;
    transform: none;
}

.cs-text-block.cs-text-block-3 .cs-text-block-inner {
    justify-content: space-between;
    align-items: center;
}

.cs-contact-block .suptitle {
    background: #fff;
    color: #000;
}

.cs-contact-block.cs-contact-block-1 {
    background-color: #000;
}

.cs-text-block.cs-text-block-5 img {
    max-width: 240px;
    position: relative;
}

.cs-text-block.cs-text-block-5 .cs-text-block-inner {
    justify-content: space-between;
}

.cs-contact-block.cs-contact-block-2 .cs-contact-text-text b {
    font-weight: 600;
}

button.btn.btn--short, a.btn.btn--short {
    min-width: auto;
    padding: 8px 16px;
}

button.btn.btn--accent, a.btn.btn--accent {
    background: #FF2E58;
    color: #fff;
    border: 1px solid #FF2E58;
}

button.btn.btn--accent:hover, a.btn.btn--accent:hover {
    color: #FF2E58;
    background: #fff;
}

.case-cats {
    padding-top: 25px;
}

.cs-container.cs-container-lg {
    max-width: 1400px;
    padding: 0;
}

.cs-bio-inner h1 {
    font-size: 80px;
    color: #3B3B3D;
    letter-spacing: -1px;
    font-weight: 700;
}

.cs-bio-meta {
    justify-content: space-between;
    max-width: 750px;
    align-items: center;
    margin-top: 13px;
}

.cs-bio-role {
    font-size: 32px;
    color: #3B3B3D;
    font-weight: 700;
    font-family: 'Suptitle';
}

.cs-bio-links a {
    width: 32px;
    height: 32px;
    transition: 0.3s !important;
    background: #88868B;
    background-size: contain;
    margin-right: 16px;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
}

.cs-bio-links {
    margin-top: 16px;
}

.cs-bio-links a:hover {
    background: #3B3B3D;
}

.cs-bio-links a.cs-bio-inst {
    background-image: url('assets/img/instagram.png');
}

.cs-bio-links a.cs-bio-medi {
    background-image: url('assets/img/medium.png');
}

.cs-bio-img {
    max-width: 750px;
    position: relative;
}

.cs-bio-right {
    max-width: 360px;
    width: 100%;
    background: #E2E2E2;
    display: flex;
    align-items: flex-end;
}

.cs-bio-left {
    padding: 100px 0 65px 0;
    flex: 1;
}

.cs-bio-links {
    margin-top: 16px;
}

.cs-bio-links a:hover {
    background: #3B3B3D;
}

.cs-bio-inner {
    gap: 30px;
    align-items: stretch;
}

.cs-bio-wrapper {
    background: url('assets/img/bf_E2E2E2.svg') -130px 50% no-repeat #ECECEC;
}

.cs-bio-img img {
    display: block;
    position: relative;
}

.cs-bio-bottom aside {
    position: absolute;
    top: 0;
    right: 0;
    max-width: 360px;
}

.cs-bio-main-inner {
    max-width: 100%;
    padding-top: 65px;
    gap: 30px;
    padding-bottom: 130px;
}

.cs-bio-main-right {
    max-width: 360px;
}

.cs-bio-main-right aside {
    position: sticky;
    top: 130px;
}

.cs-bio-main-right .latest-widget-heading h3 {
    font-size: 26px;
}

.cs-bio-main-left {
    flex: 1;
}

.cs-bio-preview-text p {
    font-size: 30px !important;
    line-height: 42px;
    margin-bottom: 55px;
}

.cs-bio-preview-text p strong {
    font-weight: 500;
}

.cs-bio-preview-text {
    color: #3B3B3D;
}

.cs-bio-main-text > * {
    margin-bottom: 40px;
}

.cs-bio-main-text {
    padding-bottom: 90px;
    color: #3B3B3D;
}

.cs-bio-main-text h2 {
    font-size: 44px;
    font-weight: 500;
    color: #3B3B3D;
}

.blog-card.slick-slide {
    margin: 0 16px;
}

.cs-bio-blog-list {
    margin: 0 -16px;
    padding-top: 65px;
}

.cs-bio-blogs {
    background: #FFF;
    padding: 95px 0 190px;
}

.cs-bio-blogs h2 {
    font-size: 44px;
    font-weight: 500;
    letter-spacing: -0.75px;
}

.blog-card-title {
    font-size: 30px;
    line-height: 44px;
    margin: 30px 0;
    letter-spacing: -0.54px;
}

.blog-card-meta {
    font-size: 18px;
}

.blog-author-cat {
    font-size: 24px;
    margin: 5px 0 0;
}

button.slick-arrow {
    position: absolute;
    width: 32px;
    height: 32px;
    top: 0;
    right: 16px;
    text-indent: -9999999px;
    transform: translateY(-100%);
}

button.slick-arrow:after {
    content: '\f105';
    font-family: tipi;
    text-indent: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 32px;
    width: 32px;
    font-size: 30px;
    position: absolute;
    top: 0;
    right: 0;
}

button.slick-prev.slick-arrow:after {
    content: '\f104';
    right: 68px;
}

.cc-wrap {
    margin-top: 32px;
}

.home-head-s {
    background: #FF2E58;
    margin-top: 32px;
    padding-top: 64px;
}

.home-head-s-text h1 {
    color: #fff;
    font-size: 96px;
    font-weight: 500;
    letter-spacing: -2px;
    margin-bottom: 35px;
}

.home-head-s-text h1 strong {
    display: inline;
    background-image: -webkit-linear-gradient(120deg,#009CDE 0%,#009CDE 100%);
    background-image: -o-linear-gradient(120deg,#009CDE 0%,#009CDE 100%);
    background-image: linear-gradient(120deg,#009CDE 0%,#009CDE 100%);
    background-repeat: no-repeat;
    background-size: 100% 0.15em;
    background-position: 0 91%;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
    font-weight: 500;
}

.home-head-s-text p {
    font-size: 44px;
    color: #fff;
    line-height: 54px;
    margin-bottom: 15px;
}

.home-head-s-text p strong {
    font-weight: 500;
}

.home-head-s-bottom {
    text-align: center;
    padding-top: 50px;
    display: block;
}

.home-head-s-bottom p {
    display: inline-block;
    background: #F2F2F2;
    padding: 16px 70px;
}

.home-head-s-bottom p strong {
    display: inline;
    background-image: -webkit-linear-gradient(120deg,#F4CBD4 0%,#F4CBD4 100%);
    background-image: -o-linear-gradient(120deg,#F4CBD4 0%,#F4CBD4 100%);
    background-image: linear-gradient(120deg,#F4CBD4 0%,#F4CBD4 100%);
    background-repeat: no-repeat;
    background-size: 100% 0.35em;
    background-position: 0 90%;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
    font-weight: 400;
}

.home-exp-wrap {
    background: #F2F2F2;
    padding: 64px 0 0;
}

.home-exp-tab-img img {
    height: 195px;
    margin: 0 auto;
    display: block;
}

.home-exp-tab {
    text-align: center;
    padding: 60px 0 32px;
    flex: 1;
    cursor: pointer;
}

.home-exp-tab-title {
    padding-top: 64px;
    font-size: 44px;
    font-weight: 500;
}

.home-exp-text h2 {
    font-size: 96px;
    letter-spacing: -2px;
    font-weight: 500;
    margin-bottom: 60px;
}

.home-exp-text h2 strong {
}

.home-exp-text h2 strong {
    display: inline;
    background-image: -webkit-linear-gradient(120deg,#F4CBD4 0%,#F4CBD4 100%);
    background-image: -o-linear-gradient(120deg,#F4CBD4 0%,#F4CBD4 100%);
    background-image: linear-gradient(120deg,#F4CBD4 0%,#F4CBD4 100%);
    background-repeat: no-repeat;
    background-size: 100% 0.15em;
    background-position: 0 90%;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
    font-weight: 500;
}

.home-exp-text {
    font-size: 44px;
    line-height: 54px;
    letter-spacing: -0.5px;
}

.home-exp-tab-contents {
    background: #fff;
    padding: 190px 100px 64px;
    position: relative;
    top: -130px;
}

.home-exp-tab-contents .btn {
    padding-left: 30px;
    padding-right: 30px;
}

.home-exp-tab-text {
    margin-bottom: 15px;
}

.home-exp-tab-text p {
    font-size: 30px;
    margin-bottom: 40px;
    line-height: 42px;
}

.home-exp {
    background: #fff;
    padding: 64px 0 110px;
}

.home-exp-tabs {
    position: relative;
    top: -32px;
    margin-bottom: -32px;
    z-index: 2;
    gap: 30px;
}

.home-work {
    padding: 130px 0;
}

.home-work-top-text h2 {
    font-size: 96px;
    font-weight: 400;
    letter-spacing: -2px;
    margin-bottom: 50px;
}

.home-work-top-text h2 strong {
    display: inline;
    background-image: -webkit-linear-gradient(120deg,#F4CBD4 0%,#F4CBD4 100%);
    background-image: -o-linear-gradient(120deg,#F4CBD4 0%,#F4CBD4 100%);
    background-image: linear-gradient(120deg,#F4CBD4 0%,#F4CBD4 100%);
    background-repeat: no-repeat;
    background-size: 100% 0.15em;
    background-position: 0 90%;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
    font-weight: 400;
}

.home-work-top-text p {
    font-size: 44px;
    line-height: 54px;
    letter-spacing: -0.75px;
}

.home-work-item {
    margin-top: 95px;
    gap: 30px;
}

.home-work-item-info {
    max-width: 360px;
    width: 100%;
    padding: 30px 0;
}

.home-work-item-img {
    flex: 1;
    max-width: 880px;
}

.home-work-item:nth-child(2n+2) {
    flex-direction: row-reverse;
}

.home-work-item-title {
    font-size: 44px;
    font-weight: 500;
    line-height: 54px;
    margin-bottom: 32px;
    letter-spacing: -0.75px;
}

.home-work-item-text {
    font-size: 30px;
    line-height: 42px;
    letter-spacing: -0.54px;
}

.home-work-item-tags-title {
    font-size: 18px;
    line-height: 36px;
}

.home-work-item-tags-list {
    line-height: 36px;
}

.home-work-item-link {
    margin-top: 30px;
}

.home-work-item-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.home-start-inner {
    background: #009DDF;
    padding-bottom: 160px;
}

.home-start-top-inner h2 {
    color: #fff;
    font-size: 54px;
    font-weight: 500;
    line-height: 60px;
    padding: 130px 0;
    display: inline-block;
}

.home-start-top-inner {
    background-repeat: no-repeat;
    background-position: 100% 25px;
    background-size: 320px auto;
}

.home-start-main {
    margin: 0 65px;
    background: #fff;
}

.home-start-text {
    font-size: 30px;
    line-height: 42px;
    flex: 1;
    letter-spacing: -0.5px;
}

.home-start-link a.btn {
    max-width: 360px;
    width: 100%;
    display: block;
    background: #009ddf;
    border-color: #009ddf;
}

.home-start-link {
    max-width: 360px;
    width: 100%;
}

.flexed--bottom {
    align-items: flex-end;
}

.home-start-main-inner {
    gap: 30px;
    padding: 75px 0;
}

.home-start-link a.btn:hover {
    color: #009ddf;
}

.blog-read {
    margin-top: 30px;
}

.home-blog {
    padding: 125px 0;
}

.home-blog-info h2 {
    font-size: 96px;
    font-weight: 400;
    letter-spacing: -2px;
    margin-bottom: 50px;
}

.home-blog-info h2 strong {
    display: inline;
    background-image: -webkit-linear-gradient(120deg,#F4CBD4 0%,#F4CBD4 100%);
    background-image: -o-linear-gradient(120deg,#F4CBD4 0%,#F4CBD4 100%);
    background-image: linear-gradient(120deg,#F4CBD4 0%,#F4CBD4 100%);
    background-repeat: no-repeat;
    background-size: 100% 0.15em;
    background-position: 0 90%;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
    font-weight: 400;
}

.home-blog-info p {
    font-size: 44px;
    line-height: 54px;
    letter-spacing: -1px;
}

.home-blog-latest {
    padding-top: 100px;
    gap: 30px;
}

.home-blog-latest-info {
    max-width: 360px;
    padding: 30px 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.home-blog-latest-img {
    flex: 1;
}

.home-blog-latest-top {
    font-size: 44px;
    line-height: 54px;
    letter-spacing: -1px;
    font-weight: 500;
}

.home-blog-latest-meta {
    font-size: 18px;
}

.home-blog-read {
    margin-top: 30px;
}

.home-blog-list .blog-card {
    max-width: 360px;
}

.home-blog-list {
    padding-top: 100px;
}

.alm-reveal {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

div#ajax-load-more {
    width: 100%;
}

.alm-btn-wrap {
    text-align: center;
}

.alm-reveal {
    padding-bottom: 50px;
}

.cs-bio-main-text a {
    text-decoration: underline;
}

.cs-bio-cats h2 {
    font-size: 44px;
    color: #3B3B3D;
}

button.alm-load-more-btn.loading {
    text-indent: -9999999px;
    width: 213px;
    position: relative;
}

button.alm-load-more-btn.loading::after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border: 4px solid transparent;
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: button-loading-spinner 1s ease infinite;
}

.home-exp-tab img {
    display: none;
}

.home-exp-tab img ~ img {
    display: block;
}

.home-exp-tab.active img ~ img {
    display: none;
}

.home-exp-tab.active img {
    display: block;
}

.home-exp-tab-mob {
    display: none;
}

@keyframes button-loading-spinner {
    from {
        transform: rotate(0turn);
    }

    to {
        transform: rotate(1turn);
    }
}

.team-head-s-wrap {
    margin-top: 32px;
}

.team-head-s {
    padding-top: 64px;
    color: #fff;
    position: relative;
}

.team-head-s h1 {
    font-size: 80px;
    color: #fff;
    font-weight: 500;
    max-width: 100%;
    line-height: 80px;
}

.team-head-s h1 strong {
    display: inline;
    background-image: -webkit-linear-gradient(120deg,#009CDE 0%,#009CDE 100%);
    background-image: -o-linear-gradient(120deg,#009CDE 0%,#009CDE 100%);
    background-image: linear-gradient(120deg,#009CDE 0%,#009CDE 100%);
    background-repeat: no-repeat;
    background-size: 100% 0.15em;
    background-position: 0 91%;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
    font-weight: 500;
}

.team-head-s-bottom {
    font-size: 32px;
    line-height: 48px;
    max-width: 910px;
    background: #FF2E58;
    transform: translateX(-64px);
    padding: 90px 64px 32px 64px;
    letter-spacing: -0.8px;
}

.team-head-s-bottom strong {
    font-weight: 500;
}

.team-head-s-text {
    margin-bottom: 80px;
}

.team-main {
    gap: 50px 30px;
    padding: 35px 0 150px;
}

.team-item {
    max-width: 360px;
}

.team-main:after {
    content: '';
    width: 360px;
}

.team-item-img {
}

.team-item-img img {
    height: 100%;
    object-fit: cover;
}

.team-item-img a {
    display: block;
    height: 240px;
    max-width: 360px;
}

.team-item-title {
    font-size: 30px;
    font-weight: 500;
    padding: 23px 0 2px;
    font-family: 'Suptitle';
}

.team-main-wrap h1 {
    color: #3B3B3D;
    font-size: 56px;
}

.team-item-link a {
    font-weight: 700;
}

.team-item-role {
    font-size: 24px;
    padding-top: 2px;
}

.team-item-text {
    font-size: 24px;
    line-height: 36px;
    margin: 32px 0;
}

.art-hero.team-hero h1 {
    color: #3B3B3D;
    max-width: 1000px;
    letter-spacing: -1px;
    line-height: 1.2;
    padding: 70px 0;
}

.art-hero.team-hero .art-hero-links {
    margin-top: 100px;
}

.art-hero.team-hero .art-hero-text {
    color: #3B3B3D;
    max-width: 900px;
    font-size: 35px;
    line-height: 1.15em;
}

.art-hero.team-hero {
    background: url(assets/img/bf_E2E2E2.svg) calc(100% + 300px) 50% no-repeat #ECECEC;
    background-size: auto 125%;
}

.art-hero.team-hero .btn-blog.btn-blog-alt a {
    border: 1px solid currentColor;
    padding: 14px 25px;
}

@media screen and (max-width: 951px) {
    .art-hero.team-hero .btn-blog.btn-blog-alt a {
        padding: 10px 17px;
    }
}

.team-item-link a {
    text-transform: none;
}

.team-item-text strong {
    font-weight: 400;
}

.cs-header.cs-header-no-margin {
    margin: 32px 0;
}

.cs-case-study-latest.cs-portfolio .cs-case-study-latest-inner {
    top: 0;
}

.cs-case-study-latest.cs-portfolio {
    background: #F2F2F2;
    padding-top: 100px;
    position: relative;
    z-index: 2;
}

.cs-case-study-latest.cs-portfolio h2 {
    font-size: 48px;
    font-weight: 600;
    padding-bottom: 75px;
}

.case-short-info {
    font-size: 20px;
    line-height: 30px;
}

a#loadMore {
    background: #FF2E58;
    color: #fff;
    border: 1px solid #FF2E58;
    min-width: auto;
    padding: 8px 16px;
    margin: 0 auto;
}

a#loadMore:hover {
    background: #fff;
    color: #FF2E58;
}

.author-page-aside {
    max-width: 360px;
    position: sticky;
    top: 110px;
    background: #ECECEC;
}

.author-page-blogs {
    flex: 1;
}

.author-page-blogs .blog-card {
    max-width: 360px;
}

.author-page-inner {
    gap: 32px;
    align-items: flex-start;
}

.author-page-wrap {
    padding: 32px 0 115px;
}

.author-page-blogs .alm-reveal {
    gap: 64px 20px;
}

.author-page-top-line {
    padding-bottom: 32px;
    align-items: center;
}

.author-page-top-line p {
    font-size: 2em;
    font-weight: 700;
    font-family: 'Suptitle';
}

.author-page-top-list {
    position: relative;
    font-size: 20px;
}

.author-page-list-wrap {
    position: absolute;
    top: 100%;
    width: 100%;
    background: #F4F4F4;
    padding: 32px 15px 32px 32px;
    border-top: 16px solid #FF0DFF;
    z-index: 3;
}

.cs-bio-main-right .author-page-top-list {
    margin-bottom: 32px;
}

.author-page-list-item:not(:last-child) {
    margin-bottom: 15px;
}

.author-page-list-item a {
    position: relative;
    padding-left: 21px;
    transition: 0.3s !important;
}

.author-page-list-item a:before {
    content: '';
    width: 16px;
    background: currentColor;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    border-top: 1px solid #000000;
}

.author-page-list-item a:hover {
    color: #ff0dff;
    text-decoration: underline;
}

.author-page-list-label {
    padding: 19px 60px 19px 0;
    position: relative;
    cursor: pointer;
}

.author-page-list-label i {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.alm-listing.alm-ajax {
    padding-bottom: 32px;
}

.author-page-list-label.active i {
    color: #ff0dff;
    transform: rotate(180deg);
}

.author-page-list-label i {
    transform-origin: 50% 30%;
}

.author-page-list-wrap {
    transition: 0.3s;
    opacity: 0;
    visibility: hidden;
}

.author-page-list-label.active + .author-page-list-wrap {
    visibility: visible;
    opacity: 1;
}

.author-page-info {
    padding: 32px 24px;
    background: url(assets/img/bf_E2E2E2.svg) 50% calc(100% + 90px) no-repeat;
    background-size: 380px auto;
}

.author-page-name h1 {
    font-size: 30px;
    font-weight: 500;
}

.author-page-blogs .art-item-title a {
    font-size: 24px;
}

.author-page-wrap .alm-btn-wrap button.alm-load-more-btn[disabled] {
    display: none;
}

.author-page-wrap .alm-btn-wrap button.alm-load-more-btn {
    text-transform: none;
    font-size: 16px;
    color: #fff;
    padding: 7px;
    width: calc(50% - 15px);
    background: #FF0DFF;
    border-color: currentColor;
    font-family: 'Capitolina';
    font-weight: 700;
}

.author-page-wrap .alm-btn-wrap button.alm-load-more-btn:hover {
    background: #3b3b3d;
}

.author-page-role {
    font-size: 24px;
    padding-top: 10px;
}

.author-page-bio {
    font-size: 24px;
    padding: 32px 0 15px;
    color: #3B3B3D;
}

.author-page-posts-num {
    font-size: 16px;
    margin-bottom: 32px;
    padding-top: 16px;
    font-weight: 600;
}

.author-page-link a {
    font-weight: 700;
}

.author-page-posts-num span + span {
    padding-left: 10px;
    font-weight: 600;
    text-decoration: underline;
}

.author-page-social {
    margin-top: 16px;
}

.author-page-social.cs-bio-links a {
    width: 32px;
    height: 32px;
    margin-left: 0;
    margin-right: 16px;
    background: none;
    text-indent: 0;
    background: #88868B;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #fff;
    border-radius: 30px;
    transition: 0.3s;
}

.author-page-social.cs-bio-links a:hover {
    background: #ff0dff;
}

/*.author-page-social.cs-bio-links a.cs-bio-inst {
    background-image: url('assets/img/instagram_d.png');
}

.author-page-social.cs-bio-links a.cs-bio-medi {
    background-image: url('assets/img/medium_d.png');
}*/
.author-page-img img {
    width: 100%;
}

.blog-card-img img {
    width: 100%;
}

.blog-card-img a {
    display: block;
    width: 100%;
    height: 240px;
}

.blog-card-img a img {
    height: 100%;
    object-fit: cover;
}

.port-page-slideshow-item:not(.active) {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.port-page-slideshow-item {
    opacity: 1;
    visibility: visible;
    transition: 0.3s;
}

.port-page-slideshow-item img {
    width: 100%;
    max-height: 880px;
    object-fit: cover;
}

.port-page-top {
    margin-top: 32px;
}

.port-page-top-inner .suptitle {
    position: absolute;
    top: 64px;
}

.port-page-top-info {
    background: #FF2E58;
    padding: 22px 0px 0 64px;
    width: calc(100% + 128px);
    transform: translate(-64px, calc(-100% + 64px));
    margin-bottom: -165px;
}

.port-page-top-info h1 {
    background: none !important;
    color: #fff;
    font-size: 80px;
    font-weight: 500 !important;
}

.port-page-top-info-line1 {
    justify-content: space-between;
    align-items: center;
    padding-bottom: 10px;
}

.port-page-top-info-line2 {
    justify-content: space-between;
    align-items: stretch;
}

.port-page-cats {
    background: #F2F2F2;
    padding: 10px 64px 20px 30px;
    line-height: 36px;
    max-width: 455px;
    width: 100%;
}

.port-page-main-text {
    padding: 128px 0;
}

.port-page-main-text-inner p {
    font-size: 30px;
    line-height: 42px;
    margin-bottom: 45px;
}

.port-page-main-text-inner h2 {
    font-size: 48px;
    line-height: 56px;
    padding-bottom: 50px;
    font-weight: 600;
}

.port-page-cats-list {
    font-size: 24px;
}

.port-page-subtitle {
    font-size: 32px;
    line-height: 42px;
    max-width: 480px;
    color: #fff;
    font-weight: 500;
}

.port-page-slideshow {
    max-height: 880px;
    height: 100%;
}

.port-outcomes {
    padding: 100px 0 150px;
    background: #F2F2F2;
}

.port-outcomes h2 {
    font-size: 48px;
    line-height: 56px;
    font-weight: 500;
}

.port-outcome {
    max-width: 360px;
    padding-bottom: 50px;
    border-bottom: 8px solid #009CDE;
}

.port-outcome-num {
    font-size: 96px;
    letter-spacing: -2px;
    margin-bottom: 10px;
}

.port-outcome-title {
    font-size: 36px;
    line-height: 46px;
    font-weight: 500;
    letter-spacing: -0.75px;
    padding-bottom: 36px;
    margin-bottom: 10px;
}

.port-outcome-text {
    font-size: 24px;
    line-height: 36px;
}

.port-outcomes-list {
    gap: 30px;
}

.port-testim {
    padding: 100px 0 150px;
    background: #009CDE;
}

.port-testim-inner h2 {
    font-size: 48px;
    line-height: 56px;
    font-weight: 500;
    color: #fff;
    padding-bottom: 100px;
}

.port-testim-info {
    background: #FFF;
    padding: 64px;
    align-items: flex-end;
    gap: 64px;
    position: relative;
}

.port-testim-text {
    font-size: 27px;
    max-width: 720px;
}

.port-testim-from {
    max-width: 210px;
    font-size: 20px;
    line-height: 32px;
}

.port-testim-info:before {
    content: '';
    position: absolute;
    top: 10px;
    right: 64px;
    max-width: 280px;
    height: 220px;
    transform: translateY(-100%);
    background: url(assets/img/thank.svg) 100% 100% no-repeat;
    background-size: contain;
    width: 100%;
}

.port-outcomes-list {
    margin-top: 100px;
}

.port-outcome {
    padding-top: 190px;
    background: url('assets/img/arrow3.jpg') 0 0 no-repeat;
}

.port-page-slideshow-nav button {
    width: 48px;
    height: 48px;
    margin-left: 20px;
    text-indent: -99999px;
    background: url('assets/img/arrow4.jpg') 50% 50% no-repeat;
    background-size: contain;
    font-size: 0;
}

.port-page-slideshow-nav {
    padding-right: 64px;
}

.port-page-slideshow-nav button + button {
    transform: rotate(180deg);
    text-indent: 999999px;
    font-size: 0;
}

ul.port-what-did-inner {
    column-count: 2;
    font-size: 44px;
    column-gap: 30px;
    line-height: 44px;
}

ul.port-what-did-inner li {
    margin-bottom: 10px;
    letter-spacing: -1px;
    display: flex;
}

ul.port-what-did-inner li:before {
    content: '–';
    padding-right: 5px;
}

.port-what-did {
    margin-bottom: 40px;
}

.port-text-slideshow-item, .port-text-slideshow-item img {
    max-height: 700px;
    object-fit: cover;
    width: 100%;
}

.port-text-slideshow-item:not(.active) {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    opacity: 0;
    visibility: hidden;
}

.port-page-top, .port-text-slideshow-inner {
    position: relative;
}

.port-text-slideshow-item {
    transition: 0.3s;
}

.port-text-slideshow-nav button {
    position: absolute;
    top: 50%;
    left: 0;
    width: 64px;
    height: 64px;
    transform: translateY(-50%);
    font-size: 0;
    background: url('assets/img/arrow5.jpg') 50% 50% no-repeat;
    background-size: contain;
}

.port-text-slideshow {
    position: relative;
    margin-bottom: 40px;
}

.port-text-slideshow-nav button + button {
    left: inherit;
    transform: translateY(-50%) rotate(180deg);
    right: 0;
}

.author-page-wrap .alm-btn-wrap {
    text-align: center;
}

.team-head-s-bottom-links {
    padding-top: 50px;
}

.team-head-s:after {
    content: '';
    position: absolute;
    height: 64px;
    top: 100%;
    background: #ff2e58;
    left: 66px;
    right: 66px;
}

.team-main-wrap {
    padding-top: 65px;
}

.port-page-main-text-inner ul {
    font-size: 30px;
    margin-bottom: 45px;
    line-height: 42px;
    margin-left: 20px;
}

.port-page-main-text-inner > p:first-of-type {
    font-size: 36px;
    line-height: 46px;
}

.single-mini-services .adthrive {
    display: none;
}

.single-mini-services .mini-services-c h1 {
    background: none !important;
}

a.btn.btn--accent2.btn--alt {
    background: #009CDE;
    border-color: transparent;
}

a.btn.btn--accent2.btn--alt:hover {
    color: #3E3636;
    border-color: currentColor;
    background: #fff;
}

a.btn.btn--accent2:hover {
    background: #009CDE;
    border-color: transparent;
    color: #fff;
}

.mini-services-main-text {
    flex: 1;
}

.min-services-main aside {
    max-width: 360px;
}

.min-services-main {
    padding-top: 128px;
}

.mini-services-main-inner {
    gap: 48px;
    padding-bottom: 120px;
}

.mini-services-aside-title {
    font-size: 36px;
    color: #fff;
    background: #3A3A3C;
    padding: 35px 25px;
    font-weight: 500;
}

.mini-services-aside-projects {
    background: #D9D9D9;
}

.mini-services-aside-projects .cs-case > div:not(.cs-case-img) {
    padding-left: 20px;
    padding-right: 20px;
}

.cs-case a {
    margin-bottom: 0;
}

.mini-services-aside-projects .cs-case {
    padding-bottom: 30px;
    margin-bottom: 0;
    max-width: 100%;
}

.mini-services-aside-bottom {
    padding: 17px 20px 50px;
    background: #009cde;
    color: #fff;
}

.mini-services-aside-link {
    margin-top: 35px;
}

.mini-services-aside-link a {
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    background: #ffffff;
    border-color: #ffffff;
    color: #ff2e58;
}

.mini-services-aside-link a:hover {
    background: #ff2e58;
    border-color: #ff2e58;
    color: #ffffff;
}

.mini-services-aside-bottom h2 {
    color: #fff;
    margin-bottom: 20px;
}

.min-services-main aside .aside-inner {
    position: sticky;
    top: 100px;
    margin-bottom: 32px;
}

.mini-services-main-text p, .mini-services-main-text ul, .mini-services-main-text ol {
    margin-bottom: 30px;
}

.mini-services-main-text h2, .mini-services-main-text img {
    margin-bottom: 60px;
}

.mini-services-main-text p, .mini-services-main-text ul, .mini-services-main-text ol {
    font-size: 24px;
}

.mini-services-main-text p.light-intro {
    font-size: 34px;
}

.mini-services-main-text h2 {
    position: relative;
    display: flex;
    align-items: flex-end;
    padding-left: 160px;
    font-size: 36px;
    font-weight: 500;
    min-height: 140px;
}

.mini-services-main-text h2:before {
    content: '';
    width: 130px;
    height: 130px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: url('assets/img/arrow.svg') #FF2E58 50% 50% no-repeat;
}

.mini-services-main-text h3 {
    /*color: #7A4EFF;*/
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 40px;
}

.mini-services-accordion-item-title {
    font-size: 30px;
    line-height: 36px;
    padding: 15px 40px 15px 15px;
    font-weight: 500;
    background: #EFEFEF;
    color: #494B4A;
    margin-bottom: 32px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 55px;
}

.mini-services-accordion-item-text p {
    margin-bottom: 30px;
}

.mini-services-accordion-item-text {
    display: none;
}

.mini-services-accordion-item-title.active {
    color: #7A4EFF;
}

.mini-services-main-text .wp-block-group.has-background {
    display: none;
}

.mini-services-accordion-item-title.active svg path {
    fill: #4C4C9A;
}

.mini-services-accordion-item-title.active svg {
    transform: rotate(180deg);
}

.mini-services-accordion-item-title svg path, .mini-services-accordion-item-title svg {
    transition: 0.3s;
}

.mini-services-accordion-item-title.active svg path {
    fill: #4C4C9A;
}

.mini-services-accordion-item-title.active svg {
    transform: rotate(180deg);
}

.mini-services-accordion-item-title svg path, .mini-services-accordion-item-title svg {
    transition: 0.3s;
}

.mini-services-main-text ul, .mini-services-main-text ol {
    margin-left: 24px;
    position: relative;
}

.mini-services-main-text ul li {
    position: relative;
    margin-bottom: 10px;
}

.mini-services-main-text ul li:before {
    content: '•';
    padding-right: 10px;
}

.mini-services-main-text p a {
    color: currentColor;
    display: inline;
    background-image: -webkit-linear-gradient(120deg,#ff2e58 0%,#ff2e58 100%);
    background-image: -o-linear-gradient(120deg,#ff2e58 0%,#ff2e58 100%);
    background-image: linear-gradient(120deg,#ff2e58 0%,#ff2e58 100%);
    background-repeat: no-repeat;
    background-size: 100% 0.3em;
    background-position: 0 100%;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

.mini-services-main-text p a:hover {
    background-size: 100% 100%;
    color: #FFFFFF;
}

.single-mini-services .team-head-s:after {
    display: none;
}

.single-mini-services .team-head-s > .cs-container:after {
    content: '';
    position: absolute;
    height: 64px;
    top: 100%;
    background: #ff2e58;
    left: -34px;
    right: 0;
    z-index: 2;
}

.blog-like {
    font-family: Capitolina;
    overflow: hidden;
}

.blog-like h1, .blog-like h2, .blog-like h3, .blog-like h4, .blog-like .h {
    font-family: 'Suptitle';
    font-weight: 700;
}

.blog-like .h {
    font-weight: 500;
}

.single-mini-services .team-head-s > .cs-container {
    position: relative;
}

.art-hero {
    padding: 130px 0 110px;
}

.art-hero-logo {
    max-width: 360px;
}

.art-hero-inner h1 {
    color: #fff;
    padding: 70px 0;
    font-size: 80px;
    max-width: 1000px;
}

.art-hero-text {
    color: #fff;
    font-size: 40px;
    max-width: 1050px;
}

.art-hero-links {
    margin-top: 100px;
}

.btn-blog a {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    padding: 15px 25px;
    background: #FF0DFF;
    transition: 0.3s !important;
    display: inline-block;
}

.btn-blog + .btn-blog {
    margin-left: 15px;
}

.btn-blog.btn-blog-alt a {
    color: #3B3B3D;
    background: #fff;
}

.btn-blog a:hover {
    color: #3B3B3D;
    background: #fff;
}

.btn-blog.btn-blog-alt a:hover {
    background: #FF0DFF;
    color: #fff;
}

.btn-blog.btn-blog-dk a:hover {
    background: #3B3B3D;
    color: #fff;
}

.art-nav-line {
    /* padding: 20px 0; */
    border-bottom: 1px solid #D9D9D9;
}

.art-nav-logo {
    max-width: 163px;
    padding: 20px 0;
}

.art-nav-line {
    position: relative;
}

.art-nav-line.active {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 13;
}

.admin-bar .art-nav-line.active {
    top: 32px;
}

.art-nav-line-inner {
    align-items: stretch;
}

.art-nav-label {
    min-width: 165px;
    justify-content: space-between;
    align-items: center;
}

.art-nav-item i {
    color: #88868B;
}

.art-nav-nav {
    gap: 30px;
    align-items: stretch;
}

.art-nav-drop {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    left: 0;
    top: 100%;
    background: #F2F2F2;
    z-index: 104;
    width: 100%;
    padding: 65px 0;
}

.art-nav-drop-inner {
    text-align: left;
    /* column-width: 160px; */
    column-gap: 30px;
    width: 50%;
    margin-left: auto;
    column-count: 3;
}

.art-nab-item-drop:first-of-type .art-nav-drop-inner {
    column-count: 4;
}

.art-nav-drop-item {
    margin-bottom: 20px;
}

.art-nav-label {
    cursor: pointer;
}

.art-nav-item:hover .art-nav-label i {
    transform: rotate(180deg);
    color: #FF0DFF;
}

.art-nav-item .art-nav-label i {
    transition: 0.3s;
}

.art-nav-item .art-nav-label {
    position: relative;
}

.art-nav-item .art-nav-label:after {
    width: 100%;
    height: 16px;
    content: '';
    position: absolute;
    background: #FF0DFF;
    top: calc(100% + 38px);
    z-index: 105;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s linear 0s;
}

.art-nav-item:last-child {
    padding-left: 30px;
    font-weight: 700;
}

.art-nav-drop-item a:hover {
    text-decoration: underline;
}

.art-nav-item:hover .art-nav-label:after {
    opacity: 1;
    visibility: visible;
    transition: all 0.2s linear 0.3s;
}

.art-nav-item:hover .art-nav-drop {
    visibility: visible;
    opacity: 1;
}

.art-nav-item .trending-inline.dropper:hover {
    background: none;
}

.art-nav-item .trending-inline.dropper:hover > a {
    color: currentColor;
}

.art-nav-item .tipi-i-trend-2:before {
    color: currentColor;
}

.art-nav-item .trending-inline.dropper:hover > a + div {
    visibility: visible;
    right: 0;
}

.art-nav-item .trending-inline.dropper > a + div {
    max-width: 100%;
}

.art-nav-item .trending-inline.dropper > a + div > div {
    max-width: 1200px;
    margin: 0 auto;
}

.art-nav-item {
    display: flex;
    align-items: center;
}

.art-nav-item .trending-inline.dropper {
    height: 100%;
    display: flex;
    align-items: center;
}

.art-inner h2 {
    font-size: 56px;
    color: #3B3B3D;
}

.art-inner {
    padding: 65px 0;
}

.art-list {
    padding: 35px 0;
}

.art-list.art-list-1 {
    gap: 65px 30px;
}

.art-list-1-item {
    width: calc(50% - 15px);
}

.art-item-img a {
    display: block;
    border-bottom: 24px solid transparent;
    overflow: hidden;
}

.art-item-img a img {
    display: block;
    transition: 0.4s;
}

.art-item-title a {
    color: #3B3B3D;
    font-size: 30px;
}

.art-item-title a:hover {
    text-decoration: underline;
}

.art-item-title {
    margin-top: 13px;
}

.art-item-meta {
    margin-top: 20px;
    gap: 10px;
    font-size: 16px;
    font-weight: 600;
    align-items: center;
}

.art-item-cats {
    gap: 8px;
}

.art-item-meta .art-item-cats a {
    background: #71F5C4;
    padding: 6px 22px;
    border-radius: 16px;
    transition: 0.2s;
    white-space: nowrap;
}

.art-item-meta .art-item-cats a:hover {
    background: #3B3B3D;
    color: #fff;
}

.art-item-date a:hover {
    text-decoration: underline;
}

.art-item-img a:hover {
    border-bottom-color: #3B3B3D;
}

.art-item-img a:hover img {
    transform: scale(1.1);
}

.art-list-2-item .art-item-img {
    flex: 1;
}

.art-list-2-item .art-item-info {
    flex: 0.53;
}

.art-list-item.art-list-2-item {
    gap: 30px;
}

.art-list-item.art-list-2-item .art-item-img a:hover {
    border-color: #fff;
}

.art-list-2-item .art-item-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 24px;
}

.art-list.art-list-2 {
    padding: 65px 0 0;
    position: relative;
    z-index: 3;
}

.art.art-2 {
    position: relative;
    overflow: hidden;
}

.art-list-arrows button {
    position: absolute;
    top: 50%;
    left: 0;
    background: #FF0DFF;
    color: #fff;
    width: 123px;
    height: 123px;
    font-size: 44px;
    border-radius: 70px;
    text-indent: 50px;
    transform: translateX(-50%);
    transition: 0.3s;
    z-index: 5;
    display: flex;
    padding: 0 15px 0px;
    align-items: center;
    justify-content: flex-end;
}

.art-list-arrows button.next {
    left: inherit;
    right: 0;
    transform: translateX(50%);
    text-indent: 0;
    justify-content: flex-start;
}

.art-list-3 .art-item-author a, .art-7 .art-item-author a {
    margin: 0;
}

.art-list:not(.art-list-2) .art-item-short-text {
    margin-top: 8px;
}

.art-list:not(.art-list-2) .art-item-short-text a {
    background: none !important;
    padding: 0 !important;
    font-size: 1.3rem;
    font-weight: 400;
}

.art-7 .art-item-short-text a {
    background: none !important;
    padding: 0 !important;
    font-size: 1.3rem;
    font-weight: 400;
}

.art-list .art-item-short-text a:hover, .art-list.art-list-2 .art-item-short-text a:hover, .art-7 .art-item-short-text a:hover {
    text-decoration: underline;
}

.art-list-arrows button:hover {
    background: #fff;
    color: #3B3B3D;
}

.art-list-nav {
    width: calc(65% - 15px);
    justify-content: center;
    gap: 8px;
    position: relative;
    z-index: 3;
}

.art-list-nav button {
    width: 68px;
    height: 12px;
    text-indent: -9999px;
    background: #88868B;
    appearance: none;
    cursor: pointer;
}

.art-list-nav button.active {
    background: #fff;
}

.art.art-2 h2 {
    color: #fff;
}

.art-heading h2 {
    width: 100%;
    max-width: 360px;
}

.art-3.art-5 .art-heading h2 {
    max-width: 262px;
}

.art-heading {
    gap: 30px;
}

.art-heading-text {
    flex: 1;
}

.art-inner.art-inner-3 {
    padding: 95px 0;
}

.art-inner.art-inner-3:not(:last-child) {
    position: relative;
    /* margin-bottom: 95px; */
}

.art-inner.art-inner-3:not(:last-child):after {
    content: '';
    position: absolute;
    height: 1px;
    width: calc(100% + 200px);
    transform: translateX(-100px);
    left: 0;
    bottom: 0;
    background: #D9D9D9;
}

.art-list.art-list-3 {
    gap: 30px;
    padding-bottom: 0;
}

.art-list.art-list-3 > div {
    flex: 1;
}

.art-list h4 a {
    font-size: 24px;
}

.art-inner.art-inner-3 .art-item-img a {
    border-bottom-width: 16px;
}

.art-list.art-list-3 .art-item-title {
    margin-top: 10px;
}

.art-list.art-list-3 .art-item-meta {
    font-weight: 400;
}

.art-list.art-list-4 > div {
    flex: 1;
}

.art-list.art-list-4 {
    gap: 30px;
}

.art-list-4-items-right .art-list-item:not(:last-child) {
    margin-bottom: 42px;
    padding-bottom: 42px;
    border-bottom: 1px solid #88868B;
}

.art-list-4-items-right h4 {
    max-width: 500px;
}

.art-list.art-list-4 .art-item-img a {
    border-width: 16px;
}

.art-list.art-list-4 .art-item-meta .art-item-cats a {
    background: #fff;
}

.art-list.art-list-4 .art-item-meta .art-item-cats a:hover {
    background: #3B3B3D;
}

.art-list.art-list-4 .art-item-date {
    font-weight: 400;
}

.art-inner.art-inner-3.art-inner-5 {
    padding: 55px 0 50px;
}

.art-list-item.art-list-6-item {
    gap: 20px;
    width: calc(33.33333% - 20px);
}

.art-list-item.art-list-6-item .art-item-img {
    max-width: 145px;
}

.art-list-item.art-list-6-item .art-item-title {
    flex: 1;
    margin-top: 0;
}

.art-list.art-inner-3.art-inner-6 {
    gap: 16px 30px;
    padding-bottom: 0;
}

.art.art-3.art-6 {
    margin-bottom: 95px;
}

.art-list-item.art-list-6-item .art-item-title a {
    font-size: 20px;
}

.art-tabs {
    gap: 8px;
    align-items: center;
}

.art-tabs button {
    background: #D9D9D9;
    padding: 8px 18px;
    border-radius: 16px;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Capitolina';
    text-transform: none;
    line-height: 19px;
    letter-spacing: 0.1px;
    transition: 0.3s;
}

.art-7-inner .art-heading h2 {
    max-width: 200px;
}

.art-tabs button:hover, .art-tabs button.active {
    background: #FF0DFF;
    color: #fff;
}

.art-full-lists {
    padding: 80px 0;
}

.art-full-list-inner {
    gap: 60px 32px;
    transition: 0.7s;
    opacity: 0;
    visibility: hidden;
    transform: translateY(50px);
}

.art-full-list.active .art-full-list-inner {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}

.art-full-item {
    width: calc(25% - 24px);
}

.art-full-item .art-item-img a {
    border-width: 16px;
}

.art-full-item .art-item-title {
    margin-top: 0;
    min-height: 87px;
}

.art-full-item .art-item-title a {
    font-size: 24px;
}

.art-full-item .art-item-meta {
    font-weight: 400;
}

button.load-art {
    padding: 13px 23px;
    background: #FF0DFF;
    color: #fff;
    text-transform: none;
    font-family: 'Capitolina';
    font-size: 16px;
    font-weight: 700;
    margin: 65px auto 0;
    max-width: 130px;
    display: block;
    transition: 0.3s;
    letter-spacing: 0.4px;
    position: relative;
}

button.load-art:hover {
    background: #1c1d1e;
}

.catpl-top-inner.loading:before, button.load-art.loading:before {
    content: '';
    background: url('/wp-includes/js/tinymce/skins/lightgray/img/loader.gif');
    width: 20px;
    display: inline-block;
    height: 20px;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-150%, -50%);
}

.catpl-top-inner.loading:before {
    left: 50%;
    transform: translate(-50%, -50%);
}

.art-main-related3-inner, .sidebar-widget {
    position: relative;
}

.art-main-related3-inner.loading:before, .sidebar-widget.loading:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url('/wp-includes/js/tinymce/skins/lightgray/img/loader.gif') 50% 50% no-repeat rgba(255, 255, 255, 0.6);
}

.art-sub-block {
    background: url('assets/img/sub-bg.jpg') 50% 50% no-repeat;
    background-size: cover;
}

.brandfabrik-popup-campaign .brandfabrik-popup-c-wrapper, div#singpopmain .art-sub-block {
    background: url(assets/img/fb-pop.svg?q=1) #7A4EFF 110% 50% no-repeat;
    background-size: 500px auto;
}

.brandfabrik-popup-campaign .brandfabrik-popup-c-wrapper > div, .art-sub-inner {
    padding: 90px 0 110px;
}

.brandfabrik-popup-campaign h2, .art-sub-inner h2 {
    color: #fff;
    font-size: 56px;
    font-weight: 700;
}

.brandfabrik-popup-campaign h3, .art-sub-inner h3 {
    font-size: 30px;
    line-height: 40px;
    padding: 50px 0;
    color: #fff;
    max-width: 820px;
}

.brandfabrik-popup-campaign .gfield_checkbox, .art-sub-inner .gfield_checkbox {
    display: flex;
    gap: 50px;
    align-items: center;
}

.brandfabrik-popup-campaign .gfield_checkbox input, .art-sub-inner .gfield_checkbox input {
    width: 16px;
    height: 16px;
    margin: 0 !important;
    margin-right: 8px !important;
    background: transparent !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #fff;
}

.brandfabrik-popup-campaign .gfield_checkbox input:checked, .art-sub-inner .gfield_checkbox input:checked {
    background: #fff !important;
}

.brandfabrik-popup-campaign .gfield_checkbox input + label, .art-sub-inner .gfield_checkbox input + label {
    color: #fff !important;
    font-weight: 400 !important;
}

.brandfabrik-popup-campaign .gfield, .art-sub-inner .gfield {
    background: none !important;
    border: none !important;
    position: relative;
}

.brandfabrik-popup-campaign .gform_wrapper .gfield_description.validation_message, .art-sub-inner .gform_wrapper .gfield_description.validation_message {
    background: #fff !important;
    font-size: 14px;
    position: absolute;
    bottom: -30px;
}

.brandfabrik-popup-campaign .gfield--type-email, .art-sub-inner .gfield--type-email {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px 70px;
    padding-right: 154px !important;
    margin-top: 50px !important;
}

.brandfabrik-popup-campaign .gfield--type-email.gfield_error, .art-sub-inner .gfield--type-email.gfield_error {
    position: relative;
    top: 7px;
}

.art-2 .art-list-item a {
    color: #fff;
}

.art-2 .art-item-meta .art-item-cats a {
    background: #88868B;
}

.art-2 .art-item-meta .art-item-cats a:hover {
    background: #fff;
    color: #3B3B3D;
}

.brandfabrik-popup-campaign .gfield--type-email > label span, .art-sub-inner .gfield--type-email > label span {
    display: none;
}

.brandfabrik-popup-campaign .gfield--type-email > label, .art-sub-inner .gfield--type-email > label {
    color: #fff !important;
    font-weight: 400;
}

.brandfabrik-popup-campaign .gfield--type-email .ginput_container_email, .art-sub-inner .gfield--type-email .ginput_container_email {
    flex: 1;
}

.brandfabrik-popup-campaign .gfield--type-email .ginput_container_email input, .art-sub-inner .gfield--type-email .ginput_container_email input {
    background: transparent;
    border: 1px solid #fff !important;
}

.brandfabrik-popup-campaign .gform_footer, .art-sub-inner .gform_footer {
    position: absolute;
    right: 0;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    bottom: 0;
}

.brandfabrik-popup-campaign form, .art-sub-inner form {
    position: relative;
}

.brandfabrik-popup-campaign .gform_wrapper .gform_footer input[type='submit'], .art-sub-inner .gform_wrapper .gform_footer input[type='submit'] {
    font-size: 16px !important;
    padding: 14px 24px !important;
    color: #3B3B3D;
    background: #fff;
    transform: translateY(0px) !important;
    text-transform: none;
    font-family: 'Capitolina';
    font-weight: 700;
    height: 48px;
    line-height: normal;
}

div#signpop {
    display: none;
}

div#signoverlay {
    position: fixed;
    background: rgb(59 59 61 / 80%);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 199;
}

div#singpopmain {
    position: fixed;
    max-width: 1200px;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 200;
}

div#singpopmain .art-sub-block {
    padding: 0 90px;
}

div#signpopclose {
    position: absolute;
    top: 40px;
    right: 130px;
    color: #fff;
    cursor: pointer;
}

.post-v2 > .related-posts-wrap {
    display: none;
}

.art-top-related-inner {
    gap: 30px;
}

.art-top-related-inner > div {
    flex: 1;
}

.art-top-related-inner h3 a {
    font-size: 20px;
}

.art-top-related-inner a {
    border-width: 16px;
}

.art-top-related-inner .art-item-title {
    margin-top: 5px;
}

.post-v2 .art-top-related {
    background: rgb(113 245 196 / 30%);
    padding: 32px 0;
}

.post-v2 aside.sidebar {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0px;
    position: sticky;
}

.denis-widget {
    grid-row: 2;
}

.art-art-main-inner {
    gap: 30px;
}

.art-main-col {
    flex: 1;
}

.post-v2 .sidebar-wrap {
    max-width: 360px;
}

.sidebar-widget.denis-widget {
    padding: 25px 25px 35px 20px;
    background: #DBFCF0;
    max-width: 360px;
}

.sidebar-widget .art-list-item.art-list-6-item {
    width: 100%;
    margin-bottom: 12px;
    gap: 15px;
}

.sidebar-widget .art-list-item.art-list-6-item .art-item-img {
    max-width: 105px;
}

.sidebar-widget .art-list-item.art-list-6-item .art-item-img a {
    border-width: 12px;
}

.art-art-main {
    padding: 32px 0;
}

.single-post .art-main-title h1 {
    font-size: 64px !important;
    line-height: 80px;
    letter-spacing: -0.8px;
}

.art-item-time-read span {
    margin: 0;
}

.art-main-info {
    position: relative;
    margin-top: 20px;
}

.art-share {
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    transform: translateX(calc(-100% - 23px));
    font-size: 30px;
}

.art-share a {
    margin-bottom: 16px;
    display: flex;
    background: #88868B;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 30px;
    padding: 5px 15px;
    transition: 0.3s;
}

.art-share a:hover {
    background: #ff2e58;
}

.art-main-related-tags {
    padding: 36px 95px;
    background: rgb(217 217 217 / 30%);
    margin-top: 65px;
}

.art-main-related-tags h2 {
    color: #3B3B3D;
    font-size: 38px;
    line-height: 56px;
    padding-bottom: 36px;
}

.art-main-related-tags li {
    margin-bottom: 15px;
    font-size: 24px;
}

.art-main-related-tags li a:hover span {
    text-decoration: underline;
}

.art-main-related-tags li a:hover i {
    text-decoration: none;
    color: #FF0DFF;
}

.art-main-tags a {
    background: #aaf9dc;
    border-radius: 16px;
    padding: 6px 22px;
    font-size: 16px;
    transition: 0.3s !important;
}

.art-main-tags {
    margin-top: 15px;
}

.art-main-slogan {
    margin-top: 30px;
    font-size: 30px;
    line-height: 42px;
}

.art-main-slogan a {
    text-decoration: underline;
}

.art-main-tags a:hover {
    background: #3B3B3D;
    color: #fff;
}

.art-main-author-top {
    gap: 30px;
}

.art-main-author {
    margin-top: 64px;
    margin-bottom: 32px;
}

.art-main-author-top > div {
    flex: 1;
}

.art-main-author-name {
    font-size: 30px;
    font-family: 'Suptitle';
    line-height: 40px;
}

.art-main-author-role {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 20px;
}

.author-page-link {
    padding-top: 36px;
}

.author-page-social a {
    opacity: 0.5;
}

.author-page-link a {
    text-transform: none;
    font-size: 16px;
}

.art-main-aithor-bottom {
    color: #3B3B3D;
    font-size: 20px;
    line-height: 30px;
    margin-top: 32px;
}

.art-main-aithor-bottom a {
    text-decoration: underline;
}

.latest-widget-heading h3 {
    font-size: 30px;
    color: #3B3B3D;
}

.latest-widget-heading {
    margin-bottom: 64px;
}

.latest-widget-heading-nav button {
    font-size: 24px;
    width: 35px;
}

.latest-widget-heading-nav {
    align-items: center;
    gap: 5px;
}

.latest-widget-heading-nav button:not([data-page="0"]):hover {
    color: #FF0DFF;
}

.sidebar-widget .art-list-item.art-list-6-item h4 {
    font-weight: 500;
    line-height: 20px;
}

.sidebar-widget .art-list-item.art-list-6-item h4 a {
    font-size: 17px;
    letter-spacing: -0.19px;
}

.latest-widget-cta a {
    display: block;
    text-align: center;
    background: #FF0DFF;
    color: #fff;
    padding: 15px 0;
    font-size: 16px;
    transition: 0.3s !important;
}

.latest-widget-cta a:hover {
    background: #1c1d1e;
}

.art-main-related3 {
    padding: 65px 0 100px;
}

.art-main-related3 h2 {
    font-size: 56px;
    line-height: 56px;
}

.art-related3-head {
    margin-bottom: 70px;
}

.art-related2-nav button {
    font-size: 32px;
}

.art-related2-nav {
    gap: 15px;
}

.art-related2-nav button:not([data-page="0"]):hover {
    color: #FF0DFF;
}

.art-related3-list > div {
    flex: 1;
}

.art-related3-list {
    gap: 30px;
}

.art-item-date a, .art-item-author a {
    background: none !important;
    color: currentColor !important;
    padding: 0 !important;
}

.art-item-author a {
    margin-left: 8px;
}

.art-item-date {
    align-self: center;
}

.art-item-date:not(:first-child) {
    margin-left: 8px;
}

.art-2 .art-item-meta .art-item-cats div a {
    color: #fff !important;
}

.art-main-text-text > p:first-child {
    font-size: 30px;
    line-height: 42px;
}

.art-main-text-text {
    margin-top: 32px;
    font-size: 24px;
    line-height: 36px;
}

.art-main-text-text p {
    margin-bottom: 40px;
}

.art-main-text-text h2, .art-main-text-text h3 {
    margin-bottom: 40px;
}

.art-main-text-text h4 {
    margin-bottom: 20px;
}

.art-main-text-text a {
    text-decoration: underline;
}

.art-main-text-text ul, .art-main-text-text ol {
    margin-bottom: 35px;
}

.art-main-text-text ul li:before {
    content: '—';
    padding-right: 10px;
}

.art-main-text-text blockquote {
    color: #88868B;
    margin-left: 0;
    font-style: italic;
    font-family: 'Capitolina';
}

.art-main-text-text blockquote:before, .art-main-text-text blockquote:after {
    display: none;
}

.art-sub-block.art-sub-dark {
    background: url(assets/img/sub-bg-dark.jpg) 100% 50% no-repeat;
    color: #3B3B3D;
    background-size: auto 100%;
    position: relative;
    z-index: 2;
    background-color: #e4e4e4;
}

.art-sub-block.art-sub-dark .art-sub-inner h2, .art-sub-block.art-sub-dark .art-sub-inner h3 {
    color: #3B3B3D;
}

.art-sub-block.art-sub-dark .art-sub-inner .gfield_checkbox input {
    background: #fff !important;
    border-color: #88868B;
}

.art-sub-block.art-sub-dark .art-sub-inner .gfield_checkbox input:checked {
    background-color: #88868B !important;
}

.scl-form-wrap fieldset {
    position: relative;
}

.art-sub-block.art-sub-dark .art-sub-inner .gfield_checkbox input + label {
    color: #3b3b3d !important;
}

.art-sub-block.art-sub-dark .art-sub-inner .gfield--type-email > label {
    color: #3B3B3D !important;
}

.art-sub-inner .gfield_checkbox input {
    cursor: pointer;
}

.art-sub-block.art-sub-dark .art-sub-inner .gfield--type-email .ginput_container_email input {
    border: 1px solid #88868B !important;
    background: #fff;
}

.art-sub-block.art-sub-dark .art-sub-inner .gform_wrapper .gform_footer input[type='submit'] {
    background: #FF0DFF;
    color: #fff;
}

.catpl-main-inner {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 48px 30px;
}

.art-catpl-item {
    grid-column: span 2;
}

.art-catpl-item:nth-child(1), .art-catpl-item:nth-child(2),.art-catpl-item:nth-child(3),.art-catpl-item:nth-child(4) {
    grid-column: span 3;
}

.cat-sorting {
    width: 260px;
    position: relative;
}

.cat-sorting-active {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 17px 5px;
    cursor: pointer;
}

.cat-sorting-options {
    position: absolute;
    top: 100%;
    background: #F4F4F4;
    width: 100%;
    padding: 16px 32px 16px;
    border-top: 16px solid #FF0DFF;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    z-index: 2;
    transform: rotateX(90deg);
    transform-origin: top;
    transition: 0.3s;
}

.cat-sorting-option {
    padding: 15px 0;
    font-size: 20px;
    display: inline;
    cursor: pointer;
}

.cat-sorting-option:hover {
    text-decoration: underline;
}

.cat-sorting.active .cat-sorting-options {
    transform: rotateX(0);
}

.catpl-top-inner {
    align-items: center;
    position: relative;
}

.catpl-top-left {
    align-items: center;
    gap: 32px;
}

.catpl-top h2.h1, .catpl-top-left h1 {
    font-size: 56px;
    color: #3B3B3D;
}

.cat-sorting.active i {
    color: #FF0DFF;
    transform: rotate(180deg);
}

.catpl-top {
    padding: 64px 0;
}

.catpl-main {
    padding: 0px 0 180px;
}

.catpl-more-posts {
    text-align: center;
    margin-top: 64px;
}

.catpl-more-posts button {
    background: #FF0DFF;
    color: #fff;
    text-transform: none;
    font-family: 'Capitolina';
    padding: 13px 23px;
    font-size: 16px;
    font-weight: 700;
    transition: 0.3s;
}

.catpl-more-posts button:hover {
    background: #3b3b3d;
}

.back-to-top {
    text-align: center;
}

.back-to-top button {
    font-size: 40px;
    color: #fff;
    background: #FF0DFF;
    padding: 37px 41px;
    border-radius: 70px;
    transform: translateY(-50%);
    transition: 0.3s;
    line-height: 48px;
}

.back-to-top button:hover {
    background: #3b3b3d;
}

span.more-tags {
    position: relative;
}

span.more-tags-inner {
    position: absolute;
    left: 0;
    top: calc(100% + 14px);
    padding: 8px 10px;
    background: #F3F3F3;
    transition: 0.3s;
    opacity: 0;
    visibility: hidden;
}

.art-item-cats span {
    display: block;
}

.art-item-cats {
    align-items: center;
}

span.more-tags-inner a {
    display: inline-block;
}

span.more-tags-inner a:not(:last-child) {
    margin-bottom: 8px;
}

span.more-tags:hover .more-tags-inner {
    opacity: 1;
    visibility: visible;
}

span.more-tags-inner:before {
    content: '';
    position: absolute;
    top: -10px;
    width: 100%;
    height: 10px;
    left: 0;
}

.art-item-meta .art-item-cats span.more-tags > span > a {
    padding: 6px 17px;
}

.art-nav-nav-opener {
    display: none;
}

.post-v2 .author-page-link a:hover {
    background: #FF0DFF;
    border-color: #FF0DFF;
}

.art-main-related-tags a {
    display: flex;
    gap: 6px;
}

.art-main-related-tags a i {
    position: relative;
    top: 4px;
}

.site-inner.post-v2 .back-to-top {
    display: none;
}

.art-related3-list > div:last-child {
    display: none;
}

.art-main-author-name-role-top {
    display: none;
}

.art-list.art-list-2 .art-item-meta {
    margin-top: 52px;
}

.art-art-about .sidebar-wrap {
    max-width: 360px;
}

.art-about-header {
    padding: 95px 0;
}

.art-about-header h1 {
    font-size: 80px;
    font-weight: 700;
    color: #fff;
    letter-spacing: -1px;
}

.art-about-header h2 {
    font-size: 32px;
    color: #FF0DFF;
}

.art-art-main.art-art-about {
    padding: 42px 0 75px;
    color: #3B3B3D;
}

.art-art-main.art-art-about .sidebar-wrap {
    padding-top: 100px;
}

.art-art-main.art-art-about .art-main-col h1, .art-art-main.art-art-about .art-main-col h2 {
    font-size: 48px;
    line-height: 68px;
}

.art-authors-list img {
    display: block;
}

.art-authors-list .art-main-author-top {
    align-items: flex-end;
}

.art-authors-list .author-page-link {
    padding-top: 32px;
}

.art-authors-list .art-main-author {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 64px;
    margin-bottom: 64px;
    border-bottom: 1px solid #D9D9D9;
}

.art-main-text-social {
    gap: 24px;
}

.cs-bio-cats-list {
    padding-top: 12px;
}

.cs-bio-blogs .art-item-title a {
    font-size: 24px;
    line-height: 36px;
}

.art-main-text-social a {
    background: #7D7B7D;
    color: #fff;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    transition: 0.3s !important;
}

.art-main-text-social a:hover {
    background: #ff0dff;
}

.art-main-text-text table, .art-main-text-text table td {
    border: none;
    padding-left: 0;
}

.widget-tab {
    flex: 1;
    text-align: center;
    cursor: pointer;
    margin-bottom: -25px;
}

.latest-widget-heading {
    gap: 10px;
}

.widget-tab h3 {
    color: #88868B;
    border-bottom: 2px solid currentColor;
    padding-bottom: 20px;
}

.widget-tab.active h3 {
    border-bottom: 16px solid #ff0dff;
    color: #3B3B3D;
}

.sidebar-widget.denis-widget-custom-info {
    padding: 0;
    background: none;
    margin-top: 45px;
}

.art-table-contents {
    width: 165px;
    font-size: 16px;
    line-height: 22px;
    position: absolute;
    top: 20px;
    left: -32px;
    transform: translateX(-100%);
    height: 100%;
}

.art-table-contents li {
    padding: 8px 0;
    border-bottom: 1px solid #D9D9D9;
    cursor: pointer;
}

.art-table-contents li.active {
    color: #FF0DFF;
}

.art-table-contents h4 {
    padding: 6px 0 7px;
    border-bottom: 1px solid #88868B;
}

.art-art-main.art-art-about .art-main-info {
    position: static;
}

.art-main-col {
    position: relative;
}

.blog-like-sticky {
    overflow: visible;
}

.art-table-contents-inner {
    position: sticky;
    top: 120px;
}

.cc3-wrap-top {
    background: #DAF402;
    color: #3B3B3D;
    margin-top: 32px;
    padding-top: 65px;
}

.cc3-wrap-top h1 {
    font-size: 90px;
    color: #3B3B3D;
    font-weight: 500;
}

.cc3-wrap-top h1 strong {
    display: inline;
    background-image: -webkit-linear-gradient(120deg,#fff 0%,#fff 100%);
    background-image: -o-linear-gradient(120deg,#fff 0%,#fff 100%);
    background-image: linear-gradient(120deg,#fff 0%,#fff 100%);
    background-repeat: no-repeat;
    background-size: 100% 0.15em;
    background-position: 0 89.1%;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

.cc3-top-text {
    font-family: 'Graphik';
    margin: 64px 0 84px;
    font-size: 36px;
    font-weight: 200;
}

.cc3-img-contacts {
    position: relative;
}

.cc3-img {
    max-width: calc(100% - 195px);
    margin-left: auto;
}

.cc3-contacts {
    position: absolute;
    top: 32px;
}

.cc3-contact a {
    margin-bottom: 16px;
}

.cc3-contact span {
    display: block;
}

.cc3-contact span a {
    color: #fff;
    background: url('assets/img/mail.jpg') 0 50% no-repeat #3B3B3D;
    padding: 12px 25px 12px 71px;
    font-size: 14px;
    line-height: 24px;
    text-transform: uppercase;
    background-size: contain;
    display: block;
    font-family: 'Graphik';
    font-weight: 600;
}

.cc3-contact:nth-child(2) span a {
    background-image: url('assets/img/phone.jpg');
}

.cc3-contact:nth-child(3) span a {
    background-image: url('assets/img/marker.jpg');
}

.cc3-wrap-wrap h1, .cc3-wrap-wrap h2, .cc3-wrap-wrap h3, .cc3-wrap-wrap {
    font-family: 'GraphikCondensed';
}

.cc3-wrap-wrap .suptitle {
    font-weight: 600;
}

.cc3-content {
    background: #F2F2F2;
}

.cc3-main {
    background: #fff;
    padding: 32px 97px 80px;
    position: relative;
    top: -150px;
    margin-bottom: -55px;
}

.cc3-main legend.gfield_label {
    margin: 0 !important;
    font-size: 24px !important;
    font-weight: 600 !important;
}

.cc3-main span.gfield_required {
    color: #FF2E58 !important;
    font-size: 24px !important;
    font-style: normal !important;
    font-weight: 300 !important;
}

.cc3-main input:not([type="submit"]), .cc3-main textarea {
    font-size: 20px !important;
    background: #F2F2F2 !important;
    font-family: 'Graphik';
    font-weight: 300 !important;
}

body .cc3-main .gform_wrapper input[type=text]::placeholder, body .cc3-main .gform_wrapper input[type=email]::placeholder, .cc3-main input::placeholder, .cc3-main textarea::placeholder {
    color: #88868B;
    font-family: 'Graphik';
    font-weight: 200 !important;
}

.cc3-main label.gfield_label {
    font-size: 24px !important;
    font-weight: 600 !important;
    padding-bottom: 15px !important;
    margin-bottom: 0 !important;
    float: left;
    padding-top: 15px !important;
}

.cc3-main .charleft.ginput_counter {
    display: none;
}

.cc3-main label.gfield_label + .gfield_description {
    display: inline;
    padding-bottom: 0 !important;
    position: relative;
    top: 16px;
    font-size: 24px;
    padding-left: 10px;
    color: #ff2e58;
    font-weight: 300 !important;
}

.cc3-main .ginput_container {
    clear: both;
}

.cc3-main .ginput_container_select a {
    position: relative;
    color: #fff !important;
    text-transform: uppercase;
    font-weight: 700;
    height: auto !important;
    padding: 4px 18px 5px !important;
    box-shadow: none !important;
    border: none !important;
    font-size: 14px;
    overflow: visible !important;
    background: #3B3B3D !important;
}

.cc3-main .ginput_container_select a:after {
    content: '';
    background: url('assets/img/form_down.jpg') 100% 50% no-repeat #000 !important;
    background-size: cover !important;
    position: absolute;
    right: 0;
    top: 0;
    width: 48px;
    height: 100%;
    transition: 0.3s;
}

.cc3-main .ginput_container_select .chosen-with-drop a:after {
    transform: rotate(180deg);
    z-index: 3;
}

.cc3-main .ginput_container_select a b {
    display: none !important;
}

.cc3-main input[type='submit'] {
    max-width: 420px;
    margin: 0 auto;
    font-family: 'GraphikCondensed';
}

.cc3-main .chosen-search {
    display: none;
}

.cc3-main ul.chosen-results {
    padding: 0 !important;
    margin: 0 !important;
    background: #3B3B3D;
}

.cc3-main ul.chosen-results li {
    font-size: 18px;
    padding: 16px 18px 17px !important;
    color: #fff;
    background-size: 12px;
    position: relative;
    width: calc(100% - 48px);
}

.cc3-main .chosen-results li:after {
    content: '';
    position: absolute;
    width: 48px;
    height: 100%;
    transition: 0.3s;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-100%);
    background: url('assets/img/form_check.svg') 50% 50% no-repeat #fff !important;
    top: 0;
    left: 100%;
}

.cc3-main .chosen-results li.highlighted:after {
    transform: translateX(0%);
    opacity: 1;
    visibility: visible;
}

.cc3-main .chosen-results li.highlighted {
    background: #fff !important;
    background-size: 24px !important;
    color: #000 !important;
    transition: 0.3s;
}

.cc3-main .gf_placeholder {
    display: none !important;
}

.ch3 .home-head-s .suptitle {
    margin-bottom: 32px;
}

/* Grouping font-weight: 700 */
.ch3 .home-head-s-text h1, .ch3 .home-head-s-text h1 strong, .ch3 .home-exp-text h2, .ch3 .cs-contact-block h2, .ch3 .home-exp-text h2 strong, .ch3 .home-exp-tab-top-title, .ch3 .home-work-top-text h2, .ch3 .home-work-top-text h2 strong, .ch3 .home-work-item-title, .ch3 .home-exp-tab-link a {
    font-weight: 700;
}

.ch3 .home-start-top-inner h2, .ch3 .home-start-top-inner h2 strong, .ch3 .home-exp-text h2, .ch3 .home-blog-info h2, .ch3 .home-exp-text h2 strong, .ch3 .home-work-top-text h2, .ch3 .home-work-top-text h2 strong {
    letter-spacing: -1px;
}

/* Grouping font-weight: 300 */
.ch3 .home-exp-tab-text, .ch3 .home-work-item-tags {
    font-weight: 300;
}

/* Grouping font-weight: 200 */
.ch3 .home-exp-text, .ch3 .home-work-top-text, .ch3 .home-work-item-text {
    font-weight: 200;
}

/* Specific styles */
.ch3 .home-head-s-text h1 {
    font-size: 90px;
    letter-spacing: 0px;
    line-height: 86px;
}

.ch3 .home-head-s-text h1 strong {
    background-position: 0 89.1%;
}

.ch3 .home-head-s-bottom {
    padding-top: 32px;
}

.ch3 .home-head-text-btn a {
    font-size: 16px;
    background: #000;
    color: #fff;
    padding: 7px 12px 8px;
}

.ch3 .home-head-text-btn a:hover {
    background: #009CDE;
}

.ch3 .home-head-s-bottom a {
    background: #fff;
    display: inline-flex;
    justify-content: center;
    width: 48px;
    height: 48px;
    align-items: center;
    font-size: 31px;
}

.ch3 .home-head-s-bottom a i {
    transition: 0.3s;
}

.ch3 .home-head-s-bottom a:hover i {
    transform: translateY(3px);
}

.ch3 .home-exp-text h2 {
    font-size: 90px;
    letter-spacing: 1px;
    margin-bottom: 32px;
}

.ch3 .home-exp {
    padding-bottom: 64px;
}

.home-exp-info {
    background: #fff;
}

.ch3 .home-exp-tab-contents {
    top: 0;
    padding: 0 0 62px;
    display: block;
}

.ch3 .home-exp-wrap {
    padding-bottom: 64px;
}

.ch3 .home-exp-tab-content {
    padding: 32px 98px;
    margin-bottom: 32px;
    color: #fff;
}

.ch3 .home-exp-tab-top {
    margin-bottom: 32px;
    align-items: flex-start;
}

.ch3 .home-exp-tab-top-title {
    font-size: 44px;
}

.ch3 .home-exp-tab-link a {
    background: #000;
    text-transform: uppercase;
    padding: 15px;
    font-size: 14px;
    letter-spacing: 1px;
    width: 360px;
    display: block;
    text-align: center;
    transition: 0.3s !important;
}

.ch3 .home-exp-tab-link a:hover {
    background: #fff;
    color: #000;
}

.ch3 .home-work-top-text h2 {
    font-size: 90px;
}

.ch3 .home-work-top-text p {
    letter-spacing: 0;
    line-height: 52px;
}

.ch3 .home-work-item-text {
    letter-spacing: 0;
    line-height: 40px;
}

.home-work-small {
    padding: 95px 0 130px;
}

.case-title {
    font-weight: 700;
}

.ch3 .home-blogs-link a, .ch3 .home-work-top-link a {
    font-weight: 700;
    letter-spacing: 0.5px;
}

.ch3 .case-short-info {
    font-size: 24px;
    line-height: 32px;
    font-weight: 300;
}

.ch3 .cs-case {
    margin-bottom: 64px;
}

.ch3 .case-bottom {
    align-items: center;
    margin-top: 25px;
    gap: 14px;
}

.ch3 .case-cats {
    font-size: 18px;
    font-weight: 300;
    padding-top: 0;
}

.ch3 .case-cats span {
    display: block;
}

.ch3 .home-start {
    background: #f2f2f2;
    padding: 50px 0;
}

.ch3 .home-start-inner {
    background: #FF2E58;
    padding: 60px 0 110px;
    position: relative;
    top: -220px;
    margin-bottom: 50px;
}

.ch3 .cs-contact-block.cs-contact-block-2 {
    padding-bottom: 150px;
}

.ch3 .home-start-top-inner h2 {
    font-weight: 700;
    padding: 0;
    font-size: 90px;
}

.ch3 .home-start-text {
    margin: 64px 0;
    font-size: 44px;
    font-weight: 200;
    color: #fff;
}

.ch3 .home-blog {
    background: url('assets/img/homeblog.jpg') 100% 33% no-repeat #3B3B3A;
    padding: 80px 0;
    background-size: 36%;
}

.home-blog-top {
    background: #fff;
    padding: 95px 0 100px;
    position: relative;
    top: -336px;
    margin-bottom: -255px;
}

.home-blog-top-inner {
    align-items: flex-start;
}

.home-blog-img {
    max-width: 262px;
}

.ch3 .home-blog-info h2 {
    font-size: 90px;
    font-weight: 700;
    margin-bottom: 64px;
}

.ch3 .home-exp-text p {
    line-height: 52px;
}

.ch3 .home-exp-tab-text p {
    line-height: 40px;
}

.ch3 .home-blog-info h2 strong {
    font-weight: 700;
    background-image: -webkit-linear-gradient(120deg,#FFB6FF 0%,#FFB6FF 100%);
    background-image: -o-linear-gradient(120deg,#FFB6FF 0%,#FFB6FF 100%);
    background-image: linear-gradient(120deg,#FFB6FF 0%,#FFB6FF 100%);
    background-position: 0 89%;
}

.ch3 .home-blog-info p {
    font-weight: 200;
    letter-spacing: 0;
    line-height: 52px;
}

.home-blog-latest-top h2 {
    font-size: 64px;
    line-height: 80px;
    letter-spacing: -1px;
    color: #fff;
    font-family: 'suptitle';
}

.home-blog-latest-top h3 {
    color: #FF0DFF;
    font-size: 28px;
    line-height: 50px;
    font-family: 'Suptitle';
    letter-spacing: 0;
}

.home-blogs-cats {
    padding-top: 50px;
    gap: 8px;
}

.home-blogs-cats button {
    font-size: 16px;
    font-weight: 600;
    font-family: 'Capitolina';
    text-transform: none;
    color: #fff;
    padding: 6px 18px;
    background: #88868B;
    border-radius: 16px;
    letter-spacing: 0;
}

.home-blogs-cats button.active {
    background: #FF0DFF;
}

.ch3 .art-item-title a {
    color: #fff;
    font-family: 'Suptitle';
    line-height: 36px;
}

.ch3 .art-item-meta {
    color: #fff;
    font-family: 'Capitolina';
    gap: 20px;
}

.home-blogs-link {
    margin-top: 95px;
    text-align: center;
}

.home-blogs-link a {
    background: #FF0DFF;
    color: #fff;
    min-width: auto;
    padding: 7px 22px;
}

.home-blogs-link a:hover {
    background: #fff;
    color: #000;
}

.ch3 .art-item-img a:hover {
    border-bottom-color: #FF0DFF;
}

.art-list.art-list-3 .art-item-meta a {
    background: #88868B;
    padding: 5px 21px;
    border-radius: 16px;
}

.ch3 .cs-contact-block h2 {
    font-size: 90px;
    font-weight: 700;
    margin-bottom: 64px;
}

.ch3 .cs-contact-block .suptitle {
    margin-bottom: 32px;
}

.ch3 .cc3-main {
    top: 0;
}

.ch3 .cs-contact-block.cs-contact-block-2 .cs-contact-text-text {
    max-width: 750px;
    padding: 0;
    font-size: 44px;
    line-height: 52px;
    font-weight: 200;
    padding-bottom: 56px;
    margin-bottom: 30px;
}

.ch3 .gfield--type-html {
    display: none;
}

.ch3 .cc3-main input[type='submit'] {
    max-width: calc(50% - 10px);
    margin-right: 0;
    margin-top: 25px;
}

.home-contact-options-label {
    display: inline-block;
    background: #000;
    color: #fff;
    padding: 13px 35px 14px;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    position: relative;
    cursor: pointer;
}

.home-contact-options-label span {
    position: absolute;
    left: 100%;
    width: 48px;
    height: 48px;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    color: #000;
    font-size: 30px;
}

.home-contact-options-options {
    position: absolute;
    top: 100%;
    background: #000;
    transition: 0.3s;
    opacity: 0;
    visibility: hidden;
}

.home-contact-options {
    position: relative;
}

.home-contact-options-option {
    padding: 13px 35px 12px;
    color: #fff;
    font-size: 18px;
    transition: 0.3s;
    position: relative;
}

.home-contact-options-option:hover {
    background: #fff;
    color: #000;
}

.home-contact-options-option span {
    position: absolute;
    left: 100%;
    color: #FF2E58;
    width: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    height: 100%;
    background: #fff;
    font-size: 28px;
}

.home-contact-options-option:hover span {
    opacity: 1;
    visibility: visible;
    transform: translateX(0px);
}

.home-contact-options-option span {
    transition: 0.3s;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-50px);
}

.home-contact-options-label.active + .home-contact-options-options {
    opacity: 1;
    visibility: visible;
}

.home-contact-options-label.active span {
    transform: rotate(180deg);
    color: #fff;
    background: transparent;
}

.home-contact-options-label span {
    transition: transform 0.3s;
}

.art-art-main.art-art-about .art-main-aithor-bottom {
    font-size: 24px;
    line-height: 36px;
}

.art-table-contents-toggle {
    display: none;
}

.art-art-main.art-art-about h2 {
    color: #3B3B3D;
}

.catpl-main .art-item-title {
    min-height: 105px;
}

.art-catpl-item .art-item-meta .art-item-cats span.more-tags > span > a {
    padding: 6px 14px;
}

.art-catpl-item .art-item-meta .art-item-cats a {
    padding: 6px 16px;
}

.art-catpl-item .art-item-meta .art-item-cats .art-item-date:not(:first-child) {
    margin-left: 5px;
}

.cc3-img img {
    max-height: 465px;
    object-fit: cover;
    width: 100%;
    object-position: bottom;
}

.home-exp-tab-link.home-exp-tab-link-mob {
    display: none;
}

.cp3 .home-work-small {
    background: #F2F2F2;
}

.cp3 .home-work-small h2 {
    font-size: 56px;
    line-height: 64px;
    padding-bottom: 95px;
    letter-spacing: -0.2px;
}

.cp3 .home-work-small-inner:after {
    content: '';
    width: 360px;
}

.cp3 .cs-header-inner h1, .cp3 .cs-header-inner h1 strong {
    font-weight: 700;
    font-size: 90px;
    max-width: 1050px;
    line-height: 86px;
}

.cp3.cc3-wrap-wrap {
    overflow: hidden;
}

.cp3 .home-work-top-text h2 strong {
    background-position: 0 89%;
    padding-right: 2px;
}

.cp3 .cs-header-inner:after {
    width: 200%
}

.cp3 a.btn.btn--short {
    padding: 12px 19px 11px 18px;
    line-height: 24px;
}

.cp3 .case-title {
    padding: 15px 0;
}

.cp3 .case-short-info {
    min-height: 64px;
}

.cp3 .cs-header-inner .suptitle {
    display: none;
}

.cp3 .cs-header-inner {
    padding-top: 130px;
}

.cp3 .cs-header-inner h1 strong {
    background-position: 0 89%;
}

.cp3 .cs-header-bottom {
    margin-top: 130px;
    padding-top: 64px;
    font-size: 44px;
    line-height: 52px;
    font-weight: 200;
    padding-bottom: 0;
    letter-spacing: 0;
}

.cp3 .cs-header-bottom-links a {
    min-width: 165px;
    padding: 7px;
}

.cp3 .home-work-top-text {
    max-width: 980px;
}

.cp3 a#loadmoreprojects {
    padding: 8px 38px;
    margin: 0 auto;
    max-width: 225px;
    display: block;
}

.cjp3-gallery {
    display: grid;
    grid-template-columns: 1fr 35%;
    gap: 30px;
    align-items: center;
    grid-template-rows: 300px 300px;
}

.cjp3-gallery-item:nth-child(1) {
    grid-row: 1 / span 2;
    height: 100%;
    padding: 45px 0;
}

.cjp3-block.cjp3-gallery.cjp3-gallery-even .cjp3-gallery-item:nth-child(1) {
    grid-column: 2;
}

.cjp3-block.cjp3-gallery.cjp3-gallery-even {
    grid-template-columns: 35% 1fr;
}

.cjp3-gallery-item:nth-child(1) img {
    height: 100%;
    object-fit: cover;
}

.cjp3-gallery-item:nth-child(2):last-child {
    grid-row: 1 / span 2;
}

.cjp3-top-info h1 {
    background: none !important;
    font-size: 90px;
    line-height: 86px;
}

.cjp3 h1, .cjp3 h2, .cjp3 h3, .cjp3 h4 {
    font-family: 'GraphikCondensed';
}

.cjp3 {
    font-family: 'Graphik';
}

.cjp3-top-left {
    width: calc(65% - 15px);
}

.cjp3-top-right {
    width: calc(35% - 15px);
    text-align: right;
    font-weight: 300;
    font-family: 'Graphik';
    letter-spacing: -0.35px;
}

.cjp3-top-info-inner {
    gap: 30px;
}

.cjp3-top-left h2 {
    font-weight: 200;
    font-size: 56px;
    line-height: 64px;
    margin-top: 15px;
    letter-spacing: -0.2px;
}

.cjp3-top-right-label {
    font-size: 18px;
}

.cjp3-top-right-list {
    font-size: 24px;
}

.cjp3-main .suptitle {
    margin-bottom: 32px;
}

.cjp3-block.cjp3-text {
    margin-top: 32px;
}

.cjp3-block.cjp3-text > .cs-container > h3 {
    font-size: 44px;
    line-height: 52px;
    max-width: 590px;
    padding-bottom: 15px;
}

.cjp3-text-inner {
    max-width: 750px;
    margin-left: auto;
    font-size: 30px;
    line-height: 40px;
    font-weight: 300;
}

.cjp3-text-inner p, .cjp3-text-inner ul {
    padding-bottom: 32px;
}

.cjp3-inner {
    padding-top: 42px;
}

.cjp3-gallery-item img {
    display: block;
}

.cjp3-main-block.cjp3-main-block-type-images {
    padding: 32px 0 58px;
}

.cjp3-block.cjp3-text table {
    margin: 0;
}

.cjp3-block.cjp3-text table td {
    border: none;
}

.cjp3-outcomes {
    background: #F2F2F2;
    padding: 64px 0 95px;
}

.cjp3-outcomes-inner .suptitle {
    margin-bottom: 32px;
}

.cjp3-outcomes-inner h2 {
    font-size: 44px;
    line-height: 52px;
    max-width: 620px;
}

.cjp3-outcome {
    flex: 1;
    background: #fff;
    padding: 80px 30px 65px 40px;
}

.cjp3-outcomes-list {
    margin-top: 50px;
    gap: 30px;
}

.cjp3-outcome-num {
    font-size: 90px;
    line-height: 86px;
    margin: 25px 0 0;
    font-weight: 200;
    padding-bottom: 40px;
}

.cjp3-outcome-title {
    font-size: 30px;
    line-height: 40px;
    font-weight: 300;
    padding-right: 20px;
    padding-bottom: 45px;
}

.cjp3-outcome-text {
    font-size: 24px;
    line-height: 32px;
    font-weight: 300;
}

.icon-testim {
    background: #FF2E58;
    padding: 64px 0 95px;
}

.cjp3 .suptitle {
    font-weight: 600;
    padding: 9px 28px;
}

.single .ch3 .case-bottom {
    margin-top: 14px;
}

.icon-testim-inner h2 {
    font-size: 44px;
    line-height: 52px;
    color: #fff;
    padding-bottom: 75px;
}

.icon-testim .suptitle {
    margin-bottom: 32px;
}

.cjp3-testim-info {
    background: #fff;
    padding: 60px 195px;
}

.cjp3-testim-text {
    position: relative;
    font-size: 30px;
    line-height: 40px;
    font-weight: 300;
    padding-bottom: 32px;
}

.cjp3-testim-text:before, .cjp3-testim-text:after {
    content: '“';
    position: absolute;
    font-size: 90px;
    font-weight: 700;
    color: #FF2E58;
    top: 0;
    left: 0;
    transform: translateX(-200%);
}

.cjp3-testim-text:after {
    transform: translateX(200%) rotate(180deg);
    left: inherit;
    right: 0;
    transform-origin: 50% 20%;
}

.cjp3-testim-name {
    font-size: 30px;
    line-height: 40px;
    font-weight: 700;
}

.cjp3-testim-role {
    font-size: 24px;
    line-height: 32px;
    font-weight: 300;
}

.icon-testim.icon-testim-image {
    padding: 110px 0 160px;
}

.icon-testim.icon-testim-image h2 {
    padding-top: 32px;
    font-size: 72px;
    line-height: 1em;
    padding-bottom: 90px;
    font-family: 'GraphikCondensed';
}

.icon-testim.icon-testim-image .cjp3-testim-info {
    background: none;
    padding: 0;
}

.icon-testim.icon-testim-image .cjp3-testim-text {
    font-size: 38px;
    line-height: 1.2;
    color: #fff;
    padding-bottom: 72px;
    letter-spacing: -0.07rem;
}

.cjp3-testim-from-img {width: 160px;height: 160px;}

.cjp3-testim-from-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 80px;
}

.cjp3-testim-from.flexed {
    align-items: center;
    gap: 35px;
}

.icon-testim.icon-testim-image .cjp3-testim-role {
    font-size: 38px;
    line-height: 1.9;
    font-family: 'GraphikCondensed';
    font-weight: 500;
    color: #fff;
}

.icon-testim.icon-testim-image .cjp3-testim-name {
    font-family: 'GraphikCondensed';
    font-weight: 900;
    color: #DAF402;
    font-size: 44px;
    line-height: 1.2;
}

.icon-testim.icon-testim-image .icon-testim-inner {
    position: relative;
}

.icon-testim.icon-testim-image .icon-testim-inner:after, 
.icon-testim.icon-testim-image .icon-testim-inner:before {
    content: '';
    width: 115px;
    height: 85px;
    position: absolute;
    top: 0;
    right: 0;
    background: url('assets/img/quote.svg') 50% 50% no-repeat;
    transform: translate(-100%, 0%);
    background-size: contain;
}

.icon-testim.icon-testim-image .icon-testim-inner:after {
    transform: translate(0%, 100%) scale(0.84) rotate(180deg);
    right: -8px;
}

.home-work-top-link-mobile {
    display: none;
}

div#popmake-56102, div#popmake-57668 {
    padding: 0;
}

div#pum-56102, div#pum-57668 {
    background: rgba(0,0,0,0.8);
}

div#popmake-56102 .pum-content .art-sub, div#popmake-57668 .pum-content .art-sub {
    padding: 0 90px;
    background: url(assets/img/fb-pop.svg?q=1) #7A4EFF 110% 50% no-repeat;
    background-size: 500px auto;
}

div#popmake-56102 .pum-content .art-sub .gfield_checkbox label, div#popmake-57668 .pum-content .art-sub .gfield_checkbox label {
    font-size: 21px;
}

div#popmake-56102 .pum-content .art-sub .gfield--type-email, div#popmake-57668 .pum-content .art-sub .gfield--type-email {
    font-size: 24px;
    line-height: 32px;
}

div#popmake-56102 .pum-content .art-sub .ginput_container.ginput_container_email, div#popmake-57668 .pum-content .art-sub .ginput_container.ginput_container_email {
    margin: 0;
}

#popmake-56102 button.pum-close.popmake-close, #popmake-57668 button.pum-close.popmake-close {
    color: #fff;
    top: 40px;
    right: 120px;
    font-size: 30px;
}

.prp-heading-info {
    max-width: 360px;
    padding: 160px 0 175px;
    position: relative;
}

.prp-heading-inner {
    gap: 30px;
}

.prp-heading-gallery {
    flex: 1;
    padding: 160px 0 175px;
}

.prp-gallery-main img {
    display: block;
}

.prp-gallery-nav {
    gap: 12px;
    margin-top: 12px;
}

.prp-gallery-nav img {
    width: calc(25% - 9px);
    cursor: pointer;
}

.prp-heading {
    background: #3B3B3D;
    color: #fff;
    font-weight: 200;
    font-size: 28px;
}

.prp-heading-info:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 494px;
    height: 440px;
    background: url('assets/img/prbg.png?') 50% 50% no-repeat;
    background-size: contain;
}

.prp-heading-info h1 {
    color: #fff;
    font-weight: 600;
    font-size: 44px;
    margin-bottom: 35px;
}

.prp-heading-link a {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 12px 18px;
    background: #006EFF;
    display: inline-block;
    transition: 0.2s !important;
}

.prp-heading-link a:hover {
    background: #ff2e58;
}

.prp-heading-link {
    margin-top: 35px;
}

.prp-heading-info p, .prp-heading-info div {
    position: relative;
    z-index: 2;
}

.prp-feats {
    padding: 95px 0 130px;
    background: #006EFF;
    color: #fff;
}

.prp-feat-heading h2 {
    font-size: 56px;
    line-height: 64px;
    letter-spacing: -0.2px;
    color: #fff;
    flex: 1;
    font-weight: 600;
}

.prp-feat-heading p {
    flex: 1;
    font-weight: 300;
}

.prp-feat-text {
    font-weight: 300;
}

.prp-feat-list {
    gap: 30px;
}

.prp-feat-list .prp-feat {
    flex: 1;
    background: #fff;
    color: #000;
    margin-top: 120px;
}

.prp-feat p {
    padding: 0 30px 40px 40px;
}

.prp-feat p a {
    text-decoration: underline;
}

.prp-feat h3 {
    padding: 32px 30px 32px 40px;
}

.prp-feat-img {
    display: inline-block;
    background: #FF2E58;
    padding: 47px 49px;
    margin-top: -64px;
}

.prp-feat-img img {
    max-width: 66px;
}

.prp-feat-section + .prp-feat-section {
    padding-top: 160px;
}

.prall-list {
    gap: 48px 33px;
}

.prall-item.active.active-filter {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.prall-item {
    display: none;
    width: calc(25% - 25px);
}

.prall {
    padding: 95px 0 110px;
}

.prall-heading h2 {
    font-size: 56px;
    line-height: 64px;
    letter-spacing: -0.2px;
}

.prall-heading {
    padding-bottom: 65px;
}

.prall-filters button {
    padding: 7px 22px;
    background: #D9D9D9;
    font-size: 14px;
    border-radius: 16px;
    font-weight: 600;
    text-transform: none;
    transition: 0.3s;
    letter-spacing: 0;
}

.prall-filters {
    align-items: center;
    gap: 8px;
}

.prall-filters button.active {
    background: #006EFF;
    color: #fff;
}

.prall-item-text {
    padding: 30px 0 20px;
    font-weight: 300;
}

.prall-more {
    text-align: center;
    margin-top: 80px;
}

.prall-more button {
    background: #006EFF;
    color: #fff;
    font-weight: 600;
    padding: 15px 41px;
    display: inline-block;
    transition: 0.3s;
    font-size: 14px;
    letter-spacing: 0;
}

.prall-more button:hover {
    background: #FF2E58;
}

.prall-list.prall-list-wide {
    gap: 80px 30px;
}

.prall-list.prall-list-wide .prall-item {
    width: calc(33% - 18px);
}

.prc-heading {
    background: #006EFF;
    color: #fff;
    overflow: hidden
}

.prc-heading-inner h1 {
    color: #fff;
    font-size: 56px;
    letter-spacing: -0.2px;
    padding-left: 95px;
    margin-bottom: 95px;
    background: url('assets/img/prcaticon.svg') 0 50% no-repeat;
}

.prc-heading-inner {
    max-width: 775px;
    padding: 95px 0 70px;
    position: relative;
}

.prc-desc {
    font-size: 44px;
    line-height: 52px;
    font-weight: 200;
    position: relative;
    z-index: 2;
}

.prc-desc strong {
    font-weight: 400;
}

.prc-heading-inner:after {
    content: '';
    width: 500px;
    height: 100%;
    position: absolute;
    background: url('assets/img/prbg2.svg?q') 100% 100% no-repeat;
    left: 100%;
    top: 0;
}

.prc-heading-inner h1 strong {
    display: inline;
    background-image: -webkit-linear-gradient(120deg,#FF2E58 0%,#FF2E58 100%);
    background-image: -o-linear-gradient(120deg,#009CDE 0%,#009CDE 100%);
    background-image: linear-gradient(120deg,#FF2E58 0%,#FF2E58 100%);
    background-repeat: no-repeat;
    background-size: 100% 0.15em;
    background-position: 0 88%;
    text-transform: lowercase;
}

.prall-select-active {
    padding: 15px 18px;
    background: #000;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    max-width: 262.5px;
    position: relative;
    cursor: pointer;
    width: 100%;
}

.prall-select-active:after {
    content: '';
    position: absolute;
    width: 48px;
    height: 100%;
    right: 0;
    top: 0;
    background: url('assets/img/arrow-right.svg') 50% 50% no-repeat #006EFF;
    transform: rotate(90deg);
    transition: 0.3s;
}

.prall-select-active.active:after {
    transform: rotate(-90deg);
}

.prall-select-options {
    background: #000;
    color: #fff;
    max-width: 262px;
    width: 100%;
    padding-bottom: 15px;
}

.prall-select-options button {
    padding: 12px 24px;
    display: block;
    font-size: 18px;
    letter-spacing: 0;
    text-transform: none;
    font-weight: 300;
    width: 100%;
    text-align: left;
    transition: 0.3s;
}

.prall-select-options button.active {
    background: url('assets/img/form_check_white.svg') no-repeat 95% 50% #000;
}

.prall-select {
    width: calc(33% + 12px);
}

.prall-select-options button:hover {
    background: url('assets/img/form_check_blue.svg') no-repeat 95% 50% #fff;
    color: #000;
}

.prall-select {
    position: relative;
}

.prall-select-options {
    position: absolute;
    transition: 0.4s;
    transform: rotateX(90deg);
    transform-origin: top left;
    opacity: 0;
    left: 0;
    width: 100%;
    top: 100%;
}

.prall-select-active.active + .prall-select-options {
    opacity: 1;
    transform: rotateX(0deg);
}

.nms2 .art-hero-logo {
    max-width: 240px;
}

.nms2 .art-hero {
    padding: 95px 0 110px;
}

.nms2 .art-hero-inner h1 {
    padding: 64px 0 52px;
    font-size: 86px;
    line-height: 78px;
    font-weight: 600;
    letter-spacing: -1px;
}

.nms2 .art-hero-inner h1 strong {
    font-weight: 600;
    display: inline;
    background-image: -webkit-linear-gradient(120deg,#FF2E58 0%,#FF2E58 100%);
    background-image: -o-linear-gradient(120deg,#009CDE 0%,#009CDE 100%);
    background-image: linear-gradient(120deg,#FF2E58 0%,#FF2E58 100%);
    background-repeat: no-repeat;
    background-size: 100% 0.15em;
    background-position: 0 89%;
    text-transform: lowercase;
}

.nms2 .art-hero-text {
    max-width: 850px;
    font-size: 44px;
    line-height: 52px;
    font-weight: 200;
}

.nms2 .art-inner {
    padding: 95px 0;
}

.nms-block-heading h2 {
    flex: 1;
}

.nms-block-heading {
    gap: 30px;
    padding-bottom: 30px;
}

.nms2 .art-heading-text {
    font-weight: 300;
}

.nms2 .art-item-img a {
    border: none;
}

.nms-item-text {
    font-size: 30px;
    margin: 30px 0 20px;
    font-weight: 200;
}

.nms2 .art-list.art-list-1 {
    gap: 45px 30px;
}

.nms2 .art.art-2 {
    background: #3B3B3D;
}

.nms2 .art-list.art-list-2 {
    padding-top: 0;
}

.nms2 .art-list-2-item .art-item-info {
    padding-bottom: 0;
}

.nms2 .art-list-nav {
    margin-top: 12px;
}

.nms2 .btn-blog a {
    background: #006EFF;
    text-transform: uppercase;
    font-size: 14px;
}

.nms2 .btn-blog a:hover {
    background: #FF2E58;
}

.nms-link a.btn {
    background: #006EFF;
}

.nms-link a.btn:hover {
    background: #FF2E58;
}

.nms2 .art-list-arrows button {
    background: #006EFF;
}

.nms2 .art-list-arrows button:hover {
    background: #FF2E58;
    color: #fff;
}

.nms2 .art-list-nav button:hover {
    background: #FF2E58;
}

.nms2 .art-inner.art-inner-3 {
    padding: 64px 0 80px;
}

.nms2 .art.art-3 {
    padding: 30px 0 64px;
}

.nms2 .art-inner.art-inner-3 .art-heading {
    padding-bottom: 30px;
}

.nms2 .art-list.art-list-3 .art-item-title h4 {
    font-weight: 300;
    margin: 30px 0 20px;
}

.nms2 .art.art-4 {
    background: #D9D9D9;
}

.nms2 .art-inner.art-inner-3.art-inner-6 .art-heading h2 {
    font-size: 56px;
}

.nms-heading-left {
    flex: 1;
}

.nms-heading-left h2 {
    max-width: 100%;
}

.nms-heading-right {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    align-items: center;
}

.nms-heading-right {
    flex: 1;
}

.nms2 .art-inner.art-inner-4 {
    padding: 95px 0 60px;
}

.nms2 .art-list.art-list-4 {
    padding: 64px 0 0;
}

.nms-column img {
    margin-bottom: 30px;
}

.nms-column h3 {
    margin-bottom: 20px;
}

.nms-column hr {
    margin: 35px 0 39px;
    background: #88868B;
}

.nms-column a:hover {
    color: #006EFF;
}

.nms-column p a {
    text-decoration: underline;
}

.nms-column p {
    font-weight: 300;
}

.nms2 .art.art-3.art-6 {
    margin-bottom: 0;
    padding-bottom: 0;
}

.art-list-item.art-list-6-item .art-item-title h4 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 300;
}

.nms2 .art-list-item.art-list-6-item {
    align-items: flex-end;
}

.nms2 .art.art-3.art-6 .art-heading-text {
    max-width: 360px;
}

.nms2 .art-3.art-6 .btn-blog a {
    padding: 15px 52px;
}

.nms2 .art-hero-inner h1 strong span {
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
    transform: scale(0);
}

.nms2 .art-hero-inner h1 strong span.active {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    display: inline-block;
}

.art-list-slides-wrap {
    position: relative;
}

.nms2 .art.art-3 {
    overflow: hidden;
}

.art-list-slides-wrap .art-list-arrows button {
    top: 20%;
}

.nms2 .art-list.art-list-3.slick-slider {
    margin: 0 -15px;
}

.nms2 .art-list.art-list-3.slick-slider .art-list-item {
    margin: 0 15px;
}

.cjp3-mobile-slideshow .slick-dots {
    display: flex;
    gap: 7px;
}

.cjp3-mobile-slideshow .slick-dots li {
    flex: 1;
}

.cjp3-mobile-slideshow .slick-dots li button {
    text-indent: -99999px;
    background: #D9D9D9;
    width: 100%;
    line-height: 6px;
    transition: 0.3s;
}

.cjp3-mobile-slideshow .slick-dots li button:hover, .cjp3-mobile-slideshow .slick-dots li.slick-active button {
    background: #88868B;
}

.mobile-read-more, .cjp3-mobile-slideshow {
    display: none;
}

.nms2 .art-2 .art-list-item a {
    font-weight: 600;
}

.nms2 .art-inner.art-inner-3:not(.art-inner-6):not(:last-child):after {
    background: #000;
    max-width: 1340px;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
}

.nms2 .art-list-item.art-list-6-item h4 a:hover {
    color: #006EFF;
}

.prall-filters button:hover {
    background: #ff2e58;
    color: #fff;
}

.nms2 .art-hero-inner h1 br {
    display: none;
}

.art6-mobile-btn {
    display: none;
}

.prp-gallery-main {
    height: 500px;
}

.prp-gallery-main img {
    height: 100%;
    object-fit: cover;
}

.privp-heading-inner .suptitle {
    margin-bottom: 40px;
    background: #3B3B3D;
}

.privp-wrap.privp-style-style1 {
    font-family: 'Graphik';
}

.privp-effective-date {
    font-size: 30px;
    line-height: 40px;
    font-weight: 200;
    margin-top: 10px;
}

.privp-heading {
    padding: 80px 0;
}

.privp-heading-title h1 {
    font-size: 90px;
    line-height: 86px;
}

.cex-top-text h1, .privp-heading-title h1 strong {
    display: inline;
    background-image: -webkit-linear-gradient(120deg,#FFC0CD 0%,#FFC0CD 100%);
    background-image: -o-linear-gradient(120deg,#FFC0CD 0%,#FFC0CD 100%);
    background-image: linear-gradient(120deg,#FFC0CD 0%,#FFC0CD 100%);
    background-repeat: no-repeat;
    background-size: 100% 0.15em;
    background-position: 0 88%;
}

.privp-main {
    padding: 90px 0 170px;
    background: #F2F2F2;
}

.cs-container.cs-container--sm {
    max-width: 1005px;
}

.privp-main-inner {
    font-size: 30px;
    line-height: 40px;
    font-weight: 300;
}

.privp-main-inner h2 {
    font-size: 44px;
    line-height: 52px;
    padding-bottom: 28px;
}

.privp-main-inner h2:not(:first-child) {
    padding-top: 40px;
}

.privp-main-inner p {
    margin-bottom: 40px;
}

.privp-main-inner a {
    color: #FF2E58;
    text-decoration: underline;
}

.privp-effective-date.privp-effective-date-bottom {
    font-weight: 300;
}

.privp-other {
    margin-top: 80px;
}

.privp-other h4 {
    font-size: 30px;
    line-height: 40px;
    padding-bottom: 40px;
}

.privp-other-item span {
    padding: 4px 9px;
    background: #D9D9D9;
    color: #3B3B3D;
    transition: 0.3s;
}

.privp-other-item a {
    text-decoration: none;
    display: flex;
    align-items: center;
}

.privp-other-item span + span {
    font-size: 14px;
    background: #fff;
    line-height: 24px;
    color: #3B3B3D;
    font-weight: 700;
    padding: 12px 18px;
    border-left: 1px solid #fff;
    text-transform: uppercase;
}

.privp-other-list {
    gap: 32px;
}

.privp-other-item a:hover span {
    background: #ff2e58;
    color: #fff;
}

.privp-main-inner ul {
    margin-top: -40px;
    margin-bottom: 40px;
}

.privp-main-inner ul li:before {
    content: '';
    width: 16px;
    height: 0;
    position: absolute;
    top: 22px;
    left: 0;
    border-top: 2px solid currentColor;
}

.privp-main-inner ul li {
    padding-left: 30px;
    margin-bottom: 3px;
    position: relative;
}

.privp-wrap.privp-style-style2 {
    font-family: 'Capitolina';
}

.privp-wrap.privp-style-style2 h1, .privp-wrap.privp-style-style2 h2, .privp-wrap.privp-style-style2 h3, .privp-wrap.privp-style-style2 h4, .privp-wrap.privp-style-style2 h5 {
    font-family: 'suptitle';
}

.privp-wrap.privp-style-style2 .privp-heading {
    background: #ECECEC;
    padding: 90px 0 55px;
}

.privp-wrap.privp-style-style2 .privp-heading-title h1 strong {
    background-position: 0 90%;
}

.privp-wrap.privp-style-style2 .privp-main {
    background: #fff;
    padding: 85px 0 215px;
}

.privp-wrap.privp-style-style2 .privp-main-inner a {
    color: currentColor;
}

.privp-wrap.privp-style-style2 .privp-effective-date {
    margin-top: 2px;
    font-family: 'Suptitle';
}

.privp-wrap.privp-style-style2 .privp-heading-title h1 {
    font-size: 80px;
    line-height: 80px;
    letter-spacing: -1px;
}

.privp-wrap.privp-style-style2 .privp-main-inner h2 {
    font-size: 48px;
    line-height: 68px;
    padding-bottom: 40px;
}

.privp-wrap.privp-style-style2 .privp-main-inner {
    font-size: 24px;
    line-height: 36px;
}

.privp-wrap.privp-style-style2 .privp-main-inner ol li::marker {
    color: #FF0DFF;
    font-weight: 700;
}

.privp-main-inner ol li {
    margin-bottom: 40px;
}

.privp-wrap.privp-style-style2 .privp-other-item a span {
    background: #FF0DFF;
    color: #fff;
    display: flex;
    align-items: center;
    padding: 12px;
}

.privp-wrap.privp-style-style2 .privp-other-item span + span {
    background: #D9D9D9;
    color: currentColor;
    text-transform: uppercase;
}

.privp-wrap.privp-style-style2 .privp-other-item a:hover span {
    background: #FF0DFF;
    color: #fff;
}

.privp-main-inner ol {
    list-style-position: outside;
    margin-left: 30px;
}

.privp-main-inner ol li::marker {
    font-weight: 700;
}

footer.brand-fabrik-footer {
    background: url(assets/img/bf_464649.svg) 160% 50% no-repeat #3B3B3D;
    background-size: auto 125%;
}

footer.brand-fabrik-footer {
    padding: 135px 0 80px;
    color: #fff;
    font-family: 'capitolina';
}

.brand-fabrik-footer-logo {
    max-width: 242px;
}

.brand-fabrik-footer-top-title {
    flex: 1;
    font-family: 'suptitle';
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    padding-bottom: 10px;
}

.brand-fabrik-footer-top {
    gap: 50px;
    align-items: center;
}

.brand-fabrik-footer-main {
    gap: 30px;
    padding: 95px 0 50px;
}

.brand-fabrik-footer-main-item {
    flex: 1;
    font-size: 18px;
    line-height: 24px;
}

.brand-fabrik-footer-main-item h3 {
    font-size: 24px;
    color: #fff;
    font-family: 'Suptitle';
    line-height: 40px;
    padding-bottom: 18px;
}

.brand-fabrik-footer-main-item table td {
    border: none;
    vertical-align: top;
    height: 35px !important;
    padding: 0 0 10px 0;
}

.brand-fabrik-footer-main-item table td:first-child {
    max-width: 60px;
}

.brand-fabrik-footer-main-item table td:last-child {
    flex: 1;
}

.brand-fabrik-footer-main-item table tr {
    display: flex;
    height: auto !important;
}

.brand-fabrik-footer-main-item ul {
    line-height: 32px;
}

.brand-fabrik-footer-main-item ul li {
    position: relative;
    padding-left: 28px;
}

.brand-fabrik-footer-main-item table {
    margin-top: 4px;
}

.brand-fabrik-footer-main-item ul li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 1px;
    background: #fff;
}

footer.brand-fabrik-footer a {
    transition: 0.3s !important;
}

footer.brand-fabrik-footer a:hover {
    color: #FF0DFF;
}

footer.brand-fabrik-footer p a {
    text-decoration: underline;
}

.brand-fabrik-footer-main-item p:not(:last-child) {
    padding-bottom: 25px;
}

.brand-fabrik-footer-bottom-text {
    color: #D9D9D9;
    flex: 1;
    font-size: 16px;
}

.brand-fabrik-footer-bottom {
    gap: 55px;
}

.brand-fabrik-footer-social a {
    width: 32px;
    height: 32px;
    background: #88868B;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    font-size: 24px;
    color: #3B3B3D;
}

.brand-fabrik-footer-social {
    gap: 17px;
}

footer.brand-fabrik-footer .brand-fabrik-footer-social a:hover {
    color: #3B3B3D;
    background: #ff0dff;
}

.brand-fabrik-footer-messages {
    gap: 30px;
    margin-top: 24px;
    color: #fff;
    font-size: 14px;
}

.privp-wrap, .privp-wrap h1, .privp-wrap h2, .privp-wrap h3, .privp-wrap h4 {
    color: #3B3B3D;
}

.mob-menu-wrap .content {
    padding: 20px 16px 32px 16px;
}

#mob-menu-wrap .bg-area {
    position: relative;
}

.alm-listing.alm-ajax {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 40px 20px;
}

#mob-menu-wrap .bg-area:after {
    background: #FF2E58;
    position: absolute;
    content: '';
    top: 100%;
    width: 100%;
    height: 500px;
}

.mob-menu-main {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 32px 0 44px;
    margin-top: 32px;
    border-top: 1px solid #88868B;
}

div#mob-menu-wrap {
    font-family: 'GraphikCondensed';
    color: #3B3B3D;
}

.mob-menu-main-top > ul > li > a {
    font-size: 26px;
    line-height: 32px;
    font-weight: 600;
    display: block;
    position: relative;
    color: #3B3B3D !important;
    text-transform: uppercase;
}

.mob-menu-main-top > ul > li.has-children > a:after {
    content: "";
    border-top: 3px solid #3B3B3D;
    width: 10px;
    height: 10px;
    display: block;
    border-right: 3px solid #3B3B3D;
    top: 50%;
    transform: translateY(-50%) rotate(135deg);
    transform-origin: 50% 50%;
    position: absolute;
    right: 13px;
}

.mob-menu-main-top > ul > li.has-children > ul a:after {
    content: '\e902';
    font-family: 'tipi';
    position: absolute;
    right: 7px;
    top: 50%;
    transform: translateY(-50%);
}

.mob-menu-main-top > ul > li.has-children > ul a {
    position: relative;
    display: block;
    font-size: 26px;
    line-height: 32px;
    font-weight: 500;
    padding-left: 5px;
    color: #3B3B3D;
}

.mob-menu-main-top > ul > li.has-children > ul a:before {
    content: '';
    background: #3B3B3D;
    height: 2px;
    width: 16px;
    position: absolute;
    left: 0;
    transform: translate(-100%, 50%);
    top: 50%;
}

.mob-menu-main-top > ul > li > ul {
    margin: 10px 0 10px 20px;
    display: none;
}

.mob-menu-main-bottom-title {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid #FFFFFF;
    font-size: 26px;
    line-height: 32px;
    font-weight: 700;
    position: relative;
    cursor: pointer;
    margin-bottom: 5px;
}

.mob-menu-main-bottom-title:after {
    content: "";
    border-top: 2px solid #fff;
    width: 10px;
    height: 10px;
    display: block;
    border-right: 2px solid #fff;
    top: 50%;
    transform: translateY(-50%) rotate(135deg);
    transform-origin: 50% 50%;
    position: absolute;
    right: 0;
}

.mob-menu-main-bottom li a:before {
    content: '';
    background: #fff;
    height: 2px;
    width: 16px;
    position: absolute;
    left: 0;
    transform: translate(-100%, 50%);
    top: 50%;
}

.mob-menu-main-bottom li a {
    position: relative;
    padding-left: 5px;
    font-size: 26px;
    line-height: 38px;
    font-weight: 200;
    display: block;
}

.mob-menu-main-bottom ul {
    margin-left: 17px;
    display: none;
}

.mob-menu-main-bottom ul span {
    display: block;
    font-size: 16px;
    line-height: 22px;
    font-weight: 300;
    padding-left: 5px;
    margin-bottom: 3px;
    display: none;
}

.mob-menu-main-bottom li a:after {
    content: "";
    border-top: 2px solid #fff;
    width: 10px;
    height: 10px;
    display: block;
    border-right: 2px solid #fff;
    top: 15px;
    transform: translateY(-50%) rotate(135deg);
    transform-origin: 50% 50%;
    position: absolute;
    right: 0;
}

.mob-menu-bottom-item-title {
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
    width: 90px;
}

.mob-menu-bottom-item-text {
    flex: 1;
    font-weight: 300;
    font-size: 17px;
    line-height: 32px;
}

.mob-menu-bottom-item.flexed {
    display: flex;
    gap: 8px;
}

.mob-menu-bottom-item:first-child .mob-menu-bottom-item-text a {
    display: flex;
    align-items: center;
}

.mob-menu-bottom-item:first-child .mob-menu-bottom-item-text a i {
    padding-right: 6px;
    font-size: 22px;
}

.mob-menu-bottom-item:last-child .mob-menu-bottom-item-text a {
    display: flex;
    color: #3B3B3D;
    align-items: center;
    font-size: 16px;
    flex-wrap: wrap;
    gap: 8px;
}

.mob-menu-bottom-item.flexed + .mob-menu-bottom-item.flexed {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #88868B;
}

.mob-menu-main-top > ul > li.has-children > a.active:after {
    transform: translateY(-50%) rotate(-45deg);
    border-color: #3B3B3D;
}

.mob-menu-main-top > ul > li.has-children > a.active {
    color: #3B3B3D;
}

.mob-menu-main-top > ul > li.has-children > a span {
    position: relative;
}

.phone-red {
    background: url('assets/img/phone-red.jpg') 50% 50% no-repeat;
    background-size: contain;
    width: 23px;
    height: 22px;
    margin-right: 5px;
}

#mob-menu-wrap .bg-area {
    background: #DAF402;
}

span.art-main-caption {
    font-size: 12px;
    display: block;
}

.mob-menu-main-top > ul > li.has-children > a:after {
    transition: 0.3s;
}

.mob-menu-main-top > ul > li.has-children > a.active:after {
    transform: translateY(-50%) rotate(-45deg);
    border-color: #FF2E58;
}

.mob-menu-main-top > ul > li.has-children > a.active {
    color: #3B3B3D;
}

.mob-menu-main-top > ul > li.has-children > a.active span:before {
    content: '';
    height: 4px;
    background: #FF2E58;
    width: calc(100% + 5px);
    position: absolute;
    bottom: -1px;
    left: -2px;
}

.mob-menu-main-top > ul > li.has-children > a:after {
    transition: 0.3s;
}

.mob-menu-main-bottom li a.active:after {
    content: '\e902';
    font-family: 'tipi';
    position: absolute;
    transform: translateY(-50%);
    border: none;
    right: 11px;
    top: 6px;
}

.mob-menu-main-bottom ul a.active + span {
    display: block;
}

.mob-menu-main-bottom-title.active:after {
    transform: translateY(-50%) rotate(-45deg);
    top: 28px;
    border-color: #3B3B3D;
}

.mob-menu-main-bottom li a, .mob-menu-main-bottom-title span {
    position: relative;
}

.mob-menu-main-bottom-title.active span:before {
    content: '';
    height: 4px;
    background: #3B3B3D;
    width: 100%;
    position: absolute;
    bottom: -2px;
}

.mob-menu-main-bottom-title.active {
    color: #3B3B3D;
}

.cjp3-mobileimg {
    display: none;
}

#global-footer .gform_wrapper.gravity-theme .gfield {
    display: flex;
    align-items: center;
}

#global-footer .gform_wrapper.gravity-theme .gfield_required {
    display: none!important;
}

#global-footer .gform_wrapper.gravity-theme .gfield > div {
    flex: 1;
}

#global-footer .gform_wrapper.gravity-theme .gfield > label {
    width: 200px;
    color: #fff !important;
    line-height: 21px;
}

#global-footer .gform_wrapper.gravity-theme .gfield > label span {
    color: #fff !important;
    padding: 0;
}

#global-footer .gform_wrapper.gravity-theme .gfield.gfield--type-email > div {
    display: block;
}

#global-footer .gform_wrapper.gravity-theme .gfield.gfield--type-email > div > span {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: space-between;
    padding: 0;
}

#global-footer .gform_wrapper.gravity-theme .gfield.gfield--type-email > div > span label, #global-footer .gform_wrapper.gravity-theme .gfield.gfield--type-email>div>span label {
    font-size: 24px;
    font-weight: 600;
    width: 200px;
    text-align: left;
    color: #fff !important;
    display: block!important;
}

#global-footer .gform_wrapper.gravity-theme .gfield.gfield--type-email > div > span input {
    flex: 1;
}

#global-footer .gform_wrapper.gravity-theme .gfield.gfield--type-email > div > span + span {
    margin-top: 22px;
}

#global-footer .gform_wrapper.gravity-theme .gfield.gfield--type-select > label {
    opacity: 0;
}

.global-footer-form-main {
    max-width: 655px;
}

#global-footer .global-footer-form-main input {
    background: #3B3B3D !important;
    border: none;
    font-size: 22px !important;
}

.global-footer-form-main input[type="submit"] {
    cursor: pointer;
    margin-right: 0;
    max-width: calc(100% - 200px);
}

#global-footer .global-footer-form-main input::placeholder {
    color: #fff;
}

#global-footer .cc3-main .ginput_container_select a, #global-footer .cc3-main .ginput_container_select a + div ul {
    background: #3B3B3D !important;
}

#global-footer .cc3-main .ginput_container_select a {
    padding: 5px 18px!important;
}

.global-footer-form-form-inner {
    position: relative;
}

.admin-bar .global-footer-form-form {
    height: calc(100vh - 100px);
}

.global-footer-form-form {
    background: #FF2E58;
    position: fixed;
    top: 100%;
    left: 0;
    width: 100%;
    height: calc(100vh - 68px);
    overflow: auto;
    opacity: 0;
    visibility: hidden;
    z-index: 8;
    -ms-overflow-style: none;
    /* Internet Explorer 10+ */
    scrollbar-width: none;
    /* Firefox */
    transition: 0.3s;
}

.global-footer-form-form::-webkit-scrollbar {
    display: none;
    /* Safari and Chrome */
}

.admin-bar .global-footer-form-form.active {
    top: 100px;
}

.global-footer-form-form.active {
    top: 68px;
    opacity: 1;
    visibility: visible;
    padding: 32px 0 80px;
}

.global-footer-thank-text {
    display: none;
}

.global-footer-form-form-inner > button {
    position: absolute;
    right: 5px;
    top: 0px;
    font-size: 50px;
    line-height: 50px;
    color: #3B3B3D;
    transition: 0.3s;
    width: 60px;
}

.global-footer-form-form-inner > button:hover g {
    fill: #fff;
}

.global-footer-form-form.active > .cs-container {
    padding: 0 30px;
    width: 100%;
}

.global-footer-form-form-inner > button:hover {
    color: #fff;
}

.global-footer-form-top-text h2 {
    font-size: 90px;
    color: #3B3B3D;
    line-height: 86px;
}

.global-footer-form-top-text {
    color: #3B3B3D;
}

.global-footer-form-top-text p {
    font-size: 44px;
    line-height: 52px;
    font-weight: 300;
}

.global-footer-form-top .suptitle {
    background: #3B3B3D;
}

.global-footer-form-main {
    margin-top: 50px;
    padding-bottom: 80px;
}

.global-footer-form-form.cc3-main.sent.active {
    padding-bottom: 20px;
}

.global-footer-form-bottom {
    display: none;
}

footer#global-footer {
    background: #FF2E58;
    color: #fff;
    padding: 95px 0 90px;
    font-family: 'Graphik';
}

.global-footer-form-open {
    color: #3B3B3D;
    font-size: 80px;
    line-height: 67px;
    font-weight: 900;
    border-bottom: 12px solid currentColor;
    cursor: pointer;
    font-family: 'GraphikCondensed';
    text-transform: uppercase;
}

.global-footer-top {
    align-items: center;
    gap: 50px;
}

.global-footer-top-text {
    max-width: 590px;
    font-weight: 600;
    font-size: 20px;
}

.global-footer-main {
    padding: 95px 0 65px;
    gap: 30px;
}

.global-footer-col h3 {
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    padding-bottom: 19px;
    font-family: 'GraphikCondensed';
}

.global-footer-col {
    max-width: 180px;
    width: 100%;
}

.global-footer-col:first-child {
    max-width: 362px;
}

.ch4 .home-blog-latest-wrap {
    padding-left: 30px;
    padding-right: 30px;
}

.global-footer-col ul li {
    font-size: 16px;
    line-height: 24px;
}

.global-footer-col ul li a span+span, .global-footer-col ul li > span+span {
    min-width: 132px;
    /*background: #000;*/
    padding: 12px 18px;
    display: inline-block;
}

.global-footer-logo {
    max-width: 540px;
    width: 100%;
}

.global-footer-logo img {
    width: 100%;
}

.footer-time-label {
    font-size: 30px;
    line-height: 40px;
    color: #3B3B3D;
    font-weight: 700;
    margin-bottom: -10px;
}

.footer-back-top button {
    color: #3B3B3D;
    font-size: 112px;
    line-height: 1;
}

.global-footer-col ul li a span:first-child, .global-footer-col ul li > span:first-child {
    font-size: 30px;
    padding: 9px;
}

.global-footer-col ul li a, .global-footer-col ul li.ftime {
    display: inline-flex;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.global-footer-col ul li a:hover span+span {
    text-decoration: underline;
}

.global-footer-col ul li a:active span+span {
    background: #daf402;
    text-decoration: none;
    color: #3b3b3d;
}

.global-footer-col ul li a:active:after {
    opacity: 0;
}

.global-footer-col ul li:not(:last-child) {
    margin-bottom: 8px;
}

.global-footer-col ul li a span.phone-icon, .global-footer-col ul li a span.marker-icon {
    width: 48px;
    height: 48px;
    background: url('assets/img/phone-red-lg.jpg') 50% 50% no-repeat;
    background-size: contain;
}

.global-footer-col ul li a span.marker-icon {
    background-image: url('assets/img/marker-red.jpg');
}

.global-footer-col ul li a:after, .global-footer-col ul li.ftime:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: calc(100% - 48px);
    background: #3B3B3D;
    transition: 0.3s;
}

.global-footer-col ul li span {
    position: relative;
    z-index: 2;
}

.global-footer-col ul li a:hover:after, .global-footer-col ul li.ftime:hover:after {
    transform: translateX(calc(-100%));
}

.global-footer-col:first-child ul li a span+span, .global-footer-col:first-child ul li > span+span {
    min-width: 192px;
}

.global-footer-col:first-child ul li a:hover:after, .global-footer-col:first-child ul li.ftime:hover:after {
    transform: none;
}

.footer-message {
    margin-top: 24px;
    font-size: 18px;
    font-weight: 600;
}

.footer-time {
    text-align: center;
}

.footer-time-time {
    font-weight: 300;
    font-size: 30px;
}

.footer-back-top {
    position: relative;
    top: 12px;
}

.footer-back-top button, .global-footer-form-open {
    transition: 0.2s;
}

.footer-back-top button:hover, .global-footer-form-open:hover {
    color: #fff;
}

@keyframes timesep {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.footer-time-sep {
    animation-name: timesep;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

#global-footer .cc3-main .ginput_container_select a:after {
    content: "\e900";
    font-family: tipi;
    top: 0px;
    height: auto;
    text-align: center;
    padding: 12px 0;
    background: #fff !important;
    color: #000;
    font-size: 30px;
}

#global-footer .cc3-main .ginput_container_select .chosen-with-drop a:after {
    background: #ff2e58 !important;
    color: #fff;
}

#global-footer .gform_footer input[type='submit']:hover {
    background: #009CDE !important;
    transform: none;
    box-shadow: none;
}

#global-footer .gform_wrapper.gravity-theme .gfield > div {
    position: relative;
}

#global-footer .gform_wrapper.gravity-theme .gfield > div.valid:after, #global-footer .gform_wrapper.gravity-theme .gfield.gfield--type-email > div > span.valid:after {
    content: "\e908";
    font-family: 'tipi';
    color: #FF2E58;
    background: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 48px;
    text-align: center;
    padding: 6px 0;
    font-size: 30px;
    line-height: 35px;
}

#global-footer .gform_footer {
    position: relative;
}

#global-footer .gform_footer img.gform_ajax_spinner {
    position: absolute;
    left: calc(100% + 5px);
    top: 50%;
    transform: translateY(-50%);
}

#global-footer .gform_wrapper.gravity-theme .gfield > div.invalid:after, #global-footer .gform_wrapper.gravity-theme .gfield.gfield--type-email > div > span.invalid:after {
    content: "\e5cd";
    font-family: 'tipi';
    color: #FF2E58;
    background: #000;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 48px;
    text-align: center;
    padding: 6px 0px;
    font-size: 30px;
    line-height: 35px;
}

#global-footer .gform_wrapper.gravity-theme .gfield > div.valid input, #global-footer .gform_wrapper.gravity-theme .gfield.gfield--type-email > div > span.valid input {
    background: #f2f2f2 !important;
    color: #3B3B3D;
}

#global-footer .gform_wrapper.gravity-theme .gfield.gfield--type-email > div > span {
    position: relative;
}

#global-footer .gform_wrapper .gfield_description.validation_message {
    position: absolute !important;
    top: 100%;
    left: 0;
    background: #fff !important;
    width: 200px;
}

.global-footer-form-form.active.sent .global-footer-form-top-text, .global-footer-form-form.active.sent .global-footer-form-main {
    display: none;
}

.global-footer-form-form.active.sent .global-footer-thank-text, .global-footer-form-form.active.sent .global-footer-form-bottom {
    display: block;
}

.global-footer-thank-text h2 {
    color: #3B3B3D;
    font-size: 90px;
    line-height: 86px;
    max-width: 600px;
}

.global-footer-thank-text {
    margin-bottom: 150px;
}

.global-footer-thank-text p {
    font-size: 44px;
    line-height: 52px;
    font-weight: 300;
    margin-top: 30px;
    color: #3B3B3D;
    max-width: 580px;
}

.global-footer-thank-text p a {
    text-decoration: underline;
}

.global-footer-bottom-right {
    margin-bottom: 5px;
}

span.footer-time-sep {
    margin: 0 -5px;
}

#global-footer .gform_footer input[type='submit'] {
    font-size: 14px !important;
}

.global-footer-form-form-inner {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}

.global-footer-form-form.active .cs-container {
    height: 100%;
}

.cs-bio-blog-list .blog-card.slick-slide .art-item-cats a {
    margin: 5px 5px 0px 0;
    display: inline-block;
}

button.slick-arrow.slick-disabled {
    opacity: 0.4;
}

.coab-hero-wrap {
    background: #DAF402;
    padding: 62px 0 112px;
    margin-top: 32px;
}

.coab-hero-text h1 {
    font-size: 110px;
    line-height: 110px;
    font-weight:500;
    margin-bottom: 30px;
}

.constr-about h1 strong, .constr-about h2 strong {
    display: inline;
    background-image: -webkit-linear-gradient(120deg, #FFF 0%, #FFF 100%);
    background-image: -o-linear-gradient(120deg, #FFF 0%, #FFF 100%);
    background-image: linear-gradient(120deg, #FFF 0%, #FFF 100%);
    background-repeat: no-repeat;
    background-size: 100% 0.15em;
    background-position: 0 89%;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
    font-weight: 700;
}

.constr-about h2 strong {
    background-image: -webkit-linear-gradient(120deg, #FFAABC 0%, #FFAABC 100%);
    background-image: -o-linear-gradient(120deg, #FFAABC 0%, #FFAABC 100%);
    background-image: linear-gradient(120deg, #FFAABC 0%, #FFAABC 100%);
}

.coab-hero-text p {
    font-size: 36px;
    line-height: 1.3;
    font-weight: 200;
    margin-bottom: 55px;
    max-width: 950px;
}

.coab-hero-links {
    gap: 30px;
}

.coab-hero-links a {
    width: 165px;
}

section.coab-section {
    padding: 135px 0;
}

.coab-main-text h1 {
    font-size: 90px;
    line-height: 86px;
    margin-bottom: 55px;
    color: #fff;
}

.coab-main-text h2 {
    font-size: 72px;
    line-height: 72px;
    margin-bottom: 55px;
}

.coab-main-text p {
    font-size: 36px;
    line-height: 1.3;
    font-weight: 200;
    max-width: 1000px;
}

.coab-iconed-blocks {
    margin-top: 64px;
    gap: 30px;
}

.coab-iconed-image {
    max-width: 30px;
}

.coab-iconed-block {
    width: calc(50% - 15px);
}

.coab-iconed-blocks-13 .coab-iconed-block {
    width: calc(33% - 17px);
}

.coab-iconed-title h3 {
    font-size: 44px;
    font-weight: 600 !important;
    line-height: 72px;
    color: #3B3B3D;
}

.coab-iconed-title {
    padding: 12px 0px;
    border-bottom: 1px solid #BEBDC0;
}

.coab-iconed-text {
    font-size: 28px;
    line-height: 40px;
    font-weight: 200;
    padding-top: 42px;
    padding-right: 23px;
}

.constr-about {
    color: #3B3B3D;
}

.coab-main-text table {
    margin-top: 64px;
    border-collapse: separate !important;
    border-spacing: 30px 0px;
}

.coab-main-text table td {
    padding: 24px 0;
    font-size: 24px;
    font-weight: 300;
    border-bottom: 1px solid #88868B;
    border-top: none;
}

.coab-main-text table td strong {
    font-size: 30px;
    line-height: 40px;
}

.coab-main-text table ul {
    column-count: 1;
    margin: 0;
}

.coab-main-text ul {
    column-count: 4;
    margin-top: 64px;
    column-gap: 30px;
}

.coab-main-text ul li {
    position: relative;
    padding: 8px 0 8px 20px;
    font-size: 21px;
    font-weight: 300;
    border-top: 1px solid #88868B;
}

.coab-main-text ul li:before {
    content: '';
    width: 18px;
    height: 1px;
    border-bottom: 2px solid currentColor;
    position: absolute;
    left: 0;
    top: calc(0% + 1em);
    /*top: 50%;*/
}

@media screen and (min-width: 1240px) {
.coab-main-text ul li:before {
    top: calc(0% + 20px);
}
}

@media screen and (max-width: 951px) {
.coab-main-text ul li:before {
    top: calc(0% + 16px);
}
}

.coab-main-text table tr:last-child td {
    border-bottom: 1px solid #88868B;
    padding-bottom: 32px;
}

.coab-main-text ul li:nth-child(4n) {
    border-bottom: 1px solid #88868B;
}

.coab-main-text table ul li {
    border: none !important;
}

section.coab-section .home-work-item {
    background: #fff;
}

section.coab-section .home-work-item-img img {
    display: block;
}

.coab-projects-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 80px;
}

body:not(.page-template-homepage_v4-tpl) .ch3 .case-cats {
    font-size: 15px;
}

section.coab-section.coab-dark h2 {
    color: #DAF402;
}

section.coab-section.coab-dark{
    color: #fff;
}

.constr-about .coab-dark h1 strong, .constr-about .coab-dark h2 strong {
    background-image: -webkit-linear-gradient(120deg, #FF2E58 0%, #FF2E58 100%);
    background-image: -o-linear-gradient(120deg, #FF2E58 0%, #FF2E58 100%);
    background-image: linear-gradient(120deg, #FF2E58 0%, #FF2E58 100%);
}

.coab-bottom-link {
    margin-top: 64px;
}

.coab-col-subtitle {
    font-size: 24px;
    line-height: 32px;
    font-weight: 300;
    margin-top: -13px;
    margin-bottom: 24px;
}

.coab-col-link {
    margin-top: 32px;
}

.coab--col.cs-case {
    margin: 0;
}

.coab-main-text.coab-main-text-bottom {
    margin-top: 64px;
}

.coab-drops {
    margin-top: 64px;
}

.coab-drop {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #88868B;
    align-items: flex-end;
    padding-bottom: 24px;
}

.coab-drop:last-child {
    border-bottom: 1px solid #88868B;
}

.coab-drop-text-abs {
    position: absolute;
    top: -99999px;
    left: -99999px;
}

.coab-drops-lined .coab-drop-text {
    display: flex;
    gap: 30px;
    align-items: flex-start;
    flex: 1;
}

.coab-drop-title {
    font-size: 44px;
    line-height: 52px;
    font-weight: 600 !important;
    padding: 22px 0px 0;
    cursor: pointer;
    max-width: 320px;
    width: 100%;
}

.coab-drop-text-text {
    max-width: 555px;
    font-size: 28px;
    line-height: 40px;
    font-weight: 200;
    margin: 25px auto 0;
    padding-bottom: 24px;
    display: none;
}

.coab-drop-btn button {
    width: 48px;
    height: 48px;
    border: 1px solid #000000;
    font-size: 32px;
}

.coab-drop .coab-drop-btn i {
    transition: 0.3s;
    display: block;
}

.coab-drop.active .coab-drop-btn i {
    transform: rotate(-180deg);
}

.coab-drop-btn {
    transition: transform 0.1s linear 0s;
}

.coab-drop.active .coab-drop-btn button {
    background: #000;
    color: #fff;
}

.coab-drop.active .coab-drop-title {
    color: #FF2E58;
}

.coab-projects-carousel {
    margin: 0 -15px;
}

.coab-section .cs-case.slick-slide {
    margin: 0 15px;
}

.coab-section ul.slick-dots {
    display: flex;
    justify-content: center;
    margin-top: 90px;
    gap: 8px;
}

.coab-section ul.slick-dots button {
    background: #D9D9D9;
    width: 68px;
    height: 16px;
    cursor: pointer;
    text-indent: -9999px;
    transition: 0.2s;
}

.coab-section ul.slick-dots button:hover {
    background: #FF2E58;
}

.coab-section ul.slick-dots li.slick-active button {
    background: #88868B;
}

section.coab-section.coab-notoppadding {
    padding-top: 0;
}

section.coab-section.coab-nobottompadding {
    padding-bottom: 0;
}

section.coab-section.coab-dark .suptitle {
    background: #FF2E58;
}

.coab-drops.coab-drops-blocked .coab-drop-text {
    flex: 1;
}

.coab-drops.coab-drops-blocked .coab-drop {
    align-items: flex-start;
    padding-top: 24px;
}

.coab-drops.coab-drops-blocked .coab-drop-title {
    padding-top: 0;
    max-width: 100%;
}

.coab-main-text p + p {
    margin-top: 55px;
}

.coab-main-text h1 {
    max-width: 1000px;
}

.coab-top-link.coab-top-link-mobile {
    display: none;
}

.mob-table {
    display: none;
}

.constr-about .suptitle {
    font-weight: 600;
}

.constr-about a.btn {
    font-weight: 700;
}

.coab-iconed-text a {
    text-decoration: underline;
}

section.coab-section.coab-dark.coab-notoppadding.coab-nobottompadding p {
    max-width: 100%;
}

.ctm-wrap .suptitle {
    margin-bottom: 32px;
    font-weight: 600;
    padding: 9px 32px;
}

.ctm-custom-content .suptitle, .ctm-main-left .suptitle {
    background: #FF2E58;
}

.ctm-main-right {
    max-width: 360px;
}

.ctm-main-left {
    flex: 1;
}

.ctm-main-inner {
    gap: 30px;
    position: relative;
    padding: 95px 0;
}

.ctm-main-right-img {
    position: sticky;
    top: 110px;
}

.ctm-main-left h1 {
    font-size: 90px;
    line-height: 86px;
    font-weight: 700;
    margin: 16px 0 2px;
}

.ctm-role {
    font-size: 44px;
    line-height: 52px;
    font-weight: 200;
    margin-bottom: 140px;
}

.ctm-main-text {
    font-size: 24px;
    line-height: 32px;
    color: #3B3B3D;
    font-weight: 300;
}

.ctm-main-text h2 {
    font-size: 44px;
    line-height: 52px;
    margin-bottom: 28px;
}

.ctm-main-text p {
    margin-bottom: 32px;
}

.ctm-follow-list {
    margin-top: 30px;
    gap: 15px;
}

.ctm-follow-list a {
    display: flex;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    background: #88868B;
    color: #fff;
    border-radius: 20px;
    transition: 0.3s !important;
}

.ctm-follow-list a:hover {
    background: #FF2E58;
}

.ctm-posts {
    background: #F2F2F2;
    padding: 95px 0 170px;
}

.ctm-post-item h3 {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 30px;
}

.ctm-post-item a {
    transition: 0.3s !important;
}

.ctm-post-item a:hover {
    color: #FF2E58;
    text-decoration: underline;
}

.ctm-post-meta {
    font-size: 18px;
    line-height: 24px;
    font-weight: 300;
}

.ctm-posts-list {
    padding-top: 80px;
}

.ctm-custom-content {
    background: #3B3B3D;
    color: #fff;
    padding: 95px 0 140px;
}

.ctm-custom-content h2 {
    color: #fff;
}

.ctm-custom-content-list {
    padding-top: 80px;
}

.ctm-custom-content-item p {
    font-size: 18px;
    line-height: 24px;
    font-weight: 300;
    margin-bottom: 24px;
    position: relative;
}

.ctm-custom-content-item p:has( > a > img) a:after {
    background: #FF2E58;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: 0.3s;
}

.ctm-post-item, .ctm-custom-content-item {
    margin: 0 15px;
}

.ctm-posts-list .slick-list, .ctm-custom-content-list .slick-list {
    margin: 0 -15px;
}

.ctm-post-item h3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 120px;
}

.ctm-custom-content-item a:has( > img) {
    position: relative;
    display: inline-block;
}

.ctm-custom-content-item p:has( > a > img) a:hover:after {
    opacity: 0.7;
}

.ctm-custom-content-item p em {
    font-style: normal;
}

.ctm-custom-content-item p:has( > a > img):hover ~ p:not(:has( > em)) {
    text-decoration: underline;
}

.ctm-custom-content-item a img {
    display: block;
}

.ctm-custom-content-item a:hover {
    text-decoration: underline;
}

.ctm-wrap button.slick-arrow:after {
    background: #fff;
    width: 45px;
    height: 48px;
    border: 1px solid currentColor;
    padding-left: 3px;
    transition: 0.2s;
}

.ctm-wrap button.slick-prev.slick-arrow:after {
    padding-right: 3px;
    padding-left: 0;
}

.ctm-wrap button.slick-arrow {
    width: 48px;
    height: 48px;
    top: -65px;
}

.ctm-wrap button.slick-arrow:hover:after {
    color: #fff;
    background: #ff2e58;
    border: 1px solid #ff2e58;
}

.ctm-wrap .ctm-custom-content button.slick-arrow:after {
    background: transparent;
}

.ctm-wrap .ctm-custom-content button.slick-arrow:hover:after {
    background: #ff2e58;
}

.ctm-mob-post-load-more, .mob-ctm-img {
    display: none;
}

.flexed--top {
    align-items: flex-start;
}

.cex-item-rev .home-work-item {
    flex-direction: row-reverse;
}

.cex-item .home-work-item {
    margin-top: 0;
}

.exp-top-two {
    padding: 80px 0 96px;
}

.exp-top-two .cex-item:not(:last-child) {
    margin-bottom: 96px;
}

.coab-projects-grid.cex-list {
    margin-top: 96px;
}

.coab-projects-grid.cex-list {
    gap: 64px 30px;
    margin-bottom: 96px;
    justify-content: flex-start;
}

.mloading .cex-main-list:after {
    content: '';
    box-sizing: border-box;
    position: absolute;
    width: 24px;
    height: 24px;
    top: calc(100% + 75px);
    left: 50%;
    transform: scale(0.5) translate(0, 0);
    background-color: #ff2e58;
    border-radius: 50%;
    animation: animloader 1s infinite ease-in-out;
}

.cex-main-list {
    position: relative;
}

.mloading .cex-main-list:before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    width: 24px;
    height: 24px;
    top: calc(100% + 100px);
    left: 50%;
    transform: scale(0.5) translate(0, 0);
    background-color: #ccc;
    border-radius: 50%;
    animation: animloader 1s infinite ease-in-out;
    background-color: #3b3b3d;
    transform: scale(0.5) translate(-48px, -48px);
}

@keyframes animloader {
    25% {
        transform: scale(0.5) translate(100%, -100%);
    }

    50% {
        transform: scale(1) translate(50%, -50%);
    }

    75% {
        transform: scale(0.5) translate(0%, 0%);
    }
}

.coab-projects-grid.cex-list .cs-case.cex-item {
    margin: 0;
}

.coab-projects-grid.cex-list.cex-list-first {
    display: none;
}

.cex {
    padding: 96px 0;
}

.cex-top-text {
    font-size: 44px;
    line-height: 52px;
    font-weight: 200;
    max-width: 1050px;
    margin-bottom: 48px;
}

.cex-top-text h1 {
    font-size: 90px;
    margin-bottom: 30px;
    display: inline-block;
    background-position: 0 94%;
}

.cex-tab i {
    padding: 9px;
    color: #88868B;
    background: #D9D9D9;
    font-size: 30px;
    width: 48px;
}

.cex-tab.active i {
    background: #FF2E58;
    color: #fff;
}

.cex-tab button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
}

.cex-tab button {
    font-size: 14px;
    line-height: 24px;
    font-weight: 700;
    background: #D9D9D9;
    width: 165px;
}

.cex-tabs {
    gap: 30px;
}

.cex-tab button span {
    flex: 1;
    text-align: center;
}

.cex-top-drop-label {
    align-items: center;
    background: #3B3B3D;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
}

.cex-top-drop-label span {
    font-size: 14px;
    line-height: 24px;
    font-weight: 700;
    padding: 12px 36px;
}

.cex-top-drop-label i {
    width: 48px;
    background: #ff2e58;
    text-align: center;
    padding: 9px;
    font-size: 30px;
    transition: 0.2s;
}

.cex-top-drop-inner {
    background: #3B3B3D;
    font-size: 18px;
    line-height: 24px;
    color: #fff;
}

.cex-top-drop-item a {
    padding: 12px 11px 12px 37px;
    transition: 0.2s !important;
    position: relative;
}

.cex-top-drop-wrap {
    position: relative;
}

.cex-top-drop {
    position: absolute;
    top: 48px;
    z-index: 2;
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
}

.img-cursor:hover + .case-title a, 
.img-cursor:hover + div .home-work-item-title a, 
.img-cursor-active .case-title a {
    color: #ff2e58;
    border-bottom: 1px solid #3B3B3D;
    line-height: 0.9em;
    display: inline-block;
}

.img-cursor:hover:active + .case-title a, 
.img-cursor:hover:active + div .home-work-item-title a, 
.img-cursor-active:active .case-title a {
    color: #ff2e58;
    border-bottom: 1px solid #ff2e58;
}

.cex-item .home-work-item-text {
    font-weight: 300;
}

.cex-top-drop-item a {
    display: block;
}

.cex-top-drop-item a:hover {
    background: #D9D9D9;
    color: #000000;
}

.cex-top-drop-item a:after {
    content: '\e908';
    font-family: tipi;
    position: absolute;
    right: 13px;
    color: #3B3B3D;
}

.cex-top-drop-item a:hover:after {
    color: #ff2e58;
}

.cex-top-drop-label.active i {
    transform: rotate(180deg);
}

.active + .cex-top-drop {
    visibility: visible;
    opacity: 1;
}

.exp-text-list-inner {
    margin: 80px 0 48px;
    border-top: 1px solid #88868B;
}

.ext-text-item {
    border-bottom: 1px solid #88868B;
    align-items: center;
    padding: 32px 0;
}

.exp-text-item-title {
    width: 292px;
    font-size: 30px;
    line-height: 40px;
    font-weight: 700;
}

.exp-text-item-title a:hover {
    color: #ff2e58;
}

.exp-text-item-cats > div {
    padding-top: 0;
}

.exp-text-item-cats {
    font-size: 18px;
    line-height: 24px;
    width: 215px;
    margin-right: 77px;
}

.exp-text-item-cats span {
    display: block;
}

.exp-text-item-text {
    flex: 1;
    margin: 0 30px;
}

.exp-text-item-cats a:hover {
    color: #ff2e58;
    text-decoration: underline;
}

.mob-all-proj {
    display: none;
}

#arrows2,
#arrows {
    position: absolute;
    top: -116px;
    left: -80px;
    width: 0px;
    height: 165px;
    z-index: 2;
    pointer-events: none;
    cursor: none;
}

#arrows2.active div,
#arrows.active div {
    transform: scale(1);
}

#arrows2 div,
#arrows div {
    height: 100%;
    cursor: none;
    background: url('assets/img/arrow-right-lg.svg') 50% 50% no-repeat;
    background-size: contain;
    transform: scale(0);
    transition: 0.2s;
}

.img-cursor a {
    cursor: none;
}

.img-cursor {
    position: relative;
}

.img-cursor a:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(59 59 61 / 80%);
    z-index: 2;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
}

.img-cursor a img {
    display: block;
}

.img-cursor:hover a:after {
    visibility: visible;
    opacity: 1;
}

.cex-item .case-title a:hover, .cex-item .home-work-item-title a:hover, .home-work-item-title a:hover, .case-title a:hover {
    color: #ff2e58;
    border-bottom: 1px solid #3B3B3D;
    line-height: 0.9em;
    display: inline-block;
}

.cex-item .case-title a:active, .cex-item .home-work-item-title a:active, .home-work-item-title a:active, .case-title a:active {
    border-bottom: 1px solid #ff2e58;
}

.cex-item .home-work-item-text a:hover, .case-short-info a:hover, .home-work-item .home-work-item-text a:hover, .cex-item .home-work-item-tags a:hover, .home-work-item-tags a:hover, .case-cats a:hover, .cjp3-top-info .cjp3-top-right-list a:hover {
    text-decoration: underline;
}

.cex-item .img-cursor a:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: url(assets/img/arrow-right-lg.svg) 50% 50% rgb(59 59 61 / 80%) no-repeat;
    background-size: 165px;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
}

.cex-item.img-cursor-active .img-cursor a:before {
    visibility: visible;
    opacity: 1;
}

div#arrows2.active,
div#arrows.active {
    width: 165px;
}

.exp-tab-content .cp3 a#loadmoreprojects {
    max-width: max-content;
    padding: 12px 18px;
}

.exp-tab-content .cp3 a#loadmoreprojects {
    max-width: max-content;
    padding: 12px 18px;
}

.page-template-portfolio_v4-tpl .cex-main-list {
    background: #F2F2F2;
    padding: 88px 0 80px;
}

.page-template-portfolio_v4-tpl .cex {
    padding-bottom: 0;
}

.page-template-portfolio_v4-tpl .exp-text-list {
    padding-bottom: 96px;
}

.main-menu-submenu {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    background: #3B3B3D;
    min-height: 545px;
    padding: 0;
}

ul#main-desktop-menu {
    display: flex;
    margin-left: auto;
    align-items: stretch;
    gap: 50px;
}

ul#main-desktop-menu > li > a {
    color: #3B3B3D;
    font-size: 20px;
    font-family: 'GraphikCondensed';
    line-height: 32px;
    background: none;
    position: relative;
    padding: 0 2px;
    font-weight: 300;
}

ul#main-desktop-menu > li {
    background: none;
    padding-top: 20px;
}

.header-contact a:hover, .header-contact a:hover path {
    color: #FF2E58;
    fill: #ff2e58;
}

.site-header .logo a,
.header-contact a {
    position: relative;
}

.site-header .logo a {
    padding: 30px 0px 0;
    overflow: hidden;
}

.site-header .logo a span {
    z-index: 9;
    transition: 0.3s;
    position: relative;
}

.header-contact a:after,
ul#main-desktop-menu > li > a:after {
    content: '';
    position: absolute;
    left: -6px;
    top: 100%;
    width: 0;
    height: 1px;
    background: #3B3B3D;
    transition: 0.3s;
}

.header-contact a:hover:after,
ul#main-desktop-menu > li:hover > a:after {
    width: calc(100% + 12px);
}

ul#main-desktop-menu > li.active-menu-item > a {
    color: #FF2E58;
}

ul#main-desktop-menu > li.active-menu-item > a:after {
    height: 4px;
    width: calc(100% + 12px);
    background: #FF2E58;
}

ul#main-desktop-menu > li.menu-item-bold > a {
    font-weight: 600;
}

.submenu-recent button.slick-arrow:hover:after {
    background: #ff2e58;
}

ul#main-desktop-menu > li.menu-item-bold:hover > a {
    color: #FF2E58;
}

ul#main-desktop-menu > li:hover > .main-menu-submenu {
    opacity: 1;
    visibility: visible;
}

.cex .exp-text-item-text {
    font-weight: 300;
}

.cex .exp-text-item-cats {
    font-weight: 300;
}

nav.main-navigation.main-navigation-4 {
    position: static;
}

.main-menu-submenu-cols {
    gap: 30px;
    padding-top: 64px;
    padding-bottom: 64px;
}

.main-menu-submenu-cols > div {
    flex: 1;
}

.submenu-col-img {
    max-width: 32px;
}

.submenu-col-title a {
    font-size: 44px;
    line-height: 52px;
    font-weight: 600;
    padding: 20px 0 16px;
    display: block;
    font-family: 'GraphikCondensed';
    color: #DAF402;
}

.submenu-col-text {
    font-size: 28px;
    line-height: 40px;
    font-weight: 400;
    padding: 16px 0 34px;
    font-family: 'Graphik';
}

.main-menu-submenu.main-menu-submenu-accent {}

.submenu-col-link a {
    font-size: 24px;
    line-height: 36px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: 'GraphikCondensed';
}

.submenu-col-project {
    margin-top: 34px;
}

.submenu-col-project .submenu-recent-item {
    margin: 0;
}

.submenu-col-project .submenu-recent-item-img a {
    border: none;
    margin-bottom: 14px;
}

.submenu-col-project .submenu-recent-item-title {
    font-size: 28px;
    line-height: 36px;
    font-weight: 900;
    font-family: 'GraphikCondensed';
    margin-bottom: 16px;
}

.submenu-recent-exp-label {
    font-size: 20px;
    line-height: 26px;
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'GraphikCondensed';
}

.submenu-col-project .submenu-recent-item-tags-list {
    font-size: 20px;
    line-height: 30px;
}

.submenu-col-link a {
    background: transparent;
    color: #fff;
    border-color: currentColor;
}


.submenu-col-img svg {
    max-width: 32px;
    height: auto;
}

.main-menu-submenu-cols > div:hover svg g {
    fill: #fff;
}

.submenu-col-img svg g {
    fill: #ff2e58;
}

.submenu-recent-item {
    margin: 0 15px;
}

.submenu-recent .img-cursor a::after {
    opacity: 0;
    width: 0px;
    height: 0px;
}

.submenu-recent {
    flex: 1;
    max-width: calc(100% - 290px);
}

.submenu-exp {
    max-width: 260px;
    width: 100%;
}

.main-menu-submenu-work {
    padding-top: 56px;
}

.submenu-title {
    font-size: 44px;
    line-height: 44px;
    font-weight: 600;
    margin-bottom: 40px;
    padding: 5px 0;
    font-family: 'GraphikCondensed';
    color: #fff;
}

.submenu-recent.ch4, .submenu-recent.ch4 a {
    color: #fff;
}

.submenu-recent .cs-case {
    margin: 0 15px;
}

.submenu-exp li i {
    background: #FF2E58;
    color: #3B3B3D;
    font-size: 31px;
    padding: 9px;
}

.submenu-exp li a {
    max-width: 200px;
    display: flex;
    align-items: center;
    width: 100%;
    font-size: 24px;
    font-weight: 600;
    gap: 20px;
    line-height: 31px;
}

.submenu-exp li {
    margin-bottom: 22px;
    background: none !important;
    text-transform: uppercase;
    font-family: 'GraphikCondensed';
}

.submenu-recent-list .slick-list {
    margin: 0 -15px;
}

.submenu-recent-item-img a {
    margin-bottom: 26px;
    border-bottom: 12px solid transparent;
    display: block;
}

.submenu-recent-item-title {
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
}

.submenu-recent-item-tags-list {
    font-size: 24px;
    line-height: 32px;
    font-weight: 300;
}

.submenu-recent-item-tags-list a:hover {
    text-decoration: underline;
}

.submenu-recent-item-img a:hover {
    border-color: #fff;
}

.submenu-recent button.slick-arrow:after {
    content: '\e902';
    border: 1px solid #88868B;
    padding: 8px;
    right: 0;
    top: 0;
}

.submenu-recent button.slick-arrow {
    right: 0px;
    top: -36px;
    width: 48px;
    height: 48px;
}

.submenu-recent button.slick-prev.slick-arrow:after {
    content: '\e901';
    right: 60px;
}

.submenu-exp ul {
    margin: 0;
}

.cex-top .suptitle {
    font-weight: 600;
    padding: 9px 32px;
}

.cex-only-imgs-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 32px;
    grid-template-rows: 223px 223px 223px;
    margin-top: 80px;
    margin-bottom: 100px;
}

.cex-only-imgs-list img {
    width: 100%;
}

.cex-item-img:nth-child(7n + 1) {
    grid-column: span 3;
    grid-row: span 3;
}

.cex-item-img:nth-child(14n + 3) {
    grid-column: 2 / span 2;
    grid-row: span 2;
}

.cex-item-img:nth-child(14n + 9) {
    grid-column: span 2;
    grid-row: span 2;
}

.cex-item-img img {
    display: block;
    height: 100%;
    object-fit: cover;
}

/*.cex-images-only .img-cursor a:after {
    display: none;
}*/

.cex.cex-images-only + #arrows2 > div,
.cex.cex-images-only + #arrows > div,
.page-template-expertise-only-img-tpl div#arrows2 > div,
.page-template-expertise-only-img-tpl div#arrows > div {
    background: rgb(255 46 88 / 90%);
}

.cex.cex-images-only + #arrows2 > div,
.cex.cex-images-only + #arrows > div,
.page-template-expertise-only-img-tpl div#arrows2 > div,
.page-template-expertise-only-img-tpl div#arrows > div {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ch4-text-section.ch4-text-section1,
.home-head-s4-wrap .cs-container {
    position: relative;
    z-index: 13;
}

header#masthead {
    z-index: 16;
}

div#arrows2.active {
    width: 165px;
    z-index: 12;
}

div#arrows.active {
    width: 165px;
    z-index: 16;
}

.submenu-recent-item-img a:after {
    display: none;  
}

.cex.cex-images-only + #arrows > div:after,
.cex.cex-images-only + #arrows2 > div:after,
.page-template-expertise-only-img-tpl div#arrows > div:after,
.page-template-expertise-only-img-tpl div#arrows2 > div:after {
    content: 'View project';
    color: #fff;
    font-weight: 700;
    max-width: 110px;
    display: none;
    text-align: center;
}

.cex.cex-images-only + #arrows.active > div:after,
.cex.cex-images-only + #arrows.active > div:after,
.page-template-expertise-only-img-tpl div#arrows.active > div:after,
.page-template-expertise-only-img-tpl div#arrows.active > div:after {
    display: block;
}

.c-toc {
    padding: 32px 67px 48px;
    margin-bottom: 64px;
    background: #F3F3F3;
}

.c-toc-title {
    font-size: 38px;
    line-height: 56px;
    font-weight: 500;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: 'Suptitle';
    cursor: pointer;
}

.c-toc-title:after {
    content: "\e909";
    font-family: 'tipi';
    transform: rotate(180deg);
}

.c-toc-item {
    font-size: 24px;
    line-height: 48px;
    font-family: 'Capitolina';
}

.c-toc-inner {
    margin-top: 40px;
    counter-reset: line-number;
}

.c-toc-item.c-toc-item-H2 {
    counter-increment: line-number;
}

.c-toc-item.c-toc-item-H2:before {
    content: counter(line-number)". ";
}

.c-toc-item.c-toc-item-H3 {
    counter-increment: sub-line-number;
    margin-left: 23px;
}

.c-toc-item.c-toc-item-H3 + .c-toc-item-H2 {
    counter-reset: sub-line-number;
}

.c-toc-item.c-toc-item-H3:before {
    content: counter(line-number)"."counter(sub-line-number)" ";
}

.c-toc-item:hover {
    color: #ff2e58;
    text-decoration: underline;
}

.c-toc-item {
    cursor: pointer;
    transition: 0.2s;
}

.art-toc-line-inner {
    align-items: center;
}

.art-toc-line-info {
    align-items: center;
    width: 360px;
}

.art-toc-line {
    background: #F3F3F3;
    width: 100%;
    left: 0;
    top: 97px;
    position: fixed;
    z-index: 3;
    padding: 24px 0;
    display: none;
}

.art-nav-line-wrap:has(> .active) ~ .art-art-main .art-toc-line {
    display: block;
}

.admin-bar .art-toc-line {
    top: 129px;
}

.art-toc-line .latest-widget-cta a {
    padding: 14px;
}

.art-toc-bread-item a:before {
    content: "\e909";
    font-family: tipi;
    transform: rotate(-90deg);
    display: block;
    color: #FF0DFF;
    font-weight: 600;
}

.art-toc-bread-item a {
    display: flex;
    gap: 2px;
}

.art-toc-bread-item {
    font-size: 16px;
    letter-spacing: -0.3px;
}

.art-toc-line-breads {
    gap: 10px;
}

.art-toc-bread-item.art-toc-bread-item-title {
    display: flex;
    font-weight: 700;
    gap: 2px;
}

.art-toc-bread-item.art-toc-bread-item-title:before {
    content: "\e909";
    font-family: tipi;
    transform: rotate(-90deg);
    display: block;
    color: #88868B;
    font-weight: 600;
}

.art-toc-line-progress {
    height: 8px;
    width: 100%;
    background: #D9D9D9;
    position: absolute;
    top: 100%;
    z-index: 3;
}

.art-toc-line-progress-active {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: #FF0DFF;
    transition: 0.3s;
}

.c-toc-title.hidden:after {
    transform: rotate(0);
}

.exp-work-item-tag-pill a {
    font-size: 16px;
    line-height: 32px;
    font-weight: 300;
    padding: 0 12px;
    background: #F2F2F2;
    transition: 0.3s;
}

.coab-section > :not(.coab-projects-grid-top) .exp-work-item-tag-pill a, .cex-main-list .exp-work-item-tag-pill a {
    background: #FFF;
}

.ch4 .art-item-meta-cats a:hover, .exp-work-item-tag-pill a:hover, .coab-section .exp-work-item-tag-pill a:hover, .cex-main-list .exp-work-item-tag-pill a:hover {
    background: #FF2E58;
    color: #fff;
}

.ch4 .art-item-meta-cats a:active, .exp-work-item-tag-pill a:active, .coab-section .exp-work-item-tag-pill a:active, .cex-main-list .exp-work-item-tag-pill a:active {
    background: #3B3B3D;
    color: #DAF402;
}

.exp-work-item-tag-pills {
    gap: 8px;
    margin-top: 24px;
    margin-bottom: 20px;
    display: flex !important;
}

.exp-work-item-tag-pills.exp-work-item-tag-pills--sm .exp-work-item-tag-pill a {
    font-size: 14px;
    line-height: 22px;
    padding: 1px 14px;
}

.exp-work-item-tag-pills.exp-work-item-tag-pills--sm {
    margin-top: -5px;
    margin-bottom: 5px;
}

.page-template-portfolio_v4-tpl .exp-work-item-tag-pills.exp-work-item-tag-pills--sm .exp-work-item-tag-pill {
    background: #fff;
}

.single-jetpack-portfolio .exp-work-item-tag-pills {
    margin-bottom: 17px;
    justify-content: flex-end;
}

.single-jetpack-portfolio .exp-work-item-tag-pills.exp-work-item-tag-pills--sm {
    justify-content: flex-start;
}

.single-jetpack-portfolio .exp-work-item-tag-pills.exp-work-item-tag-pills--sm .exp-work-item-tag-pill {
    background: #fff;
}

.cjp3-authors {
    margin-left: auto;
    max-width: 360px;
}

.cjp3-cta-inner {
    max-width: 680px;
}

.cjp3-cta-authors-wrap {
    padding: 60px 0 160px;
}

.cjp3-authors-inner {
    gap: 0 10px;
    display: flex;
    flex-wrap: wrap;
    font-size: 24px;
    line-height: 35px;
    font-weight: 300;
}

.cjp3-authors-title {
    width: 100%;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 8px;
}

.cjp3-authors a {
    text-decoration: underline;
}

.exp-work-item-tag-pill a {
    display: block;
}

.art-nav-line-wrap:has(>.active)~.catpl-top .art-toc-line {
    display: block;
}

.category .art-toc-line {
    display: block !important;
    top: 199px;
}
.category .art-nav-line.active .art-toc-line {
    top: 129px;
}

.catpl-top .art-toc-line-info {
    justify-content: flex-end;
}

.catpl-top .art-toc-line {
    display: block;
    top: 167px;
}

.admin-bar .catpl-top .art-toc-line {
    top: 199px;
}

.catpl-top {
    padding-top: 160px;
}

.admin-bar .art-nav-line-wrap:has(>.active)~.catpl-top .art-toc-line {
    top: 129px;
}

.art-nav-line-wrap:has(>.active)~.catpl-top .art-toc-line {
    top: 97px;
}

.cjp3-cta-item svg {
    width: 48px;
    position: relative;
    z-index: 2;
}

.cjp3-cta-item a {
    display: flex;
    align-items: center;
    padding: 0 !important;
    background: none !important;
    border: none !important;
}

.cjp3-cta-item a span {
    width: 265px;
    background: #ff2e58;
    padding: 7px;
    border: 1px solid #ff2e58;

}

.cjp3-cta-inner-list {
    gap: 16px 48px;
}

.cjp3-cta-item a:hover div:after {
    width: 100%;
}

.cjp3-cta-item a div:after {
    content: '';
    width: 0;
    height: 100%;
    background: #FF2E58;
    right: 0;
    top: 0;
    position: absolute;
    transition: 0.3s;
}

.cjp3-cta-item a div {
    position: relative;
    height: 48px;
}

.cjp3-cta-item a:hover svg path {
    fill: #fff;
}

.cjp3-cta-item a:hover span {
    background: #fff;
    color: #FF2E58;
    transition: 0.3s;
}

.scl-top-btn-phone a,
.cjp3-cta-item:nth-child(3) a {
    pointer-events: none;
}

.scl-top-btn a {
    font-size: 14px;
    line-height: 24px;
    font-weight: 700;
    color: #fff;
    display: inline-block;
    padding: 12px 27px 12px 65px;
    text-transform: uppercase;
    background: url('assets/img/email-light.svg') 0 50% no-repeat;
}

.scl-top-btn.scl-top-btn-phone a {
    background-image: url('assets/img/phone-light.svg')
}

.scl-top-btns {
    justify-content: flex-end;
    gap: 30px;
}

.scl-top {
    padding: 23px 0 80px;
}

.scl-top-main .suptitle {
    padding: 9px 32px;
    margin-bottom: 15px;
    font-weight: 600;
}

.scl-top h1 {
    max-width: 1010px;
    font-size: 80px;
    line-height: 80px;
    color: #fff;
    font-weight: 600;
}

.landingpopup-text h2 strong,
.scl-top h1 strong {
    background-image: linear-gradient(120deg, #FF2E58 0%, #FF2E58 100%);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 0px 23px;
    display: inline;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: -10px;
    margin-right: -10px;
}

.scl-top-text-wrap {
    margin-top: 115px;
    width: calc(50% - 40px);
    color: #fff;
    font-size: 42px;
    line-height: 48px;
    font-weight: 200;
}

.scl-top-text p {
    margin-bottom: 48px;
}

.scl-top-text p strong {
    font-weight: 600;
}

.scl-top-link .btn {
    min-width: 330px !important;
}

.scl-top-link {
    padding-top: 24px;
}

.scl-top-btns {
    justify-content: flex-end;
    gap: 48px;
}

.scl-main-block.scl-main-block-type-text {
    padding: 80px 0 30px;
}

.ch4-text-section-numbered-list-item-title span b {
    color: #FF2E58;
    padding-right: 35px;
}

.scl-form .scl-top-text-wrap {
    margin-top: 80px;
}

.scl-form .scl-top {
    padding-bottom: 80px;
}

.scl-main-block h3 {
    margin-bottom: 64px;
    font-size: 44px;
    line-height: 52px;
    padding-top: 16px;
    font-weight: 300;
}

.scl-main-block p {
    margin-bottom: 48px;
    font-size: 30px;
    line-height: 40px;
    font-weight: 300;
}

.scl-main-block p:last-child {
    margin-bottom: 0;
}

.scl-main {
    color: #3B3B3D;
    padding-bottom: 56px;
}

.scl-main-block p strong {
    font-weight: 600;
}

.scl-main-block h2 {
    max-width: 840px;
    font-size: 60px;
    line-height: 64px;
    margin: 120px 0 120px -100px;
    color: #3B3B3D;
}

.scl-main-block h2:first-child {
    margin-top: 40px;
}

.scl-text a {
    color: #FF2E58;
}

.scl-main > .cs-container:first-child .scl-text-inner p:first-child {
    font-size: 42px;
    line-height: 52px;
    font-weight: 200;
    padding-top: 45px;
}

.scl-main-block ul {
    font-size: 30px;
    line-height: 40px;
    font-weight: 300;
}

.scl-main-block ul strong {
    font-weight: 600;
}

.scl-main-block ul:not(.slick-dots) li {
    margin-bottom: 40px;
    padding-left: 98px;
    background: url('assets/img/arrow-right-blue.svg') 20px 7px no-repeat;
}

.scl-gallery-wrap {
    padding: 64px 0;
    background: #F0F0F0;
    margin-top: 48px;
}

.scl-text.scl-gallery-text {
    padding-top: 64px;
}

.scl-text a.btn {
    color: #fff;
    padding: 7px 12px;
    background: #FF2E58;
    border-color: #FF2E58;
    min-width: 320px;
}

.scl-text a.btn:hover {
    background: #fff;
    color: #FF2E58;
}

.scl-accent-wrap {
    padding: 120px 0;
    margin-top: 90px;
}

.scl-list-item-text {
    flex: 1;
}

.scl-list-item {
    gap: 30px;
    border-bottom: 1px solid #88868B;
    padding-top: 15px;
}

.scl-list-item-icon {
    width: 66px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.scl-list-item-icon img {
    width: 40px;
}

.scl-list-item:first-child {
    border-top: 1px solid #88868B;
}

.scl-list-item p {
    margin-bottom: 25px;

}

.scl-list-block {
    padding-bottom: 0;
    padding-top: 50px;
    margin-left: -100px;
    width: calc(100% + 196px);
}

.scl-accent-inner {
    color: #fff;
    max-width: 945px;
    width: 80%;
}

.scl-accent-inner h2 {
    color: #fff;
    margin-bottom: 64px;
    font-size: 44px;
}

.scl-accent-inner ul {
    column-count: 2;
    column-gap: 30px;
    font-size: 30px;
    line-height: 48px;
    font-weight: 300;
}

.scl-accent-inner ul li {
    position: relative;
    font-size: 38px;
    font-family: 'GraphikCondensed';
    font-weight: 500;
    padding: 12px 0 12px 70px;
    display: inline-block;
    width: 100%;
}

.scl-accent-inner ul li:before {
    content: '';
    width: 100%;
    height: 1px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
}

.scl-accent-inner ul li:after {
    content: '';
    width: 100%;
    height: 1px;
    background: #fff;
    position: absolute;
    bottom: -1px;
    left: 0;
}

.scl-partners-block {
    padding: 96px 0;
    background: #F7F7F7;
}

.scl-partners-block h2 {
    font-size: 44px;
    line-height: 52px;
    padding-bottom: 80px;
    color: #3B3B3D;
}

.scl-partners-block-logo img {
    max-width: 160px;
    max-height: 50px;
    width: 160px;
    height: 100%;
}

.scl-partners-block-logos {
    justify-content: space-between;
}

.scl-updated .scl-top {
    padding: 85px 0 80px;
}

.scl-updated {
    font-family: 'Graphik';
}

.scl-updated .scl-top h1 {
    font-size: 112px;
    line-height: 112px;
    padding-right: 200px;
}

.scl-updated .scl-top h1 strong {background-size: 100% 80%;font-weight: 600;padding: 0;margin: 0;}

.scl-updated .scl-top-main .suptitle {
    font-weight: 400;
    padding: 9px 11px;
    background: #000;
    font-size: 20px;
}

.scl-updated .scl-main-block .scl-text-inner h3,
.scl-updated .scl-main-block h2 {
    font-size: 72px;
    line-height: 72px;
    margin: 0px 0 70px -100px;
    display: flex;
    gap: 10px;
}

.scl-updated .scl-main-block p + h3, 
.scl-updated .scl-main-block p + h2 {
    padding-top: 90px;
}

.scl-updated .scl-top-text-wrap {
    margin-top: 40px;
    width: 100%;
    padding-right: 200px;
    font-size: 38px;
    line-height: normal;
    letter-spacing: -0.5px;
}

.scl-updated  .scl-main-block p {
    margin-bottom: 48px;
    font-size: 38px;
    line-height: 48px;
    font-weight: 400;
}

.scl-list-item {
    padding: 28px 0;
}

.scl-list-item p:last-child {
    margin: 0 !important;
}

.scl-list-item p {
    margin-bottom: 18px !important;
    font-size: 28px !important
}

.scl-list-item-text p strong {
    font-size: 38px;
    font-weight: 500;
    font-family: 'GraphikCondensed';
}

.scl-updated .scl-main {
    padding-bottom: 0;
}

.scl-updated .bottom-logos-section {
    margin: 0;
}

.scl-cta-wrap {
    background: #3B3B3D;
    color: #fff;
    padding: 140px 0 120px;
    line-height: 52px;
    font-size: 38px;
}

.scl-cta-wrap h2 {
    color: #DAF402;
    font-size: 72px;
    line-height: 1em;
    max-width: 940px;
    margin-bottom: 90px;
}

.scl-cta-wrap p:not(:last-child) {
    margin-bottom: 50px;
}

.scl-main a.arrow {
    font-size: 28px;
    line-height: 36px;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'GraphikCondensed';
    font-weight: 600;
    padding-right: 38px;
    background: url('assets/img/arrow-long.svg') 100% 50% no-repeat;
    background-size: 30px auto;
    position: relative;
}

.scl-main .scl-cta-inner a.arrow {
    background: url('assets/img/arrow-long-light.svg') 100% 50% no-repeat;
    background-size: 30px auto;
}

.scl-text-inner.scl-text a.arrow {
    margin-left: -100px;
}

.scl-slideshow-wrap {
    min-height: 605px;
}

.cjp3-block.cjp3-slideshow {
    width: calc(50vw - -120px);
}

.scl-updated .cjp3-gallery-item {
    padding: 0;
}

.scl-text.scl-slideshow-text {
    flex: 1;
}

.scl-slideshow-wrap .scl-main-block.scl-main-block-type-images {
    display: flex;
    gap: 30px;
    background: #F2F2F2;
    margin: 100px 0 60px;
}

.scl-text.scl-slideshow-text p {
    font-size: 24px;
    line-height: 1.4em;
    max-width: 380px;
}

.scl-text.scl-slideshow-text p:has(a.arrow) {
    max-width: 100%;
}

.scl-main-block h3 {
    line-height: 1.2em;
    margin-bottom: 32px;
    padding-top: 48px;
}

.scl-slideshow-text-inner {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.scl-slideshow-text-inner p:last-child:has(a.arrow) {
    margin-top: auto;
}

.scl-main-block ul.slick-dots {
    position: absolute;
    bottom: 42px;
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 8px;
}

.scl-main-block ul.slick-dots button {
    width: 32px;
    height: 16px;
    background: #88868B;
    padding: 0;
    text-indent: -99999px;
}

.scl-main-block ul.slick-dots li {
    display: block;
    height: 16px;
}

.scl-main-block ul.slick-dots li.slick-active button {
    background: #DAF402;
}

.cjp3-slideshow-inner, .cjp3-slideshow-inner .slick-track, .cjp3-slideshow-inner .slick-list {
    height: 100%;
}

.scl-slideshow-wrap .scl-main-block.scl-main-block-type-images {
    align-items: stretch;
}

.cjp3-gallery-item img,
.scl-updated .cjp3-gallery-item img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.page-template-services_combo .scl-slideshow-wrap .scl-main-block.scl-main-block-type-images {
    margin: 0;
}

.ch3.ch4.process-page .home-head-s-bottom a {
    top: -88px;
}

.process-page .ch4-text-section-text p:not(:last-child) {
    margin-bottom: 40px;
}

.ch4.process-page .home-blog {
    background: #DAF402;
    padding: 150px 0 130px;
}

.ch4.process-page .home-blog h2 {
    font-size: 72px;
    line-height: 1em;
    padding-bottom: 92px;
}


.ch4.process-page .home-blogs-latest-items ul.slick-dots {
    max-width: 1140px;
    left: 50%;
    transform: translateX(-50%);
        background: #D9D9D9;
}

.ch3.process-page .cs-case {
    margin: 0 15px;
    padding: 0 16px 16px;
    background: #fff;
}

.ch3.process-page .cs-case .cs-case-img {
    margin-left: -16px;
    width: calc(100% + 32px);
}

.ch3.ch4.process-page .case-short-info {
    min-height: 110px;
}

.process-page .ch4-text-section-dark + .bottom-logos-section {
    margin: 0;
}

.process-img {
    position: relative;
    top: -270px;
    padding: 0 20px;
}

.ch4-text-section.preprocess-block:has(+.process-wrap) {
	padding-bottom: 100px;
}

.process-wrap {
}

.process-img-wrap {
    background: #F2F2F2;
    height: 725px;
}

.process-nav {
    justify-content: space-between;
    font-size: 28px;
    line-height: 1.3em;
    font-family: 'GraphikCondensed';
}

.process-nav .process-step:hover, 
.process-step.active, 
.process-step b {
    color: #FF2E58;
}

.process-icon {
    max-width: 56px;
}

.process-nav .process-step {
    cursor: pointer;
    padding-left: 2px;
    padding-right: 2px;
}

.process-nav-wrap {
    background: #F2F2F2;
    padding: 53px 0;
}

.process-step.active {
    border-bottom: 2px solid currentColor;
}

.process-main-list .process-step {
    padding: 150px 0 70px;
}

.process-top-info h2 {
    font-size: 72px;
    font-weight: 600;
}

.process-top-info {
    align-items: center;
}

.process-nav-line {
    position: sticky;
    top: 113px;
    z-index: 2;
}

.ch4.cex.process-page {
    overflow: clip;
}

.process-item-title {
    justify-content: space-between;
    padding: 22px 24px 22px 16px;
    font-size: 44px;
    line-height: 1.2;
    font-family: 'GraphikCondensed';
    font-weight: 600;
    border-top: 1px solid #88868B;
}

.process-item-list {
    border-bottom: 1px solid #88868B;
}

.process-item-title span + span {
    position: relative;
}

.process-item-title span + span:before, .process-item-title span + span:after {
    content: '';
    width: 28px;
    height: 4px;
    background: #3B3B3D;
    position: absolute;
    top: 50%;
    right: 0;
    transition: 0.3s;
    border-radius: 12px;
}

.process-item-title span + span:after {
    transform: rotate(90deg);
}

.process-item-title.active span + span:after {
    transform: rotate(0);
}

.process-item-title {
    cursor: pointer;
}

.process-small-item > div {
    flex: 1;
}

.process-small-item-label {
    font-size: 38px;
    line-height: 1.2;
    font-weight: 500;
    font-family: 'GraphikCondensed';
    padding-left: 65px;
    background: url('assets/img/arrow-long-red.svg') 0 50% no-repeat;
    background-size: auto 20px;
}

.process-small-item {
    align-items: center;
    gap: 15px;
    border-top: 1px solid #88868B;
    padding: 22px 0px;
}

.process-small-item:last-child {
    border-bottom: 1px solid #88868B;
}

.process-small-item-text {
    font-size: 28px;
    line-height: 1.4;
}

.ctasmall {
    margin-top: -90px;
    position: relative;
    z-index: 15;
}

.ch3.ch4 .ctasmall .home-head-s-bottom a {
    top: 0;
}

.ch4-text-section-numbered-list-item:last-child {
    border-bottom: 1px solid #88868B;
}

.ch4-text-section-numbered-list + .ch4-text-link {
    margin-top: 75px;
}

.ch4-text-section-numbered-list-text {
    padding: 45px 90px;
}

.ch4-text-section-numbered-list-text p:not(:last-child) {
    margin-bottom: 35px;
}

.scl-form-wrap .gfield--type-html {
    font-size: 44px;
    font-weight: 700;
    margin-bottom: 70px;
}

.scl-form-wrap .gfield--type-html b {
    color: #006EFF;
}

.scl-form-wrap .gfield--input-type-checkbox, .scl-form-wrap .gfield--input-type-radio {
    max-width: 555px;
    margin-left: auto !important;
    margin-bottom: 80px !important;
}

.scl-form-wrap .gfield--input-type-checkbox legend, .scl-form-wrap .gfield--input-type-radio legend {
    display: none !important;
}

.scl-form .gfield--type-textarea {
    margin-bottom: 80px;
    max-width: 555px;
    margin-left: auto;
    width: 100%;
}

.scl-form .gfield--type-textarea > label {
    display: none !important;
}

.scl-form .gfield--type-textarea textarea {
    height: 175px !important;
    background: #fff !important;
    resize: none;
    font-size: 30px !important;
    border: 2px solid #3B3B3D;
    font-family: 'Graphik';
    padding: 7px 12px !important;
    font-weight: 300;
}

.scl-form .gfield--type-textarea textarea::placeholder {
    color: #000;
}

.scl-form .gfield--type-radio + .gfield--type-textarea, .scl-form .gfield--type-checkbox + .gfield--type-textarea {
    margin-top: -80px;
}

.scl-form .gfield--type-text, .scl-form .gfield--type-phone {
    display: flex;
    align-items: center;
    gap: 35px;
    margin-bottom: 8px;
}

.scl-form .gfield--type-phone > label, .scl-form .gfield--type-text > label, .scl-form .gfield--type-phone > div, .scl-form .gfield--type-text > div {
    flex: 1;
}

.scl-form .gfield--type-phone > label, .scl-form .gfield--type-text > label {font-size: 30px !important;text-indent: 100px;font-weight: 300 !important;margin-bottom: 0 !important;}

.scl-form .gfield--input-type-email > legend {
    display: none !important;
}

.scl-form .gfield--input-type-email .ginput_complex label {
    display: block !important;
    font-size: 30px !important;
    font-weight: 300;
}

.scl-form .gfield--input-type-email .ginput_complex {
    display: block !important;
}

.scl-form .gfield--input-type-email .ginput_complex span {
    display: flex;
    align-items: center;
    gap: 35px;
    padding: 0 !important;
    margin-bottom: 8px;
}

.scl-form .gfield--input-type-email .ginput_complex span > * {
    flex: 1;
}

.scl-form .gfield--input-type-email .ginput_complex span > label {
    text-indent: 75px;
    padding-left: 25px;
}

.scl-form .gfield--type-text > label span {
    display: none !important;
}

.scl-form .gform_footer {
    max-width: 552px;
    margin-left: auto !important;
    padding-top: 0 !important;
    margin-top: 60px !important;
}

.scl-form-wrap .gfield--input-type-checkbox input + label, .scl-form-wrap .gfield--input-type-radio input + label {
    font-size: 28px !important;
    font-weight: 300;
    flex: 1;
    padding: 12px 12px 13px 96px;
    cursor: pointer;
    width: 100%;
    background: url(assets/img/check-empty.svg) 17px 50% no-repeat;
    background-size: 32px 32px;
    max-width: calc(100% - 12px) !important;
}

.scl-form-wrap .gfield--input-type-checkbox input:checked + label, 
.scl-form-wrap .gfield--input-type-radio input:checked + label {
    background-image: url('assets/img/check-fill.svg');
    background-size: 36px;
    background-position: 15px 50%;
}

.scl-form .gchoice:has(input:checked) {
    border: 2px solid #006EFF;
}

.scl-form .gchoice {
    border: 2px solid #3B3B3D;
    margin-bottom: 8px;
}

.scl-form-wrap .gfield--input-type-checkbox input, .scl-form-wrap .gfield--input-type-radio input {
    display: none !important;
}

.scl-form .gform_fields {
    grid-column-gap: 0 !important;
    grid-row-gap: 0 !important;
}

body .scl-form .gfield--type-phone input, body .scl-form .gfield--type-text input, .scl-form .gfield--type-email input {
    font-size: 30px !important;
    font-weight: 300 !important;
    background: #fff;
    border: 2px solid #3B3B3D;
    padding: 16px 19px 16px 96px !important;
    max-width: 552px !important;
    height: 64px;
}

body .scl-form .gfield--type-phone input::placeholder, body .scl-form .gfield--type-text input::placeholder, body .scl-form .gfield--type-email input::placeholder {
    font-weight: 300 !important;
}

.scl-form .gform_wrapper .gform_footer input[type='submit'] {
    transform: none !important;
    box-shadow: none !important;
    cursor: pointer;
    padding: 16px 70px 17px 10px !important;
    text-transform: uppercase;
    font-size: 24px;
    letter-spacing: 0;
    background-image: url('assets/img/arrow-right.svg');
    background-repeat: no-repeat;
    background-position: calc(100% - 33px) 50%;
    margin-bottom: 0;
}

body .scl-form .gfield--type-text input.blur-valid, 
body .scl-form .gfield--type-email input.blur-valid {
    background: url('assets/img/check-fill.svg') calc(100% - 20px) 50% no-repeat;
    background-size: 32px 32px;
    transition: 0s !important;
    border-color: #006EFF;
}

body .scl-form .gfield--type-text input.blur-invalid, 
body .scl-form .gfield--type-email input.blur-invalid {
    background: url('assets/img/invalid.svg') calc(100% - 20px) 50% no-repeat;
    background-size: 32px 32px;
    transition: 0s !important;
}

.scl-form .gfield_description.validation_message {
    width: 100%;
    flex: auto;
    position: absolute;
    top: calc(100% - 29px);
    max-width: 552px;
    right: 0;
    padding: 1px 10px !important;
}

.scl-form .gfield_error [aria-invalid=true] {
    margin-bottom: 20px !important;
}

.scl-form-wrap .gfield--input-type-checkbox.gfield_error, .scl-form-wrap .gfield--input-type-radio.gfield_error {
    padding-bottom: 15px;
    margin-bottom: 95px !important;
}

.scl-form .scl-main {
    padding: 20px 0 80px;
}

div#pum-60663, div#pum-61431 {
    background: #006EFF;
    overflow: hidden;
}

.landingpopup-middle {
    gap: 30px;
    align-items: flex-end;
    position: relative;
    top: -30px;

}

.landingpopup-middle > div {
    flex: 1;
}

.landingpopup-text h2 {
    font-size: 80px;
    color: #fff;
    line-height: 80px;
    position: relative;
    z-index: 2;
}

.landingpopup-text {
    margin-top: 64px;
}

.landingpopup-middle-right img {
    max-height: 420px;
    width: 100%;
    object-fit: cover;
}

.landingpopup-middle-left {
    font-size: 42px;
    line-height: 48px;
    color: #fff;
    font-weight: 300;
}

.page-template-sector-landing-form-tpl .popmake-content,
.page-template-sector-landing-tpl .popmake-content {
    padding-top: 50px;
}

.page-template-sector-landing-form-tpl button.pum-close.popmake-close,
.page-template-sector-landing-tpl button.pum-close.popmake-close {
    width: 30px !important;
    height: 30px !important;
    background: url('assets/img/icon-close-light.svg') 50% 50% no-repeat !important;
    font-size: 0 !important;
    top: 50px;
    right: calc(50vw - 565px) !important;
    background-size: contain;
}

.page-template-home-landing-form-tpl button.pum-close.popmake-close,
.page-template-homepage_v4-tpl button.pum-close.popmake-close {
    background: url(assets/img/close.svg) 50% 50% no-repeat !important;
    font-size: 0 !important;
    background-size: 35px !important;
    width: 50px;
    height: 50px;
}

.landingpopup-middle-left-inner p:not(:last-child) {
    margin-bottom: 40px;
}

.submenu-exp a {
    color: #daf402;
}

.submenu-exp a:hover {
    color: #fff;
}

.scl-updated .tipi-i-arrow-right,
.submenu-exp li a i,
.submenu-col-link .tipi-i-arrow-right,
.ch4 .tipi-i-arrow-right {
    background: url('assets/img/arrow-long.svg') 50% 50% no-repeat;
    width: 30px;
    display: inline-block;
    height: 15px;
    margin-left: 4px;
}

.scl-updated .tipi-i-arrow-right,
.submenu-exp li a:hover i,
.submenu-col-link .tipi-i-arrow-right,
.ch4-showcase-next button .tipi-i-arrow-right,
.ch4 .ch4-text-section-dark .tipi-i-arrow-right,
.ch4 .home-head-s-bottom .tipi-i-arrow-right {
    background: url('assets/img/arrow-long-light.svg') 50% 50% no-repeat;
}

.scl-updated .tipi-i-arrow-right:before,
.submenu-col-link .tipi-i-arrow-right:before,
.ch4 .tipi-i-arrow-right:before {
    display: none;
}

.ch4 button[type="submit"] .tipi-i-arrow-right {
    position: relative;
    top: -1px;
    height: 30px;
    width: 41px;
}

.landingpopup-link img {
    width: 30px;
    height: 30px;
    margin-right: 9px;
}

.landingpopup-link a {
    display: inline-flex;
    color: #fff;
    background: #FF2E58;
    align-items: center;
    padding: 0 9px;
}

.landingpopup-link a span {
/*    border-left: 1px solid #006eff;*/
    padding: 13px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    width: 260px;
    text-align: center;
/*    border-right: 1px solid #006eff;*/
}

.landingpopup-link a i {
    font-size: 30px;
    margin-left: 9px;
}

.landingpopup-link {
    flex: 1;
}

.landingpopup-bottom-inner {
    gap: 30px;
}

.landingpopup-link-text {
    max-width: 488px;
    font-size: 30px;
    line-height: 40px;
    color: #fff;
    font-weight: 300;
    margin-top: 16px;
}

.landingpopup-bottom {
    margin-top: 15px;
}

.landingpopup-middle-left-inner {
    margin-left: calc(50vw - 565px);
}

.mob-submit button, .mob-submit input {
    transform: none !important;
    box-shadow: none !important;
    cursor: pointer;
    padding: 12px 60px 12px 10px !important;
    text-transform: uppercase;
    font-size: 20px;
    letter-spacing: 0;
    background-image: url(assets/img/arrow-right.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 33px) 50%;
    margin-bottom: 0;
    background-color: #ff2e58;
    max-width: 552px;
    margin-left: auto !important;
    display: block;
    width: 100%;
    color: #fff;
    font-weight: 600;
    border: 0;
    height: 56px;
}

.mob-submit {
    display: none;
    margin-top: 32px;
}

.scl-form .gfield--input-type-email input {
    background-color: #fff !important;
}

.home-head-s4-wrap {
    background: #DAF402;
    padding-top: 150px;
    position: relative;
}

.cc4-wrap-wrap.ch3.ch4 {
    font-family: 'Graphik';
}

.ch3.ch4 .home-head-s-text h1 {
    font-size: 110px;
    line-height: 110px;
    font-weight: 500;
    color: #3B3B3D;
    font-family: 'GraphikCondensed';
    padding-right: 8px;
}

.ch3.ch4 .home-head-s-text h1 strong {
    background: none;
}

.ch3.ch4 .home-head-s-text h1 em {
    font-style: normal;
    display: inline;
    background-image: -webkit-linear-gradient(120deg, #fff 0%, #fff 100%);
    background-image: -o-linear-gradient(120deg, #fff 0%, #fff 100%);
    background-image: linear-gradient(120deg, #fff 0%, #fff 100%);
    background-repeat: no-repeat;
    background-size: 100% 0.15em;
    background-position: 0 84%;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
    font-weight: 500;
}

.ch3.ch4 .home-head-s-text h1 strong em {
    font-weight: 700;
}

.home-head-s-link {
    padding: 65px 0 150px;
}

.scl-top-link a,
.home-exp-link a,
.ch4-text-link a,
.home-head-s-link a {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 28px;
    line-height: 36px;
    display: inline-flex;
    gap: 8px;
    align-items: center;
    font-family: 'GraphikCondensed';
}

.ch3.ch4 .home-head-s-bottom a {
    background: none;
    width: 120px;
    height: 120px;
    display: inline-block;
    font-size: 20px;
    line-height: 24px;
    font-weight: 900;
    padding: 27px 24px 20px;
    text-align: center;
    position: relative;
    text-transform: uppercase;
    transition: 0.3s !important;
    color: #fff;
    z-index: 3;
    top: -120px;
}

.ch3.ch4 .home-head-s-bottom a span {
    padding-bottom: 6px;
    display: block;
}

.ch3.ch4 .home-head-s-bottom a i {
    font-size: 30px;
}

.ch3.ch4 .home-head-s-bottom {
    padding: 0;
    text-align: right;
}

.ch3.ch4 .home-head-s-bottom a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #FF2E58;
    transition: 0.3s;
}

.ch3.ch4 .home-head-s-bottom a span, .ch3.ch4 .home-head-s-bottom a i {
    position: relative;
    z-index: 2;
}

.ch3.ch4 .home-head-s-bottom a:hover:before {
    transform: rotate(45deg);
}

.ch3.ch4 .home-head-s-bottom a:hover {
    transform: scale(1.2);
}

.ch4-text-setion-inner h2 {
    font-size: 72px;
    line-height: 72px;
    font-family: 'GraphikCondensed';
}

.ch4-text-section1 .ch4-text-setion-inner {
    padding-top: 30px;
}

.ch4-text-setion-inner {
    padding: 150px 0 150px;
}

.ch4-text-section-text {
    padding: 80px 0;
}

.ch4-text-section-text.ch4-text-padding {
    padding: 80px;
}

.ch4-text-section-text-bottom.ch4-text-section-text.ch4-text-padding {
    margin-bottom: -40px;
}

.ch3.ch4 .home-exp-wrap {
    background: none;
    padding: 0;
}

.ch3.ch4 .home-exp-wrap .ch4-text-setion-inner {
    padding-bottom: 0;
}

.home-exp-top-title {
    position: relative;
    padding: 22px 16px 22px 56px;
    font-size: 44px;
    line-height: 52px;
    font-weight: 600;
    cursor: pointer;
    font-family: 'GraphikCondensed';
}

.home-exp-top-title:before {
    content: '';
    width: 35px;
    height: 3px;
    background: #1c1d1e;
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
}

.home-exp-top-title:after {
    content: '\e91e';
    width: 40px;
    height: 40px;
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
    font-family: 'tipi';
    line-height: normal;
}

.home-exp-accordeon-item.active .home-exp-top-title:after {
    content: '\e951';
}

.home-exp-accordeon-item {
    border-top: 1px solid #88868B;
}

.home-exp-accordeon-item:last-child {
    border-bottom: 1px solid #88868B;
}

.home-exp-acc-left {flex: 1;}

.ch4.ch3 .home-exp-text {
    font-size: 28px;
    line-height: 40px;
}

.ch4.ch3 .home-exp-text p {
    line-height: inherit;
}

.home-exp-accordion-texts {
    gap: 30px;
    padding: 45px 0 60px;
    border-bottom: 1px solid #979797;
}

.home-exp-what-we-do {
    padding-right: 40px;
    font-size: 28px;
    line-height: 40px;
}

.home-exp-link {
    margin-top: 48px;
}

.home-exp-acc-works h3 {
    font-size: 28px;
    line-height: 36px;
    padding: 45px 0 50px;
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'GraphikCondensed';
}

.home-exp-acc-works-list > .cs-case {
    flex: 1;
}

.home-exp-acc-works-list {
    gap: 30px;
}

.home-exp-acc-works-list > .cs-case .case-title {
    padding: 15px 0;
    font-size: 28px;
    line-height: 36px;
}

.home-exp-acc-works-list > .cs-case .case-cats {
    font-size: 20px;
    line-height: 32px;
}

.home-exp-acc-works-list > .cs-case .case-cats span {
    font-weight: 600;
}

.home-exp-acc-works-list > .cs-case .case-bottom {
    margin: 0;
}

.bottom-logos-section-gallery img {
    max-width: 165px;
    max-height: 70px;
    height: 100%;
    width: auto;
    filter: grayscale(1);
}

.bottom-logos-section-gallery {
    align-items: center;
    gap: 75px;
    background: #fff;
    padding: 100px;
}

.bottom-logos-section {
    background: #DAF402;
    padding: 150px 0;
    margin-top: 35px;
}

.bottom-logos-section h2 {
    font-size: 72px;
    font-weight: 900;
    padding-bottom: 80px;
    font-family: 'GraphikCondensed';
}

.ch4-showcase-img {
/*    max-height: 950px;*/
    width: 100%;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.ch4-showcase-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    /*transform: translateX(-20%);*/
}

.ch4-showcase-text {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    background: rgb(59 59 61 / 80%);
    justify-content: space-between;
    padding: 20px 100px 30px;
    color: #fff;
    z-index: 2;
}

.ch4-showcase-item {
    position: relative;
}

.ch4-showcase-info-inner {
    position: relative;
}

.ch4-showcase-next button {
    font-size: 24px;
    font-family: 'GraphikCondensed';
    text-transform: none;
    letter-spacing: 0;
}

.ch4-showcase-text-text h2 {
    font-size: 44px;
    color: #fff !important;
    text-transform: uppercase;
    font-family: 'GraphikCondensed';
    margin-bottom: 10px;
}

.ch4-showcase .slick-dots {
    position: absolute;
    bottom: 75px;
    z-index: 3;
    left: 50%;
    display: flex;
    transform: translateX(-50%);
    gap: 8px;
}

.ch4-showcase .slick-dots button {
    width: 32px;
    height: 16px;
    background: #88868B;
    text-indent: -99999px;
    padding: 0;
}

.ch4-showcase .slick-dots .slick-active button {
    background: #DAF402;
}

.home-exp-what-we-do strong {
    font-family: 'GraphikCondensed';
    text-transform: uppercase;
    font-weight: 600;
    padding-bottom: 8px;
    display: block;
}

.ch4-text-section-accent {
    background: #DAF402;
}

.ch4-text-section.ch4-text-section2 {
    margin-top: 150px;
    padding-bottom: 220px;
}

.ch4 .home-work {
    position: relative;
    top: -370px;
    padding-top: 0;
    margin-bottom: -370px;
    padding-bottom: 0;
}

.ch4 .home-work-small {
    padding-bottom: 0;
}


.ch4 .home-work-item {
    background: #fff;
}

.ch4 .home-work-item-info {
    padding-top: 60px;
}

.ch4 .home-work-item-title {
    font-family: 'GraphikCondensed';
    margin-bottom: 18px;
}

.ch4 .home-work-item-link {
    margin-top: 25px;
    font-family: 'GraphikCondensed';
}

.ch4 .home-work-item-text a {
    color: #3B3B3D;
}

.ch4 .exp-work-item-tag-pill {
    font-size: 16px;
}

.ch4 .home-work-item-tags-title {
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'GraphikCondensed';
    font-size: 20px;
}

.ch4 .home-work-item-link a {
    font-size: 24px;
    text-transform: none;
    font-weight: 600;
}

.ch4 .case-title {
    padding-top: 10px;
    padding-bottom: 8px;
    font-family: 'GraphikCondensed';
    font-weight: 900;
}

.ch3.ch4 .case-bottom {
    margin-top: 0px;
}

.ch4 .exp-work-item-tag-pills.exp-work-item-tag-pills--sm {
    margin-top: 0;
    margin-bottom: 18px;
}

.ch3.ch4 .case-cats span {
    font-family: 'GraphikCondensed';
    font-weight: 600;
    font-size: 20px;
    line-height: 32px;
    text-transform: uppercase;
}

.ch3.ch4 .case-bottom > a {
    display: flex;
    font-family: 'GraphikCondensed';
    align-items: center;
    gap: 8px;
    align-self: flex-start;
}

.ch3.ch4 .case-cats {
    flex: 1;
}

.ch3.ch4 .case-short-info {
    min-height: 96px;
}

.ch4-text-section-dark {
    background: #3B3B3D;
    color: #fff;
}

.ch4 .ch4-text-section-dark h2 {
    color: #DAF402;
}

.ch4-text-section3 .ch4-text-setion-inner {
    background: url('assets/img/q.svg') 100% 25px no-repeat;
    background-size: 33% auto;
}

.ch4-text-section-text {
    font-size: 36px;
    letter-spacing: -0.5px;
}

.ch4-text-section.ch4-text-section3 {
    margin-top: 90px;
}

.ch4 .home-blog {
    background: none;
    padding-top: 35px;
    overflow: hidden;
}

.ch4 .art-list-item.art-list-3-item {
    max-width: 360px;
    margin: 0 15px;
}

.ch4 .art-list-item.art-list-3-item .art-item-title {
    margin-top: 20px;
    height: 108px;
    overflow: hidden;
}

.ch4 .art-item-img a {
    border: none;
}

.ch4 .art-list-item.art-list-3-item .art-item-title a {
    color: #3B3B3D;
    font-family: 'GraphikCondensed';
    font-size: 28px;
}

.ch3.ch4 .art-item-meta {
    margin-top: 15px;
    font-family: 'Graphik';
    font-weight: 400;
}

.ch4 .art-item-meta-cats {
    gap: 8px;
}

.ch4 .art-item-meta-cats a {
    background: #F2F2F2;
    font-size: 13px;
    color: #3B3B3D;
    padding: 4px 8px;
}

.ch4 .art-item-date a {
    color: #3B3B3D !important;
    font-size: 20px;
}

.ch4 .art-list:not(.art-list-2) .art-item-short-text {
    margin-top: 18px;
}

.ch4 .art-list:not(.art-list-2) .art-item-short-text a {
    font-size: 24px;
    line-height: 34px;
}

.ch4 .art-list.art-list-slideshow {
    margin: 0 -15px;
}

.ch4 .art-list-slideshow .slick-list {
    overflow: visible;
}

.ch4 .home-blogs-latest-items ul.slick-dots {
    position: absolute;
    top: -35px;
    width: 100%;
    left: 0;
    display: flex;
    background: #DAF402;
}

.ch4 .home-blogs-latest-items ul.slick-dots .slick-active ~ li {
    background: #D9D9D9;
}

.ch4 .home-blogs-latest-items ul.slick-dots li {
    flex: 1;
}

.ch4 .home-blogs-latest-items ul.slick-dots button {
    text-indent: -9999px;
    height: 8px;
    display: block;
    cursor: pointer;
    width: 100%;
}

.ch4 .home-blogs-latest-items ul.slick-dots .slick-active {
    background: #3B3B3D;
}

.ch4.scl-form .scl-top {
    padding: 150px 0 135px;
    position: relative;
    background: #DAF402;
}

.ch4 .scl-top h1 {
    font-size: 110px;
    line-height: 110px;
    font-weight: 500;
    color: #3B3B3D;
    font-family: 'GraphikCondensed';
    max-width: 100%;
    letter-spacing: -0.5px;
}

.ch4 .scl-top h1 em {
    font-style: normal;
    display: inline;
    background-image: -webkit-linear-gradient(120deg, #fff 0%, #fff 100%);
    background-image: -o-linear-gradient(120deg, #fff 0%, #fff 100%);
    background-image: linear-gradient(120deg, #fff 0%, #fff 100%);
    background-repeat: no-repeat;
    background-size: 100% 0.15em;
    background-position: 0 84%;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
    font-weight: 500;
}

.ch4 .scl-top h1 strong {
    background: none;
}

.ch4 .scl-top-text-wrap {
    width: 100%;
    max-width: 1000px;
    color: #3B3B3D;
    font-size: 38px;
}

.ch4.scl {
    font-family: 'Graphik';
}

.ch4 .scl-top-btns {
    justify-content: flex-start;
    gap: 64px;
    padding-top: 32px;
}

.ch4 .scl-top-btn a {
    font-size: 28px;
    line-height: 36px;
    font-weight: 600;
    font-family: 'GraphikCondensed';
    color: #3B3B3D;
    padding-left: 50px;
    background: url('assets/img/email-dark.svg') 0 50% no-repeat;
    background-size: 40px;
}

.ch4 .scl-top-btn.scl-top-btn-phone a {
    background: url('assets/img/phone-dark.svg') 0 50% no-repeat;
    background-size: 40px;
}

.ch4 .scl-form-wrap .gfield--type-html b {
    color: #FF2E58;
    padding-right: 25px;
}

.scl-form-wrap .gfield--type-html {
    font-weight: 700;
    font-family: 'GraphikCondensed';
}

.ch4 .scl-form-wrap .gfield--input-type-checkbox input:checked + label, 
.ch4 .scl-form-wrap .gfield--input-type-radio input:checked + label {
   background-image: url(assets/img/valid.svg);
   background-size: 32px;
   background-position: 18.8px 50%;
}

.ch4.scl-form .gchoice:has(input:checked) {
    border-color: #3B3B3D;
    background: #DAF402;
}

body .scl-form .gfield--type-phone input,
body .scl-form.ch4 .gfield--type-text input, 
body .scl-form.ch4 .gfield--type-email input {
    padding: 16px 19px !important;
}

body .scl-form.ch4 .gfield--type-text input.blur-valid, 
body .scl-form.ch4 .gfield--type-email input.blur-valid {
    background: url(assets/img/valid.svg) calc(100% - 20px) 50% no-repeat;
    background-size: 32px 32px;
    transition: 0s !important;
    border-color: #3B3B3D;
    background-color: #DAF402;
}

.ch4 .gform_footer.top_label > input[type="submit"] {
    opacity: 0;
    visibility: hidden;
    height: 0;
}

.ch4 .custom-submit-block {
    margin-top: 40px;
    text-transform: uppercase;
    font-weight: 600;
}

.ch4 .custom-submit-block .flexed {
    justify-content: center;
}

.ch4 .custom-submit-block button {
    font-weight: 900;
    font-family: 'GraphikCondensed';
    font-size: 43px;
    letter-spacing: 0;
}

body .scl-form.ch4 .gfield--type-email:has(>.gfield_validation_message) {
    margin-bottom: 30px;
}

.header-contact a {
    font-size: 20px;
    line-height: 32px;
    color: #3B3B3D;
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: 'GraphikCondensed';
}

.header-contact a svg {
    max-width: 16px;
    width: 100%;
}


.header-contacts {
    align-items: flex-end;
    gap: 18px;
}

ul#main-desktop-menu {
    margin: 0;
    flex: 1;
    justify-content: center;
    align-items: flex-end;
}

ul#main-desktop-menu > li:hover:after {
    content: '';
    width: 100%;
    position: absolute;
    left: 0;
    height: 30px;
    bottom: 0;
}

.logo-main-wrap .logo-l-padding {
    padding: 0;
}

.logo-main-wrap {
    padding: 0px 0 30px;
}

ul#main-desktop-menu > li {padding: 0;}

.ch4.cex {
    padding: 0;
    overflow: hidden;
}

.ch4.cex  > div:first-child {
    overflow: hidden;
}

.ch4.cex a:after {
    opacity: 0;
    width: 0;
    height: 0;
}

.ch4 div#arrows2 {
    width: 1000px;
    height: 1000px;
    background: radial-gradient(#F4FF9B 0, #DAF402 75%);
    border-radius: 5000px;
    left: -530px;
    top: -610px;
}

.ch4.scl-form .scl-top > .cs-container,
.home-head-s4-inner {
    position: relative;
    z-index: 3;
}

.ch4.scl-form .scl-top > .cs-container {
    z-index: 12;
}

.ch4 .img-cursor2 a {
    cursor: pointer;
}

.landing-popup.homepopup {
    background: #DAF402;
    padding: 95px 0 105px;
}

.landing-popup.homepopup h1 {
    font-size: 90px;
    line-height: 90px;
    font-weight: 500;
    color: #3B3B3D;
    font-family: 'GraphikCondensed';
    max-width: 920px;
}

.landing-popup.homepopup h1 em {
    font-style: normal;
    display: inline;
    background-image: -webkit-linear-gradient(120deg, #fff 0%, #fff 100%);
    background-image: -o-linear-gradient(120deg, #fff 0%, #fff 100%);
    background-image: linear-gradient(120deg, #fff 0%, #fff 100%);
    background-repeat: no-repeat;
    background-size: 100% 0.15em;
    background-position: 0 84%;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
    font-weight: 500;
}

.homepopup .landingpopup-middle-left-inner {
    margin: 85px 0 80px;
    font-size: 28px;
    line-height: 40px;
    font-weight: 400;
}

.homepopup .landingpopup-middle-left-inner p {
    color: #3B3B3D;
}

.homepopup-link a {
    font-size: 28px;
    line-height: 36px;
    font-family: 'GraphikCondensed';
    text-transform: uppercase;
    display: flex;
    gap: 16px;
    color: #3B3B3D;
    align-items: center;
    font-weight: 600;
}

.homepopup-link a .icon-code {
    width: 24px;
    font-size: 24px;
    line-height: 24px;
}

.homepopup-link a .icon-code svg {
    display: block;
}

.pum-content:has(>.homepopup) + button.pum-close.popmake-close {
    font-size: 44px;
    top: 48px;
    right: 80px;
    color: #3B3B3D;
}

.homepopup-link a .icon-code svg path {
    fill: #3B3B3D;
}

.homepopup .landingpopup-bottom-inner {
    gap: 54px;
}

.landing-popup.homepopup .cs-container {
    width: 100%;
}

.homepopup .landingpopup-text {
    margin: 0;
}

.mob-header-contact a {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    font-weight: 500;
    color: #3B3B3D !important;
    font-family: 'GraphikCondensed';
}

.mob-header-contact a svg {
    width: 100%;
    max-width: 16px;
}

li.mob-header-contacts {
    gap: 20px;
    margin-right: 20px;
}

.scl-top-main, .scl-top-btns {
    position: relative;
    z-index: 2;
}

.ch4 .home-exp-acc-works-list .cs-case {
    margin: 0 16px;
}

.ch4 .home-exp-acc-works-list {
    margin: 0 -16px;
    padding-bottom: 80px;
}

.ch4 .slick-dots button:hover {
    background: #FF2E58;
}

.ch4 .slick-dots button:active {
    background: #3B3B3D;
}

.home-exp-top-title:hover {
    color: #FF2E58;
}

.home-exp-top-title:hover:before {
    background: #FF2E58;
}

.home-exp-top-title:hover {
    color: #FF2E58;
}

.home-exp-top-title:hover:before {
    background: #FF2E58;
}

.ch4 .custom-submit-block button:hover,
.ch4-link-anim a:hover,
.submenu-recent-item-title a:hover,
.submenu-col-title a:hover {
    color: #FF2E58;
}

.ch4-text-section-dark .ch4-text-link a:hover span,
.ch4-showcase-next button:hover span {
    color: #DAF402;
}

.scl-main a.arrow:not(:has(span)),
.scl-slideshow-text a.arrow span,
.scl-updated .scl-top-link a span,
.submenu-exp li a span,
.ch4 .custom-submit-block button span,
.ch4-link-anim a span,
.ch4-showcase-next button span,
.home-exp-link a span, 
.ch4-text-link a span, 
.submenu-col-link a span, 
.home-head-s-link a span {
    position: relative;
}

.scl-main a.arrow:not(:has(span)):before,
.scl-slideshow-text a.arrow span:before,
.scl-updated .scl-top-link a span:before,
.submenu-exp li a span:before,
.ch4 .custom-submit-block button span:before,
.ch4-link-anim a span:before,
.ch4-showcase-next button span:before,
.submenu-col-link a span:before,
.home-exp-link a span:before, 
.ch4-text-link a span:before, 
.home-head-s-link a span:before {
    content: '';
    width: 0;
    height: 2px;
    background: #3B3B3D;
    position: absolute;
    left: -2px;
    bottom: 0;
    transition: 0.3s;
}

.scl-updated .scl-top-link a span:before,
.submenu-col-link a span:before,
.ch4-text-section-dark .ch4-text-link a span:before {
    background: #fff;
}

.ch4 .custom-submit-block button:active span:before,
.ch4-link-anim a:active span:before,
.ch4-text-section-accent .ch4-text-link a span:before {
    background: #FF2E58;
}


.submenu-exp li a span:before,
.ch4-text-section-dark .ch4-text-link a:active span:before {
    background: #DAF402;
}

.scl-main .scl-cta-wrap a.arrow:not(:has(span)):before,
.ch4-showcase-next button span:before {
    background: #fff;
}

.scl-main a.arrow:not(:has(span)):hover:before,
.scl-slideshow-text a.arrow:hover span:before,
.scl-updated .scl-top-link a:hover span:before,
.submenu-exp li a:hover span:before,
.ch4 .custom-submit-block button:hover span:before,
.ch4-link-anim a:hover span:before,
.ch4-showcase-next button:hover span:before,
.submenu-col-link a:hover span:before,
.home-exp-link a:hover span:before, 
.ch4-text-link a:hover span:before, 
.home-head-s-link a:hover span:before {
    width: calc(100% + 4px);
}

.scl-main a.arrow:not(:has(span)):hover:before {
    width: calc(100% - 35px);
}

.scl-main a.arrow:hover {
   background: url('assets/img/arrow-long-red.svg') 100% 50% no-repeat;
   background-size: 30px auto;
}

.scl-updated .scl-top-link a:hover i, 
.home-head-s-link a:hover i,
.ch4 .custom-submit-block button:hover i,
.ch4-link-anim a:hover i,
.home-exp-link a:hover i,
.ch4-text-link a:hover i {
    background: url('assets/img/arrow-long-red.svg') 50% 50% no-repeat;
}

.submenu-exp li a i,
.submenu-col-link a:hover i.tipi-i-arrow-right,
.ch4-text-section-dark .ch4-text-link a:hover i,
.ch4-showcase-next button:hover i {
    background: url('assets/img/arrow-long-green.svg') 50% 50% no-repeat;
}

.submenu-col-link a:hover {
    color: #DAF402;
}

.submenu-col-link a:active span:before {
    background: #DAF402;
}

.ch3.ch4 .art-item-img a:after {
    background: #DAF402;
    opacity: 0.75;
    width: 100%;
    height: 100%;
    transition: 0s;
}

.ch3.ch4 .art-item-img:hover + .art-item-title a {
    color: #FF2E58;
    text-decoration: underline;
    text-decoration-color: #3B3B3D;
    text-decoration-thickness: 1px;
}

.ch4 .home-work-item-img img ~ img, 
.ch4 .home-exp-acc-works-list .cs-case .cs-case-img img ~ img, 
.ch4 .cs-case-img img ~ img {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
    left: 0;
}

.ch4 .cs-case-img img.active,
.ch4 .home-exp-acc-works-list .cs-case .cs-case-img img.active,
.ch4 .home-work-item-img img.active {
    z-index: 2;
}

.ch4 .home-exp-acc-works-list .cs-case .cs-case-img, 
.ch4 .home-work-item-img, 
.ch4 .cs-case-img {
    position: relative;
    overflow: hidden;
}

.ch4 h2, 
.ch4 h3,
.ch4, 
.ch4 a {
    color: #3B3B3D;
}

.ch4-text-section-dark a {
    color: #fff;
}

.scl-top-btn.scl-top-btn-email a:hover {
    text-decoration: underline;
}

li.fphone a {
    pointer-events: none;
}

.scl-top-btn.scl-top-btn-book a {
    background: none;
    padding-left: 0;
}

.scl-top-btn.scl-top-btn-book a i {
    padding-right: 10px;
    color: #000;
}

.header-contact.header-contact-phone a {
    pointer-events: none;
}

.process-page .ch4-showcase-text-text h3 {
    color: #fff;
}

.ch4-text-link span em {
    font-style: normal;
}

.scl-updated .scl-top {
    margin-bottom: 70px;
}

.process-item-title:hover {
    color: #FF2E58;
}

.process-item-title:hover 
 span + span:before, .process-item-title:hover span + span:after {
    background: #FF2E58;
}

.process-acc > .cs-container > h3 {
    font-size: 44px;
    line-height: 1.2;
    margin-bottom: 32px;
}

.process-acc {
    margin-bottom: 150px;
}

.iconed-grid {
    gap: 64px 30px;
    margin-top: 20px;
}

.iconed-grid-item {
    width: calc(50% - 15px);
}

.iconed-gird-item-title {
    font-size: 44px;
    line-height: 1.2;
    font-family: 'GraphikCondensed';
    font-weight: 600;
    gap: 10px;
    border-bottom: 1px solid #88868B;
    padding-bottom: 20px;
    margin-bottom: 45px;
}

.iconed-grid-item-icon {
    max-width: 40px;
    margin-right: 32px;
}

.iconed-gird-item-title-text {
    flex: 1;
}

.iconed-grid-item-text {
    font-size: 28px;
    line-height: 1.4;
}

.ch4-text-section.ch4-text-section2.projects-grid {
    padding-bottom: 125px;
    position: relative;
    z-index: 2;
}

.projects-grid + .home-work {
    background: #F2F2F2;
}

.ch4-text-section.ch4-text-section2.projects-grid + .home-work .home-work-item {
    position: relative;
    z-index: 3;
}

.projects-grid + .home-work .home-work-small {
    padding-bottom: 150px;
}

.projects-grid + .home-work .home-work-small .cs-case {
    margin: 0;
}

.ch4-text-section.ch4-text-section-dark + .process-acc {
    padding-top: 120px;
}

.process-acc.process-acc-larger > .cs-container > h3 {
    font-size: 72px;
    margin-bottom: 80px;
}

.ch4-text-section-text:has(+.nolink) {
    padding-bottom: 0;
}

.ch3.process-page .process-acc .cs-case .case-title, .ch3.process-page .process-acc .cs-case .case-bottom {
    margin-left: -16px;
}

.process-diagram-inner {
    background: #F5F5F5;
    position: relative;
    top: -220px;
    margin-bottom: -220px;
    padding-bottom: 100px;
    padding-top: 80px;
	z-index: 3;
}

.process-diagram-title {
    font-weight: 500;
    font-size: 44px;
    font-family: 'GraphikCondensed';
    line-height: 1.2;
    margin-bottom: 38px;
}

.process-diagram-item {
    padding: 0 32px 40px 32px;
    background: #FFFFFF;
    flex: 1;
    flex-shrink: 0;
    min-width: 262px;
    margin-top: 168px;
    overflow: visible;
}

.process-diagram {
    justify-content: space-between;
    gap: 20px;
    flex-wrap: nowrap;
}

.process-diagram-item-image {
    text-align: center;
    top: -168px;
    position: relative;
    margin-bottom: -146px;
}

.process-diagram-item-index {
    text-align: center;
    font-family: 'GraphikCondensed';
    font-size: 44px;
    margin-bottom: 40px;
}

.process-diagram-item-title {
    max-width: 180px;
    margin: 0 auto;
    text-align: center;
    font-weight: 900;
	letter-spacing: 0;
    font-family: 'GraphikCondensed';
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 62px;
    line-height: 1.1;
    position: relative;
}

.process-diagram-item-image img {
    display: block;
    margin: 0 auto;
    height: 210px;
	mix-blend-mode: multiply;
	transform: translate3d(0,0,0);
}

.process-diagram-item-text {
    margin-top: 48px;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
}

.process-diagram-item:not(:first-child) .process-diagram-item-title:after {
	content: '';
	position: absolute;
	top: calc(50%);
	width: 37px;
	height: 18px;
	background: url('assets/img/arrow-long.svg') 50% 50% no-repeat;
	z-index: 4;
	left: -107px;
	transform: translate(90%, -50%);
}

.process-diagram-item,
.process-diagram-inner-wrap,
.process-diagram {
	position: relative;
}

.process-diagram-inner-wrap:after, .process-diagram-inner-wrap:before {
    content: '';
    width: 100%;
    height: 2px;
    position: absolute;
    background: url('assets/img/line-segment.svg') 50% 50% repeat-x;
    z-index: 3;
    top: calc(50% + 110px);
    background-size: contain;
    left: 0;
}

.process-diagram {
    overflow: auto;
    align-items: stretch;
}

.process-diagram-inner-wrap:after {
    top: calc(50% + 20px);
}

.process-wrap.process-version-1 .process-diagram-inner {background: #fff;}

.process-wrap.process-version-1 .process-diagram-item {
    background: #F5F5F5;
}

.ch4-text-section:has(+.process-wrap) {
    padding-bottom: 220px;
}

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

    .process-img-wrap {
        height: auto;
        position: relative;
        top: -250px;
        margin-bottom: -250px;
    }

    .process-img {
        top: 0;
        z-index: 3;
    }

    .ch4-text-section.preprocess-block {
        padding: 0;
        position: relative;
        z-index: 2;
    }

    .ch4-text-section.preprocess-block .ch4-text-setion-inner {
        padding-bottom: 300px;
    }

    .ch4-text-section.preprocess-block .ch4-text-section-text.ch4-text-padding {
        padding-bottom: 0;
    }
}

/* Desktop ends */
@media screen and (max-width: 1650px) and (min-width:1220px) {
    .cs-text-block-image img {
        max-width:480px;
        height: auto;
        top: 50%;
        transform: translateY(-50%)
    }

    .ch4-showcase-text {
        position: absolute;
        bottom: 0;
        width: calc(100% - 80px);
        left: 40px;
        background: rgb(59 59 61 / 80%);
        justify-content: space-between;
        padding: 20px 80px 30px;
        color: #fff;
        z-index: 2;
    }

    .ch4 .home-work-item {
        margin-left: 40px;
        margin-right: 40px;
    }

    .cs-text-block-1 img {
        max-width: 300px;
    }

    .cs-text-block-1 .cs-text-block-inner {
        justify-content: space-between;
    }

    .cs-case-study-pick.cs-text-block .cs-text-block-image img {
        max-width: 800px
    }

    .cs-text-block-2 .cs-text-block-inner {
        position: static;
    }

    .cs-text-block.cs-text-block-2 {
        position: relative;
    }

    .cs-text-block-2 .cs-text-block-image img {
        max-width: 240px;
    }

    .cs-case-study-pick.cs-case-study-pick2 .cs-text-block-text h2 {
        padding-bottom: 30px;
    }

    .cs-case-study-pick.cs-case-study-pick2 a.btn {
        margin-top: 0px;
    }

    .cs-case-study-pick.cs-case-study-pick2 {
        padding: 40px 0 100px;
    }

    .cs-text-block.cs-text-block-3 {
        position: relative;
        min-height: auto;
    }

    .cs-text-block.cs-text-block-3 .cs-text-block-text {
        padding-top: 50px !important;
    }
}

@media screen and (max-width: 1550px) {
    .art-main-info {
        max-width: calc(100% - 0px);
        margin-left: auto;
    }

    .art-table-contents {
        top: 100px;
        left: 2px;
        transform: none;
        width: 145px;
        display: none;
    }

    .art-main-title {
        max-width: calc(100% - 0px);
        margin-left: auto;
    }

    .art-authors-list .author-page-link {
        padding-top: 15px;
    }

    .art-art-main.art-art-about .art-main-author-img img {
        aspect-ratio: 3 / 2;
    }
}

@media screen and (max-width: 1300px) and (min-width:951px) {
    .cs-text-block-text {
        flex:1;
        font-size: 20px;
        line-height: 28px;
        margin: 0!important;
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .art-main-author-info {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .art-main-author-img img {
        display: block;
    }

    .author-page-social {
        margin-bottom: 0;
    }

    .author-page-link {
        padding-top: 10px;
    }

    .art-main-author-role {
        margin-bottom: 5px;
    }

    .art-share, .cs-text-block-1 .cs-text-block-image img {
        display: none;
    }

    .cs-text-block-inner {
        gap: 30px
    }

    .cs-text-block-1 {
        padding: 120px 0 50px
    }

    .cs-text-block-2.cs-text-block {
        padding: 80px 0 130px;
    }

    .cs-what-get-item {
        flex: 1;
        font-size: 20px;
        line-height: 28px
    }

    .cs-what-get-inner {
        gap: 40px
    }

    .cs-what-get-top h3 {
        font-size: 32px
    }

    .cs-case-study-pick.cs-text-block {
        padding: 75px 0
    }

    .cs-text-block-text h2 {
        padding-bottom: 30px
    }

    .suptitle.suptitle--alt {
        margin-top: 0
    }

    .cs-text-block.cs-text-block-3 {
        padding: 30px 0 200px;
        min-height: 600px;
    }

    .cs-feat {
        width: calc(33% - 30px);
        padding: 15px 30px 30px;
        min-height: 250px
    }

    .cs-feat-title {
        font-size: 24px;
        margin-bottom: 19px
    }

    .cs-feats {
        padding-bottom: 50px
    }

    .cs-case {
        max-width: calc(50% - 50px)
    }

    .ch3.ch4 .home-work-item-img {
        max-width: 100%;
    }

    .ch3.ch4 .cs-case {
        width: 100%;
        max-width: calc(50% - 16px);
    }

    .process-page.ch3.ch4 .cs-case {
        width: calc(50vw - 90px);
    }

    .cs-text-block.cs-text-block-3 .cs-text-block-text {
        padding-top: 100px !important;
    }

    .cs-text-block-2 .cs-text-block-inner {
        position: static;
    }

    .cs-text-block.cs-text-block-2 {
        position: relative;
    }

    .cs-text-block-2 .cs-text-block-image {
        /* position: absolute; */
        /* left: 0; */
        /* top: 100px; */
        /* max-width: calc(50vw - 160px); */
    }

    .cs-text-block-2 .cs-text-block-image img {
        /* position: static; */
        /* max-width: 100%; */
        /* height: auto; */
        /* transform: none; */
    }

    .cs-text-block.cs-text-block-3 .cs-text-block-image {
        position: absolute;
        right: 0;
        top: 0;
    }

    .cs-text-block.cs-text-block-3 .cs-text-block-image img {
        position: static;
        transform: translate(-35%, 25%);
        max-width: 200px;
    }

    .cs-text-block.cs-text-block-3 {
        position: relative;
        min-height: auto;
    }

    .cs-text-block.cs-text-block-3 .cs-text-block-inner {
        position: static;
    }

    .cs-text-block.cs-text-block-3 .cs-text-block-text {
        padding-top: 50px !important;
    }

    .landingpopup-middle {
        padding: 0 30px;
    }

    .page-template-sector-landing-form-tpl button.pum-close.popmake-close, 
    .page-template-sector-landing-tpl button.pum-close.popmake-close {
        right: 30px !important;
    }
}

@media screen and (max-width: 1220px) {
    .cc-wrap {
        margin-top: 0px;
        background-color: #ff2e58 !important;
    }

    .home-blog-latest-wrap .cs-container {
        padding: 0;
    }

    .cjp3-cta-item:nth-child(3) a {
        pointer-events: all;
    }
	
	.process-diagram {
		gap: 8px;
	}

	.process-diagram-item {
		max-width: 100%;
		flex: 1;
		min-width: 290px;
	}

	.process-diagram-item:not(:first-child) .process-diagram-item-title:after {
		left: -110px;
	}

	.process-diagram {
		overflow: auto;
		width: calc(100vw - 40px);
	}

	.process-diagram-item:nth-child(1) .process-diagram-item-title:after, .process-diagram-item:nth-child(1) .process-diagram-item-title:before {
		left: -50px;
		width: 1170px;
	}

    .art-heading h2 {
        max-width: 305px;
        width: 100%;
    }

    .cc-content {
        display: block
    }

    .cc-sidebar {
        max-width: 100%;
        margin-top: 30px
    }

    .cs-abs-img {
        position: static;
    }

    .start-case.active {
        position: relative;
    }

    .start-cases-cases {
        position: static;
        height: auto;
        width: 100%;
        margin-top: 50px;
    }

    .rel {
        display: flex;
    }

    .rel > div {
        flex: 1;
    }

    .start-heading .cs-abs-img {
        position: absolute;
        top: 0;
        bottom: inherit;
        width: 340px;
    }

    body.page-template-start_page_v2-tpl #content {
        overflow: hidden;
    }

    .start-heading-inner {
        padding: 50px 10px 50px 30px;
        transform: none;
        margin-left: -30px;
        width: calc(100% - 280px);
        max-width: 100%;
    }

    .start-heading:before {
        display: none;
    }

    .start-heading:after {
        height: 100%;
        width: 340px;
    }

    .start-heading h1 {
        font-size: 75px;
        max-width: 540px;
        padding-bottom: 50px;
    }

    .start-heading-text {
        font-size: 34px;
    }

    .start-heading-text p:not(:last-child) {
        margin-bottom: 20px;
    }

    .start-s2-inner {
        font-size: 24px;
        line-height: 36px;
    }

    .start-s2 {
        padding: 40px 0;
    }

    .start-services {
        padding: 50px 0;
    }

    .start-services .cs-abs-img {
        position: absolute;
        width: 50%;
    }

    .start-services-inner h2 {
        position: relative;
        z-index: 2;
        font-size: 48px;
        width: 50%;
        padding-bottom: 0;
    }

    .start-services-tab {
        padding: 10px;
        text-align: center;
        font-size: 33px;
    }

    .start-services-tabs.flexed {
        display: flex;
    }

    .start-services-tab-content.flexed {
        display: flex;
    }

    .start-cases {
        padding: 50px 0;
        margin: 0;
        display: block;
        background: #fff;
    }

    .start-case {
        position: absolute;
    }

    .start-cases-inner {
        max-width: 100%;
    }

    .start-cases-text h2 {
        margin-bottom: 30px;
    }

    .start-case-btn {
        padding-top: 0;
    }

    .start-case-info {
        padding: 15px 30px;
    }

    .start-case-info-inner.flexed {
        display: flex;
    }

    .start-feat-title.flexed {
        display: flex;
        margin-bottom: 30px;
    }

    .start-feat-inner {
        max-width: 100%;
    }

    .start-feat-img {
        display: none;
    }

    .author-page-wrap .alm-btn-wrap button.alm-load-more-btn {
        width: 100%;
    }

    .start-feat-wrap {
        padding: 50px 0;
    }

    .start-contact h2 {
        margin-bottom: 50px;
    }

    .cs-bio {
        margin: 0;
        background: none;
    }

    .widget-tab h3 {
        padding-bottom: 5px;
    }

    .widget-tab {
        margin-bottom: 10px;
    }

    .cs-bio-inner h1 {
        font-size: 48px;
    }

    .cs-bio-meta {
        display: block;
        margin-bottom: 25px;
    }

    .cs-bio-links a {
        margin-right: 16px;
        margin-left: 0;
    }

    .cs-bio-role {
        margin-bottom: 10px;
        font-size: 34px;
    }

    .cs-bio-bottom aside {
        position: relative;
        max-width: 100%;
        margin: 20px 0;
    }

    .cs-bio-bottom.rel {
        display: block;
    }

    .cs-bio-main-inner {
        padding-top: 20px;
        max-width: 100%;
    }

    .cs-bio-preview-text p {
        margin-bottom: 30px;
        font-size: 22px !important;
        line-height: 32px;
    }

    .cs-bio-cats h2 {
        font-size: 30px;
    }

    .cs-bio-main-text {
        padding-bottom: 40px;
    }

    .cs-bio-main-text > * {
        margin-bottom: 20px;
        font-size: 18px;
    }

    .cs-bio-main-text h2 {
        font-size: 30px;
    }

    .home-head-s {
        margin: 0;
        padding-top: 20px;
    }

    .home-head-s-text h1 {
        font-size: 52px;
    }

    .home-head-s-text p {
        font-size: 26px;
        line-height: 36px;
    }

    .home-head-s-bottom p {
        padding: 10px 40px;
        font-size: 20px;
    }

    .home-exp-text h2 {
        font-size: 52px;
        margin-bottom: 30px;
    }

    .home-exp-text {
        font-size: 32px;
    }

    .home-exp {
        padding: 30px 0 60px;
    }

    .home-exp-tab-img img {
        height: 120px;
    }

    .home-exp-tab-contents {
        padding-left: 40px;
        padding-bottom: 40px;
        padding-right: 40px;
        padding-top: 160px;
    }

    .home-exp-tab-text p {
        font-size: 22px;
        line-height: 30px;
    }

    .home-exp-tab-title {
        font-size: 30px;
    }

    .home-work {
        padding: 60px 0;
    }

    .home-work-top-text h2 {
        font-size: 52px;
    }

    .home-work-top-text p {
        font-size: 28px;
        line-height: 44px;
    }

    .home-work-work {
        padding: 0 30px;
    }

    .home-work-item {
        display: block;
        margin-top: 40px;
    }

    .home-work-item-info {
        max-width: 100%;
        padding: 60px 30px 30px;
    }

    .home-start-main-inner {
        display: block;
        padding: 20px 0;
    }

    .home-start-link {
        margin-top: 33px;
    }

    .home-start-top-inner h2 {
        padding: 50px 0;
    }

    .home-start-main {
        margin: 0 30px;
    }

    .home-start-top-inner {
        background-size: contain;
    }

    .home-start-inner {
        padding-bottom: 50px;
    }

    .home-blog {
        padding: 50px 0;
    }

    .home-blog-info h2 {
        font-size: 52px;
    }

    .home-blog-info p {
        font-size: 32px;
        line-height: 46px;
    }

    .home-blog-latest {
        display: block;
        padding-top: 50px;
    }

    .home-blog-latest-info {
        max-width: 100%;
    }

    .home-blog-list {
        padding-top: 30px;
    }

    .home-blog-list .blog-card {
        max-width: 32%;
    }

    .blog-card-title {
        font-size: 28px;
        line-height: 36px;
        margin: 10px 0;
    }

    .blog-author-cat {
        font-size: 22px;
    }

    .page-template-homepage-tpl .cs-contact-block.cs-contact-block-2 {
        background-size: 160px auto !important;
        background-position: 99% 4% !important;
    }

    .cs-text-block-2 .cs-text-block-text {
        max-width: 690px;
    }

    .cs-text-block-2 .cs-text-block-image img {
        max-width: 200px;
    }

    .cs-text-block.cs-text-block-5 {
        padding: 130px 0 70px;
    }

    .cs-case-study-pick .cs-text-block-image img {
        max-width: calc(100vw - 400px);
        height: auto;
        top: 50%;
        transform: translateY(-50%);
    }

    .cs-case-study-pick .cs-text-block-image {
        display: flex;
        align-items: center;
    }

    .cs-contact-block.cs-contact-block-2 {
        background-size: 320px auto !important;
    }

    .cjp3-cta-authors {
        display: block;
    }

    .cjp3-authors {
        margin: 60px 0 0 0;
    }

    button.pum-close.popmake-close {background-size: 25px !important;}

    .landingpopup-text h2 {
        font-size: 36px;
        line-height: 40px;
    }

    .landingpopup-middle {
        display: block;
        top: 0;
        margin-top: 20px;
    }

    .landingpopup-middle-left {
        font-size: 20px;
        line-height: 26px;
    }

    .landingpopup-middle-left-inner {
        margin-left: 0;
    }

    .landingpopup-middle-left p {
        margin-bottom: 25px;
    }

    .landingpopup-middle-right {
        display: none;
    }

    .landingpopup-bottom-inner {
        flex-direction: column;
        gap: 25px;
    }

    .landingpopup-link-text {
        font-size: 17px;
        line-height: 22px;
        margin-top: 5px;
    }

    .bottom-logos-section-gallery {
        padding: 100px 240px;
    }

    .scl-updated .scl-main-block .scl-text-inner h3, .scl-updated .scl-main-block h2 {
        margin-left: 0px;
    }

    .scl-list-block {
        width: 100%;
        margin: 0;
    }

    .scl-text-inner.scl-text a.arrow {
        margin-left: -50px;
    }

    .scl-accent-wrap-inner {
        background-image: none !important;
    }
	.process-diagram-inner-wrap:after, .process-diagram-inner-wrap:before {
		width: calc(100% + 60px);
		top: calc(50% + 105px);
	}

	.process-diagram-inner-wrap:after {
		top: calc(50% + 15px);
	}
}

/* mobile */
@media screen and (max-width: 951px) {
    .cs-header-wrap {
        background: rgb(255 46 88/90%)!important;
    }

    .ch4-text-link span em {
        display: none;
    }

    .art-toc-line {
        top: 72px;
    }

    .prc-heading-inner:after {
        width: 60%;
        background-size: contain;
    }

    .prall-select-options {
        max-width: 320px;
    }
	
	.process-diagram-inner-wrap:after, .process-diagram-inner-wrap:before {
		top: calc(50% + 50px);
	}

	.process-diagram-inner-wrap:after {
		top: calc(50% + 3px);
	}

    .prp-gallery-main {
        height: auto;
        aspect-ratio: 1.6 / 1;
    }

    .prp-gallery-main img {
        width: 100%;
    }

    .prp-gallery-nav.flexed {
        display: flex;
    }

    .port-testim-from {
        margin-top: 30px;
        max-width: 100%;
    }

    .port-outcomes-list.flexed {
        display: flex;
    }

    .port-outcome {
        flex: 1;
    }

    .art-main-title {
        max-width: calc(100% - 0px);
    }

    .port-outcome-num {
        font-size: 42px;
    }

    .port-outcome-title {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 0;
    }

    .catpl-main .art-item-title {
        min-height: 45px;
    }

    .tag .art-sub-inner, .category .art-sub-inner {
        padding: 0 0 50px;
    }

    .port-outcome-text {
        font-size: 18px;
        line-height: 22px;
    }

    .port-testim-info:before {
        right: inherit;
        left: 45px;
        max-width: 90px;
        height: 150px;
    }

    .port-testim-info {
        padding: 30px;
    }

    .port-testim-inner h2 {
        padding-bottom: 140px;
    }

    .port-testim {
        padding: 40px 0 50px;
    }

    .port-page-top-info h1 {
        max-width: calc(100% - 100px);
        display: block;
    }

    .art-catpl-item .art-item-meta .art-item-cats .art-item-date:not(:first-child) {
        margin-left: 0px;
    }

    .port-page-top-info {
        width: 100%;
        transform: none;
        position: relative;
    }

    .port-page-slideshow-nav {
        position: absolute;
        top: 0;
        right: 10px;
        padding: 0;
    }

    .port-page-slideshow-nav button {
        width: 32px;
        margin-left: 5px;
    }

    .port-page-subtitle {
        max-width: 100%;
    }

    .port-page-cats {
        max-width: calc(100% - 32px);
        margin-top: 20px;
    }

    .port-page-top-info-line1 {
    }

    .port-page-top-info {
        padding-left: 32px;
        margin-bottom: 0;
    }

    .port-page-main-text {
        padding: 50px 0;
    }

    .author-page-img img {
        width: 100%;
    }

    .blog-card-img img {
        width: 100%;
    }

    .blog-card-img a {
        display: block;
        width: 100%;
        height: 240px;
    }

    .blog-card-img a img {
        height: 100%;
        object-fit: cover;
    }

    .author-page-aside {
        max-width: 100%;
        position: static;
        margin-bottom: 32px;
    }

    .author-page-img {
        max-width: 320px;
    }

    .cs-header.cs-header-no-margin {
        margin: 0;
    }

    .cs-case-study-pick .cs-text-block-image img {
        transform: none;
        max-width: 100%;
    }

    .mobile-image {
        display: block
    }

    .home-blog-top.flexed, .home-work-top-line.flexed {
        display: flex;
    }

    .start-services-wrap {
        padding-top: 40px;
    }

    .cc-top-text {
        padding: 20px
    }

    .cc-main-text {
        padding: 10px 20px
    }

    .cc-page-title h1,.cs-header-inner h1 {
        font-size: 40px;
        line-height: 52px
    }

    .cs-header-inner {
        padding-top: 40px
    }

    .suptitle {
        margin-bottom: 20px
    }

    .cs-header-bottom {
        max-width: 100%;
        transform: translateX(-30px);
        padding: 25px 30px;
        font-size: 24px;
        line-height: 36px;
        margin-top: 55px
    }

    .cs-header-inner:after {
        left: -30px;
        height: 30px
    }

    .cs-header-bottom-links {
        margin-top: 30px
    }

    a.btn {
        min-width: 180px;
        padding: 5px 10px
    }

    .cs-text-block {
        padding: 50px 0!important;
        margin: 0;
    }

    .cs-text-block-text h2 {
        font-size: 34px;
        padding-bottom: 30px
    }

    .cs-text-block-text {
        max-width: 100%!important;
        font-size: 20px;
        line-height: 28px;
        margin-left: 0!important;
        margin-right: 0!important;
        padding: 20px 0!important
    }

    .cs-text-block-text p:not(:last-child) {
        margin-bottom: 20px
    }

    .cs-text-block-image img {
        position: static;
        max-width: 320px
    }

    .cs-text-block-image {
        margin: 20px 0
    }

    .flexed.flexed--revert {
        flex-direction: row
    }

    .cs-text-block-1 .cs-text-block-image {
        display: none
    }

    .flexed {
        display: block
    }

    .cs-what-get-item {
        max-width: 100%;
        top: -40px;
        line-height: 26px;
        margin-bottom: 30px
    }

    .arrowed {
        background-size: 80px auto;
        padding-top: 90px;
        top: -40px
    }

    .cs-what-get-top h3 {
        font-size: 32px;
        padding-bottom: 20px;
        font-size: 28px;
    }

    .cs-what-get-bottom {
        min-height: auto
    }

    .cs-what-get-top h3 br {
        display: none
    }

    .cs-text-block-image img {
        max-width: 100%;
        width: 480px
    }

    .suptitle.suptitle--alt {
        margin: 0 0 20px
    }

    .cs-text-block-inner.flexed.flexed--revert {
        display: flex;
        flex-direction: column-reverse
    }

    .cs-what-get-main-top-inner {
    }

    .cs-what-get-main-top-item {
        margin-bottom: 50px;
        line-height: 24px
    }

    .cs-container.cs-container--wider>div {
        padding-left: 32px;
        padding-right: 32px;
        margin-bottom: -50px
    }

    .cs-feats {
        padding: 20px 0
    }

    .cs-text-block.cs-text-block-4 {
        padding: 0!important
    }

    .cs-feats-inner {
        display: flex;
        justify-content: flex-start
    }

    .cs-feat-title {
        font-size: 26px
    }

    .cs-feat-text {
        font-size: 18px;
        line-height: 28px
    }

    .cs-feat {
        max-width: 320px;
        padding: 15px 20px;
        min-height: auto
    }

    .cs-contact-block h2 {
        font-size: 48px;
        margin-bottom: 50px
    }

    .cs-contact-block {
        padding-top: 50px
    }

    .cs-contact-text-text {
        font-size: 24px;
        line-height: 34px
    }

    .cs-contact-text-inner {
        padding-top: 30px
    }

    .cs-contact-text-link {
        margin-top: 30px
    }

    .cs-text-block.cs-text-block-5 {
        padding-top: 120px!important
    }

    .cs-text-block.cs-text-block-5 .cs-text-block-image {
        display: none
    }

    .cs-text-block-inner {
        display: flex;
        flex-direction: column-reverse
    }

    .cs-text-block-text .btn {
        margin-top: 10px
    }

    .cs-case-study-latest-inner {
        top: 0;
        padding-top: 40px;
        display: flex;
        justify-content: flex-start;
        gap: 30px
    }

    .case-title {
        font-size: 28px;
        padding: 15px 0
    }

    .case-cats {
        margin-top: 20px
    }

    .cs-contact-block-1 .cs-contact-text-inner:after {
        height: 20px
    }

    .cs-contact-block.cs-contact-block-2 h2 {
        font-size: 60px;
        max-width: 180px;
    }

    .cs-what-get-main-top {
        margin-top: 60px
    }

    a.btn+a.btn {
        margin-left: 0;
        margin-top: 15px
    }

    .mobile-image {
        margin-top: 15px
    }

    .cs-header {
        background: rgb(255 46 88/90%)!important;
        margin: 0;
    }

    .cs-contact-block.cs-contact-block-2 {
        background: rgb(255 46 88/90%)!important;
        padding-bottom: 60px;
        position: relative;
    }

    .rel {
    }

    .start-contact {
        flex-direction: column-reverse;
        padding: 50px 0;
    }

    .start-contact .cs-abs-img {
        width: 100%;
        position: absolute;
        height: 100%;
    }

    .start-contact-inner {
        background: rgb(255 255 255 / 90%);
        padding: 50px;
        width: 100%;
        position: relative;
        z-index: 3;
    }

    .start-contact-btn a {
        width: 100%;
    }

    .start-contact-btn {
        margin-top: 30px;
    }

    .start-contact h2 {
        font-size: 52px;
    }

    .start-contact .start-heading-text {
        font-size: 24px;
        line-height: 36px;
    }

    .start-feat-wrap:after, .start-feat-wrap:before {
        opacity: 0.2;
    }

    .start-book-text {
        column-count: 1;
        font-size: 18px;
        padding: 20px 64px;
        margin-top: 30px;
    }

    .start-book-btn {
        top: 0;
        padding-top: 30px;
        position: static;
        width: 100%;
    }

    .start-book {
        padding: 50px 0;
    }

    .start-services-tab-content.flexed {
        display: block;
    }

    .start-services-tab-content-img {
        max-width: 480px;
        margin-bottom: 30px;
    }

    .start-services-btn {
        margin-top: 30px;
    }

    .start-services-tabs.flexed {
        display: block;
    }

    .start-services-tab:first-child {
        padding-left: 10px;
        margin-bottom: 10px;
        margin-left: 0;
    }

    .start-services-tab:last-child {
        padding-right: 20px;
        margin-right: 0;
        margin-top: 10px;
    }

    .start-services-tab {
        box-shadow: 0 0 10px rgba(0,0,0,0.3);
    }

    .start-s2-inner {
        column-count: 1;
    }

    .start-heading .cs-abs-img {
        display: none;
    }

    .start-heading:after {
        display: none;
    }

    .start-heading-inner {
        width: 100%;
        margin: 0;
        padding: 20px;
    }

    .start-heading h1 {
        font-size: 40px;
        line-height: 52px;
    }

    .start-heading-text {
        font-size: 24px;
        line-height: 36px;
    }

    .start-heading > .cs-container {
        padding: 0;
    }

    .start-services .cs-abs-img {
        width: 100%;
        height: auto;
    }

    .start-services-inner h2 {
        color: #fff;
        width: 100%;
    }

    .start-case-info {
        width: 100%;
        padding: 10px;
    }

    .start-case-nav button + button {
        margin-left: 10px;
    }

    .start-case-title {
        font-size: 24px;
    }

    .start-case-tags {
        font-size: 18px;
    }

    .start-feat-title h2 {
        font-size: 38px;
    }

    .start-book h2 {
        font-size: 48px;
    }

    .start-contact-inner {
        padding: 20px;
    }

    .start-heading-text {
        display: flex;
        flex-wrap: wrap;
    }

    .start-heading-text h1 {
        order: -1;
        padding-bottom: 0;
    }

    .cs-text-block-2 .cs-text-block-image img, .cs-text-block-3 .cs-text-block-image img {
        max-width: 150px;
    }

    .cs-contact-block .mobile-image {
        position: absolute;
        top: -35px;
        right: 0;
        max-width: 150px;
    }

    .home-blog-list .blog-card {
        max-width: 100%;
        margin-bottom: 50px;
    }

    .home-exp-tabs.flexed {
        display: flex;
    }

    .cs-text-block.cs-text-block-3 .cs-text-block-inner {
        align-items: flex-start;
    }

    .team-head-s-text h1 {
        font-size: 40px;
        line-height: 52px;
    }

    .team-head-s-bottom {
        font-size: 24px;
        line-height: 33px;
        padding: 20px 20px 34px 64px;
        max-width: calc(100% + 128px);
        width: calc(100% + 94px);
    }

    .team-item {
        max-width: 100%;
        margin-bottom: 32px;
    }

    .author-page-wrap {
        padding-top: 22px;
    }

    .team-head-s:after {
        left: 0px;
        right: 32px;
        height: 32px;
    }

    .cs-case-study-latest.cs-portfolio h2 {
        font-size: 38px;
    }

    .case-cats a.suptitle {
        line-height: normal;
    }

    .port-page-top-inner .suptitle {
        top: 20px;
        left: 32px;
    }

    .port-page-top {
        margin-top: 0;
    }

    .port-page-top-inner .cs-container {
        margin: 0;
        padding: 0;
    }

    .port-page-slideshow-item img {
        display: block;
    }

    .mini-services-main-text h2:before {
        width: 100px;
        height: 100px;
    }

    .mini-services-main-text h2 {
        padding-left: 120px;
        font-size: 30px;
    }

    .single-mini-services .cs-contact-block.cs-contact-block-2 h2 {
        max-width: calc(100% - 120px);
        font-size: 54px;
    }

    .single-mini-services .cs-contact-block.cs-contact-block-2 {
        background: #000 !important;
    }

    .mini-services-c .team-head-s-wrap {
        margin: 0;
    }

    .single-mini-services .team-head-s:after {
        right: 0;
    }

    .art-hero-logo {
        max-width: 175px;
    }

    .art-hero {
        padding: 40px 0 24px;
    }

    .art-hero-inner h1, .art-hero.team-hero h1 {
        padding: 45px 0 10px;
        font-size: 36px;
        line-height: 42px;
    }

    .art-hero.team-hero h1 {
        font-size: 36px;
        line-height: 42px;
    }

    .art-hero-text {
        font-size: 16px;
        line-height: 22px;
    }

    .art-hero.team-hero .art-hero-text {
        font-size: 22px;
        line-height: 26px;
    }

    .blog-like .h {
        /* font-weight: 400; */
    }

    .art-hero.team-hero .art-hero-links, .art-hero-links {
        margin-top: 32px;
        display: flex;
    }

    .team-main {
        padding: 23px 0 23px;
    }

    .team-main-wrap {
        padding-top: 23px;
    }

    .team-main-wrap h1 {
        font-size: 32px;
    }

    .blog-like .cs-container {
        padding: 0 16px;
    }

    .art-nav-logo {
        max-width: 100px;
        padding: 16px 0;
    }

    .art-nav-line-inner {
        position: relative;
        display: flex;
    }

    .art-nav-nav {
        position: absolute;
        top: 100%;
        left: -16px;
        width: calc(100% + 32px);
        border-top: 1px solid #88868B;
        background: #fff;
        z-index: 20;
    }

    .art-nav-item .art-nav-label {
        font-size: 20px;
        line-height: 24px;
        font-weight: 700;
        width: 100%;
        display: flex;
        padding: 12px 16px;
    }

    .art-nav-item {
        border-bottom: 1px solid currentColor;
    }

    .art-nav-item .trending-inline.dropper > a + div {
        display: none;
    }

    .art-nav-item .trending-inline.dropper {
        display: block;
        width: 100%;
        padding: 7px 16px 8px;
    }

    .art-nav-item .trending-inline.dropper > a {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        font-size: 20px;
        font-weight: 700;
    }

    .trending-inline .main-title-wrap .trending-text {
        padding: 0;
    }

    .art-nav-item:last-child {
        padding: 7px 16px 8px;
        font-size: 20px;
    }

    .art-inner h2 {
        font-size: 28px;
        padding: 23px 0;
    }

    .art-list {
        padding: 0;
    }

    .art-list-1-item {
        width: 100%;
        margin-bottom: 32px;
    }

    .art-item-title a {
        font-size: 18px;
        line-height: 22px;
    }

    .art-item-img a {
        /*border: none;*/
        border-width: 12px;
    }

    .art-item-title {
        margin-top: 16px;
    }

    .art-item-meta {
        display: flex;
        margin-top: 16px;
    }

    .art-item-cats {
        display: flex;
        width: 100%;
        align-items: center;
    }

    .art-item-date:not(:first-child) {
        margin-right: 0;
        margin-left: 0;
        text-align: left;
        flex: 1;
    }

    .art-item-meta .art-item-cats a {
        padding: 6px 19px;
    }

    .art-inner.art-inner-2 {
        padding: 16px 0;
    }

    .art-list.art-list-2 {
        padding: 0;
    }

    .art-list-2-item .art-item-img {
        width: 100%;
    }

    .art-list-2-item .art-item-info {
        width: 100%;
    }

    .art-item-text {
        font-size: 18px;
        line-height: 1.3;
        margin-top: 10px;
    }

    .art-list-nav {
        width: 100%;
        display: flex;
    }

    .art-list-nav button {
        flex: 1;
        height: 8px;
    }

    .art-list-arrows button {
        top: calc(50% - 24px);
        width: 48px;
        height: 48px;
        font-size: 24px;
        text-indent: 0;
        z-index: 3;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        margin-left: 2px;
        padding: 5px;
    }

    .art-list-arrows button.next {
        text-indent: 0;
        justify-content: flex-start;
        margin-left: 0;
        margin-right: 2px;
    }

    .art-inner.art-inner-3 {
        padding: 16px 0 8px;
    }

    .art-heading {
        display: flex;
        align-items: center;
        gap: 0;
    }

    .art-heading-text {
        order: 3;
        width: 100%;
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 20px;
        flex: none;
    }

    .art-3.art-5 .art-heading h2, .art-heading h2 {
        max-width: max-content;
    }

    .nms2 .art-inner.art-inner-3.art-inner-6 .art-heading h2 {
        font-size: 32px;
    }

    .art-list.art-list-3 > div {
        margin-bottom: 25px;
    }

    .art-inner.art-inner-3:not(:last-child):after {
        width: calc(100% + 32px);
        transform: translateX(-16px);
    }

    .art-7-inner .art-heading h2 {
        width: 100%;
        max-width: 100%;
        font-size: 28px;
        line-height: 56px;
        padding: 12px 0;
    }

    .art.art-3.art-6 {
        margin-bottom: 16px;
    }

    .art-tabs.flexed {
        display: flex;
        flex-wrap: nowrap;
        overflow: auto;
        padding-bottom: 8px;
    }

    .art.art-7 > .cs-container {
        padding-right: 0;
    }

    .art-full-lists {
        padding: 16px 0 48px;
    }

    .art-full-list-inner {
        display: flex;
        gap: 24px 32px;
    }

    .art-full-item {
        width: calc(50% - 24px);
    }

    .art-full-item .art-item-title {
        margin-top: 10px;
        min-height: 45px;
    }

    .art-item-title h4 {
        font-size: 16px;
        line-height: 22px;
    }

    button.load-art {
        margin-top: 24px;
    }

    .blog-like {
        overflow: hidden;
    }

    .page-template-about_articles-tpl .blog-like {
        overflow: clip;
    }

    .art-list-item.art-list-6-item {
        display: flex;
        width: 100%;
        align-items: center;
        gap: 30px;
        margin-bottom: 20px;
    }

    .art-list.art-inner-3.art-inner-6 {
        padding: 20px 0;
    }

    .art-sub-block {
        background-position: 100% 50%;
    }

    .art-sub-inner .gform_footer {
        position: relative;
        margin-top: 30px !important;
    }

    .art-sub-inner .gform_wrapper .gform_footer input[type='submit'] {
        width: 100%;
        margin: 0 !important;
    }

    .art-sub-inner {
        padding: 50px 0;
    }

    .art-sub-inner .gfield--type-email {
        margin-top: 25px !important;
        display: block;
        padding: 0 !important;
    }

    .art-sub-inner .gfield_checkbox {
        gap: 25px 15px;
        flex-wrap: wrap;
    }

    .art-sub-inner .gfield_checkbox > li {
        width: calc(50% - 16px);
        font-size: 18px;
    }

    .art-sub-inner h3 {
        font-size: 18px;
        line-height: 22px;
        padding: 25px 0;
    }

    .art-sub-inner h2 {
        font-size: 28px;
    }

    div#signpopclose {
        font-size: 25px;
    }

    div#singpopmain .art-sub-block {
        padding: 0;
    }

    .art-inner.art-inner-3.art-inner-5 {
        padding: 32px 0 22px;
    }

    .art-list.art-list-3 {
        display: flex;
    }

    .art-list.art-list-3.art-list-5 > div {
        flex: none;
        max-width: calc(50% - 10px);
        margin: 0;
    }

    .art-list.art-list-4 .art-item-date {
        flex: none;
    }

    .art-list.art-list-4 .art-item-cats {
        flex: 1;
    }

    .art-list-4-items-right .art-list-item:not(:last-child) {
        margin: 16px 0;
        padding-bottom: 16px;
    }

    .art-list-4-items-left {
        padding-bottom: 16px;
        margin-bottom: 16px;
        border-bottom: 1px solid #88868B;
    }

    .art-list.art-list-3 > div {
        flex: none;
        max-width: 100%;
    }

    .art-nav-drop {
        position: static;
        padding: 0;
        height: 0;
    }

    .art-nav-item {
        display: block;
    }

    .art-nav-item:hover .art-nav-drop {
        height: 0;
        visibility: hidden;
        opacity: 0;
    }

    .art-nav-item:hover .art-nav-label:after {
        opacity: 0;
        visibility: hidden;
    }

    .art-nav-item.active .art-nav-label i {
        transform: rotate(180deg);
        color: #FF0DFF;
    }

    .art-nav-drop-inner {
        width: 100%;
        column-count: 2;
        padding: 20px 40px 8px;
        font-size: 20px;
    }

    .art-nav-item .art-nav-label:after {
        top: 100%;
        left: 0;
        height: 8px;
    }

    .art-nav-item.active .art-nav-drop {
        height: auto;
        visibility: visible;
        opacity: 1;
    }

    .art-nav-item.active .art-nav-label:after {
        opacity: 1;
        visibility: visible;
    }

    .art-nav-item.active .trending-inline.dropper > a + div {
        display: block;
        margin-left: -16px;
        max-width: calc(100% + 32px);
        width: calc(100% + 32px);
        margin-top: 7px;
    }

    .art-nav-item .trending-inline.dropper > a + div > div {
        padding: 20px;
    }

    .art-nav-item .trending-inline.dropper > a + div > div > div {
        padding: 0;
    }

    .art-nav-nav-opener {
        display: block;
        align-self: center;
    }

    .art-nav-nav-opener button {
        font-size: 20px;
        margin-right: -6px;
    }

    .art-nav-line .art-nav-nav {
        display: none;
    }

    .art-nav-nav-opener button.acitve {
        transform: rotate(180deg);
        color: #ff0dff;
    }

    .art-inner.art-inner-1 {
        padding: 0 0 24px;
    }

    .art-top-related-inner {
        display: flex;
        gap: 15px;
        flex-wrap: nowrap;
        overflow: auto;
        padding: 5px 0;
    }

    .art-top-related-inner > div {
        flex-shrink: 0;
        width: 45%;
        flex: none;
    }

    .post-v2 .art-top-related .cs-container {
        padding-right: 0;
    }

    .single-post .art-main-title h1 {
        font-size: 28px !important;
        line-height: 36px;
    }

    .art-item-time-read {
        width: calc(100% - 155px);
        margin-left: auto;
    }

    .art-item-time-read span {
        display: block;
        line-height: 20px;
    }

    .art-share {
        transform: translate(0, -100%);
        display: flex;
        flex-wrap: wrap;
        width: 50%;
        gap: 4px;
        align-items: center;
        top: -22px;
    }

    .art-share a {
        width: 32px;
        height: 32px;
        margin: 0;
        font-size: 20px;
    }

    .art-main-text-text > p:first-child {
        font-size: 18px;
        line-height: 26px;
    }

    .art-main-text-text p {
        margin-bottom: 25px;
    }

    .art-main-text-text {
        margin-top: 28px;
        font-size: 16px;
        line-height: 24px;
    }

    .art-main-text-text h2, .art-main-text-text h3 {
        margin-bottom: 20px;
    }

    .art-main-slogan {
        font-size: 20px;
        font-weight: 600;
    }

    .art-main-related-tags {
        margin-top: 32px;
        padding: 25px 16px;
        width: calc(100% + 32px);
        margin-left: -16px;
    }

    .art-main-related-tags h2 {
        padding-bottom: 25px;
        font-size: 19px;
    }

    .art-main-related-tags li {
        font-size: 16px;
        font-weight: 600;
    }

    .art-main-author {
        margin-top: 32px;
    }

    .art-main-author-top {
        display: flex;
        align-items: stretch;
    }

    .site-inner.post-v2 .back-to-top {
        display: block;
    }

    .site-inner.post-v2 .back-to-top button {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
        padding: 20px;
    }

    .art-main-author-name {
        font-size: 18px;
        line-height: 24px;
    }

    .art-main-author-role {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .author-page-social {
        display: flex;
        margin-bottom: 0;
    }

    .author-page-link {
        padding-top: 0;
    }

    .art-main-author-img img {
        display: block;
    }

    .art-art-main.art-art-about .art-main-aithor-bottom {
        margin-top: 16px;
        font-size: 16px;
        line-height: 24px;
    }

    .post-v2 .sidebar-wrap {
        display: none;
    }

    .art-main-related3 h2 {
        font-size: 28px;
        line-height: 52px;
    }

    .art-related3-head {
        display: flex;
        margin-bottom: 12px;
    }

    .art-related3-list {
        display: flex;
    }

    .art-related3-list .art-item-meta {
        display: none;
    }

    .art-related3-list > div:first-child {
        flex: auto;
    }

    .site-inner.post-v2 {
        overflow: hidden;
        display: n;
    }

    .art-main-related3 {
        padding: 20px 0;
    }

    .art-main-author-img {
        max-width: 240px;
        width: 50%;
        aspect-ratio: 37 / 24;
    }

    .catpl-top {
        padding: 14px 0;
    }

    .cat-sorting {
        border-top: 1px solid #D9D9D9;
        border-bottom: 1px solid #D9D9D9;
        width: calc(100% + 32px);
        margin-left: -16px;
        padding-left: 16px;
        padding-right: 16px;
    }

    .catpl-top-left {
        display: flex;
        align-items: center;
        gap: 20px;
    }

    .catpl-top-left h1 {
        font-size: 28px;
        line-height: 30px;
    }

    .art-catpl-item:nth-child(1), .art-catpl-item:nth-child(2), .art-catpl-item:nth-child(3), .art-catpl-item:nth-child(4) {
        grid-column: span 6;
    }

    .art-catpl-item {
        grid-column: span 3;
    }

    .catpl-main .art-item-meta > div > a, .catpl-main .art-item-meta > div > span {
        display: none;
    }

    .catpl-main .art-item-meta > div > .art-item-date {
        text-align: left;
        margin: 0;
    }

    .art-catpl-item:nth-child(1) .art-item-meta > div > a, .art-catpl-item:nth-child(1) .art-item-meta > div > span, .art-catpl-item:nth-child(2) .art-item-meta > div > a, .art-catpl-item:nth-child(2) .art-item-meta > div > span, .art-catpl-item:nth-child(3) .art-item-meta > div > a, .art-catpl-item:nth-child(3) .art-item-meta > div > span, .art-catpl-item:nth-child(4) .art-item-meta > div > a, .art-catpl-item:nth-child(4) .art-item-meta > div > span {
        display: block;
    }

    .art-catpl-item:nth-child(1) .art-item-meta > div > .art-item-date, .art-catpl-item:nth-child(2) .art-item-meta > div > .art-item-date, .art-catpl-item:nth-child(3) .art-item-meta > div > .art-item-date, .art-catpl-item:nth-child(4) .art-item-meta > div > .art-item-date {
        text-align: right;
    }

    .site-inner.post-v2 .back-to-top button, .back-to-top button {
        padding: 10px;
        font-size: 32px;
        line-height: 28px;
    }

    .catpl-main {
        padding-bottom: 90px;
    }

    .art-sub-inner .gform_wrapper .gform_footer input[type='submit'] {
        height: 50px;
        line-height: normal !important;
    }

    .post-v2 .art-top-related {
        display: none;
    }

    .art-main-col .art-item-meta .art-item-cats a {
        padding: 3px 19px;
    }

    .art-main-tags a {
        padding: 3px 22px;
    }

    div#singpopmain {
        top: 0;
        height: 100%;
        transform: none;
        left: 0;
        bottom: 0;
    }

    div#singpopmain .art-sub-block {
        height: 100%;
        display: flex;
        align-items: center;
    }

    div#signpopclose {
        right: 20px;
    }

    .art-sub-inner .gfield_checkbox input {
        width: 21px;
        height: 21px;
        border-radius: 0;
        appearance: none;
        margin: 0 !important;
    }

    .art-sub-inner .gfield_checkbox > li label {
        padding-left: 15px !important;
    }

    .art-sub-inner .gfield_checkbox > li label {
        font-size: 18px !important;
    }

    .btn-blog a {
        padding: 10px 17px;
    }

    .art.art-4 {
        background-position: 0 0% !important;
    }

    .art-list.art-list-3.art-list-5 .art-item-title h4 a {
        font-size: 18px;
        font-weight: 500;
    }

    .art-list.art-list-3.art-list-5 .art-item-title {
        margin-top: 10px;
    }

    .art-list.art-list-3.art-list-5 {
        gap: 30px 15px;
    }

    .art-list.art-list-3 .art-item-title {
        margin-top: 10px;
    }

    .art-item-title {
        margin-top: 10px;
    }

    .art-nav-item .trending-inline.dropper h3.title {
        font-size: 24px;
        margin-bottom: 40px;
    }

    .home-exp-tab-link {
        display: none;
    }

    .home-exp-tab-link.home-exp-tab-link-mob {
        display: block;
    }

    .catpl-top-left {
        padding-left: 60px;
        background: url('assets/img/blog-logo-small.jpg') 0 50% no-repeat;
        background-size: 50px;
        padding-bottom: 24px;
        padding-top: 24px;
    }

    .catpl-top {
        border-top: 1px solid currentColor;
        padding-top: 0;
    }

    .cat-sorting {
        font-size: 20px;
    }

    .art-related3-list > div:last-child {
        display: block;
    }

    .art-related3-list > div {
        flex: auto;
        width: calc(50% - 20px);
    }

    .art-main-author-name-role {
        display: none;
    }

    .art-main-author-name-role-top {
        display: block;
    }

    .art-main-author-top img {
        height: 100%;
        object-fit: cover;
    }

    .art-main-author-info {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 16px;
    }

    .art-inner-1 .art-item-title a {
        font-size: 24px;
    }

    .art-full-item .art-item-title a {
        font-size: 18px;
    }

    .art-table-contents {
        max-width: calc(100% - 20px);
        left: -32px;
        width: 320px;
        transform: translateX(-100%);
        transition: 0.4s;
    }

    .art-table-contents.active {
        transform: translateX(0%);
    }

    .art-table-contents-inner {
        background: #fff;
        padding: 20px;
    }

    .art-table-contents-toggle {
        display: block;
        position: absolute;
        left: 100%;
        width: 250px;
        transform: rotate(-90deg) translateY(0%) translateX(50%);
        transform-origin: left top;
    }

    .art-table-contents-toggle button {
        background: #fff;
        font-size: 14px;
        padding: 3px 15px;
        box-shadow: 2px 4px 7px rgba(0,0,0,0.2);
    }

    .art-table-contents-toggle button i {
        padding-left: 10px;
    }

    .art-table-contents-inner {
        box-shadow: 0 0 2px rgba(0,0,0,0.3);
    }

    .art-main-info {
        max-width: 100%;
    }

    .art-about-header h1 {
        font-size: 40px;
    }

    .art-about-header h2 {
        font-size: 24px;
        margin-top: 20px;
    }

    .art-about-header {
        padding: 40px 0;
    }

    .art-art-main.art-art-about .art-main-col h1, .art-art-main.art-art-about .art-main-col h2 {
        font-size: 32px;
        line-height: 38px;
    }

    .art-authors-list .author-page-link a {
        padding: 5px 10px;
        font-size: 14px;
    }

    .art-authors-list .art-main-author-role {
        margin-bottom: 5px;
    }

    .art-authors-list .art-main-author {
        padding-bottom: 32px;
        margin-bottom: 32px;
    }

    .art-main-text-social.flexed {
        display: flex;
        gap: 10px;
    }

    .art-art-main.art-art-about .sidebar-wrap {
        display: none;
    }

    .cc3-wrap-top .cs-container {
        padding: 0 20px;
    }

    .cc3-main {
        padding: 20px;
        top: -20px;
        margin-bottom: -20px;
    }

    .cc3-content > .cs-container {
        margin: 0;
        padding: 0;
    }

    .cc3-main legend.gfield_label, .cc3-main label.gfield_label {
        font-size: 18px !important;
    }

    .cc3-main label.gfield_label + .gfield_description {
        font-size: 18px;
    }

    .cc3-main span.gfield_required {
        font-size: 18px !important;
    }

    #global-footer .gform_wrapper.gravity-theme .gfield > label span {
        padding-left: 3px;
    }

    .cc3-main .ginput_container_select a {
        font-size: 14px !important;
    }

    .cc3-img {
        max-width: calc(100% - 18px);
        margin-right: -30px;
        display: none;
    }

    .cc3-contacts {
        position: static;
    }

    .cc3-wrap-top {
        margin-top: 0;
        padding-top: 32px;
        padding-bottom: 50px;
    }

    .cc3-wrap-top h1 {
        font-size: 44px;
    }

    .cc3-top-text {
        margin: 20px 0;
        line-height: 36px;
        font-size: 28px;
    }

    .cc3-main .ginput_container_select a {
        height: 48px !important;
    }

    .ch3 .home-head-s-text h1 {
        line-height: 50px;
        font-size: 40px;
    }

    .ch3 .home-head-s-text h1 br {
        display: none;
    }

    .home-work-small-inner {
        display: flex;
    }

    .ch3 .cs-case {
        width: calc(50% - 15px);
    }

    .home-work-small {
        padding-top: 20px;
    }

    .home-contact-options-label {
        line-height: 21px;
    }

    .home-blog-top-inner {
        display: flex;
    }

    .home-blog-img {
        max-width: 150px;
    }

    .ch3 .home-blog-info h2 {
        margin-bottom: 32px;
    }

    .home-blog-top {
        padding: 48px 0;
        margin-bottom: -300px;
    }

    .ch3 .home-blog-info p {
        line-height: 30px;
    }

    .home-blog-latest-top h2 {
        font-size: 40px;
        line-height: 42px;
        margin-bottom: 25px;
    }

    .home-blog-latest-top h3 {
        font-size: 24px;
        letter-spacing: 0.2px;
        line-height: 30px;
    }

    .home-blogs-cats {
        display: flex;
        margin-bottom: 20px;
    }

    .cjp3-block .cs-container {
        padding: 0;
    }

    .page-template-about_articles-tpl .art-sub-inner .gfield_checkbox input {
        width: 23.3px;
    }

    .page-template-about_articles-tpl .catpl-top {
        border: none;
        padding-top: 40px;
    }

    .art-list-4-items-right h4 {
        max-width: 100%;
    }

    .art-catpl-item {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .ch3 .home-exp-tab-content {
        padding: 30px 20px;
    }

    .ch3 .home-exp-tab-link {
        margin-top: 20px;
    }

    .ch3 .home-exp-tab-text p {
        line-height: 30px;
    }

    .ch3 .home-work-top-text p, .ch3 .home-exp-text p {
        line-height: 30px;
    }

    .ch3 .cs-container {
        padding: 0 20px;
    }

    .ch3 .cs-container.cs-container-lg {
        padding: 0;
    }

    .ch3 .home-exp-info .cs-container {
        padding: 0;
    }

    .ch3 .home-exp-tab-link a {
        width: auto;
    }

    .ch3 .home-work-item-text {
        line-height: 28px;
    }

    .ch3 .home-work-item-tags-list {
        font-size: 18px;
        line-height: 30px;
    }

    .ch3.cp3 .home-work-item-tags-list {
        font-size: 20px;
    }

    .ch3 .home-work-work {
        padding: 0 20px;
    }

    .ch3 .home-work-item-info-bottom {
        display: flex;
        align-items: center;
        flex-direction: row-reverse;
        justify-content: flex-end;
        gap: 14px;
    }

    .home-work-item-link {
        margin-top: 0 !important;
    }

    .ch3 .case-bottom {
        display: flex;
    }

    .ch3 .case-cats {
        margin-top: 0;
    }

    .ch3 .home-start-inner {
        margin-bottom: -50px;
    }

    .home-contact-options-options {
        z-index: 2;
    }

    .ch3 .home-contact-form.cc3-main {
        margin-left: -20px;
        margin-right: -20px;
    }

    .ch3 .cs-contact-block.cs-contact-block-2 {
        padding-bottom: 20px;
    }

    .ch3 .cc3-main input[type='submit'] {
        max-width: 100%;
    }

    .ch3 .cs-contact-block.cs-contact-block-2 .cs-contact-text-text {
        font-size: 28px;
        line-height: 34px;
    }

    .ch3 .home-blogs-link {
        margin-top: 45px;
    }

    .ch3 .home-blogs-cats {
        flex-wrap: nowrap;
        overflow: auto;
        padding-bottom: 10px;
    }

    .ch3 .case-title {
        padding: 30px 0 32px;
        line-height: 28px;
    }

    .ch3 .case-short-info {
        font-size: 22px;
        line-height: 28px;
        margin-bottom: 15px;
        font-weight: 200;
    }

    .ch3 .case-bottom {
        margin-top: 0;
    }

    .ch3 .home-start-text {
        font-size: 24px;
        line-height: 30px;
        margin: 20px 0 42px;
    }

    .cp3 .cs-header-inner h1, .cp3 .cs-header-inner h1 strong {
        font-size: 52px;
        line-height: 48px;
    }

    .cp3-text {
        position: relative;
        padding: 40px 0;
    }

    .cp3-text .mobile-image {
        position: absolute;
        left: -20px;
        top: 0;
        width: calc(100% + 40px);
        height: 100%;
        overflow: hidden;
        margin: 0;
    }

    .cp3-text h1 {
        position: relative;
        z-index: 2;
    }

    .cp3-text .mobile-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .cp3 .cs-header-inner {
        padding: 0;
    }

    .cp3 .cs-header-bottom {
        margin: 0;
        padding: 16px 0 32px;
        transform: none;
        font-size: 26px;
        line-height: 32px;
    }

    .cp3 .cs-header-bottom-links {
        display: flex;
        align-items: flex-end;
        gap: 15px;
        flex-wrap: wrap;
    }

    .cp3 .cs-header-bottom-links a.btn {
        margin: 0;
        min-width: 150px;
    }

    .cp3 .cs-header-inner:after {
        display: none;
    }

    .cp3 .home-work-top-link {
        display: none;
    }

    .cp3.ch3 .home-work {
        padding: 24px 0 50px;
    }

    .cp3.ch3 .home-work-item-img {
        margin-left: -20px;
        margin-right: -20px;
    }

    .ch3.cp3 .home-work-item-info-bottom {
        flex-direction: row;
        justify-content: space-between;
    }

    .ch3.cp3 .home-work-item {
        margin: 0;
    }

    .cp3.ch3 .home-work-item-info {
        padding-top: 22px;
    }

    .cp3.ch3 .home-work-item-info .home-work-item-title {
        margin-bottom: 8px;
    }

    .cp3.ch3 .home-work-top-link-mobile {
        margin-bottom: 40px;
    }

    .cp3 .home-work-small h2 {
        font-size: 36px;
        line-height: 42px;
        padding-bottom: 45px;
    }

    .cp3 .home-work-small {
        padding: 20px 0 60px;
    }

    .cp3 .home-work-top-link-mobile {
        display: block;
        margin-top: 30px;
    }

    .cjp3-gallery {
        display: flex;
        flex-wrap: wrap;
        gap: 0;
    }

    .cjp3-inner {
        padding-top: 0;
    }

    .cjp3-gallery-item:nth-child(1) {
        padding: 0;
        width: 100%;
        margin: 0;
    }

    .cjp3-top-left {
        width: 100%;
    }

    .cjp3-top-info h1 {
        font-size: 52px;
        line-height: 48px;
    }

    .cjp3-top-info {
        padding-top: 12px;
    }

    .cjp3-top-left h2 {
        font-size: 36px !important;
        line-height: 42px !important;
        margin-top: 5px;
    }

    .cjp3-top-right {
        width: 100%;
        text-align: left;
        margin-top: 15px;
    }

    .cjp3-top-right-list {
        font-size: 20px;
    }

    .cjp3-block.cjp3-text > .cs-container > h3 {
        font-size: 26px;
        line-height: 32px;
    }

    .cjp3-text-inner {
        font-size: 20px;
        line-height: 26px;
    }

    .cjp3-text-inner p, .cjp3-text-inner ul {
        padding-bottom: 16px;
    }

    .cjp3-gallery-item:nth-child(2):last-child {
        margin: 16px auto;
    }

    .cjp3-outcomes {
        padding: 24px 0 40px;
    }

    .cjp3-outcomes-inner h2 {
        font-size: 26px;
        line-height: 32px;
    }

    .cjp3-outcomes-list {
        margin-top: 24px;
    }

    .cjp3-outcome {
        padding: 24px 38px 38px 24px;
        margin-bottom: 16px;
    }

    .cjp3-outcome-num {
        font-size: 52px;
        line-height: 48px;
        margin: 16px 0;
        padding: 0;
    }

    .cjp3-outcome-title {
        font-size: 26px;
        line-height: 32px;
        padding-bottom: 17px;
    }

    .cjp3-outcome-text {
        font-size: 20px;
        line-height: 26px;
    }

    .icon-testim {
        padding: 24px 0 40px;
    }

    .icon-testim-inner h2 {
        padding-bottom: 10px;
    }

    .cjp3-testim-info {
        padding: 24px;
    }

    .cjp3-testim-text {
        padding-top: 32px;
        font-size: 24px;
        line-height: 28px;
        padding-bottom: 16px;
    }

    .cjp3-testim-text:before, .cjp3-testim-text:after {
        transform: translateX(0px);
        font-size: 52px;
    }

    .cjp3-testim-text:after {
        transform: translateX(0%) rotate(180deg);
        transform-origin: 50% 32%;
    }

    .cjp3-testim-name {
        font-size: 24px;
        line-height: 28px;
        padding-bottom: 5px;
    }

    .cjp3-testim-role {
        font-size: 20px;
        line-height: 26px;
    }

    div#popmake-56102 .pum-content .art-sub, div#popmake-57668 .pum-content .art-sub {
        padding: 0;
    }

    #popmake-56102 button.pum-close.popmake-close, #popmake-57668 button.pum-close.popmake-close {
        right: 20px;
        top: 20px;
    }

    .prp-heading-gallery {
        padding: 20px 0;
    }

    .prp-heading-info {
        max-width: 100%;
        padding: 15px 0 70px 0;
    }

    .prp-feats {
        padding: 30px 0 60px;
    }

    .prp-feat-list.flexed {
        display: flex;
    }

    .prp-feat-img {
        padding: 20px 23px;
    }

    .prp-feat-img img {
        max-width: 30px;
    }

    .prp-feat h3 {
        padding: 20px;
    }

    .prp-feat p {
        padding: 0 20px 20px;
    }

    .prp-feat-list .prp-feat {
        margin-top: 75px;
    }

    .prp-feat-section + .prp-feat-section {
        padding-top: 50px;
    }

    .prall {
        padding: 30px 0px 60px;
    }

    .prall-filters {
        margin-top: 20px;
        display: flex;
    }

    .prall-list.flexed {
        display: flex;
        gap: 30px 15px;
    }

    .prall-item {
        width: calc(50% - 10px);
    }

    .prall-item-text {
        padding: 10px 0 15px;
        font-size: 18px;
        line-height: 24px;
    }

    .prall-heading.flexed {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .prall-select-active {
        line-height: 18px;
    }

    .prall-list.prall-list-wide .prall-item {
        width: calc(33% - 12px);
    }

    .prc-heading-inner:after {
        left: 50%;
    }

    .cjp3-block .cs-container {
        padding: 0;
    }

    .cjp3-block.cjp3-gallery.cjp3-gallery-even .cjp3-gallery-item:nth-child(1), .cjp3-block .cjp3-gallery-item:nth-child(1), .cjp3-top-gallery .cjp3-gallery-item:nth-child(1) {
        display: block;
        margin-left: -20px;
        width: calc(100% + 40px);
        margin-right: -20px;
        margin-top: 0;
        margin-bottom: 0;
    }

    .cjp3-block .cjp3-gallery-item {
        display: none;
    }

    .cjp3-top-gallery .cjp3-gallery-item {
        width: calc(50% - 16px);
        margin: 16px 16px 16px 0;
        display: block;
    }

    .cjp3-gallery-item + .cjp3-gallery-item + .cjp3-gallery-item {
        margin: 16px 0px 16px 16px;
    }

    .cjp3-mobile-slideshow {
        display: block;
        margin-left: -20px;
        margin-right: -20px;
    }

    .cjp3-mobile-slideshow + .cjp3-gallery {
        display: none;
    }

    .cjp3-mobile-slideshow .slick-dots {
        margin: 0 20px;
    }

    .cjp3-block.cjp3-text.readmore p + p {
        display: none;
    }

    .cjp3-block.cjp3-text.readmore .mobile-read-more {
        display: block;
    }

    .mobile-read-more button {
        letter-spacing: 0;
        text-transform: none;
        font-family: 'GraphikCondensed';
        font-size: 20px;
        line-height: 26px;
        padding: 0;
        font-weight: 300;
    }

    .mobile-read-more button span {
        text-decoration: underline;
    }

    .cjp3-text-inner h3 {
        margin-bottom: 10px;
    }

    .cp3.ch3 .case-cats {
        line-height: 24px;
    }

    .ch3 .cs-case {
        margin-bottom: 40px;
    }

    .ch3.cp3 .case-title {
        padding: 20px 0 10px;
        font-size: 24px;
    }

    .cjp3-block.cjp3-text.readmore.readmore-active p + p {
        display: block;
    }

    /*    .cjp3-block.cjp3-text.readmore.readmore-active .mobile-read-more {
        display: none;
    }*/
    .cp3 .home-work-small .case-short-info {
        font-size: 20px;
        line-height: 26px;
    }

    .art-nav-item.active .trending-inline.dropper > a + div {
        height: calc(100vh - 225px);
        overflow: auto;
    }

    .nms2 .art-hero {
        background-image: none !important;
    }

    .nms2 .art-hero-inner h1 br {
        display: inline;
    }

    .prall-filters {
        flex-wrap: nowrap;
        overflow: auto;
        padding-bottom: 10px;
        margin-right: -20px;
    }

    .prall-filters button {
        flex-shrink: 0;
    }

    .prall-item.active.active-filter {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .privp-heading-title h1 {
        font-size: 46px !important;
        line-height: 50px !important;
    }

    .privp-heading-title h1 br {
        display: none;
    }

    .privp-effective-date {
        font-size: 24px;
        margin-top: 10px !important;
    }

    .privp-wrap .cs-container {
        padding: 0 20px;
    }

    .privp-heading {
        padding: 40px 0 !important;
    }

    .privp-main {
        padding: 40px 0 !important;
    }

    .privp-main-inner h2 {
        font-size: 32px !important;
        padding-bottom: 20px !important;
        line-height: 40px !important;
    }

    .privp-main-inner {
        font-size: 18px !important;
        line-height: 26px !important;
    }

    .privp-main-inner p {
        margin-bottom: 20px;
    }

    .privp-other-list.flexed {
        display: flex;
    }

    .privp-wrap .privp-other-item a span {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .privp-wrap .privp-other-item a span {
        height: 48px;
    }

    footer.brand-fabrik-footer {
        padding: 75px 0;
        background-size: cover;
        background-position: 0% 50%;
    }

    .brand-fabrik-footer-logo {
        margin-bottom: 25px;
    }

    .brand-fabrik-footer-main {
        padding: 30px 0;
        display: flex;
    }

    .brand-fabrik-footer-main-item {
        width: calc(50% - 30px);
        flex: auto;
    }

    .brand-fabrik-footer-social.flexed {
        display: flex;
        margin-bottom: 30px;
    }

    .cjp3-gallery-item:nth-child(1) img {
        /*height: 300px;*/
        object-fit: cover;
        width: 100%;
    }

    .cjp3-main-block.cjp3-main-block-type-images {
        padding-bottom: 32px;
    }

    .cjp3-mobileimg {
        display: block;
        padding: 32px 0;
    }

    .mobile-read-more + h3 {
        padding-top: 32px;
    }

    .global-footer-form-open {
        display: inline-block;
        font-size: 52px;
        line-height: 48px;
    }

    footer#global-footer {
        padding: 40px 0;
    }

    .global-footer-top-text {
        margin-top: 26px;
        font-size: 20px;
        line-height: 26px;
        font-weight: 500;
    }

    .global-footer-col h3 {
        font-size: 20px;
    }

    .global-footer-main {
        padding: 32px 0 72px;
    }

    .global-footer-col:not(:last-child) {
        margin-bottom: 24px;
    }

    .global-footer-logo {
        max-width: 150px;
    }

    .global-footer-bottom {
        display: flex;
    }

    .footer-message {
        font-size: 17px;
        margin-top: 15px;
    }

    .footer-time-label {
        font-size: 26px;
        line-height: 24px;
    }

    .footer-time-time {
        font-size: 26px;
        margin-top: -10px;
    }

    .global-footer-bottom-right {
        display: flex;
    }

    .footer-back-top button {
        font-size: 60px;
        margin: 0;
        padding: 0;
    }

    .footer-back-top {
        top: 0;
        width: 50px;
    }

    .admin-bar .global-footer-form-form.active {
        top: 58px;
    }

    .global-footer-form-form.active {
        top: 26px;
        height: calc(100vh - 58px);
    }

    footer#global-footer .cs-container .cs-container {
        padding: 0;
    }

    .global-footer-form-form-inner > button {
        font-size: 40px;
        top: -9px;
    }

    .global-footer-form-top-text h2 {
        font-size: 36px;
        line-height: 42px;
    }

    .global-footer-form-top-text p {
        font-size: 26px;
        line-height: 32px;
    }

    #global-footer .gform_wrapper.gravity-theme .gfield > label {
        width: 100%;
        padding: 8px 0 !important;
    }

    #global-footer .gform_wrapper.gravity-theme .gfield {
        display: block;
    }

    #global-footer .gform_wrapper.gravity-theme .gfield.gfield--type-email > div > span label {
        font-size: 18px;
        width: 100%;
        padding: 8px 0;
    }

    #global-footer .gform_wrapper.gravity-theme .gfield.gfield--type-email > div > span {
        flex-direction: column-reverse;
    }

    #global-footer .gform_wrapper.gravity-theme .gfield.gfield--type-select > label {
        display: none;
    }

    #global-footer .cc3-main .ginput_container_select a {
    }

    #global-footer .gform_wrapper.gravity-theme .gfield > div.valid:after, #global-footer .gform_wrapper.gravity-theme .gfield.gfield--type-email > div > span.valid:after {
        padding: 2px 0;
        font-size: 26px;
        bottom: 0;
    }

    #global-footer .gform_wrapper.gravity-theme .gfield > div.invalid:after, #global-footer .gform_wrapper.gravity-theme .gfield.gfield--type-email > div > span.invalid:after {
        font-size: 23px;
        top: inherit;
        bottom: 0;
        padding: 4.5px 0 4px;
    }

    #global-footer .cc3-main .ginput_container_select .chosen-with-drop a:after {
        font-size: 22px;
    }

    #global-footer .cc3-main .ginput_container_select a:after {
        font-size: 22px;
        padding: 13px 0;
        line-height: 100%;
        bottom: 0;
        top: 0px;
    }

    #global-footer .gform_wrapper.gravity-theme .gfield.gfield--type-email > div > span input {
        padding: 10px;
    }

    #global-footer .global-footer-form-main input {
        max-width: 100%;
    }

    #global-footer .gform_wrapper.gravity-theme .gfield.gfield--type-select {
        margin-top: 10px;
    }

    .global-footer-form-form.active {
        top: 58px;
        height: calc(100vh - 58px);
    }

    footer#global-footer .cs-container .cs-container {
        padding: 0 20px;
    }

    .global-footer-form-form-inner > button {
        font-size: 40px;
        top: -9px;
        right: -16px;
    }

    .global-footer-form-top-text h2 {
        font-size: 36px;
        line-height: 42px;
    }

    .global-footer-form-top-text p {
        font-size: 24px;
        line-height: 32px;
    }

    #global-footer .gform_wrapper.gravity-theme .gfield > label {
        width: 100%;
        padding: 8px 0 !important;
    }

    #global-footer .gform_wrapper.gravity-theme .gfield {
        display: block;
    }

    #global-footer .gform_wrapper.gravity-theme .gfield.gfield--type-email > div > span label {
        font-size: 18px;
        width: 100%;
        padding: 8px 0;
    }

    #global-footer .gform_wrapper.gravity-theme .gfield.gfield--type-email > div > span {
        flex-direction: column-reverse;
    }

    #global-footer .gform_wrapper.gravity-theme .gfield.gfield--type-select > label {
        display: none;
    }

    #global-footer .cc3-main .ginput_container_select a {
    }

    #global-footer .gform_wrapper.gravity-theme .gfield > div.valid:after, #global-footer .gform_wrapper.gravity-theme .gfield.gfield--type-email > div > span.valid:after {
        padding: 4px 0;
        font-size: 26px;
        bottom: 0;
        top: inherit;
    }

    #global-footer .gform_wrapper.gravity-theme .gfield > div.invalid:after, #global-footer .gform_wrapper.gravity-theme .gfield.gfield--type-email > div > span.invalid:after {
        font-size: 23px;
        top: inherit;
        bottom: 0;
        padding: 4px 0;
        line-height: 40px;
    }

    #global-footer .cc3-main .ginput_container_select .chosen-with-drop a:after {
        font-size: 22px;
    }

    #global-footer .cc3-main .ginput_container_select a:after {
        font-size: 22px;
        padding: 13px 0;
        line-height: 100%;
        bottom: 0;
        top: 0px;
    }

    #global-footer .gform_wrapper.gravity-theme .gfield.gfield--type-email > div > span input {
        padding: 8px;
        min-height: 48px;
    }

    #global-footer .global-footer-form-main input {
        max-width: 100%;
        font-weight: 600 !important;
        font-size: 16px !important;
    }

    #global-footer .global-footer-form-main input::placeholder {
        font-weight: 500 !important;
    }

    #global-footer .gform_wrapper.gravity-theme .gfield.gfield--type-select {
        margin-top: 10px;
    }

    .global-footer-thank-text h2 {
        font-size: 36px;
        line-height: 42px;
    }

    .global-footer-thank-text p {
        font-size: 26px;
        line-height: 32px;
        margin-top: 10px;
    }

    #global-footer .cs-container {
        padding: 0 20px;
    }

    .global-footer-bottom-right {
        margin-bottom: -5px;
        flex: 1;
        justify-content: flex-end;
    }

    .global-footer-form-form.active > .cs-container {
        padding: 0 40px;
        width: 100%;
    }

    .global-footer-form-form-inner > button svg {
        max-width: 42px;
        margin-top: -10px;
    }

    .cs-bio-left {
        padding: 30px 0 10px;
    }

    .cs-bio-meta {
        margin-top: 5px;
    }

    .cs-bio-blog-list {
        margin: 0 -5px;
    }

    .cs-bio-blog-list .blog-card.slick-slide {
        margin: 0 5px;
    }

    .cs-bio-blog-list .blog-card.slick-slide .art-item-title h3 a {
        font-size: 18px;
        line-height: 24px;
    }

    .cs-bio-blog-list .blog-card.slick-slide .art-item-cats {
        display: block;
    }

    .cs-bio-blog-list .blog-card.slick-slide .art-item-date:not(:first-child) {
        text-align: left;
        margin-top: 10px;
    }

    .cs-bio-blogs {
        padding: 50px 0 20px;
    }

    .cs-bio-preview-text p:first-of-type {
        margin-bottom: 30px !important;
    }

    .cs-bio-blog-list .blog-card.slick-slide .art-item-cats a {
        margin: 5px 5px 0px 0;
        display: inline-block;
    }

    .author-page-link a.btn {
        padding: 5px 15px;
    }

    .author-page-bio {
        line-height: 32px;
    }

    .coab-hero-wrap {
        margin-top: 0;
    }

    .constr-about .cs-container {
        padding: 0 20px;
    }

    .constr-about .cs-container .cs-container {
        padding: 0;
    }

    .coab-hero-wrap {
        margin: 0 -20px;
        padding: 32px 20px 55px;
    }

    .constr-about .ch3 .home-work-item-text, .constr-about .ch3 .case-short-info {
        font-weight: 300;
    }

    .constr-about .ch3 .case-short-info {
        font-size: 20px;
        line-height: 26px;
    }

    .constr-about .ch3 .home-work-item-text {
        font-size: 24px;
        line-height: 28px;
        font-weight: 300;
    }

    .constr-about .ch3 .case-cats {
        font-size: 17px;
        line-height: 22px;
    }

    .constr-about .home-work-item-tags-title {
        font-size: 17px;
    }

    .constr-about .ch3 .home-work-item-tags-list {
        font-size: 20px;
    }

    .coab-bottom-link {
        margin-top: 24px;
    }

    .coab--col.cs-case:last-child {
        margin-bottom: 0;
    }

    .coab-main-text.coab-main-text-bottom {
        margin-top: 20px;
    }

    .constr-about h1, .constr-about h2 {
        font-size: 36px;
        line-height: 42px;
        margin-bottom: 24px;
    }

    .coab-main-text > ul {
        border-bottom: 1px solid #88868B;
    }

    .coab-projects-carousel {
        padding-top: 8px;
    }

    .coab-drop:first-child {
        border-top: none;
    }

    .coab-drop {
        border-color: #88868B;
    }

    .coab-drop:last-child {
        border-bottom: 1px solid #88868B;
    }

    .coab-hero-text p {
        font-size: 26px;
        line-height: 32px;
        font-weight: 300;
        margin-bottom: 32px;
    }

    .coab-hero-links {
        display: flex;
        gap: 10px;
        justify-content: space-between;
    }

    section.coab-section .coab-main-text p {
        font-weight: 300;
    }

    .mob-table-section:first-child .mob-table-title {
        border-top: none;
    }

    .coab-main-text ul li:nth-child(4n), .coab-main-text .mob-table-section ul li:nth-child(4n) {
        border-bottom: none;
    }

    .coab-hero-links a {
        width: 150px;
    }

    section.coab-section {
        padding: 64px 0;
    }

    .coab-main-text p {
        font-size: 26px;
        line-height: 32px;
    }

    .coab-main-text p + p {
        margin-top: 32px;
    }

    .coab-iconed-block, .coab-iconed-blocks-13 .coab-iconed-block {
        width: 100%;
        position: relative;
    }

    .coab-iconed-blocks {
        margin-top: 24px;
    }

    .coab-iconed-title {
        padding: 16px 0 16px 45px;
    }

    .coab-iconed-title h3 {
        font-size: 26px;
        line-height: 32px;
    }

    .coab-iconed-image {
        position: absolute;
        transform: translateY(42%);
    }

    .coab-iconed-text {
        padding-top: 15px;
        font-size: 22px;
        line-height: 28px;
    }

    .coab-iconed-block:not(:last-child) {
        margin-bottom: 24px;
    }

    .coab-top-link {
        display: none;
    }

    .coab-main-text ul {
        column-count: 1;
        margin-top: 20px;
    }

    .coab-main-text ul li {
        font-size: 20px;
        padding: 3px 0 3px 20px;
    }

    .coab-section .home-work-item-info {
        padding: 20px;
    }

    section.coab-section .home-work-item {
        background: none;
    }

    .coab-section .home-work-item-info-bottom {
        flex-direction: row;
        justify-content: space-between;
    }

    .coab-projects-grid {
        margin-top: 30px;
    }

    .coab-section .home-work-item-title {
        margin-bottom: 8px;
    }

    .coab-drops {
        margin-top: 22px;
    }

    .coab-drops-lined .coab-drop-text {
        display: block;
    }

    .coab-drop {
        align-items: flex-start;
        padding: 8px 0;
    }

    .coab-drop-title {
        padding-top: 8px;
        font-size: 26px;
        line-height: 32px;
    }

    .coab-drop-btn button {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .coab-drop-text-text {
        font-size: 22px;
        line-height: 28px;
    }

    section.coab-section button.slick-arrow:after {
        content: '\e902';
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #000;
    }

    .coab-section button.slick-arrow {
        width: 48px;
        height: 48px;
        background: #fff;
        top: 17%;
        right: -5px;
    }

    .coab-section button.slick-prev.slick-arrow {
        right: inherit;
        left: -5px;
        z-index: 99;
        transform: rotate(180deg);
    }

    .coab-top-link.coab-top-link-mobile {
        display: block;
        margin-top: 32px;
    }

    .coab-top-link.coab-top-link-mobile a {
        width: 100%;
    }

    .constr-about {
        overflow: hidden;
    }

    .coab-main-text table {
        display: none;
    }

    .mob-table {
        display: block;
    }

    .mob-table {
        margin-top: 24px;
    }

    .mob-table-title {
        font-size: 26px;
        line-height: 32px;
        padding: 6px 0 7px;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 18px;
        cursor: pointer;
        border-top: 1px solid #88868B;
    }

    .mob-table-title:after {
        content: '\e900';
        font-family: tipi;
        border: 1px solid currentColor;
        width: 48px;
        height: 48px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        transition: 0.2s;
    }

    .mob-table-text ul {
        margin: 0;
        padding: 20px 0 16px;
    }

    .mob-table-text ul li {
        border: navajowhite;
    }

    .mob-table-text {
        display: none;
    }

    .mob-table-text {
        border-top: 1px solid #88868B;
    }

    .mob-table-title.active {
        color: #FF2E58;
    }

    .mob-table-title.active:after {
        color: #fff;
        background: #000;
        transform: rotate(180deg);
    }

    .mob-table-section:last-child {
        border-bottom: 1px solid #88868B;
    }

    .ctm-main-right {
        display: none;
    }

    .ctm-mob-post-load-more, .mob-ctm-img {
        display: block;
    }

    .ctm-wrap .cs-container {
        padding: 0 20px;
    }

    .ctm-main-inner {
        padding: 32px 0 64px;
    }

    .ctm-wrap .suptitle {
        margin-bottom: 24px;
    }

    .ctm-main-left h1 {
        font-size: 36px;
        line-height: 42px;
    }

    .ctm-role {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 24px;
    }

    .mob-ctm-img {
        margin-left: -20px;
        width: calc(100% + 40px);
        margin-bottom: 34px;
    }

    .ctm-main-text h2 {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 24px;
    }

    .ctm-main-text {
        font-size: 20px;
        line-height: 26px;
    }

    .ctm-follow-list {
        margin-top: 24px;
        display: flex;
        gap: 12px;
    }

    .ctm-follow-list a {
        width: 44px;
        height: 44px;
        font-size: 28px;
        border-radius: 44px;
    }

    .ctm-posts {
        padding: 64px 0;
    }

    .ctm-post-item {
        margin: 0 0 38px 0;
    }

    .ctm-posts-list {
        padding-top: 32px;
    }

    .ctm-post-item h3 {
        font-size: 22px;
        line-height: 26px;
        height: auto;
        margin-bottom: 16px;
    }

    .ctm-post-meta {
        font-size: 17px;
        line-height: 22px;
    }

    .ctm-post-item:nth-child(n+4) {
        display: none;
    }

    .ctm-custom-content {
        padding: 64px 0 190px;
    }

    .ctm-custom-content-list {
        padding-top: 40px;
    }

    .ctm-custom-content-item {
        max-width: 240px;
    }

    .ctm-posts-list .slick-list, .ctm-custom-content-list .slick-list {
        margin: 0 -20px;
    }

    .ctm-custom-content-list .slick-list {
        padding-left: 20px;
    }

    .ctm-wrap button.slick-arrow {
        top: calc(100% + 60px);
        transform: translateX(-50%);
        left: 50%;
        right: inherit;
    }

    .ctm-custom-content-item-main p:last-child {
        margin: 0;
    }

    .ctm-wrap button.slick-arrow:after {
        right: -28px;
    }

    .ctm-wrap button.slick-prev.slick-arrow:after {
        right: 50px;
    }

    .ctm-mob-post-load-more button {
        text-align: center;
        width: 100%;
        font-size: 14px;
        border: 1px solid currentColor;
        padding: 10px;
        background: #fff;
        font-weight: 700;
    }

    .cex {
        padding: 32px 0;
    }

    .cex .cs-container {
        padding: 0 20px;
    }

    .home-blog-latest-wrap .cs-container {
        padding: 0;
    }

    .cex-top-top .btn {
        display: none;
    }

    .cex-top-text h1 {
        margin-bottom: 24px;
        font-size: 36px;
        line-height: 42px;
    }

    .cex-top-text {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 24px;
        font-weight: 300;
    }

    .cex-tabs {
        display: flex;
        gap: 8px;
        margin-bottom: 16px;
    }

    .cex-tabs span {
        display: none;
    }

    .cex-tabs button {
        width: auto;
    }

    .cex-top-drop-label span {
        flex: 1;
        text-align: center;
    }

    .cex-top-drop-label {
        display: flex;
    }

    .cex-tab.active button i {
        background: #88868B;
    }

    .mob-all-proj {
        display: block;
        flex: 1;
    }

    .mob-all-proj .btn {
        width: 100%;
    }

    .exp-text-list-inner {
        margin: 32px 0 64px;
    }

    .ext-text-item {
        display: flex;
        padding: 17px 0 24px;
        justify-content: space-between;
    }

    .exp-text-item-title {
        font-size: 22px;
        line-height: 26px;
        margin-bottom: 0;
        width: 100%;
    }

    .exp-text-item-text {
        margin: 16px 0 8px;
        font-size: 20px;
        width: 100%;
        line-height: 26px;
        font-weight: 300;
        flex: auto;
    }

    .exp-text-item-cats {
        width: auto;
        margin-right: 24px;
    }

    .exp-text-item-btn {
        flex: 1;
        text-align: right;
    }

    .exp-text-item-btn a {
        margin-left: auto;
        display: inline-block;
    }

    .exp-top-two {
        padding: 64px 0;
    }

    .exp-top-two .cex-item:not(:last-child) {
        margin-bottom: 64px;
    }

    .cex-item .cs-container-lg .home-work-item-info {
        padding: 25px 20px 0;
    }

    .cex-item .home-work-item-title {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 8px;
    }

    .cex-item .cs-container-lg .home-work-item-info-bottom {
        flex-direction: row;
        justify-content: space-between;
    }

    .cex-item .cs-container-lg .home-work-item-tags-list {
        font-size: 20px;
    }

    .cex-item .home-work-item-tags-title {
        font-size: 17px;
    }

    .cex .cs-container-lg {
        padding: 0;
    }

    .coab-projects-grid.cex-list {
        margin-top: 64px;
        margin-bottom: 64px;
    }

    .page-template-portfolio_v4-tpl .cex-main-list {
        padding: 32px 0;
    }

    .page-template-portfolio_v4-tpl .exp-text-list {
        padding-bottom: 32px;
    }

    .cex-item .case-short-info {
        font-weight: 300;
    }

    .cex-item .home-work-item-text {
        font-weight: 200;
        font-size: 24px;
    }

    .cex .exp-text-item-btn {
        margin-top: 25px;
    }

    .cex-only-imgs-list {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr;
        grid-gap: 15px;
    }

    .cex-item-img:nth-child(7n + 1) {
        grid-column: span 2;
        grid-row: span 2;
    }

    .cex-item-img:nth-child(14n + 3) {
        grid-column: span 1;
        grid-row: span 1;
    }

    .cex-item-img:nth-child(14n + 9) {
        grid-column: span 1;
        grid-row: span 1;
    }

    .img-cursor a img {
        width: 100%;
    }
    
    .cex.cex-images-only + #arrows.active,
    .page-template-expertise-only-img-tpl div#arrows.active {
        width: 85px;
    }
    
    .cex.cex-images-only + #arrows,
    .page-template-expertise-only-img-tpl div#arrows {
        height: 85px;
        top: -150px;
        left: -40px;
    }

    .cex.cex-images-only + #arrows > div:after,
    .page-template-expertise-only-img-tpl div#arrows > div:after {
        max-width: 50px;
        line-height: 17px;
    }

    .art-nav-line-wrap:has(> .active) ~ .art-art-main .art-toc-line {
        display: none;
    }

    .c-toc {
        padding: 14px 22px 18px 16px;
        margin-bottom: 40px;
    }

    .c-toc-title {
        font-size: 24px;
        line-height: 24px;
    }

    .c-toc-inner {
        margin-top: 28px;
    }

    .c-toc-item {
        font-size: 16px;
        line-height: 26px;
        display: flex;
        align-items: flex-start;
        gap: 5px;
    }

    .exp-work-item-tag-pills.exp-work-item-tag-pills--sm .exp-work-item-tag-pill {
        font-size: 18px;
        line-height: 32px;
    }

    .exp-pills-text {
        display: flex;
        flex-direction: column;
    }

    .exp-pills-text .exp-work-item-tag-pills {
        order: 1;
        margin: 25px 0 20px;
    }

    .catpl-top .art-toc-line {
        top: 130px;
    }

    .admin-bar .catpl-top .art-toc-line {
        top: 160px;
    }

    .admin-bar .art-nav-line-wrap:has(>.active)~.catpl-top .art-toc-line {
        top: 106px;
    }

    .art-nav-line-wrap:has(>.active)~.catpl-top .art-toc-line {
        top: 60px;
    }

    .cjp3-cta-authors-wrap {
        padding: 0 0 32px;
    }

    .cjp3-cta-item a span {
        width: 100%;
    }

    .cjp3-cta-item a {
        margin-bottom: 16px;
    }

    .cjp3-authors {
        margin-top: 45px;
    }

    .scl-top-btns {
        display: none;
    }

    .scl-top h1 {
        font-size: 36px;
        line-height: 40px;
    }

    .landingpopup-text h2 strong,
    .scl-top h1 strong {
        background-position: 6px 6px;
        padding-left: 12px;
        margin-right: -5px;
    }

    .scl-top-text-wrap {
        margin-top: 24px;
        font-size: 26px;
        line-height: 32px;
        width: 100%;
    }

    .scl {
        overflow: hidden;
    }

    .scl-top {
        background-image: none !important;
        padding-bottom: 64px;
        padding-top: 32px;
    }

    .scl-top-main .suptitle {
        background: #3B3B3D;
        padding: 9px 22px;
    }

    .landing-popup .cs-container {
        padding: 0 16px;
    }

    .landingpopup-middle-left {
        padding: 0 16px;
    }

    .scl-form .gfield--type-textarea {
        margin-bottom: 32px;
    }

    

    .landingpopup-text {
        margin-top: 20px;
    }

    .landingpopup-middle-left-inner strong {
        font-weight: 500;
    }

    .landingpopup-middle-left-inner p:not(:last-child) {
        margin-bottom: 26px;
    }

    .landingpopup-link a span {
        font-size: 14px;
        width: 230px;
    }

    .page-template-sector-landing-form-tpl button.pum-close.popmake-close, .page-template-sector-landing-tpl button.pum-close.popmake-close {
        right: 15px !important;
        width: 20px !important;
        height: 20px !important;
        background-size: contain !important;
    }

    .landingpopup-link {
        margin-bottom: 25px;
    }

    .scl-top-text p {
        margin-bottom: 32px;
    }

    .scl .cs-container {
        padding: 0 16px;
    }

    .scl .cs-container .cs-container {
        padding: 0;
    }

    .scl-top-link {
        padding-top: 0;
    }

    .scl-main-block.scl-main-block-type-text {
        padding: 32px 0;
    }

    .scl-main-block p {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 30px;
    }

    .scl-main > .cs-container:first-child p:first-child {
        font-size: 26px;
        line-height: 32px;
        padding-top: 0;
    }

    .scl-main-block h2 {
        max-width: 100%;
        margin: 32px 0;
        font-size: 26px;
        line-height: 32px;
    }

    .scl-main-block ul:not(.slick-dots) li {
        padding-left: 40px;
        margin-bottom: 30px;
        background-position: 5px 5px;
        background-size: 22px;
        font-size: 20px;
        line-height: 30px;
    }

    .scl-main-block h3 {
        font-size: 24px;
        line-height: 38px;
        padding: 0;
        margin-bottom: 32px;
    }

    .scl-text.scl-gallery-text {
        padding-top: 32px;
    }

    .scl-gallery-wrap {
        padding: 32px 0;
    }

    .scl-list-item {
        display: flex;
    }

    .scl-list-item-icon {
        width: 40px;
        height: 40px;
    }

    .scl-list-item-icon img {
        width: 25px;
    }

    .scl-accent-wrap {
        padding: 32px 0 45px;
        background-image: none !important;
    }

    .scl-accent-inner h2 {
        margin-bottom: 40px;
        font-size: 26px;
        line-height: 36px;
    }

    .scl-accent-inner ul {
        column-count: 1;
        width: calc(100% + 32px);
        margin-left: -16px;
        font-size: 20px;
        line-height: 40px;
    }

    .scl-accent-inner {
        width: 100%;
    }

    .scl-main {
        padding-bottom: 0;
    }

    .scl-partners-block {
        padding: 40px 0;
    }

    .scl-partners-block h2 {
        font-size: 26px;
        line-height: 32px;
        text-align: center;
        padding-bottom: 40px;
    }

    .scl-partners-block-logos {
        display: flex;
        gap: 30px 50px;
        justify-content: center;
    }

    .scl-form .scl-top {
        padding-bottom: 64px;
    }

    .scl-form-wrap .gfield--type-html {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 18px;
    }

    .scl-form-wrap .gfield--input-type-checkbox input + label, .scl-form-wrap .gfield--input-type-radio input + label {
        font-size: 20px !important;
        padding: 8px 10px 8px 58px !important;
        background-size: 20px;
    }

    .scl-form-wrap .gfield--input-type-checkbox input:checked + label, .scl-form-wrap .gfield--input-type-radio input:checked + label {
        background-size: 25px;
    }

    .scl-form-wrap .gfield--input-type-checkbox, .scl-form-wrap .gfield--input-type-radio {
        margin-bottom: 32px !important;
    }

    .scl-form .gfield--type-radio + .gfield--type-textarea, .scl-form .gfield--type-checkbox + .gfield--type-textarea {
        margin-top: -32px;
        margin-bottom: 32px;
    }

    .scl-form .gfield--type-textarea textarea {
        font-size: 20px !important;
    }

    .scl-form .gfield--type-text, .scl-form .gfield--type-phone {
        display: block;
    }

    .scl-form .gfield--type-phone > label, .scl-form .gfield--type-text > label {
        font-size: 20px !important;
        text-indent: 0;
        width: 100%;
    }

    body .scl-form .gfield--type-phone input, body .scl-form .gfield--type-text input, .scl-form .gfield--type-email input {}

    body .scl-form .gfield--type-phone input, body .scl-form .gfield--type-text input, .scl-form .gfield--type-email input {
        padding: 16px 19px 16px 24px !important;
        font-size: 20px !important;
        height: 48px;
    }

    body .scl-form .gfield--type-text input.blur-invalid, body .scl-form .gfield--type-email input.blur-invalid {
        background-size: 22px;
    }

    body .scl-form .gfield--type-text input.blur-valid, body .scl-form .gfield--type-email input.blur-valid {
        background-size: 22px;
    }

    .scl-form .gfield--input-type-email .ginput_complex span > label {
        font-size: 20px !important;
        text-indent: 0;
        padding: 0;
    }

    .scl-form .gfield--input-type-email .ginput_complex span {
        display: block;
    }

    .scl-form .gform_footer {
        margin-top: 30px !important;
    }

    .mob-submit {
        display: block;
    }

    .scl-form .gform_wrapper .gform_footer input[type='submit'] {
        font-size: 20px;
        padding: 12px 60px 12px 10px !important;
        max-width: unset;
        /*display: none;*/
    }

    .scl-form .scl-top-text-wrap {
        margin-top: 20px;
    }

    .scl-bottom-btn img {
        width: 32px;
        height: 32px;
    }

    .scl-bottom-btn a {
        display: flex;
        padding-left: 5px !important;
        background: #FF2E58 !important;
        color: #fff !important;
    }

    .scl-bottom-btn span {
        flex: 1;
        text-align: center;
    }

    .scl-bottom-btns {
        display: flex;
        gap: 28px;
    }

    .page-template-sector-landing-form-tpl .landingpopup-middle-right {
        display: block;
        padding: 0 16px;
        height: 100px;
    }

    .page-template-sector-landing-form-tpl .landingpopup-middle-right img {
        height: 100%;
        object-fit: cover;
    }

    .scl-gallery-wrap,
    .scl-main-block h2:first-child {
        margin-top: 0;
    }

    .scl-list-block {
        padding-top: 30px;
        padding-bottom: 10px;
    }

    .home-head-s4-wrap {
        padding-top: 48px;
    }

    .home-head-s-link {
        padding: 35px 0 104px;
    }

    .ch3.ch4 .home-head-s-text h1 {
        margin-bottom: 0;
        font-size: 52px !important;
        line-height: 1.2em;
    }

    .ch3.ch4 .home-head-s-text h1 strong {
        display: block;
    }

    .ch3.ch4.process-page .home-head-s-text h1 strong {
        display: inline;
    }

    .ch3.ch4 .home-head-s-bottom a {
        width: 70px;
        height: 70px;
        font-size: 14px;
        line-height: 16px;
        padding: 12px 5px 8px;
        font-weight: 900;
        font-family: 'GraphikCondensed';
        top: -70px;
    }

    .ch3.ch4 .home-head-s-bottom a span {
        padding: 0;
    }

    .ch3.ch4 .home-head-s-bottom a i {
        font-size: 23px;
        transform: scale(1.2, 1);
        display: block;
    }

    .ch4-text-setion-inner {
        padding: 0 0 70px;
    }

    .ch4-text-section1 .ch4-text-setion-inner {
        padding-top: 0px;
    }

    .home-exp-link a, .ch4-text-link a, .home-head-s-link a {
        font-size: 16px;
        line-height: 24px;
    }

    .ch4-text-setion-inner h2 {
        font-size: 42px;
        line-height: 1em;
    }

    .ch4-text-section-text.ch4-text-padding {
        padding: 32px 0;
    }

    .ch4-text-section-text {
        font-size: 18px;
        padding: 32px 0;
        line-height: 28px;
    }

    .ch4-showcase-img img {
        transform: none;
    }

    .ch4-showcase-text {
        position: static;
        margin-left: -21px;
        width: calc(100% + 42px);
        padding: 17px 21px 38px;
        background: #3B3B3D;
    }

    .ch4-showcase-next {
        position: absolute;
        top: 20px;
        right: 20px;
    }

    .ch4-showcase-next button {
        font-size: 16px;
        display: flex;
        align-items: center;
        gap: 6px;
    }

    .ch4-showcase-text-text h2 {
        font-size: 26px;
    }

    .ch4-showcase .slick-dots {
       top: inherit;
       left: 20px;
       transform: none;
       bottom: 4px;
    }

    .ch4-showcase-item-gallery {
        position: static;
    }

    .ch4-showcase .slick-dots button {
        height: 8px;
    }

    header#mobhead {
        z-index: 19;
    }

    .ch3.ch4 .home-exp-wrap {
        padding-top: 70px;
    }

    .home-exp-top-title {
        font-size: 26px;
        line-height: 32px;
        padding: 16px 10px 16px 48px;
    }

    .home-exp-top-title:before {
        width: 25px;
    }

    .home-exp-top-title:after {
        line-height: 40px;
        text-align: right;
        right: 16px;
    }

    .home-exp-accordion-texts {
        padding-top: 16px;
        padding-bottom: 40px;
        border-top: 1px solid #88868B;
    }

    .home-exp-acc-left .home-exp-link {
        display: none;

    }

    .ch4.ch3 .home-exp-text p {
        font-size: 16px;
        line-height: 24px;
    }

    .home-exp-what-we-do {
        padding-top: 16px;
        padding-right: 0;
        font-size: 16px;
        line-height: 22px;
    }

    .home-exp-what-we-do strong {
        font-size: 18px;
        padding-bottom: 16px;
        text-transform: none;
    }

    .home-exp-what-we-do ul {
        column-count: 2;
    }

    .home-exp-acc-works h3 {
        padding: 38px 0;
        font-size: 18px;
        text-transform: none;
    }

    .home-exp-acc-works-list > .cs-case {
        width: 100%;
        max-width: 100%;
    }

    .home-exp-acc-works-list > .cs-case .case-title {
        padding: 8px 0;
    }

    .ch3.ch4 .case-bottom {
        margin: 0;
    }

    .home-exp-acc-works-list > .cs-case .case-cats {
        display: flex;
        align-items: flex-end;
        font-size: 14px;
        line-height: 28px;
    }

    .home-exp-acc-works-list > .cs-case .case-cats span {
        padding-right: 15px;
    }

    .ch4-text-section.ch4-text-section2 {
        margin-top: 70px;
        padding-top: 70px;
        padding-bottom: 0;
    }

    .ch4 .home-work {
        top: -40px;
        margin-bottom: -100px;
    }

    .ch4 .home-work-item {
        margin-left: -20px;
        width: calc(100% + 40px);
    }

    .ch4 .home-work-item-info {
        padding-top: 16px;
        padding-left: 16px;
        padding-right: 16px;
        padding-bottom: 0;
    }

    .ch4 .home-work-item-title {
        margin-bottom: 8px;
        font-size: 26px;
    }

    .ch3.ch4 .home-work-item-info-bottom {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .ch4 .exp-work-item-tag-pills {
        margin-top: 10px;
        margin-bottom: 10px !important;!i;!;
    }

    .ch4 .home-work-item-text a {
        font-size: 18px;
    }

    .ch3.ch4 .home-exp-tab-text, .ch3.ch4 .home-work-item-tags {
        display: flex;
        gap: 14px;
        align-items: flex-end;
    }

    .ch3.ch4 .home-work-item-tags-list {
        line-height: 18px;
        font-size: 12px;
    }

    .ch4 .home-work-item-tags-title {
        font-size: 14px;
    }

    .ch3.ch4 .case-title {
        font-size: 20px;
        padding: 15px 0 8px;
        font-family: 'GraphikCondensed';
    }

    .ch3.ch4 .case-short-info {
        min-height: auto;
    }

    .ch4 .exp-work-item-tag-pills.exp-work-item-tag-pills--sm .exp-work-item-tag-pill {
        font-size: 12px;
        padding: 0;
        line-height: 16px;
    }

    .ch3.ch4 .case-short-info {
        font-size: 14px;
        line-height: 24px;
    }

    .ch3.ch4 .case-cats {
        display: flex;
        align-items: flex-end;
        flex-wrap: wrap;
        font-size: 12px;
        line-height: 30px;
    }

    .ch3.ch4 .case-cats span {
        padding-right: 15px;
        font-size: 12px;
    }

    .ch3.ch4 .case-bottom {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }

    .ch3.ch4 .case-bottom > a {
        align-self: flex-start;
        font-size: 16px;
    }

    .ch4 .home-work-item-link a {
        font-size: 16px;
        display: flex;
        align-items: center;
        gap: 6px;
    }

    .exp-work-item-tag-pill a {
        font-size: 10px;
        padding: 4px 6px;
        line-height: 16px;
    }

    .ch4 .exp-work-item-tag-pills.exp-work-item-tag-pills--sm .exp-work-item-tag-pill a {
        padding: 1px 7px;
        font-size: 10px;
    }

    .ch4 .exp-work-item-tag-pill {
        font-size: 12px;
        line-height: 20px;
    }

    .ch4-text-section.ch4-text-section3 .ch4-text-setion-inner {
        padding-top: 70px;
        background-position: 100% 0;
    }

    .site-mob-header-2 .logo-main-wrap {max-width: 80px;}

    #mobhead .logo img {
        width: 100%;
    }

    .ch4-text-section.ch4-text-section4 {
        padding-top: 70px;
    }

    .ch4 .home-blog {
        padding: 37px 20px 0;
    }

    ul.slick-dots {
        top: 0px;
    }

    .ch4 .art-list-slideshow .slick-list {
    overflow: hidden;
}

    .ch4 .art-list.art-list-slideshow {
        margin: 0;
    }

    .ch4 .art-list-item.art-list-3-item {
        margin: 0 20px;
        width: calc(100vw - 60px);
    }

    .ch4 .art-list-item.art-list-3-item .art-item-title {
        margin-top: 16px;
    }

    .ch4 .art-item-date:not(:first-child) {
        text-align: right;
    }

    .ch4 .art-list:not(.art-list-2) .art-item-short-text {
        margin-top: 8px;
    }

    .ch4 .art-list:not(.art-list-2) .art-item-short-text a {
        font-size: 14px;
        line-height: 24px;
    }

    .bottom-logos-section {
        margin-top: 70px;
        padding: 70px 0;
    }

    .bottom-logos-section h2 {
        font-size: 36px;
        padding-bottom: 30px;
    }

    .bottom-logos-section-gallery {
        padding: 40px 25px;
        display: flex;
        justify-content: center;
        gap: 25px 75px;
    }

    .bottom-logos-section-gallery img {
        max-width: 85px;
        max-height: 50px;
    }

    .landing-popup.homepopup {
        padding: 47px 16px 32px;
        margin: 0 auto;
    }

    .landing-popup.homepopup h1 {
        font-size: 42px;
        line-height: 48px;
    }

    .landing-popup.homepopup h1 strong {
        display: block;
    }

    .homepopup .landingpopup-middle-left {
        padding: 0;
    }

    .homepopup .landingpopup-middle-left-inner {
        margin: 25px 0 20px;
        font-size: 18px;
        line-height: 28px;
    }

    .homepopup .landingpopup-middle-left-inner br {
        display: none;
    }

    .homepopup-link a {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 24px;
    }

    .pum-content:has(>.homepopup) + button.pum-close.popmake-close {
        right: 0px;
        top: 0px;
        font-size: 32px;
    }

    div#popmake-62270 {
        max-width: calc(100% - 32px);
        left: 16px !important;
    }

    .mob-menu-top-group {
        flex: 1;
    }

    .mob-menu-wrap .tipi-close-icon {
        top: 14px;
    }

    .admin-bar .mob-menu-wrap .tipi-close-icon {
        top: 46px;
        right: 16px;
        color: #3B3B3D;
    }

    .mob-menu-top img {
        display: block;
        max-width: 85px;
    }

    .mob-menu-main-top > ul > li {
        margin-bottom: 8px;
    }

    .mob-menu-main-top > ul > li.has-children > ul > li {
        margin-bottom: 8px;
    }

    .ch4.scl-form .scl-top {
        padding: 48px 0 56px;
    }

    .ch4 .scl-top h1 {
        font-size: 52px;
        line-height: 52px;
        padding-bottom: 12px;
    }

    .ch4 .scl-top-text-wrap {
        font-size: 18px;
        line-height: 28px;
    }

    .ch4 .scl-top-btns {
        display: block;
        padding-top: 8px;
    }

    .ch4 .scl-top-btn a {
        font-size: 16px;
        line-height: 24px;
        background-size: 28px;
        padding-left: 30px;
    }

    .ch4 .scl-top-btn.scl-top-btn-phone a {
        background-size: 28px;
        pointer-events: all;
    }

    .ch4 .scl-top-btns {
        display: flex;
        gap: 15px;
    }

    .ch4 .scl-form-wrap .gfield--type-html b {padding-right: 10px;}

    .ch4 .custom-submit-block button span {
        display: block;
    }

    .ch4 .custom-submit-block span {
        display: block;
        text-align: center;
        font-size: 26px;
        text-transform: none;
    }

    .ch4 .custom-submit-block button {
        margin-top: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        font-size: 26px;
    }

    .ch4 .home-exp-acc-works-list ul.slick-dots {
        position: absolute;
        top: -63px;
        display: flex;
        justify-content: flex-end;
        width: 100%;
        right: 16px;
        gap: 8px;
    }

    .ch4 .home-exp-acc-works-list ul.slick-dots button {
        width: 32px;
        height: 8px;
        background: #88868B;
        text-indent: -999999px;
    }

    .ch4 .home-exp-acc-works-list ul.slick-dots li.slick-active button {
        background: #DAF402;
    }

    .ch4 .home-exp-acc-works-list {
        padding-bottom: 32px;
    }

    .ch4 .scl-form-wrap .gfield--input-type-checkbox input:checked + label, 
    .ch4 .scl-form-wrap .gfield--input-type-radio input:checked + label {
        background-size: 20px;
    }

    .ch4 button[type="submit"] .tipi-i-arrow-right {
       width: 25px;
       margin: 0 0 0 10px;
    }

    .ch4 .tipi-i-arrow-right {
        width: 20px;
        margin: 0 auto;
    }

    .ch4 .home-blog-latest-wrap {
        padding: 0;
    }

    .ch4 .scl-top h1 em,
    .ch3.ch4 .home-head-s-text h1 em {
        background-size: 100% 0.2em;
    }

    .ch3.ch4 .home-work-item-text {
        margin-bottom: 8px;
    }

    .ch4 .art-list-item.art-list-3-item .art-item-title a {
        font-size: 20px;
        line-height: 24px;
    }

    .ch4 .art-list-item.art-list-3-item .art-item-title {
        height: auto;
    }

    .ch4 .art-item-date a {
        font-size: 12px;
    }

    .process-page .home-head-s-link {
        padding-bottom: 64px;
    }

    .ctasmall {
        margin-top: -50px;
    }

    .ch4.process-page .home-blog {
        padding: 64px 20px 60px;
        margin-top: 64px;
    }

    .ch4.process-page .home-blog h2 {
        font-size: 36px;
        padding-left: 0;
        padding-bottom: 82px;
    }

    .ch3.process-page .cs-case {
        height: auto;
        width: auto;
        max-width: 400px;
    }

    .ch3.ch4.process-page .case-short-info {
        min-height: auto;
    }

    .ch4.process-page .home-blogs-latest-items ul.slick-dots {
        background: #d9d9d9;
    }

    .process-page .ch4-text-setion-inner {
        padding: 80px 0;
    }

    .ch4-text-section.preprocess-block .ch4-text-setion-inner {
        padding: 80px 0;
    }

    .process-page .cjp3-block .cjp3-gallery-item {
        display: block;
        margin: 0;
    }

    .cjp3-gallery-item img, .scl-updated .cjp3-gallery-item img {
        height: auto;
    }

    .scl-slideshow-wrap .scl-main-block.scl-main-block-type-images {
        display: block;
    }

    .process-page .cjp3-block.cjp3-slideshow {
        width: 100%;
    }

    .process-page .scl-main-block ul.slick-dots {
        top: inherit;
        bottom: 16px;
        justify-content: flex-start;
        left: 20px;
    }

    .process-page .scl-main-block ul.slick-dots li {
        height: 8px;
    }

    .process-page .scl-main-block ul.slick-dots button {
        height: 8px;
    }

    .process-page .scl-text.scl-slideshow-text {
        padding: 20px;
    }

    .scl-updated .scl-text.scl-slideshow-text {
        padding: 0 20px;
    }

    .process-page .scl-text.scl-slideshow-text p {
        font-size: 14px;
        margin-bottom: 18px;
        line-height: 1.5;
    }

    .process-page .scl-main-block h3 {
        margin-bottom: 8px;
    }

    .process-page .scl-main a.arrow {
        font-size: 16px;
        line-height: normal;
    }

    .process-page .scl-slideshow-wrap {
        min-height: auto;
    }

    .process-item-title {
        font-size: 26px;
        padding: 16px;
        display: flex;
        gap: 5px;
        align-items: center;
    }

    .ch4-text-section-numbered-list-item-title span b {
        padding-right: 10px;
    }

    .process-item-title span + span {
        height: 20px;
        width: 20px;
    }

    .process-item-title span:first-child {
        flex: 1;
    }

    .process-item-title span + span:before, .process-item-title span + span:after {
        width: 20px;
        height: 2px;
    }

    .ch4-text-section-numbered-list-text p {
        padding: 0 0px 20px 0;
    }

    .process-small-item-label {
        background-size: auto 14px;
        padding-left: 40px;
        font-size: 26px;
    }

    .process-small-item-text {
        font-size: 14px;
        padding-left: 40px;
        padding-top: 10px;
    }

    .process-page .ch4-showcase-text-text h3 {
        color: #fff;
        font-size: 26px;
        font-weight: 600;
        margin-bottom: 10px;
    }

	.ch4-text-section.preprocess-block:has(+.process-wrap) {
        padding-bottom: 0;
    }
	
	.ch4-text-section:has(+.process-wrap) {
		padding: 0;
	}

    .process-img-wrap {
        height: auto;
        top: 0;
        margin-bottom: 0;
    }

    .process-img {
        top: 0;
        margin-top: -60px;
        padding: 0;
    }

    .process-nav-wrap {
        padding: 20px 0;
    }

    .process-nav.flexed {
        display: flex;
        flex-wrap: nowrap;
        font-size: 20px;
        gap: 18px;
        overflow: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .process-nav-line {
        top: 60px;
    }

    .ch4-text-section.ch4-text-section-dark + .process-acc {
        padding-top: 64px;
    }


    .process-nav > div {
        flex-shrink: 0;
    }

    .process-top-info h2 {
        font-size: 36px;
        font-weight: 600;
    }

    .process-main-list .process-step {
        padding: 40px 0;
    }

    .process-top-info {
        display: flex;
    }

    .scl-updated .scl-top h1 {
        font-size: 36px;
        line-height: 40px;
        padding: 0;
    }

    .scl-updated .scl-top {
        padding: 32px 0 40px;
    }

    .scl-updated .scl-top-main .suptitle {
        font-size: 14px;
    }

    .scl-updated .scl-top-text-wrap {
        font-size: 26px;
        line-height: 32px;
        padding: 0;
    }

    .scl-updated .scl-top-link a {
        font-size: 18px;
    }

    .scl-updated .scl-top h1 strong {
        background-position: 0 0;
        background-size: 100%;
    }

    .scl-updated .scl-main-block h2 {
        font-size: 26px;
        margin: 0 0 20px;
        line-height: 1.2;
    }

    .scl-updated .scl-main-block p {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 30px;
        max-width: 100%;
    }

    .scl-list-block {
        margin-left: 0;
        width: 100%;
    }

    .scl-updated .scl-list-item {
        gap: 15px;
    }

    .scl-list-item-text p strong {
        font-size: 24px;
    }

    .scl-updated .scl-list-item-text p {
        font-size: 18px !important;!i;!;
        margin-bottom: 10px !important;!i;!;
    }

    .scl-updated .scl-list-item-icon {align-items: flex-start;padding-top: 9px;}

    .scl-updated .scl-list-item-text {
        padding-bottom: 0px;
    }

    .cjp3-block.cjp3-slideshow {
        width: 100%;
    }

    .scl-updated .scl-main-block ul.slick-dots {
        top: inherit;
        bottom: 12px;
        justify-content: flex-start;
        left: 20px;
    }

    .scl-updated .cjp3-block .cjp3-gallery-item {
        display: block;
        margin: 0;
    }

    .scl-updated .scl-main-block ul.slick-dots button {
        height: 8px;
    }

    .scl-updated .scl-slideshow-text-inner {
        padding: 20px 0px 0 0px;
    }

    .scl-updated .scl-slideshow-text-inner h3 {
        font-size: 38px;
        line-height: 1;
    }

    .scl-main a.arrow {
        font-size: 20px;
    }

    .scl-text-inner.scl-text a.arrow {
        margin: 0;
    }

    .scl-updated .scl-cta-wrap h2 {
        font-size: 40px;
        margin-bottom: 40px;
    }

    .scl-cta-wrap {
        padding: 64px 0;
        font-size: 22px;
        line-height: 1.4em;
    }

    .scl-cta-wrap strong {
        font-weight: 600;
    }

    .scl-updated .scl-main-block .scl-text-inner h3, .scl-updated .scl-main-block h2 {
        margin: 0 0 32px;
        font-size: 38px;
        line-height: 1;
    }

    .process-page.ch3.ch4 .home-head-s-text h1 {
        max-width: 530px;
    }

    .iconed-grid-item {
        width: 100%;
        margin-bottom: 24px;
    }

    .iconed-gird-item-title {
        display: flex;
        font-size: 26px;
        padding-bottom: 8px;
        margin-bottom: 16px;
        align-items: center;
    }

    .iconed-grid-item-icon {
        max-width: 24px;
        margin-right: 12px;
    }

    .iconed-grid-item-text {
        font-size: 16px;
    }

    .iconed-grid-item-icon img {
        display: block;
    }

    .projects-grid + .home-work .home-work-small .cs-case {
        margin-bottom: 16px;
    }

    .ch4-text-section.ch4-text-section2.projects-grid {
        padding-bottom: 0;
    }

    .process-page .projects-grid .ch4-text-setion-inner {
        padding-bottom: 0;
    }

    .process-acc.process-acc-larger > .cs-container > h3 {
        font-size: 42px;
        margin-bottom: 35px;
    }

    .process-acc > .cs-container > h3 {
        font-size: 26px;
    }

    .ch4.process-page .home-work {
        margin-bottom: -55px;
    }

    .ch4-text-section-text.ch4-text-padding:has(+.nolink) {
        padding-bottom: 0;
    }
	
	.process-diagram-inner {
		top: 0;
		padding-top: 32px;
		margin-bottom: 0;
        padding-bottom: 20px;
	}

	.process-diagram-title {
		font-size: 26px;
	}

	.process-diagram-item {
		flex: auto;
		min-width: 170px;
		width: 100%;
		margin-top: 90px;
		padding: 0 15px 15px 15px;
	}

	.process-diagram {
		display: flex;
	}

	.process-diagram-item-image img {
		height: 120px;
	}

	.process-diagram-item-image {
		top: -84px;
		margin-bottom: -84px;
	}

	.process-diagram-item-index {
		font-size: 26px;
		margin-bottom: 10px;
		margin-top: 20px;
	}

	.process-diagram-item-title {
		min-height: 36px;
		font-size: 14px;
	}

	.process-diagram-item-text {
		margin-top: 24px;
		font-size: 12px;
	}
	
	.process-diagram {
		overflow: auto;
		scrollbar-color: #3B3B3D #D9D9D9;
		scrollbar-width: thin;
		padding-bottom: 15px;
	}
	
	.process-diagram-item:not(:last-child):after {
		width: 17px;
        height: 8px;
        transform: translate(70%, -50%);
        top: calc(50% - 22px);
	}
	
	.process-diagram-item:nth-child(1) .process-diagram-item-title:before {
		top: -10px;
	}
	
	.process-diagram-item:not(:first-child) .process-diagram-item-title:after {
		width: 22px;
		height: 10px;
		left: -50px;
	}

	.process-diagram-item:nth-child(1) .process-diagram-item-title:after, .process-diagram-item:nth-child(1) .process-diagram-item-title:before {width: calc(100vw - 10px);}
	
	.process-diagram-item:nth-child(1) .process-diagram-item-title:after {
		bottom: -10px;
	}


}

@media screen and (min-width: 859px) and (max-width: 950px) {
    .global-footer-form-form.cc3-main.active {
        padding-top: 90px;
    }
}

/* small mobile*/
@media screen and (max-width: 700px) {
    .cs-bio-blogs h2 {
        font-size: 34px;
        margin-bottom: 20px;
    }

    .cp3 .home-work-top-link-mobile {
        position: static;
        transform: none;
    }

    ul.port-what-did-inner {
        column-count: 1;
        font-size: 34px;
    }

    .port-page-top-info-line1 {
        padding-top: 30px;
    }

    .port-page-subtitle {
        font-size: 28px;
    }

    .port-page-top-info h1 {
        font-size: 40px;
    }

    button.slick-arrow {
        transform: none;
        right: 15px;
        left: inherit;
        top: 6px;
        width: 35px;
        height: 35px;
    }

    .home-start-top-inner {
        background: none !important;
    }

    .home-exp-tabs.flexed {
        display: block;
        background: #fff;
    }

    .home-exp-tab {
        display: flex;
        align-items: center;
        padding: 30px 0;
        border-bottom: 1px solid #555;
    }

    .home-exp-tab-title {
        padding-top: 0;
    }

    .home-exp-tab-img img {
        height: auto;
        max-width: 60px;
        width: 100%;
    }

    .home-exp-tab-img {
        margin-right: 18px;
        margin-left: 20px;
    }

    .home-exp-info .cs-container {
        padding: 0;
    }

    .home-exp-text {
        line-height: 44px;
    }

    button.slick-arrow:after {
        height: 35px;
        width: 35px;
    }

    button.slick-prev.slick-arrow:after {
        right: 50px;
    }

    .cs-bio-blogs h2 span {
        display: none;
    }

    .home-blog-latest-top {
        font-size: 28px;
        line-height: 36px;
        margin: 10px 0;
        font-weight: 400;
    }

    .home-blog-latest-info {
        padding-top: 0;
    }

    .home-blog-link {
        display: none;
    }

    .home-work {
        position: relative;
    }

    .home-work-top-link {
        position: absolute;
        bottom: 20px;
        left: 50%;
        transform: translateX(-50%);
    }

    .home-exp-tab-mob {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.4s linear 0s;
        display: block;
    }

    .home-exp-tab-mob .home-exp-tab-text {
        padding: 40px 40px 0;
    }

    .home-exp-tab-mob.active {
        max-height: 1000px;
        border-bottom: 1px solid #555;
    }

    .home-exp-tab-contents {
        display: none;
    }

    .home-exp-tab-mob .home-exp-tab-link {
        padding: 0 40px 40px;
    }

    .cc3-main .ginput_container_select a.chosen-single span {
        font-size: 13px;
        white-space: break-spaces !important;
        line-height: 15px !important;
        padding-top: 0px;
        margin-bottom: 0 !important;
    }

    .cc3-main .ginput_container_select a {
        display: flex !important;
        align-items: center;
    }

    .cjp3 .cs-container {
        padding: 0 20px;
    }

    .prall-heading h2 {
        font-size: 42px;
        line-height: 52px;
    }

    .prp-feat-list.flexed {
        display: block;
    }

    .prp-feat-heading h2 {
        font-size: 42px;
        line-height: 50px;
    }

    .prp-feat p {
        font-size: 18px;
    }

    .prp-feat h3 {
        font-size: 26px;
    }

    .prp-heading {
        font-size: 22px;
        overflow: hidden;
    }

    .prp-heading-info h1 {
        margin-bottom: 15px;
    }

    .prc-desc {
        font-size: 22px;
        line-height: 32px;
    }

    .prc-heading-inner h1 {
        font-size: 44px;
        padding: 20px 0 20px 80px;
        position: relative;
        z-index: 2;
        margin-bottom: 20px;
    }

    .prc-heading-inner {
        padding: 30px 0;
    }

    .prall-select-active {
        width: 320px;
        max-width: 100%;
        margin-bottom: 0;
    }

    .prall-heading.flexed {
        gap: 20px;
        padding-bottom: 30px;
    }

    .prall-select {
        width: 100%;
    }

    .prall-list.prall-list-wide .prall-item {
        width: calc(50% - 8px);
    }

    .prall-select-active.active + .prall-select-options {
        z-index: 3;
    }

    .nms2 .art-hero-logo {
        max-width: 175px;
    }

    .nms2 .art-hero {
        padding: 40px 0 24px;
    }

    .nms2 .art-hero-inner h1 {
        padding: 45px 0 10px;
        font-size: 36px;
        line-height: 44px;
        letter-spacing: 0;
    }

    .nms2 .art-hero-text {
        font-size: 24px;
        line-height: 32px;
        padding: 20px 0;
    }

    .nms2 .art-inner-3 .art-heading-text + .btn-blog {
        margin-top: 20px;
    }

    .nms-column.nms-column-1 {
        font-size: 18px;
    }

    .nms2 .art.art-3.art-6 .art-heading-text {
        max-width: 100%;
    }

    .nms2 .art.art-3.art-6 .art-heading-text + .btn-blog {
        display: none;
    }

    .art6-mobile-btn {
        display: block;
        margin-bottom: 30px;
        text-align: center;
    }

    .nms-item-text {
        font-size: 24px;
        line-height: 32px;
    }

    .nms2 .art-item-short-text {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 12px;
    }

    .art-7 .art-item-short-text a, .art-7 .art-item-short-text p, .art-5 .art-item-short-text a, .art-5 .art-item-short-text p {
        font-size: 1rem !important;
        line-height: 1.3;
    }

    .art-7 .art-item-text, .art-5 .art-item-text, .art-5 .art-item-short-text {
        margin-top: 0 !important;
    }

    .nms2 .art-list-arrows button {
        top: 30%;
    }

    .nms2 .art-inner.art-inner-3 {
        padding: 16px 0;
    }

    .nms2 .art-heading {
        display: block;
    }

    .nms-heading-right {
        flex-direction: row-reverse;
        gap: 20px;
        align-items: center;
    }

    .nms2 .art-heading-text {
        width: auto;
        margin-bottom: 0;
        flex: 1;
    }

    .nms2 .art-inner.art-inner-4 {
        padding: 25px 0 20px;
    }

    .nms2 .art-list.art-list-4 {
        padding: 40px 0 0;
    }

    .nms-column hr {
        margin: 15px 0px;
    }

    .art-list-4-items-left .nms-column.nms-column-1 hr {
        display: none;
    }

    .nms2 .art-3.art-6 .btn-blog a {
        padding: 10px 17px;
    }

    .cjp3-top-info .cs-container, .cjp3-block .cs-container {
        padding: 0;
    }

    .nms2 .art-inner.art-inner-3 .art-heading {
        display: flex;
    }

    .nms2 .art-heading-text {
        order: 2;
        width: 100%;
        flex: auto;
    }

    .nms2 .art-inner-3 .art-heading-text + .btn-blog {
        order: 1;
        margin-top: 0;
    }

    .nms2 .art-inner.art-inner-3.art-inner-6 .art-heading {
        display: block;
    }

    .privp-main-inner ol {
        margin-left: 20px;
    }

    .privp-main-inner ul {
        margin-top: -20px;
        margin-bottom: 20px;
    }

    .privp-main-inner ul li:before {
        top: 13px;
    }

    .privp-effective-date {
        font-size: 18px;
        margin-top: 10px !important;
        line-height: 26px;
    }

    .privp-main-inner ol li {
        margin-bottom: 20px;
    }

    .privp-wrap.privp-style-style2 .privp-main-inner h2 {
        padding-top: 10px;
    }

    .privp-wrap.privp-style-style2 .privp-effective-date {
        font-size: 18px;
        line-height: 26px;
    }

    .privp-wrap.privp-style-style2 .privp-other {
        margin-top: 30px;
    }
    
    .category .art-toc-line {
        display:none !important;
    }

    .cjp3-cta-authors-wrap .cs-container {
        padding: 0;
    }

    .icon-testim.icon-testim-image .icon-testim-inner:after, .icon-testim.icon-testim-image .icon-testim-inner:before {
        width: 70px;
        top: -69px;
    }

    .icon-testim.icon-testim-image h2 {
        font-size: 50px;
        padding-bottom: 20px;
    }

    .icon-testim.icon-testim-image {
        padding: 75px 0;
    }

    .icon-testim.icon-testim-image .cjp3-testim-text {
        font-size: 20px;
        letter-spacing: -0.03rem;
    }

    .cjp3-testim-from-img {
        margin: 0 auto;
        width: 120px;
        height: 120px;
    }

    .cjp3-testim-from-info {
        text-align: center;
        margin-top: 20px;
    }

    .icon-testim.icon-testim-image .cjp3-testim-name {
        font-size: 32px;
    }

    .icon-testim.icon-testim-image .cjp3-testim-role {
        font-size: 30px;
    }

    .process-nav.flexed {
        font-size: 18px;
    }

    .scl-accent-inner ul li {
        font-size: 20px;
        padding: 10px 20px;
    }

    .ch4-text-section-numbered-list-text {
        padding: 10px 0px;
    }

    .ch4-text-section-numbered-list-text p:not(:last-child) {
        margin: 0;
    }

    .ch3.process-page .cs-case {
        height: auto;
        width: auto;
        max-width: calc(100vw - 40px);
        padding: 0 16px;
    }

    .process-item-title span {
        display: flex;
        align-items: flex-start;
    }

    .process-item-title span b {
        margin-top: 3px;
    }

    .process-page .projects-grid .ch4-text-setion-inner {
        padding-top: 0;
    }

    .process-acc {
        margin-bottom: 0;
    }

    .process-page .home-work-work .home-work-item-info-bottom {
        padding-bottom: 16px;
    }

    .projects-grid + .home-work .home-work-small {
        padding-bottom: 64px;
    }

    .process-page .ch4-text-section.ch4-text-section2 {
        margin-top: 0;
    }

    
}

@media screen and (max-width: 740px) {
	
	.process-diagram-item:nth-child(1) .process-diagram-item-title:after, .process-diagram-item:nth-child(1) .process-diagram-item-title:before {
		width: 740px;
	}
}

@media screen and (max-width: 560px) {
    .cjp3-gallery-item:nth-child(1) img {
        /*height: 220px;*/ object-fit: cover;
        width: 100%;
    }

    .art-main-text-text table td {
        display: block;
    }

    .btn-blog + .btn-blog {
        margin-left: 0;
        margin-top: 0px;
    }

    .art-hero-links {
        gap: 15px;
    }

    .ch3 .cs-case {
        width: 100%;
        max-width: 100%;
    }

    .cjp3-block.cjp3-text table td {
        /*display: block;*/
        padding: 0;
    }

    .cp3.ch3 .case-cats {
        line-height: 24px;
    }

    .ch3 .cs-case {
        margin-bottom: 40px;
    }

    .ch3.cp3 .case-title {
        padding: 20px 0 10px;
        font-size: 24px;
    }

    .brand-fabrik-footer-main {
        flex-direction: column;
    }

    .brand-fabrik-footer-main-item {
        width: 100%;
    }

    footer.brand-fabrik-footer {
        background-size: 540px;
        background-position: -20px 25%;
    }

}