/*
Theme Name: Baucal
Theme URI: https://www.foxcomputers.ch
Author: Fox Computers
Author URI: https://www.foxcomputers.ch
Version: 2026
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: baucal

Baucal WordPress Theme 2011-2026
Baucal is distributed under the terms of the GNU GPL
*/

@font-face {
    font-family: 'NotoSans-Light';
    src: url('fonts/NotoSans-Light.woff2') format('woff2'),
        url('fonts/NotoSans-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NotoSans-Regular';
    src: url('fonts/NotoSans-Regular.woff2') format('woff2'),
        url('fonts/NotoSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NotoSans-SemiBold';
    src: url('fonts/NotoSans-SemiBold.woff2') format('woff2'),
        url('fonts/NotoSans-SemiBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NotoSans-Bold';
    src: url('fonts/NotoSans-Bold.woff2') format('woff2'),
        url('fonts/NotoSans-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

* {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline;
    outline:none;
    box-sizing: border-box;
    -webkit-appearance:none;
    appearance:none;
    border-radius:0,
    -webkit-tap-highlight-color:transparent;
}
html {
    scroll-behavior:smooth
}
body {
    line-height:1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
a {
    text-decoration-skip-ink:auto
}
a[href^="tel"] {
    color:inherit;
    text-decoration:none
}
ol,ul {
    list-style:none
}
blockquote,q {
    quotes:none
}
blockquote:before, blockquote:after, q:before, q:after {
    content:'';
    content:none
}
q {
    display:inline;
    font-style:italic
}
q:before {
    content:'"';
    font-style:normal
}
q:after {
    content:'"';
    font-style:normal
}
table {
    border-collapse:collapse;
    border-spacing:0
}
th,td {
    padding:2px
}
sup,sub {
    font-size:80%
}
sup {
    vertical-align:super
}
sub {
    vertical-align:sub
}
strong {
    font-family: 'NotoSans-Bold';
}
img {
    max-width:100%;
    height:auto;
}
.wp-caption, .wp-caption-text, .gallery-caption {
    display: none;
}
.alignright {
    float:right;
    margin:0 0 20px 20px;
}
.alignleft {
    float:left;
    margin:0 20px 20px 0;
}
.aligncenter {
    display: block;
    margin:0 auto 20px auto;
}

#header {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    background:#fff;
    box-shadow: 0 0 50px 0 rgba(0,0,0,0);
    transition: all .6s ease;
    z-index:999;
}
#header.scrolled {
    box-shadow: 0 0 50px 0 rgba(0,0,0,.1);
}
.home #header {
    top:-300px;
    transition: all .8s ease;
}
.home.loaded #header {
    top:0;
}
#header #header-inner {
    margin:0 auto;
    padding:56px 32px 32px 32px;
    max-width:1384px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    transition: all .6s ease;
}
#header.scrolled #header-inner {
    padding:20px 32px 16px 32px;
    transition: all .6s ease;
}
#header #header-inner #logo {
    margin-bottom:22px;
    transition: all .6s ease;
}
#header.scrolled #header-inner #logo {
    margin-bottom:8px;
    transition: all .6s ease;
}
#header #header-inner #logo img {
    display: block;
    width:270px;
    height:30px;
    transition: all .6s ease;
}
#header.scrolled #header-inner #logo img {
    width:180px;
    height:20px;
    transition: all .6s ease;
}
#header #header-inner #menu {
    max-width:860px;
    transition: all .6s ease;
}
#header.scrolled #header-inner #menu {
    max-width:580px;
    transition: all .6s ease;
}
#header #header-inner #menu ul {
    display: flex;
    flex-wrap: wrap;
    margin:0 -6px;
}
#header #header-inner #menu ul li {
    margin:0 6px;
}
#header #header-inner #menu ul li a {
    font-family: 'NotoSans-Regular';
    font-size:36px;
    line-height:52px;
    color:#3f3f3f;
    text-decoration: none;
    border-bottom:1px solid transparent;
    transition: all .6s ease;
}
#header #header-inner #menu ul li a:after {
    display: inline;
    content:".";
    font-family: 'NotoSans-Regular';
    font-size:36px;
    line-height:52px;
    color:#3f3f3f;
    transition: all .6s ease;
}
#header #header-inner #menu ul li a:hover, #header #header-inner #menu ul li.current-menu-item a, #header #header-inner #menu ul li.current-page-ancestor a {
    color:#a1251e;
    border-bottom:1px solid #a1251e;
}
#header #header-inner #menu ul li a:hover:after, #header #header-inner #menu ul li.current-menu-item a:after, #header #header-inner #menu ul li.current-page-ancestor a:after {
    color:#a1251e;
}
#header #header-inner #menu ul li .sub-menu {
    display: none;
}
#header.scrolled #header-inner #menu ul li a, #header.scrolled #header-inner #menu ul li a:after {
    font-size:24px;
    line-height:38px;
    transition: all .6s ease;
}

.header-slider-item.slick-slide {
    height:calc(100vh - 244px);
}
#header-arrow-down {
    position: absolute;
    bottom:2px;
    left:50%;
    margin-left:-70px;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-name: bounce;
    transform-origin: center bottom;
}
#header-arrow-down a {
    padding:54px 40px;
}
#header-arrow-down a, #header-arrow-down img {
    display: block;
}
@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }
  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
@keyframes bounce {
  from,
  20%,
  53%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }
  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}

#container {
    padding-top:244px;
    transition: all .6s ease;
}
#container.scrolled {
    padding-top:140px;
    transition: all .6s ease;
}

#sitebuilder {
    position: relative;
}
#start {
    position: absolute;
    top:-220px;
}

.sb-item {
    border-bottom:1px solid #3f3f3f;
}
.sb-item:nth-last-child(1), .sb-item.bottom-gap-half, .sb-item.border-off {
    border-bottom:none;
}
.no-head .sb-item:nth-child(1) > * {
    padding-top:50px;
}
.sb-item.top-gap-off > * {
    padding-top:0 !important;
}

.sbi-ltiles-item, .sbi-itiles-item, .sbi-acc-item, .sbi-team-item, .ref-single-content-item, .ref-single-gallery-item, .sbi-buttons-item, .ref-single-vgallery-item {
    opacity:0;
    transform: translateY(60px);
    transition: all var(--dur, .8s) ease;    
    transition-delay: calc(var(--i, 0) * var(--step, .2s));   
}
.sbi-customers-title, .sbi-customers-items, .sbi-buttons, .sbi-tifull-icon, .sbi-tifull-title, .sbi-tifull-text, .sbi-jobs-icon, .sbi-jobs-title, .sbi-jobs-item, .sbi-team-text, .sbi-contact-map, .sbi-contact-text, #ref-single-title, #ref-single-nav, #footer-inner, .sbi-tfull, .sbi-title {
    opacity:0;
    transform: translateY(60px);
    transition: all .8s ease;    
}
#ref-archive-filter, #header-slider, #footer {
    opacity:0;
    transition: all 1.6s ease;   
}
.sbi-ltiles.slidein .sbi-ltiles-item, .sbi-itiles.slidein .sbi-itiles-item, .sbi-customers-title.slidein, .sbi-customers-items.slidein, .sbi-acc-item.slidein, .sbi-buttons.slidein, #ref-archive-filter.slidein, .sbi-team-text.slidein, .sbi-team-item.slidein , .sbi-tifull-icon.slidein, .sbi-tifull-title.slidein, .sbi-tifull-text.slidein, .sbi-jobs-icon.slidein, .sbi-jobs-title.slidein, .sbi-jobs-item.slidein, .sbi-contact-map.slidein, .sbi-contact-text.slidein, #ref-single-title.slidein, .ref-single-content-item.slidein, .ref-single-gallery-item.slidein, #ref-single-nav.slidein, #header-slider.slidein, #footer.slidein, #footer-inner.slidein, .sbi-tfull.slidein, .sbi-title.slidein, .sbi-buttons-item.slidein, .ref-single-vgallery-item.slidein {
    opacity:1;
    transform: translateY(0);
}

.sbi-title {
    margin:0 auto;
    padding:72px 32px;
    max-width:1384px;
}
.sb-item.bottom-gap-half .sbi-title {
    padding-bottom:36px !important;
}
.sbi-title h1 a, .sbi-title h2 a {
    color:#3f3f3f;
    text-decoration: none;
}
.sbi-title h1 a:hover, .sbi-title h2 a:hover {
    text-decoration: underline;
}

.sbi-tfull, .sbi-tifull {
    margin:0 auto;
    padding:72px 32px 64px 32px;
    max-width:1384px;
}
.sbi-tifull {
    padding:72px 32px 46px 32px;
}
.sb-item.bottom-gap-half .sbi-tfull {
    padding-bottom:36px !important;
}
.sbi-tfull .sbi-tfull-title {
    border-bottom:1px solid #3f3f3f;
    padding-bottom:24px;
    margin-bottom:26px;
}
.sbi-tifull .sbi-tifull-title {
    border-top:1px solid #3f3f3f;
    padding-top:20px;
    margin-bottom:48px;
}
.sbi-tifull .sbi-tifull-icon {
    margin-bottom:40px;
}
.sbi-tifull .sbi-tifull-icon img {
    display: block;
    height:160px;
    width:auto;
}
.sbi-tfull img {
    padding-top:30px;
}

.sbi-ltiles {
    margin:0 auto;
    padding:72px 32px 40px 32px;
    max-width:1384px;
}
.sb-item.bottom-gap-half .sbi-ltiles {
    padding-bottom:28px !important;
}
.sbi-ltiles .sbi-ltiles-items {
    display: flex;
    flex-wrap: wrap;
    margin:0 -12px;
}
.sbi-ltiles .sbi-ltiles-items .sbi-ltiles-item {
    width:calc(50% - 24px);
    margin:0 12px 32px 12px;
}
.sbi-ltiles .sbi-ltiles-items .sbi-ltiles-item .sbi-ltiles-item-img {
    overflow: hidden;
    aspect-ratio: 21/10;
    margin-bottom:16px;
}
.sbi-ltiles .sbi-ltiles-items .sbi-ltiles-item .sbi-ltiles-item-img img {
    display: block;
    transform: scale(1);
    transition:all 1s ease;
}
.sbi-ltiles .sbi-ltiles-items .sbi-ltiles-item a {
    text-decoration: none;
    display: block;
}
.sbi-ltiles .sbi-ltiles-items .sbi-ltiles-item a:hover .sbi-ltiles-item-img img {
    transform: scale(1.1);
    transition:all 1s ease;
}

.sbi-itiles {
    margin:0 auto;
    padding:72px 32px 46px 32px;
    max-width:1384px;
}
.sb-item.bottom-gap-half .sbi-itiles {
    padding-bottom:36px !important;
}
.sbi-itiles .sbi-itiles-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin:0 -12px;
}
.sbi-itiles .sbi-itiles-items .sbi-itiles-item {
    width:calc(25% - 24px);
    margin:0 12px 22px 12px;
}
.sbi-itiles .sbi-itiles-items .sbi-itiles-item .sbi-itiles-item-icon {
    margin-bottom:40px;
}
.sbi-itiles .sbi-itiles-items .sbi-itiles-item .sbi-itiles-item-icon img {
    display: block;
    max-width:206px;
    max-height:124px;
    width:auto;
    height:auto;
}
.sbi-itiles .sbi-itiles-items .sbi-itiles-item .sbi-itiles-item-title {
    border-bottom:1px solid #3f3f3f;
    padding-bottom:20px;
    margin-bottom:20px;
}

.sbi-customers {
    margin:0 auto;
    padding:72px 32px;
    max-width:1384px;
}
.sb-item.bottom-gap-half .sbi-customers {
    padding-bottom:36px !important;
}
.sbi-customers .sbi-customers-title {
    border-top:1px solid #3f3f3f;
    padding-top:20px;
    margin-bottom:80px;
}
.sbi-customers .sbi-customers-items {
    margin-bottom:80px;
}
.sbi-customers .sbi-customers-items .slick-list {
    margin:0 -12px;
}
.sbi-customers .sbi-customers-items .sbi-customers-item.slick-slide {
    margin:0 12px;
}

.sbi-acc {
    margin:0 auto;
    padding:72px 32px;
    max-width:1384px;
}
.sb-item.bottom-gap-half .sbi-acc {
    padding-bottom:36px !important;
}
.sbi-acc .sbi-acc-items .sbi-acc-item {
    border-bottom:1px solid #3f3f3f;
}
.sbi-acc .sbi-acc-items .sbi-acc-item:nth-child(1) {
    border-top:1px solid #3f3f3f;
}
.sbi-acc .sbi-acc-items .sbi-acc-item .sbi-acc-item-trigger {
    padding:16px 72px 16px 0;
    position: relative;
    cursor: pointer;
}
.sbi-acc .sbi-acc-items .sbi-acc-item .sbi-acc-item-trigger:after {
    content:"";
    position: absolute;
    top:50%;
    right:0;
    width:50px;
    height:26px;
    margin-top:-13px;
    background:url(images/arrow-down.svg) no-repeat center center;
    background-size:50px 26px;
    transform: rotate(0deg);
    transition:all .4s ease;
}
.sbi-acc .sbi-acc-items .sbi-acc-item .sbi-acc-item-trigger.active:after {
    transform: rotate(180deg);
    transition:all .4s ease;
}
.sbi-acc .sbi-acc-items .sbi-acc-item .sbi-acc-item-toggle {
    display: none;
    padding:40px 0 46px 0;
}
.sbi-acc .sbi-acc-items .sbi-acc-item .sbi-acc-item-toggle img {
    padding-top:30px;
}

.sbi-buttons {
    margin:0 auto;
    padding:72px 32px;
    max-width:1384px;
}
.sb-item.bottom-gap-half .sbi-customers {
    padding-bottom:36px !important;
}
.sbi-buttons .sbi-buttons-items .sbi-buttons-item {
    margin-bottom:4px;
}
.sbi-buttons .sbi-buttons-items .sbi-buttons-item a {
    display: inline-block;
    font-family: 'NotoSans-Regular';
    font-size:20px;
    line-height:26px;
    color:#000;
    text-decoration: none;
    padding:15px 48px 15px 32px;
    background:url(images/link-arrow.svg) #f2f2f2 no-repeat right 14px center;
    background-size:26px 26px;
    width:50%;
    transition:all .4s ease;
}
.sbi-buttons .sbi-buttons-items .sbi-buttons-item a:hover {
    padding:15px 48px 15px 38px;
    background:url(images/link-arrow.svg) #e6e6e6 no-repeat right 14px center;
    background-size:26px 26px;
    transition:all .4s ease;
}

.sbi-team {
    background:#3f3f3f;
}
.sbi-team .sbi-team-inner {
    margin:0 auto;
    padding:72px 32px 16px 32px;
    max-width:1384px;
}
.sbi-team .sbi-team-inner .sbi-team-text {
    border-top:1px solid #b3b3b3;
    padding-top:20px;
}
.sbi-team .sbi-team-inner .sbi-team-items {
    display: flex;
    flex-wrap: wrap;
    margin:0 -12px;
    padding-top:94px;
}
.sbi-team .sbi-team-inner .sbi-team-items .sbi-team-item {
    width:calc(33.333% - 24px);
    margin:0 12px 56px 12px;
}
.sbi-team .sbi-team-inner .sbi-team-items .sbi-team-item .sbi-team-item-img {
    margin-bottom:24px;
}
.sbi-team .sbi-team-inner .sbi-team-items .sbi-team-item .sbi-team-item-img img {
    display: block;
    border-radius:50%;
}

.sbi-jobs {
    margin:0 auto;
    padding:72px 32px;
    max-width:1384px;
}
.sbi-jobs .sbi-jobs-icon {
    margin-bottom:40px;
}
.sbi-jobs .sbi-jobs-icon img {
    display: block;
}
.sbi-jobs .sbi-jobs-title {
    border-top:1px solid #3f3f3f;
    padding-top:20px;
}
.sbi-jobs .sbi-jobs-items {
    padding-top:48px;
}
.sbi-jobs .sbi-jobs-items .sbi-jobs-item {
    padding-bottom:44px;
    margin-bottom:40px;
    border-bottom:1px solid #f1f1f1;
}
.sbi-jobs .sbi-jobs-items .sbi-jobs-item:nth-last-child(1) {
    padding-bottom:0;
    margin-bottom:0;
    border-bottom:none;
}
.sbi-jobs .sbi-jobs-items .sbi-jobs-item .sbi-jobs-item-text {
    padding-top:26px;
}
.sbi-jobs .sbi-jobs-items .sbi-jobs-item .sbi-jobs-item-button {
    padding-top:12px;
}
.sbi-jobs .sbi-jobs-items .sbi-jobs-item .sbi-jobs-item-button a {
    display: inline-block;
    font-family: 'NotoSans-Regular';
    font-size:20px;
    line-height:26px;
    color:#000;
    text-decoration: none;
    padding:15px 48px 15px 32px;
    background:url(images/link-arrow.svg) #f2f2f2 no-repeat right 14px center;
    background-size:26px 26px;
    width:50%;
    transition:all .4s ease;
}
.sbi-jobs .sbi-jobs-items .sbi-jobs-item .sbi-jobs-item-button a:hover {
    padding:15px 48px 15px 38px;
    background:url(images/link-arrow.svg) #e6e6e6 no-repeat right 14px center;
    background-size:26px 26px;
    transition:all .4s ease;
}
.sbi-jobs .sbi-jobs-noitems {
    padding:48px 0 64px 0;
}

.sbi-contact {
    margin:0 auto;
    padding:72px 32px 24px 32px;
    max-width:1384px;
}
.sbi-contact .sbi-contact-map {
    margin-bottom:56px;
}
.sbi-contact .sbi-contact-map .gmap {
    width: 100%;
    aspect-ratio: 660 / 371;
}
.sbi-contact .sbi-contact-map .gmap img {
    max-width: inherit !important;
}

#ref-archive {
    margin:0 auto;
    padding:50px 32px 72px 32px;
    max-width:1384px;
}
#ref-archive #ref-archive-filter {
    display: flex;
    flex-wrap: wrap;
    margin:0 -2px;
}
#ref-archive #ref-archive-filter button {
    width:calc(50% - 4px);
    margin:0 2px 4px 2px;
    font-family: 'NotoSans-Regular';
    font-size:20px;
    line-height:26px;
    color:#000;
    text-decoration: none;
    padding:15px 32px;
    background:#f2f2f2;
    cursor: pointer;
    transition:all .4s ease;
}
#ref-archive #ref-archive-filter button.active {
    color:#a1251e;
    background:#e6e6e6;
    transition:all .4s ease;
}
#ref-archive #ref-archive-filter button:hover {
    color:#a1251e;
    transition:all .4s ease;
}
#ref-archive #ref-archive-items {
    display: flex;
    flex-wrap: wrap;
    margin:0 -12px;
    padding-top:76px;
}
#ref-archive #ref-archive-items .ref-archive-item {
    width:calc(33.333% - 24px);
    margin:0 12px 56px 12px;
    opacity: 0;
    transform: translateY(20px);
    transition: all .8s ease;
}
#ref-archive #ref-archive-items .ref-archive-item.is-visible {
    opacity: 1;
    transform: translateY(0);
}
#ref-archive #ref-archive-items.is-filtering .ref-archive-item {
    opacity: 0;
    transform: translateY(-10px);
    transition: all .8s ease;
}
#ref-archive #ref-archive-items .ref-archive-item a {
    text-decoration: none;
}
#ref-archive #ref-archive-items .ref-archive-item .ref-archive-item-img {
    margin-bottom:20px;
    overflow: hidden;
}
#ref-archive #ref-archive-items .ref-archive-item .ref-archive-item-img img {
    display: block;
    transform: scale(1);
    transition:all .8s ease;
}
#ref-archive #ref-archive-items .ref-archive-item:hover .ref-archive-item-img img {
    transform: scale(1.1);
    transition:all .8s ease;
}
#ref-archive .ref-count {
    font-family: 'NotoSans-Regular';
    font-size:20px;
    line-height:26px;
    color:#000;
    text-align: center;
    padding-top:24px;
    margin-bottom:36px;
}
#ref-archive .ref-load-more-wrap {
    text-align: center;
    font-size:0;
}
#ref-archive .ref-load-more-wrap button {
    display: inline-block;
    width:50%;
    max-width:648px;
    font-family: 'NotoSans-Regular';
    font-size:20px;
    line-height:26px;
    color:#000;
    text-decoration: none;
    padding:15px 32px;
    background:#f2f2f2;
    cursor: pointer;
    transition:all .4s ease;
}
#ref-archive .ref-load-more-wrap button:hover {
    color:#a1251e;
    background:#e6e6e6;
    transition:all .4s ease;
}

#ref-single {
    margin:0 auto;
    padding:72px 32px;
    max-width:1384px;
    position: relative;
}
#ref-single #ref-single-title {
    margin-bottom:56px;
}
#ref-single #ref-single-content {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin:0 -12px;
}
#ref-single #ref-single-content #ref-single-content-text {
    width:calc(100% - 472px);
    margin:0 12px 40px 12px;
}
#ref-single #ref-single-content #ref-single-content-text.has-text {
    border-top:1px solid #3f3f3f;
    margin:0 12px 80px 12px;
}
#ref-single #ref-single-content #ref-single-content-sidebar {
    width:424px;
    margin:0 12px 80px 12px;
    border-top:1px solid #3f3f3f;
    background:#f2f2f2;
}
#ref-single #ref-single-content #ref-single-content-sidebar .ref-single-content-sidebar-item {
    padding:40px 24px 14px 24px;
    border-bottom:1px solid #3f3f3f;
}
#ref-single #ref-single-content #ref-single-content-text #ref-single-content-text-button {
    text-align: left;
    font-size:0;
}
#ref-single #ref-single-content #ref-single-content-text.has-text #ref-single-content-text-button {
    padding-top:54px;
}
#ref-single #ref-single-content #ref-single-content-text #ref-single-content-text-button a {
    display: inline-block;
    font-family: 'NotoSans-Regular';
    font-size:20px;
    line-height:26px;
    color:#000;
    text-decoration: none;
    padding:15px 48px 15px 32px;
    background:url(images/link-arrow.svg) #f2f2f2 no-repeat right 14px center;
    background-size:26px 26px;
    width:648px;
    max-width:100%;
    transition:all .4s ease;
}
#ref-single #ref-single-content #ref-single-content-text #ref-single-content-text-button a:hover {
    padding:15px 48px 15px 38px;
    background:url(images/link-arrow.svg) #e6e6e6 no-repeat right 14px center;
    background-size:26px 26px;
    transition:all .4s ease;
}

#ref-single-vgallery #ref-single-vgallery-items .ref-single-vgallery-item {
    margin-bottom:24px;
}
#ref-single-vgallery #ref-single-vgallery-items .ref-single-vgallery-item .sbi-video-frame {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}
#ref-single-vgallery #ref-single-vgallery-items .ref-single-vgallery-item .sbi-video-frame iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.plyr__controls {
    font-family: 'NotoSans-Regular';
}
.plyr__control--overlaid {
    background: none !important;
    border-radius:0 !important;
    opacity:1 !important;
    padding:0 !important;
} 
.plyr__control.plyr__control--overlaid svg {
    width: 128px !important;
    height: 128px !important;
    transition: all .3s ease;
}
.plyr__control, .plyr__volume, .plyr__progress {
    --plyr-color-main: #a1251e;
}
.plyr__control.plyr__control--overlaid svg {
    fill: #a1251e !important;
    transition: all .3s ease;
}
.plyr__control.plyr__control--overlaid:hover svg {
    fill: #a1251e !important;
    transition: all .3s ease;
}
*::-webkit-media-controls-panel {
    background-color: #a1251e !important;
}

#ref-single-gallery-items {
    display: flex;
    flex-wrap: wrap;
    margin:0 -12px;
}
#ref-single-gallery-items .ref-single-gallery-item {
    width:calc(100% - 24px);
    margin:0 12px 24px 12px;
}
#ref-single-gallery-items .ref-single-gallery-item.portrait {
    width:calc(50% - 24px);
}
#ref-single-gallery-items .ref-single-gallery-item img {
    display: block;
}
#ref-single-nav {
    padding-top:96px;
}
#ref-single-nav #ref-single-nav-items {
    display: flex;
    justify-content: center;
}
#ref-single-nav #ref-single-nav-items .ref-single-nav-item:nth-child(2):before, #ref-single-nav #ref-single-nav-items .ref-single-nav-item:nth-child(3):before {
    display: inline;
    content:"|";
    font-family: 'NotoSans-Regular';
    font-size:20px;
    line-height:26px;
    color:#000;
    margin:0 8px;
}
#ref-single-nav #ref-single-nav-items .ref-single-nav-item a, #ref-single-nav #ref-single-nav-items .ref-single-nav-item span {
    font-family: 'NotoSans-Regular';
    font-size:20px;
    line-height:26px;
    color:#000;
    text-decoration: none;
}
#ref-single-nav #ref-single-nav-items .ref-single-nav-item span {
    color:#ccc;
}
#ref-single-nav #ref-single-nav-items .ref-single-nav-item a:hover {
    color:#a1251e;
}

#content h1, #content #ref-single h1, #content .sbi-title h1, #content .sbi-title h2, #content #ref-single h2 {
    font-family: 'NotoSans-Regular';
    font-size:56px;
    line-height:66px;
    color:#3f3f3f;
}
#content .sbi-title h1, #content .sbi-title h2, #content #ref-single h2 {
    font-family: 'NotoSans-Light';
}
#content #ref-single h1 {
    font-family: 'NotoSans-Bold';
}
#content .sbi-tfull-title h1, #content .sbi-tfull-title h2 {
    font-family: 'NotoSans-Bold';
    font-size:20px;
    line-height:26px;
    color:#000;
}
#content .sbi-team h1, #content .sbi-team h2 {
    margin-bottom:48px;
}
#content h2, #content #ref-single-content-text h2 {
    font-family: 'NotoSans-Regular';
    font-size:36px;
    line-height:48px;
    color:#3f3f3f;
}
#content #ref-single-content-text h2 {
    padding-top:28px;
    margin-bottom:56px;
}
#content .sbi-itiles-item-title h2, #content .ref-archive-item-text h2, #content #ref-single .ref-single-content-sidebar-item h2 {
    font-family: 'NotoSans-Bold';
    font-size:20px;
    line-height:26px;
    color:#000;
}
#content .sbi-ltiles-item h2:after {
    font-family: 'NotoSans-Regular';
    font-size:36px;
    line-height:48px;
    color:#3f3f3f;
    content:".";
    display: inline;
}
#content h3, #content .ref-archive-item-text h3, #content .sbi-team-item-text h4, #content .sbi-jobs-item h4 {
    font-family: 'NotoSans-Bold';
    font-size:20px;
    line-height:26px;
    color:#000;
}
#content .ref-archive-item-text h3, #content .sbi-team-item-text h4, #content .sbi-jobs-item h4 {
    font-family: 'NotoSans-Regular';
}
#content .sbi-team h1, #content .sbi-team h2, #content .sbi-team h3, #content .sbi-team h4, #content .sbi-team p, #content .sbi-team p a, #content .sbi-team ul li, #content .sbi-team ol li {
    color:#b3b3b3;
}
#content p {
    font-family: 'NotoSans-Regular';
    font-size:20px;
    line-height:26px;
    color:#000;
    margin-bottom:26px;
}
#content p a, #content ul li a, #content ol li a {
    color:#000;
    text-decoration: none;
    border-bottom:1px solid #000;
}
#content p a:hover, #content ul li a:hover, #content ol li a:hover {
    color:#a1251e;
    border-bottom:1px solid transparent;
}
#content ul, #content ol {
    margin-bottom:26px;
    padding-left:20px;
}
#content ul li {
    font-family: 'NotoSans-Regular';
    font-size:20px;
    line-height:26px;
    color:#000;
    list-style: square;
}
#content ol li {
    font-family: 'NotoSans-Regular';
    font-size:20px;
    line-height:26px;
    color:#000;
    list-style:decimal;
}
#content .sbi-contact-text p, #content .sbi-contact-text ul li, #content .sbi-contact-text ol li {
    font-family: 'NotoSans-Regular';
    font-size:36px;
    line-height:48px;
    color:#000;
}
#content .sbi-contact-text p, #content .sbi-contact-text ul, #content .sbi-contact-text ol {
    margin-bottom:48px;
}

#footer {
    width:100%;
    padding:102px 32px;
    background:#c7c7c7;
}
#footer #footer-inner {
    margin:0 auto;
    max-width:1320px;
}
#footer #footer-inner #footer-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin:0 -12px;
}
#footer #footer-inner #footer-items .footer-item {
    width:calc(33.333% - 24px);
    margin:0 12px;
    padding:24px 0;
    border-top:1px solid #fff;
    border-bottom:1px solid #fff;
}
#footer #footer-inner #footer-items .footer-item:nth-child(2) {
    padding:0;
}
#footer #footer-inner #footer-items .footer-item p, #flinks-items .flinks-item a {
    font-family: 'NotoSans-Regular';
    font-size:20px;
    line-height:26px;
    color:#000;
}
#footer #footer-inner #footer-items .footer-item p a, #flinks-items .flinks-item a {
    color:#000;
    text-decoration: none;
}
#footer #footer-inner #footer-items .footer-item p a:hover, #flinks-items .flinks-item a:hover, #footer #footer-inner #footer-items .footer-item #fmenu ul li a:hover, #footer #footer-inner #footer-items .footer-item #fmenu ul li.current-menu-item a {
    color:#a1251e;
}
#footer #footer-inner #footer-items .footer-item h3 {
    font-family: 'NotoSans-Regular';
    font-size:20px;
    line-height:26px;
    color:#000;
    margin-bottom:26px;
}
#footer #footer-inner #footer-items .footer-item #copyright {
    padding:26px 0;
}
#footer #footer-inner #footer-items .footer-item #fmenu ul li {
    padding:25px 0;
    border-bottom:1px solid #fff;
}
#footer #footer-inner #footer-items .footer-item #fmenu ul li a {
    font-family: 'NotoSans-Regular';
    font-size:20px;
    line-height:26px;
    color:#000;
    text-decoration: none;
}

#menu-trigger {
    display: none;
    position: absolute;
    top:50%;
    right:16px;
    margin-top:-10px;
    width: 24px;
    height: 20px;
    cursor: pointer;
    flex-direction: column;
    justify-content: space-between;
}
#menu-trigger span {
    display: block;
    width: 100%;
    height: 2px;
    background: #000;
    transition: all 0.3s ease;
    transform-origin: center;
}
#menu-trigger.active span:nth-child(1) {
    transform: translateY(9px) rotate(45deg);
}
#menu-trigger.active span:nth-child(2) {
    display: none;
    background:#fff;
}
#menu-trigger.active span:nth-child(3) {
    transform: translateY(-9px) rotate(-45deg);
}

#mobile-menu {
    position: fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    max-height:100%;
    overflow-y: scroll;
    background: #fff;
    z-index: 99;
    -ms-overflow-style: none;
    scrollbar-width: none;
    transform: translateY(-120%);
    transition: all .8s ease;
}
#mobile-menu.mopen {
    transform: translateY(0);
    transition: all .8s ease;
}
#mobile-menu::-webkit-scrollbar {
    display: none;
}
#mobile-menu #mmenu {
    padding:100px 16px 50px 16px;
    transform: translateY(-60px);
    opacity: 0;
    transition: all .8s ease .6s;
}
#mobile-menu.mopen #mmenu {
    transform: translateY(0);
    opacity: 1;
}
#mobile-menu #mmenu ul li {
    width:100%;
    border-bottom: 1px solid #3f3f3f;
}
#mobile-menu #mmenu ul li:nth-child(1) {
    border-top: 1px solid #3f3f3f;
}
#mobile-menu #mmenu ul li a, #mobile-menu #mmenu ul li span.mm-text:after {
    display: block;
    padding:6px 0;
    font-family: 'NotoSans-Regular';
    font-size:22px;
    line-height:32px;
    color:#3f3f3f;
    text-decoration: none;
}
#mobile-menu #mmenu ul li span.mm-text:after {
    display: inline;
    padding:0;
    content:".";
    font-family: 'NotoSans-Regular';
    font-size:22px;
    line-height:32px;
    color:#3f3f3f;
}
#mobile-menu #mmenu ul li.current-menu-item a, #mobile-menu #mmenu ul li.current-menu-item span.mm-text:after {
    color:#a1251e;
}

#post-e404 {
    margin:0 auto;
    padding:60px 16px;
    max-width: 1352px;
}
#post-e404 span {
    font-family: 'NotoSans-Bold';
    font-size:124px;
    line-height:129px;
    color:#3f3f3f;
}
#content #post-e404 h1 {
    font-size:24px;
    line-height:29px;
    margin-bottom:24px;
}
#content #post-e404 p {
    font-size:16px;
    line-height:21px;
    max-width:640px;
}

@media only screen and (max-width:1180px) {
    #header-arrow-down {
        display: none;
    }
    #header #header-inner, #header.scrolled #header-inner {
        padding:20px 32px 16px 32px;
    }
    #header #header-inner #logo, #header.scrolled #header-inner #logo {
        margin-bottom:8px;
    }
    #header #header-inner #logo img, #header.scrolled #header-inner #logo img {
        width:180px;
        height:20px;
        transition: all .6s ease;
    }
    #header #header-inner #menu, #header.scrolled #header-inner #menu {
        max-width:580px;
        transition: all .6s ease;
    }
    #container, #container.scrolled {
        padding-top:140px;
        transition: all .6s ease;
    }
    .header-slider-item.slick-slide {
        height: auto;
        aspect-ratio: 2/1;
    }
    .sbi-tfull, .sbi-tifull, .sbi-tifull {
        padding:56px 32px 35px 32px;
    }
    .sbi-ltiles {
        padding:56px 32px 26px 32px;
    }
    .sbi-ltiles .sbi-ltiles-items .sbi-ltiles-item .sbi-ltiles-item-img {
        aspect-ratio: 16/9;
    }
    .sbi-itiles {
        padding:56px 32px 2px 32px;
    }
    .sbi-title, .sbi-customers, .sbi-acc, .sbi-buttons, .sbi-jobs, #footer, #ref-archive, #ref-single {
        padding:56px 32px;
    }
    .sbi-team .sbi-team-inner {
        padding:56px 32px 8px 32px;
    }
    .sbi-contact {
        padding:56px 32px 24px 32px;
    }
    .sb-item.bottom-gap-half .sbi-customers, .sb-item.bottom-gap-half .sbi-title {
        padding-bottom:28px !important;
    }
    .sb-item.bottom-gap-half .sbi-tfull {
        padding-bottom:28px !important;
    }
    .sb-item.bottom-gap-half .sbi-acc {
        padding-bottom:56px !important;
    }
    .sb-item.bottom-gap-half .sbi-itiles {
        padding-bottom:42px !important;
    }
    .sbi-acc .sbi-acc-items .sbi-acc-item .sbi-acc-item-trigger {
        padding: 14px 56px 14px 0;
    }
    .sbi-acc .sbi-acc-items .sbi-acc-item .sbi-acc-item-trigger:after {
        width:32px;
        height:17px;
        margin-top:-8px;
        background:url(images/arrow-down.svg) no-repeat center center;
        background-size:32px 17px;
    }
    .sbi-itiles .sbi-itiles-items .sbi-itiles-item {
        width: calc(50% - 24px);
    }
    .sbi-itiles .sbi-itiles-items .sbi-itiles-item .sbi-itiles-item-icon {
        margin-bottom: 28px;
    }
    .sbi-ltiles .sbi-ltiles-items .sbi-ltiles-item {
        margin: 0 12px 20px 12px;
    }
    .sbi-ltiles .sbi-ltiles-items .sbi-ltiles-item .sbi-ltiles-item-img {
        margin-bottom: 6px;
    }
    .sbi-customers .sbi-customers-title {
        padding-top: 16px;
        margin-bottom: 32px;
    }
    .sbi-team .sbi-team-inner .sbi-team-items {
        padding-top: 48px;
    }
    .sbi-team .sbi-team-inner .sbi-team-items .sbi-team-item {
        margin: 0 12px 48px 12px;
    }
    .sbi-tifull .sbi-tifull-title {
        padding-top: 16px;
        margin-bottom: 28px;
    }
    .sbi-jobs .sbi-jobs-icon {
        margin-bottom: 28px;
    }
    .sbi-jobs .sbi-jobs-items {
        padding-top: 24px;
    }
    .sbi-jobs .sbi-jobs-items .sbi-jobs-item .sbi-jobs-item-button {
        padding-top: 0;
    }
    .sbi-contact .sbi-contact-map .gmap {
        aspect-ratio: 16 / 9;
    }
    .sbi-contact .sbi-contact-map {
        margin-bottom: 56px;
    }
    #content .sbi-team h1, #content .sbi-team h2 {
        margin-bottom: 24px;
    }
    #ref-archive #ref-archive-items {
        padding-top: 56px;
    }
    #ref-archive .ref-count {
        margin-bottom: 24px;
        padding-top:12px;
    }
    #ref-archive #ref-archive-items .ref-archive-item {
        margin: 0 12px 32px 12px;
    }
    #ref-archive #ref-archive-items .ref-archive-item .ref-archive-item-img {
        margin-bottom: 16px;
    }
    #ref-single #ref-single-title {
        margin-bottom: 56px;
    }
    #ref-single-nav {
        padding-top: 32px;
    }
    #footer #footer-inner #footer-items {
        justify-content: flex-start;
    }
    #footer #footer-inner #footer-items .footer-item {
        width: calc(50% - 24px);
    }
    #footer #footer-inner #footer-items .footer-item:nth-child(3) {
        border-top:none;
    }
    #footer #footer-inner #footer-items .footer-item {
        padding:18px 0;
    }
    #footer #footer-inner #footer-items .footer-item p, #flinks-items .flinks-item a {
        font-size:12px;
        line-height:15px;
    }
    #footer #footer-inner #footer-items .footer-item h3 {
        font-size:12px;
        line-height:15px;
        margin-bottom:15px;
    }
    #footer #footer-inner #footer-items .footer-item #copyright {
        padding:15px 0;
    }
    #footer #footer-inner #footer-items .footer-item #fmenu ul li {
        padding:15px 0;
    }
    #footer #footer-inner #footer-items .footer-item #fmenu ul li a {
        font-size:12px;
        line-height:15px;
    }
    #content h1, #content #ref-single h1, #content .sbi-title h1, #content .sbi-title h2, #content #ref-single h2 {
        font-size:36px;
        line-height:42px;
    }
    #content h2, #content #ref-single-content-text h2, #content .sbi-contact-text p, #content .sbi-contact-text ul li, #content .sbi-contact-text ol li, #content .sbi-ltiles-item h2, #content .sbi-ltiles-item h2:after {
        font-size:22px;
        line-height:32px;
    }
    .sbi-buttons .sbi-buttons-items .sbi-buttons-item a, .sbi-jobs .sbi-jobs-items .sbi-jobs-item .sbi-jobs-item-button a, #ref-archive #ref-archive-filter button, #ref-archive .ref-count, #ref-archive .ref-load-more-wrap button, #ref-single #ref-single-content #ref-single-content-text #ref-single-content-text-button a, #ref-single-nav #ref-single-nav-items .ref-single-nav-item:nth-child(2):before, #ref-single-nav #ref-single-nav-items .ref-single-nav-item:nth-child(3):before, #ref-single-nav #ref-single-nav-items .ref-single-nav-item a, #ref-single-nav #ref-single-nav-items .ref-single-nav-item span, #content .sbi-tfull-title h1, #content .sbi-tfull-title h2, #content .sbi-itiles-item-title h2, #content .ref-archive-item-text h2, #content #ref-single .ref-single-content-sidebar-item h2, #content h3, #content .ref-archive-item-text h3, #content .sbi-team-item-text h4, #content .sbi-jobs-item h4, #content p, #content ul li, #content ol li, #ref-archive .ref-count {
        font-size:16px;
        line-height:21px;
    }
    #content #ref-single-content-text h2 {
        padding-top: 16px;
        margin-bottom: 28px;
    }
    #header #header-inner #menu ul li a, #header #header-inner #menu ul li a:after, #header.scrolled #header-inner #menu ul li a, #header.scrolled #header-inner #menu ul li a:after {
        font-size:24px;
        line-height:38px;
        transition: all .6s ease;
    }
    #content .sbi-contact-text p, #content .sbi-contact-text ul, #content .sbi-contact-text ol {
        margin-bottom: 32px;
    }
    .sbi-title h1 a:hover, .sbi-title h2 a:hover {
        text-decoration: none;
    }
    .sbi-ltiles .sbi-ltiles-items .sbi-ltiles-item a:hover .sbi-ltiles-item-img img {
        transform: scale(1);
    }
    .sbi-buttons .sbi-buttons-items .sbi-buttons-item a:hover {
        padding:15px 48px 15px 32px;
        background:url(images/link-arrow.svg) #f2f2f2 no-repeat right 14px center;
        background-size:26px 26px;
    }
    .sbi-jobs .sbi-jobs-items .sbi-jobs-item .sbi-jobs-item-button a:hover {
        padding:15px 48px 15px 32px;
        background:url(images/link-arrow.svg) #f2f2f2 no-repeat right 14px center;
        background-size:26px 26px;
    }
    #ref-archive #ref-archive-filter button.active:hover {
        color:#a1251e;
    }
    #ref-archive #ref-archive-filter button:hover {
        color:#000;
    }
    #ref-archive #ref-archive-items .ref-archive-item:hover .ref-archive-item-img img {
        transform: scale(1);
    }
    #ref-archive .ref-load-more-wrap button:hover {
        color:#000;
        background:#f2f2f2;
    }
    #ref-single #ref-single-content #ref-single-content-text #ref-single-content-text-button a:hover {
        padding:15px 48px 15px 32px;
        background:url(images/link-arrow.svg) #f2f2f2 no-repeat right 14px center;
        background-size:26px 26px;
    }
    #ref-single-nav #ref-single-nav-items .ref-single-nav-item a:hover {
        color:#000;
    }
    #content p a:hover, #content ul li a:hover, #content ol li a:hover {
        color:#000;
        border-bottom:1px solid #000;
    }
    .sbi-itiles .sbi-itiles-items .sbi-itiles-item .sbi-itiles-item-icon img {
        max-width: 160px;
        max-height: 88px;
    }
    .sbi-itiles .sbi-itiles-items .sbi-itiles-item .sbi-itiles-item-icon img {
        max-width: 160px;
        max-height: 88px;
    }
    .sbi-jobs .sbi-jobs-icon img, .sbi-tifull .sbi-tifull-icon img {
        max-width: 160px;
        max-height: 88px;
        width:auto;
        height:auto;
    }
    .sbi-tifull .sbi-tifull-icon {
        margin-bottom: 28px;
    }
    #footer #footer-inner #footer-items .footer-item p a:hover, #flinks-items .flinks-item a:hover, #footer #footer-inner #footer-items .footer-item #fmenu ul li a:hover, #footer #footer-inner #footer-items .footer-item #fmenu ul li.current-menu-item a {
        color:#000;
    }
}
@media only screen and (max-width:1023px) {
    .alignright, .alignleft {
        float: none;
        display: block;
        margin:0 auto 20px auto;
    } 
    #ref-single #ref-single-content #ref-single-content-text.has-text, #ref-single #ref-single-content #ref-single-content-sidebar {
        width:calc(100% - 24px);
        margin:0 12px 56px 12px;
    }
    #ref-single #ref-single-content #ref-single-content-text {
        width:calc(100% - 24px);
        margin:0 12px 28px 12px;
    }
    #ref-single #ref-single-content #ref-single-content-sidebar .ref-single-content-sidebar-item {
        padding: 32px 24px 6px 24px;
    }
    #ref-single #ref-single-content #ref-single-content-text.has-text #ref-single-content-text-button {
        padding-top: 16px;
    }
}
@media only screen and (max-width:810px) {
    .sbi-team .sbi-team-inner .sbi-team-items .sbi-team-item, #ref-archive #ref-archive-items .ref-archive-item {
        width: calc(50% - 24px);
    }
}
@media only screen and (max-width:767px) {
    .sbi-buttons .sbi-buttons-items .sbi-buttons-item a, .sbi-jobs .sbi-jobs-items .sbi-jobs-item .sbi-jobs-item-button a, #ref-archive .ref-load-more-wrap button {
        width: 100%;
    }
}
@media only screen and (max-width:568px) {
    #header #header-inner, #header.scrolled #header-inner {
        padding: 17px 16px;
    }
    #header #header-inner #logo, #header.scrolled #header-inner #logo {
        margin-bottom: 0;
    }
    #header #header-inner #logo img, #header.scrolled #header-inner #logo img {
        width: 143px;
        height: 16px;
    }
    #header #header-inner #menu {
        display: none;
    }
    #menu-trigger {
        display: flex;
    }
    #container, #container.scrolled {
        padding-top: 50px;
    }
    .sbi-title, .sbi-customers, .sbi-acc, .sbi-buttons, .sbi-jobs, #footer {
        padding: 44px 16px;
    }
    #content .sbi-title h1, #content .sbi-title h2 {
        margin-bottom:8px;
    }
    .no-head .sb-item:nth-child(1) > * {
        padding-top: 14px;
    }
    .sbi-ltiles {
        padding: 44px 16px 32px 16px;
    }
    .sbi-ltiles .sbi-ltiles-items {
        margin:0 -8px;
    }
    .sbi-ltiles .sbi-ltiles-items .sbi-ltiles-item .sbi-ltiles-item-img {
        margin-bottom: 4px;
    }
    .sbi-ltiles .sbi-ltiles-items .sbi-ltiles-item {
        width:calc(50% - 16px);
        margin: 0 8px 12px 8px;
    }
    .sbi-itiles {
        padding: 44px 16px 2px 16px;
    }
    .sbi-itiles .sbi-itiles-items .sbi-itiles-item {
        width: calc(100% - 24px);
    }
    .sbi-acc .sbi-acc-items .sbi-acc-item .sbi-acc-item-toggle {
        padding: 20px 0 26px 0;
    }
    .sbi-acc .sbi-acc-items .sbi-acc-item .sbi-acc-item-toggle img {
        padding-top: 2px;
    }
    .sbi-tfull, .sbi-tifull, .sbi-tifull {
        padding:44px 16px 18px 16px;
    }
    .sbi-team .sbi-team-inner {
        padding:44px 16px 20px 16px;
    }
    .sbi-team .sbi-team-inner .sbi-team-text {
        padding-top: 14px;
    }
    .sbi-team .sbi-team-inner .sbi-team-items {
        padding-top: 2px;
        margin:0 -8px;
    }
    .sbi-team .sbi-team-inner .sbi-team-items .sbi-team-item {
        width:calc(50% - 16px);
        margin:0 8px 24px 8px;
    }
    .sbi-team .sbi-team-inner .sbi-team-items .sbi-team-item .sbi-team-item-img {
        margin-bottom: 12px;
    }
    .sbi-contact {
        padding:32px 16px 12px 16px;
    }
    .sbi-contact .sbi-contact-map {
        margin-bottom: 40px;
    }
    .sbi-tifull .sbi-tifull-icon img, .sbi-jobs .sbi-jobs-icon img {
        height: 64px;
        width:auto;
    }
    .sbi-tifull .sbi-tifull-icon {
        margin-bottom: 14px;
    }
    .sbi-jobs .sbi-jobs-icon {
        margin-bottom: 14px;
    }
    .sbi-jobs .sbi-jobs-title {
        padding-top: 14px;
    }
    .sbi-jobs .sbi-jobs-items .sbi-jobs-item {
        padding-bottom: 22px;
        margin-bottom: 20px;
    }
    .sbi-tfull .sbi-tfull-title {
        padding-bottom: 14px;
        margin-bottom: 14px;
    }
    .sb-item.bottom-gap-half .sbi-customers, .sb-item.bottom-gap-half .sbi-title {
        padding-bottom:28px !important;
    }
    .sb-item.bottom-gap-half .sbi-tfull {
        padding-bottom:28px !important;
    }
    .sb-item.bottom-gap-half .sbi-acc {
        padding-bottom:44px !important;
    }
    .sb-item.bottom-gap-half .sbi-itiles {
        padding-bottom:12px !important;
    }
    .sbi-buttons .sbi-buttons-items .sbi-buttons-item a, .sbi-buttons .sbi-buttons-items .sbi-buttons-item a:hover {
        padding: 15px 48px 15px 16px;
    }
    .sbi-buttons .sbi-buttons-items .sbi-buttons-item {
        margin-bottom: 2px;
    }
    .sbi-itiles .sbi-itiles-items .sbi-itiles-item .sbi-itiles-item-icon {
        margin-bottom: 14px;
    }
    .sbi-itiles .sbi-itiles-items .sbi-itiles-item .sbi-itiles-item-icon img {
        max-width: auto;
        max-height: 64px;
    }
    .sbi-itiles .sbi-itiles-items .sbi-itiles-item {
        margin-bottom:16px;
    }
    .sbi-customers .sbi-customers-title {
        padding-top: 12px;
        margin-bottom: 24px;
    }
    .sbi-customers .sbi-customers-items {
        margin-bottom: 62px;
    }
    .sbi-customers .sbi-customers-items .slick-list {
        margin:0 -8px;
    }
    .sbi-customers .sbi-customers-items .sbi-customers-item.slick-slide {
        margin:0 8px;
    }
    #ref-archive {
        padding:0 16px 44px 16px;
    }
    #ref-archive #ref-archive-filter {
        margin: 0 -1px;
    }
    #ref-archive #ref-archive-filter button {
        width: calc(100% - 2px);
        margin: 0 1px 2px 1px;
        text-align: left;
        padding: 15px 24px;
    }
    #ref-archive #ref-archive-items {
        padding-top: 42px;
        margin: 0 -6px;
    }
    #ref-archive #ref-archive-items .ref-archive-item {
        width: calc(50% - 16px);
        margin: 0 8px 24px 8px;
    }
    #ref-archive #ref-archive-items .ref-archive-item .ref-archive-item-img {
        margin-bottom: 10px;
    }
    #ref-archive .ref-count {
        padding-top: 20px;
    }
    #ref-single {
        padding: 32px 16px 44px 16px;
    }
    #ref-single #ref-single-title {
        margin-bottom: 40px;
    }
    #ref-single #ref-single-content #ref-single-content-text.has-text #ref-single-content-text-button {
        padding-top: 18px;
    }
    #ref-single #ref-single-content #ref-single-content-text.has-text, #ref-single #ref-single-content #ref-single-content-sidebar {
        margin: 0 12px 44px 12px;
    }
    #ref-single #ref-single-content #ref-single-content-text {
        margin:0 12px 18px 12px;
    }
    #ref-single #ref-single-content #ref-single-content-sidebar .ref-single-content-sidebar-item {
        padding: 24px 16px 0 16px;
    }
    #ref-single-gallery-items {
        margin:0 -8px;
    }
    #ref-single-gallery-items .ref-single-gallery-item {
        width:calc(100% - 16px);
        margin:0 8px 16px 8px;
    }
    #ref-single-gallery-items .ref-single-gallery-item.portrait {
        width:calc(50% - 16px);
    }
    #ref-single-vgallery #ref-single-vgallery-items .ref-single-vgallery-item {
        margin-bottom: 16px;
    }
    #ref-single-nav {
        padding-top: 28px;
    }
    #footer #footer-inner #footer-items {
        margin:0 -8px;
    }
    #footer #footer-inner #footer-items .footer-item {
        width: calc(50% - 16px);
        margin: 0 8px;
        padding:18px 0;
    }
    #footer #footer-inner #footer-items .footer-item p, #flinks-items .flinks-item a {
        font-size:12px;
        line-height:15px;
    }
    #footer #footer-inner #footer-items .footer-item h3 {
        font-size:12px;
        line-height:15px;
        margin-bottom:15px;
    }
    #footer #footer-inner #footer-items .footer-item #copyright {
        padding:15px 0;
    }
    #footer #footer-inner #footer-items .footer-item #fmenu ul li {
        padding:15px 0;
    }
    #footer #footer-inner #footer-items .footer-item #fmenu ul li a {
        font-size:12px;
        line-height:15px;
    }
    #content h1, #content #ref-single h1, #content .sbi-title h1, #content .sbi-title h2, #content #ref-single h2 {
        font-size:24px;
        line-height:29px;
    }
    #content h2, #content #ref-single-content-text h2, #content .sbi-contact-text p, #content .sbi-contact-text ul li, #content .sbi-contact-text ol li, #content .sbi-ltiles-item h2, #content .sbi-ltiles-item h2:after, #mobile-menu #mmenu ul li a, #mobile-menu #mmenu ul li span.mm-text:after {
        font-size:18px;
        line-height:24px;
    }
    .sbi-buttons .sbi-buttons-items .sbi-buttons-item a, .sbi-jobs .sbi-jobs-items .sbi-jobs-item .sbi-jobs-item-button a, #ref-archive #ref-archive-filter button, #ref-archive .ref-count, #ref-archive .ref-load-more-wrap button, #ref-single #ref-single-content #ref-single-content-text #ref-single-content-text-button a, #ref-single-nav #ref-single-nav-items .ref-single-nav-item:nth-child(2):before, #ref-single-nav #ref-single-nav-items .ref-single-nav-item:nth-child(3):before, #ref-single-nav #ref-single-nav-items .ref-single-nav-item a, #ref-single-nav #ref-single-nav-items .ref-single-nav-item span, #content .sbi-tfull-title h1, #content .sbi-tfull-title h2, #content .sbi-itiles-item-title h2, #content .ref-archive-item-text h2, #content #ref-single .ref-single-content-sidebar-item h2, #content h3, #content .ref-archive-item-text h3, #content .sbi-team-item-text h4, #content .sbi-jobs-item h4, #content p, #content ul li, #content ol li, #ref-archive .ref-count {
        font-size:14px;
        line-height:18px;
    }
    #content #ref-single-content-text h2 {
        padding-top: 14px;
        margin-bottom: 28px;
    }
    .sbi-ltiles-item, .sbi-itiles-item, .sbi-acc-item, .sbi-team-item, .ref-single-content-item, .ref-single-gallery-item {
        transform: translateY(40px);
        transition: all var(--dur, .6s) ease;    
        transition-delay: calc(var(--i, 0) * var(--step, .2s));   
    }
    .sbi-customers-title, .sbi-customers-items, .sbi-buttons, .sbi-tifull-icon, .sbi-tifull-title, .sbi-tifull-text, .sbi-jobs-icon, .sbi-jobs-title, .sbi-jobs-item, .sbi-team-text, .sbi-contact-map, .sbi-contact-text, #ref-single-title, #ref-single-nav, #footer-inner, .sbi-tfull {
        transform: translateY(40px);
        transition: all .6s ease;    
    }
    #ref-archive-filter, #header-slider, #footer {
        transition: all 1.2s ease;   
    }
    .sbi-acc .sbi-acc-items .sbi-acc-item .sbi-acc-item-trigger {
        padding: 10px 56px 10px 0;
    }
}