/*
Theme Name: Workshops - Audrey Marti
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: workshops

Workshops - Audrey Marti WordPress Theme 2011-2026
Workshops - Audrey Marti is distributed under the terms of the GNU GPL
*/

@font-face {
    font-family: 'Geist-Light';
    src: url('fonts/Geist-Light.woff2') format('woff2'),
        url('fonts/Geist-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Geist-Regular';
    src: url('fonts/Geist-Regular.woff2') format('woff2'),
        url('fonts/Geist-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Geist-Medium';
    src: url('fonts/Geist-Medium.woff2') format('woff2'),
        url('fonts/Geist-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Geist-SemiBold';
    src: url('fonts/Geist-SemiBold.woff2') format('woff2'),
        url('fonts/Geist-SemiBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Geist-Bold';
    src: url('fonts/Geist-Bold.woff2') format('woff2'),
        url('fonts/Geist-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,
}
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
}
strong {
    font-family: 'Geist-Bold';
}
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 {
    vertical-align: baseline;
    position: relative;
    top: -0.4em;
    font-size:60%
}
sub { 
    top: 0.4em; 
}
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;
}

#wrapper {
    overflow: hidden;
}

#logo {
    position: fixed;
    top:48px;
    left:78px;
    z-index: 9999;
}
#logo img {
    display: block;
    width:300px;
    height:48px;
}

#intro {
    height:100vh;
    display: flex;
    align-items: stretch;
}
#intro #intro-text {
    position: relative;
    width:50%;
    padding:128px 78px 196px 78px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#intro #intro-text #intro-text-inner {
    position: absolute;
    bottom:48px;
    left:78px;
    right:78px;
    max-width:540px;
}
#intro #intro-slider {
    width:50%;
}
#intro #intro-slider .intro-slide.slick-slide {
    height:100vh;
}
body:not(.loaded) #intro #intro-slider {
    opacity:0;
}
body.loaded #intro #intro-slider {
    opacity:1;
    transition:opacity 1.2s ease;
}
#content #intro-title .line {
    overflow: hidden;
    display: block;
}
#content #intro-title .char {
    display: inline-block;
    will-change: transform;
}
#content #intro-text-inner, #content #intro-title h3 {
    opacity: 0;
    transform: translateY(40px);
    will-change: transform, opacity;
}

.sbi-tiles-title, .sbi-tiles-item, .sbi-tiles .sbi-button, .sbi-testi, .sbi-icar-title, .sbi-icar-slide, .sbi-form-title, .sbi-form-item {
    opacity:0;
    transform: translateY(48px);
    transition:all .8s ease;
}
.sbi-tiles-title.slidein, .sbi-tiles-item.slidein, .sbi-tiles .sbi-button.slidein, .sbi-testi.slidein, .sbi-icar-title.slidein, .sbi-icar-slide.slidein, .sbi-form-title.slidein, .sbi-form-item.slidein {
    opacity:1;
    transform: translateY(0);
    transition:all .8s ease;
}

.sb-item {
    background:#fff;
}
.sb-item:nth-child(odd) {
    background:#F7F7F7;
}

.sbi-tfull {
    margin:0 auto;
    padding:148px 32px 116px 32px;
    max-width:1024px;
}

.sbi-tiles {
    margin:0 auto;
    padding:148px 32px 92px 32px;
    max-width:1504px;
}
.sbi-tiles .sbi-tiles-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin:0 -20px;
}
.sbi-tiles .sbi-tiles-items .sbi-tiles-item {
    width:calc(33.333% - 40px);
    padding-bottom:10px;
    margin:0 20px 56px 20px;
    border-bottom:1px solid #E30613;
}
.sbi-tiles .sbi-tiles-items .sbi-tiles-item .sbi-tiles-item-icon {
    margin-bottom:16px;
}
.sbi-tiles .sbi-tiles-items .sbi-tiles-item .sbi-tiles-item-icon img {
    display: block;
    width:64px;
    height:64px;
}

.sbi-ititem {
    display: flex;
    flex-wrap: wrap;
    height:100vh;
}
.sbi-ititem .sbi-ititem-slider {
    width:50%;
}
.sbi-ititem .sbi-ititem-slider .sbi-ititem-slide.slick-slide {
    height: 100vh;
}
.sbi-ititem .sbi-ititem-text {
    width:50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding:64px 120px;
}
.sbi-ititem .sbi-ititem-text .sbi-ititem-text-inner {
    max-width:720px;
}

.sbi-testi {
    padding:148px 32px;
}
.sbi-testi .sbi-testi-item-inner {
    margin:0 auto;
    max-width:960px;
}

.sbi-icar {
    padding:148px 0 214px 0;
}
.sbi-icar-title {
    padding:0 32px;
}
.sbi-icar-slide.slick-slide {
    margin:0 20px;
}
.sbi-icar-slide.slick-slide img {
    height:500px !important;
    width:auto !important;
}

.sbi-form {
    margin:0 auto;
    padding:148px 32px;
    max-width:1504px;
}
.sbi-form .sbi-form-inner {
    display: flex;
    flex-wrap: wrap;
    margin:0 -36px;
}
.sbi-form .sbi-form-inner .sbi-form-contact {
    width:380px;
    margin:0 36px;
}
.sbi-form .sbi-form-inner .sbi-form-contact .sbi-form-contact-img {
    margin-bottom:24px;
}
.sbi-form .sbi-form-inner .sbi-form-contact .sbi-form-contact-img img {
    display:block;
}
.sbi-form .sbi-form-inner .sbi-form-frame {
    width:calc(100% - 524px);
    margin:0 36px;
}

.form-elements {
    display: flex;
    flex-wrap: wrap;
    margin:0 -5px;
}
.form-elements .form-element {
    width:calc(50% - 10px);
    margin:0 5px 10px 5px;
}
.form-elements .form-element-full, .form-elements .form-element-submit {
    width:calc(100% - 10px);
    margin:0 5px 10px 5px;
}
.form-elements .form-element-submit {
    display: flex;
    justify-content: flex-end;
}
.wpcf7-text {
    width:100%;
    background:#fff;
    border:1px solid #333;
    padding:16px 18px 15px 18px;
    font-family: 'Geist-Regular';
    font-size:24px;
    line-height:30px;
    color:#1D1D1B;
}
.wpcf7-textarea {
    width:100%;
    min-width:100%;
    max-width:100%;
    background:#fff;
    border:1px solid #333;
    padding:16px 18px 15px 18px;
    font-family: 'Geist-Regular';
    font-size:24px;
    line-height:30px;
    color:#1D1D1B;
}
.wpcf7-select {
    width:100%;
}
.wpcf7-submit {
    order: 2;
    font-family: 'Geist-Bold';
    font-size:18px;
    line-height:26px;
    color:#fff;
    background:#E30613;
    padding:11px 40px 12px 40px;
    border-radius:26px;
    cursor: pointer;
    transition:all .4s ease;
}
.wpcf7-submit:hover {
    background:#1D1D1B;
    transition:all .4s ease;
}
.wpcf7-spinner {
    order: 1;
}
.wpcf7-not-valid-tip {
    font-size:12px !important;
    text-transform: uppercase;
    font-family: 'Geist-Bold';
    padding-top:4px;
}
.wpcf7-not-valid {
    border:1px solid #E30613 !important;
}
.wpcf7 form .wpcf7-response-output {
	margin: 0 !important;
	padding: 16px 24px !important;
	border: none !important;
    font-family: 'Geist-Bold';
    font-size:24px;
    line-height:32px;
    text-align: center;
    color:#fff !important;
}
.wpcf7 form.sent .wpcf7-response-output {
	background:#46b450;
    border:none !important;
}
.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output, .wpcf7 form.spam .wpcf7-response-output, .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
	background:#dc3232;
    border:none !important;
}

.sbi-button {
    text-align: left;
    font-size:0;
}
.sbi-tiles .sbi-button {
    text-align: center;
    margin-bottom:56px;
}
.sbi-button a {
    display: inline-block;
    font-family: 'Geist-Bold';
    font-size:18px;
    line-height:26px;
    color:#fff;
    background:#E30613;
    text-decoration: none;
    padding:11px 40px 12px 40px;
    border-radius:26px;
    transition:all .4s ease;
}
.sbi-button a:hover {
    background:#1D1D1B;
    transition:all .4s ease;
}

#content h1, #content h2 {
    font-family: 'Geist-Regular';
    font-size:48px;
    line-height:56px;
    color:#E30613;
    text-align: center;
    text-transform: uppercase;
    margin-bottom:56px;
}
#content #intro-title h1, #content #intro-title h2 {
    font-family: 'Geist-Light';
    font-size:72px;
    line-height: 82px;
    letter-spacing: .36px;
    color:#1D1D1B;
    text-align: left;
    margin-bottom:0;
}
#content #intro-title h2 {
    color:#E30613;
}
#content .sbi-ititem h1, #content .sbi-ititem h2 {
    font-family: 'Geist-Medium';
    text-align: left;
    text-transform: none;
    margin-bottom:32px;
}
#content .sbi-testi h1, #content .sbi-testi h2 {
    font-family: 'Geist-Bold';
    font-size:20px;
    line-height:28px;
    color:#1D1D1B;
    margin-bottom:32px;
}
#content h3 {
    font-family: 'Geist-Medium';
    font-size:32px;
    line-height:40px;
    color:#E30613;
    margin-bottom:16px;
}
#content #intro-title h3 {
    padding-top:48px;
    font-size:24px;
    line-height:32px;
    color:#1D1D1B;
    margin:0;
}
#content .sbi-testi h3 {
    padding-top:24px;
    font-family: 'Geist-Regular';
    font-size:20px;
    line-height:28px;
    color:#1D1D1B;
    text-align: center;
    margin-bottom:0;
}
#content .sbi-form-contact h3 {
    font-family: 'Geist-SemiBold';
    font-size:24px;
    line-height:32px;
    color:#1D1D1B;
    margin-bottom:0;
}
#content p {
    font-family: 'Geist-Regular';
    font-size:24px;
    line-height:32px;
    color:#1D1D1B;
    margin-bottom:32px;
}
#content #intro-text p, #content p.small {
    font-size:20px;
    line-height:28px;
}
#content #intro-text p, #content .sbi-form-contact p {
    margin-bottom:0;
}
#content .sbi-testi p {
    font-family: 'Geist-Medium';
    font-size:32px;
    line-height:48px;
    color:#E30613;
    text-align: center;
    margin-bottom:0;
}
#content .sbi-testi p:before, #content .sbi-testi p:after {
    font-family: 'Geist-Medium';
    font-size:32px;
    line-height:48px;
    color:#E30613;
}
#content .sbi-testi p:before {
    content:"«";
}
#content .sbi-testi p:after {
    content:"»";
}
#content p a, #content ul li a, #content ol li a {
    color:#1D1D1B;
    text-decoration: none;
    border-bottom:1px solid #1D1D1B;
}
#content p a:hover, #content ul li a:hover, #content ol li a:hover {
    color:#E30613;
    border-bottom:1px solid transparent;
}
#content ul, #content ol {
    margin-bottom:32px;
    padding-left:24px;
}
#content ul li {
    font-family: 'Geist-Regular';
    font-size:24px;
    line-height:32px;
    color:#1D1D1B;
    list-style: disc;
}
#content ol li {
    font-family: 'Geist-Regular';
    font-size:24px;
    line-height:32px;
    color:#1D1D1B;
    list-style: decimal;
}

#footer {
    background:#333;
    padding:32px 78px;
}
#footer #footer-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin:0 -20px;
}
#footer #footer-inner #footer-address {
    margin:0 20px;
}
#footer #footer-inner #footer-address ul {
    text-align: left;
    font-size:0;
}
#footer #footer-inner #footer-links ul#footer-links-items {
    text-align: right;
    font-size:0;
}
#footer #footer-inner #footer-address ul li, #footer #footer-inner #footer-links ul#footer-links-items li.footer-links-item {
    display: inline-block;
    font-family: 'Geist-Regular';
    font-size:20px;
    line-height:26px;
    color:#fff;
}
#footer #footer-inner #footer-links ul#footer-links-items li.footer-links-item a {
    font-family: 'Geist-Regular';
    font-size:20px;
    line-height:26px;
    color:#fff;
}
#footer #footer-inner #footer-address ul li:before, #footer #footer-inner #footer-links ul#footer-links-items li.footer-links-item:before {
    display: inline-block;
    content:"•";
    font-family: 'Geist-Regular';
    font-size:20px;
    line-height:26px;
    color:#fff;
    margin:0 8px;
}
#footer #footer-inner #footer-address ul li:nth-child(1):before, #footer #footer-inner #footer-links ul#footer-links-items li.footer-links-item:nth-child(1):before {
    display: none;
}
#footer #footer-inner #footer-address ul li a, #footer #footer-inner #footer-links ul#footer-links-items li.footer-links-item a {
    color:#fff;
    text-decoration: none;
}
#footer #footer-inner #footer-address ul li a:hover, #footer #footer-inner #footer-links ul#footer-links-items li.footer-links-item a:hover {
    text-decoration: underline;
}
#footer #footer-inner #footer-links {
    margin:0 20px;
}  

/* Select2 */
.select2-container .select2-selection--single {
    height: 64px;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 18px;
    padding-right: 48px;
}
.select2-dropdown {
    border: 1px solid #333;
    border-radius: 0;
}
.select2-results__option {
    padding: 6px 18px;
    font-family: 'Geist-Regular';
    font-size:24px;
    line-height: 32px;
    color:#1D1D1B;
}
.select2-container--default .select2-selection--single {
    font-family: 'Geist-Regular';
    font-size:24px;
    line-height: 32px;
    color:#1D1D1B;
    background-color: #fff;
    border: 1px solid #333;
    border-radius: 0;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #1D1D1B;
    line-height: 64px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 62px;
    top: 1px;
    right: 1px;
    width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #1D1D1B transparent transparent transparent;
    border-style: solid;
    border-width: 10px 8px 0 8px;
    margin-left: -24px;
    margin-top: -4px;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #1D1D1B transparent;
    border-width: 0 8px 10px 8px;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #E30613;
}

@media only screen and (max-width:1920px) {
    #content #intro-title h1, #content #intro-title h2 {
        font-size:52px;
        line-height:60px;
        letter-spacing: .26px;
    }
    #content #intro-title h3 {
        padding-top:32px;
        font-size:20px;
        line-height:28px;
    }
    #content #intro-text p, #footer #footer-inner #footer-address ul li, #footer #footer-inner #footer-links ul#footer-links-items li.footer-links-item, #footer #footer-inner #footer-links ul#footer-links-items li.footer-links-item a {
        font-size: 18px;
        line-height: 26px;
    }
    #content h1, #content h2 {
        font-size:40px;
        line-height:48px;
    }
    #content h3 {
        font-size:28px;
        line-height:36px;
    }
    #content .sbi-testi p, #content .sbi-testi p:before, #content .sbi-testi p:after {
        font-size:28px;
        line-height:44px;
    }
    #content .sbi-form-contact h3, #content p, #content ul li, #content ol li {
        font-size:20px;
        line-height:28px;
    }
    .wpcf7 form .wpcf7-response-output {
        padding: 12px 16px !important;
        font-size:20px;
        line-height:28px;
    }
    .wpcf7-text, .wpcf7-textarea {
        padding:12px 16px 11px 16px;
        font-size:20px;
        line-height:27px;
    }
    #content .sbi-testi h1, #content .sbi-testi h2, #content .sbi-testi h3, #content #intro-text p {
        font-size:18px;
        line-height:26px;
    }
    .wpcf7-submit, .sbi-button a {
        font-size:18px;
        line-height:26px;
        padding:11px 32px 12px 32px;
    }
    #content p.small {
        font-size:16px;
        line-height:24px;
    }
    .select2-container .select2-selection--single {
        height: 52px;
    }
    .select2-container .select2-selection--single .select2-selection__rendered {
        padding-left: 16px;
    }
    .select2-results__option {
        padding: 6px 16px;
        font-size:20px;
        line-height: 27px;
    }
    .select2-container--default .select2-selection--single {
        font-size:20px;
        line-height: 27px;
    }
    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 52px;
    }
    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 50px;
    }
    .select2-container--default .select2-selection--single .select2-selection__arrow b {
        margin-left: -20px;
    }
}
@media only screen and (max-width:1440px) {
    #logo {
        top:32px;
        left:32px;
    }
    #logo img {
        width:200px;
        height:32px;
    }
    #intro #intro-text {
        padding: 96px 32px 164px 32px;
    }
    #intro #intro-text #intro-text-inner {
        left: 32px;
        right: 32px;
    }
    .sbi-tiles .sbi-tiles-items {
        margin:0 -16px;
    }
    .sbi-tiles .sbi-tiles-items .sbi-tiles-item {
        width:calc(33.333% - 32px);
        margin:0 16px 56px 16px;
    }
    .sbi-form .sbi-form-inner {
        margin:0 -16px;
    }
    .sbi-form .sbi-form-inner .sbi-form-contact {
        width:380px;
        margin:0 16px;
    }
    .sbi-form .sbi-form-inner .sbi-form-frame {
        width:calc(100% - 444px);
        margin:0 16px;
    }
    #footer {
        padding: 32px;
    }
    .sbi-ititem .sbi-ititem-text {
        padding: 32px 64px;
    }
    #content h1, #content h2 {
        font-size:32px;
        line-height:40px;
    }
    #content h3 {
        font-size:24px;
        line-height:32px;
    }
    #content .sbi-testi p, #content .sbi-testi p:before, #content .sbi-testi p:after {
        font-size:24px;
        line-height:38px;
    }
}
@media only screen and (max-width:1280px) {
    #content #intro-title h1, #content #intro-title h2 {
        font-size:40px;
        line-height:48px;
        letter-spacing: .2px;
    }
    #content #intro-title h3 {
        padding-top:24px;
        font-size:16px;
        line-height:24px;
    }
    #content .sbi-form-contact h3, #content p, #content ul li, #content ol li {
        font-size:18px;
        line-height:26px;
    }
    #content p, #content ul, #content ol {
        margin-bottom:26px;
    }
    #content #intro-text p, #footer #footer-inner #footer-address ul li, #footer #footer-inner #footer-links ul#footer-links-items li.footer-links-item, #footer #footer-inner #footer-links ul#footer-links-items li.footer-links-item a {
        font-size: 16px;
        line-height: 24px;
    }
    #content p.small {
        font-size:14px;
        line-height:22px;
    }
    .wpcf7 form .wpcf7-response-output {
        padding: 12px 16px !important;
        font-size:18px;
        line-height:26px;
    }
    .wpcf7-text, .wpcf7-textarea {
        padding:8px 16px 7px 16px;
        font-size:16px;
        line-height:24px;
    }
    .select2-container .select2-selection--single {
        height: 41px;
    }
    .select2-results__option {
        font-size:16px;
        line-height:24px;
    }
    .select2-container--default .select2-selection--single {
        font-size:16px;
        line-height:24px;
    }
    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 41px;
    }
    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 39px;
    }
    .sbi-form .sbi-form-inner .sbi-form-contact {
        width:300px;
    }
    .sbi-form .sbi-form-inner .sbi-form-frame {
        width:calc(100% - 364px);
    }
}
@media only screen and (max-width:1210px) {
    #footer #footer-inner #footer-address ul li, #footer #footer-inner #footer-links ul#footer-links-items li.footer-links-item {
        display: block;
    }
    #footer #footer-inner #footer-address ul li:before, #footer #footer-inner #footer-links ul#footer-links-items li.footer-links-item:before {
        display: none;
    }
    .sbi-tiles {
        padding:76px 32px 20px 32px;
    }
    .sbi-testi {
        padding:76px 32px 116px 32px;
    }
    .sbi-icar {
        padding:76px 0 116px 0;
    }
    .sbi-form {
        padding:76px 32px;
    }
    .sbi-tfull {
        padding: 76px 32px 34px 32px;
    }
}
@media only screen and (max-width:1080px) {
    .sbi-icar-slide.slick-slide img {
        height: 400px !important;
    }
}
@media only screen and (max-width:1023px) {
    .alignright, .alignleft {
        float:none;
        display: block;
        margin:0 auto 20px auto;
    } 
    #intro {
        height: auto;
        flex-direction: column;
        align-items: flex-start;
    }
    #intro #intro-text {
        width:100%;
        padding: 96px 32px 48px 32px;
    }
    #intro #intro-text #intro-text-inner {
        position: unset;
        bottom:unset;
        left:unset;
        right:unset;
        padding-top:32px;
    }
    #intro #intro-slider {
        width:100%;
    }
    #intro #intro-slider .intro-slide.slick-slide {
        height:auto;
        aspect-ratio: 5/4;
    }
    .sbi-ititem {
        display: flex;
        height: auto;
    }
    .sbi-ititem .sbi-ititem-slider {
        width: 100%;
    }
    .sbi-ititem .sbi-ititem-slider .sbi-ititem-slide.slick-slide {
        height:auto;
        aspect-ratio: 5/4;
    }
    .sbi-ititem .sbi-ititem-text {
        width: 100%;
        padding: 32px 32px 76px 32px;
    }
    .sbi-ititem .sbi-ititem-text .sbi-ititem-text-inner {
        max-width: 100%;
    }
    .sbi-tiles .sbi-tiles-items .sbi-tiles-item {
        width: calc(50% - 40px);
    }
    .form-elements .form-element {
        width:calc(100% - 10px);
    }
    .wpcf7-submit, .sbi-button a {
        font-size:16px;
        line-height:24px;
        padding:8px 24px 9px 24px;
    }
}
@media only screen and (max-width:810px) {
    .sbi-form .sbi-form-inner {
        flex-direction: column;
        align-items: center;
    }
    .sbi-form .sbi-form-inner .sbi-form-contact {
        margin-bottom:32px;
    }
    .sbi-form .sbi-form-inner .sbi-form-frame {
        width: calc(100% - 32px);
    }
    .sbi-icar-slide.slick-slide img {
        height: 320px !important;
    }
    .sbi-icar-slide.slick-slide {
        margin:0 10px;
    }
    .sbi-tiles .sbi-tiles-items .sbi-tiles-item .sbi-tiles-item-icon img {
        width: 48px;
        height: 48px;
    }
}
@media only screen and (max-width:767px) {
    .sbi-tiles .sbi-tiles-items .sbi-tiles-item {
        width: calc(100% - 40px);
    }
    #content .sbi-testi p, #content .sbi-testi p::before, #content .sbi-testi p::after {
        font-size: 20px;
        line-height: 28px;
    }
    #content h1, #content h2 {
        margin-bottom: 32px;
    }
}
@media only screen and (max-width:568px) {
    #logo {
        top:16px;
        left:16px;
    }
    #logo img {
        width:200px;
        height:32px;
    }
    #intro #intro-text {
        padding: 76px 16px 32px 16px;
    }
    #intro #intro-text #intro-text-inner {
        padding-top: 12px;
    }
    #footer {
        padding: 24px 16px;
    }
    .sbi-icar-title {
        padding:0 16px;
    }
    .sbi-tiles {
        padding:76px 16px 20px 16px;
    }
    .sbi-testi {
        padding:76px 16px 116px 16px;
    }
    .sbi-form {
        padding:76px 16px;
    }
    .sbi-tfull {
        padding: 76px 16px 34px 16px;
    }
     .sbi-ititem .sbi-ititem-text {
        padding: 32px 16px 76px 16px;
    }
    #content #intro-title h1, #content #intro-title h2 {
        font-size:32px;
        line-height:40px;
        letter-spacing:.1px;
    }
    #content #intro-title h3 {
        padding-top:16px;
        font-size:16px;
        line-height:24px;
    }
    #content #intro-text p {
        font-size: 16px;
        line-height: 24px;
    }
    .sbi-icar-slide.slick-slide img {
        height: 260px !important;
    }
}
@media only screen and (max-width:480px) {
    #footer #footer-inner {
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }
    #footer #footer-inner #footer-address ul {
        text-align: center;
    }
    #footer #footer-inner #footer-links ul#footer-links-items {
        text-align: center;
        padding-top:24px;
    }
    .sbi-icar-slide.slick-slide img {
        height: 200px !important;
    }
}