@charset "UTF-8";
.popup-template .modal{opacity:0;transition:all .25s ease}.popup-template .modal.is-open{opacity:1;transition:all .25s ease}.nk-awb{position:relative;z-index:0}.wp-block-nk-awb{padding:20px 30px}.nk-awb .nk-awb-inner,.nk-awb .nk-awb-overlay,.nk-awb .nk-awb-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-99}.nk-awb .nk-awb-wrap{overflow:hidden}.nk-awb .nk-awb-mouse-parallax{transform:translateX(0)}.vc_row.vc_column-gap-1>.vc_column_container>.nk-awb-wrap{margin:1px 0.5px}.vc_row.vc_column-gap-2>.vc_column_container>.nk-awb-wrap{margin:1px 1px}.vc_row.vc_column-gap-3>.vc_column_container>.nk-awb-wrap{margin:1px 1.5px}.vc_row.vc_column-gap-4>.vc_column_container>.nk-awb-wrap{margin:1px 2px}.vc_row.vc_column-gap-5>.vc_column_container>.nk-awb-wrap{margin:1px 2.5px}.vc_row.vc_column-gap-10>.vc_column_container>.nk-awb-wrap{margin:1px 5px}.vc_row.vc_column-gap-15>.vc_column_container>.nk-awb-wrap{margin:1px 7.5px}.vc_row.vc_column-gap-20>.vc_column_container>.nk-awb-wrap{margin:1px 10px}.vc_row.vc_column-gap-25>.vc_column_container>.nk-awb-wrap{margin:1px 12.5px}.vc_row.vc_column-gap-30>.vc_column_container>.nk-awb-wrap{margin:1px 15px}.vc_row.vc_column-gap-35>.vc_column_container>.nk-awb-wrap{margin:1px 17.5px}.nk-awb-fullheight{min-height:100vh}body.admin-bar .nk-awb-fullheight{min-height:calc(100vh - 32px)}@media screen and (max-width: 782px){body.admin-bar .nk-awb-fullheight{min-height:calc(100vh - 42px)}}@media screen and (max-width: 600px){body.admin-bar .nk-awb-fullheight{min-height:100vh}}.nk-awb-content-valign-center,.nk-awb-content-valign-top,.nk-awb-content-valign-bottom{display:flex;flex-direction:column;justify-content:center}.nk-awb-content-valign-top{justify-content:flex-start}.nk-awb-content-valign-bottom{justify-content:flex-end}.nk-awb .nk-awb-overlay{z-index:0}.nk-awb .nk-awb-inner{z-index:-100;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}.nk-awb [data-awb-image-background-size=contain]>.nk-awb-inner{background-size:contain}.nk-awb [data-awb-image-background-size=pattern]>.nk-awb-inner{background-repeat:repeat;background-size:auto}.nk-awb .nk-awb-inner>.jarallax-img,.nk-awb .nk-awb-inner>picture>img{position:absolute;top:0;left:0;z-index:-100;width:100%;height:100%;pointer-events:none;-o-object-fit:cover;object-fit:cover}.nk-awb [data-awb-image-background-size=contain]>.nk-awb-inner>.jarallax-img,.nk-awb [data-awb-image-background-size=contain]>.nk-awb-inner>picture>img{-o-object-fit:contain;object-fit:contain}.nk-awb .nk-awb-inner picture.jarallax-img>img{width:100%;height:100%;-o-object-fit:inherit;object-fit:inherit;-o-object-position:inherit;object-position:inherit}.intrinsic-ignore iframe{max-width:none !important;max-height:none !important}html {  -webkit-text-size-adjust: 100%; height: 100%; }
body {
margin: 0;
height: 100%; }
h1 {
font-size: 2em;
margin: 0.67em 0; } pre {
font-family: monospace, monospace; font-size: 1em; }
a {
background-color: transparent; }
p {
margin-top: 0; }
table p {
margin-bottom: 0 !important; } abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }
b, strong {
font-weight: bolder; }
code, kbd, samp {
font-family: monospace, monospace; font-size: 1em; }
small {
font-size: 80%; }
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sub {
bottom: -0.25em; }
sup {
top: -0.5em; }
img {
border-style: none; }
button, input, optgroup, select, textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; }
button, input { overflow: visible; }
button, select { text-transform: none; }
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button; }
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0; }
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText; }
fieldset {
padding: 0.35em 0.75em 0.625em; }
legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }
progress {
vertical-align: baseline; }
textarea {
overflow: auto; }
[type="checkbox"],
[type="radio"] {
box-sizing: border-box; padding: 0; }
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto; }
[type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; }
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }
details {
display: block; }
summary {
display: list-item; }
template {
display: none; }
[hidden] {
display: none; }
.clearfix:after {
content: "";
clear: both;
display: block;
visibility: hidden;
height: 0px; }        @-webkit-keyframes logo {
0% {
transform: translate(0, -30px);
opacity: 0; }
20% {
transform: translate(0, -30px);
opacity: 0; }
60% {
transform: translate(0, 0);
opacity: 1; } }
@-moz-keyframes logo {
0% {
transform: translate(0, -30px);
opacity: 0; }
20% {
transform: translate(0, -30px);
opacity: 0; }
60% {
transform: translate(0, 0);
opacity: 1; } }
@-o-keyframes logo {
0% {
transform: translate(0, -30px);
opacity: 0; }
20% {
transform: translate(0, -30px);
opacity: 0; }
60% {
transform: translate(0, 0);
opacity: 1; } }
@keyframes logo {
0% {
transform: translate(0, -30px);
opacity: 0; }
20% {
transform: translate(0, -30px);
opacity: 0; }
60% {
transform: translate(0, 0);
opacity: 1; } } @-webkit-keyframes fade-in1 {
0% {
transform: translate(0, 20px);
opacity: 0; }
60% {
transform: translate(0, 0);
opacity: 1; } }
@-moz-keyframes fade-in1 {
0% {
transform: translate(0, 20px);
opacity: 0; }
60% {
transform: translate(0, 0);
opacity: 1; } }
@-o-keyframes fade-in1 {
0% {
transform: translate(0, 20px);
opacity: 0; }
60% {
transform: translate(0, 0);
opacity: 1; } }
@keyframes fade-in1 {
0% {
transform: translate(0, 20px);
opacity: 0; }
60% {
transform: translate(0, 0);
opacity: 1; } } @-webkit-keyframes fade-in2 {
0% {
transform: translate(0, 20px);
opacity: 0; }
10% {
transform: translate(0, 20px);
opacity: 0; }
70% {
transform: translate(0, 0);
opacity: 1; } }
@-moz-keyframes fade-in2 {
0% {
transform: translate(0, 20px);
opacity: 0; }
10% {
transform: translate(0, 20px);
opacity: 0; }
70% {
transform: translate(0, 0);
opacity: 1; } }
@-o-keyframes fade-in2 {
0% {
transform: translate(0, 20px);
opacity: 0; }
10% {
transform: translate(0, 20px);
opacity: 0; }
70% {
transform: translate(0, 0);
opacity: 1; } }
@keyframes fade-in2 {
0% {
transform: translate(0, 20px);
opacity: 0; }
10% {
transform: translate(0, 20px);
opacity: 0; }
70% {
transform: translate(0, 0);
opacity: 1; } } @-webkit-keyframes fade-in3 {
0% {
transform: translate(0, 20px);
opacity: 0; }
20% {
transform: translate(0, 20px);
opacity: 0; }
80% {
transform: translate(0, 0);
opacity: 1; } }
@-moz-keyframes fade-in3 {
0% {
transform: translate(0, 20px);
opacity: 0; }
20% {
transform: translate(0, 20px);
opacity: 0; }
80% {
transform: translate(0, 0);
opacity: 1; } }
@-o-keyframes fade-in3 {
0% {
transform: translate(0, 20px);
opacity: 0; }
20% {
transform: translate(0, 20px);
opacity: 0; }
80% {
transform: translate(0, 0);
opacity: 1; } }
@keyframes fade-in3 {
0% {
transform: translate(0, 20px);
opacity: 0; }
20% {
transform: translate(0, 20px);
opacity: 0; }
80% {
transform: translate(0, 0);
opacity: 1; } } @-webkit-keyframes iconbox-templates {
0% {
opacity: 0; }
25% {
opacity: 0; }
55% {
opacity: 1; }
100% {
opacity: 1; } }
@-moz-keyframes iconbox-templates {
0% {
opacity: 0; }
25% {
opacity: 0; }
55% {
opacity: 1; }
100% {
opacity: 1; } }
@-o-keyframes iconbox-templates {
0% {
opacity: 0; }
25% {
opacity: 0; }
55% {
opacity: 1; }
100% {
opacity: 1; } }
@keyframes iconbox-templates {
0% {
opacity: 0; }
25% {
opacity: 0; }
55% {
opacity: 1; }
100% {
opacity: 1; } } @-webkit-keyframes iconbox-cube {
0% {
opacity: 0; }
30% {
opacity: 0; }
60% {
opacity: 1; }
100% {
opacity: 1; } }
@-moz-keyframes iconbox-cube {
0% {
opacity: 0; }
30% {
opacity: 0; }
60% {
opacity: 1; }
100% {
opacity: 1; } }
@-o-keyframes iconbox-cube {
0% {
opacity: 0; }
30% {
opacity: 0; }
60% {
opacity: 1; }
100% {
opacity: 1; } }
@keyframes iconbox-cube {
0% {
opacity: 0; }
30% {
opacity: 0; }
60% {
opacity: 1; }
100% {
opacity: 1; } } @-webkit-keyframes fadein {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadein {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadein {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadein {
0% {
opacity: 0; }
100% {
opacity: 1; } } @-webkit-keyframes fadeinslow {
0% {
opacity: 0; }
50% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeinslow {
0% {
opacity: 0; }
50% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeinslow {
0% {
opacity: 0; }
50% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeinslow {
0% {
opacity: 0; }
50% {
opacity: 0; }
100% {
opacity: 1; } } @-webkit-keyframes fadeinlines {
0% {
opacity: 0; }
70% {
opacity: 0; }
100% {
opacity: 0.1; } }
@-moz-keyframes fadeinlines {
0% {
opacity: 0; }
70% {
opacity: 0; }
100% {
opacity: 0.1; } }
@-o-keyframes fadeinlines {
0% {
opacity: 0; }
70% {
opacity: 0; }
100% {
opacity: 0.1; } }
@keyframes fadeinlines {
0% {
opacity: 0; }
70% {
opacity: 0; }
100% {
opacity: 0.1; } } @-webkit-keyframes bounce {
0% {
bottom: 15px; }
10% {
bottom: 35px; }
20% {
bottom: 15px; }
30% {
bottom: 20px; }
40% {
bottom: 15px; }
100% {
bottom: 15px; } }
@-moz-keyframes bounce {
0% {
bottom: 15px; }
10% {
bottom: 35px; }
20% {
bottom: 15px; }
30% {
bottom: 20px; }
40% {
bottom: 15px; }
100% {
bottom: 15px; } }
@-o-keyframes bounce {
0% {
bottom: 15px; }
10% {
bottom: 35px; }
20% {
bottom: 15px; }
30% {
bottom: 20px; }
40% {
bottom: 15px; }
100% {
bottom: 15px; } }
@keyframes bounce {
0% {
bottom: 15px; }
10% {
bottom: 35px; }
20% {
bottom: 15px; }
30% {
bottom: 20px; }
40% {
bottom: 15px; }
100% {
bottom: 15px; } }   html {
height: 100%;
overflow-y: scroll; }
body {
background: #ebeae2 url(//styleworks.website/wp-content/themes/SW24/images/grain.png) top left repeat;
height: 100%;
line-height: 1.4; }  html * {
font-size: 100%; }
body {
color: #2f2f2a;
font-family: montserrat, sans-serif !important;
font-weight: 400;
font-style: normal;
line-height: 1.6; }
@media (min-width: 1940px) {
body {
font-size: 104%; } }
h1,
h2,
h3,
h4,
h5,
h6 {
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
color: #2d2d2b;
font-weight: 100;
letter-spacing: -0.02em;
line-height: 1.2;
margin: 0 0 0.8em; }
h1 {
font-size: 260%; }
@media (min-width: 1940px) {
h1 {
font-size: 320%; } }
h2 {
font-size: 280%;
font-weight: 400;
margin-bottom: 1em; }
@media (max-width: 760px) {
h2 {
font-size: 230%; } }
h3 {
font-size: 200%; }
@media (max-width: 760px) {
h3 {
font-size: 180%; } }
h4 {
font-size: 180%;
font-weight: 400;
letter-spacing: -0.04em;
line-height: 1.2;
margin: 0 0 0.8em; }
@media (max-width: 760px) {
h4 {
font-size: 140%; } }
.start-header-slider h2 {
margin-bottom: .3em;
margin-top: -50px !important; }
@media (max-width: 1300px) {
.start-header-slider h2 {
font-size: 212%;
margin-top: -30px !important; } }
@media (max-width: 480px) {
.start-header-slider h2 {
font-size: 260%;
margin-top: -40px !important; } }
.cb-button-prev, .cb-button-next {
opacity: .4; }
.cb-button-prev:hover, .cb-button-next:hover {
opacity: .8; }
.screenreader-text {
text-indent: -9999px; }
.sw-logo-text {
font-family: Arial;
letter-spacing: -.04em; }
.obt-row h1 {
color: #fff;
font-size: 200%;
line-height: 0.8;
font-weight: 300;
letter-spacing: 0.08em;
margin-bottom: 10px;
text-transform: uppercase; }
.obt-pro .obt-row h1 {
font-size: 250%; }
.obt-row h2 {
color: rgba(255, 255, 255, 0.6);
font-size: 70%;
font-weight: bold;
line-height: 0.8;
letter-spacing: 0.3em;
margin-bottom: 0;
text-transform: uppercase; }
.rubrik-link h2 {
color: #464640;
font-size: 150% !important;
font-weight: 400 !important;
letter-spacing: 0.14em;
line-height: 1.2;
margin: 0 0 0.8em;
text-transform: uppercase;
-webkit-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease; }
p {
font-size: 100%;
line-height: 1.6;
margin: 0 0 1.5em 0; }
p.intro {
font-size: 125%; }
.intersection h1, .intersection h2, .intersection h3, .intersection .roofline {
margin-left: -50px; }
@media (max-width: 1500px) {
.intersection h1, .intersection h2, .intersection h3, .intersection .roofline {
margin-left: -30px; } }
@media (max-width: 760px) {
.intersection h1, .intersection h2, .intersection h3, .intersection .roofline {
margin-left: 0; } }
a {
color: #7a0000; -webkit-transition: all 0.25s;
-moz-transition: all 0.25s;
-ms-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; }
a:hover {
background: #5F0808;
color: #fff;
text-decoration: none; }
a.breadcrumb {
text-decoration: none; }
.caption a.button {
padding: 20px !important;
text-decoration: none; }
@media (max-width: 1500px) {
h4 > br {
display: none; } }
.column-33-content h2 {
text-align: center; }
.light {
color: #b8b6b3; }
a.light:hover {
color: #fff; } .wp-block-image a:hover {
background: none;
opacity: 1; }
small, figcaption, .image-caption {
color: #73736c;
font-size: 80%;
display: block;
line-height: 1.3; }
sub, sup {
font-size: 60%; }
.image-caption {
margin: 10px 0 60px; }
figcaption.wp-element-caption {
display: none !important; } .uv-axes *, .uv-chart *, .uv-legend *, .uv-caption * {
color: #2f2f2a;
font-family: "open-sans", sans-serif !important;
font-size: 92%;
font-variant: normal !important;
font-weight: 300 !important;
text-transform: none !important; }
@media (min-width: 1940px) {
.uv-axes *, .uv-chart *, .uv-legend *, .uv-caption * {
font-size: 104%; } }
.uv-chart, .uv-legend *, .uv-caption * {
font-size: 80% !important; }
.uv-caption * {
font-size: 90% !important; }
.uv-chart text {
fill: white !important; }
text.uv-legend-label {
font-size: 60% !important;
-ms-transform: translate(-1px, 2px);
-webkit-transform: translate(-1px, 2px);
transform: translate(-1px, 2px); }
.cr-2019 {
color: #2f2f2a;
font-family: "open-sans", sans-serif !important;
font-size: 92% !important; }
@media (min-width: 1940px) {
.cr-2019 {
font-size: 104%; } }
.uv-hor-axis g.tick text {
color: #c6c3be !important;
font-family: "open-sans", sans-serif !important;
font-size: 60% !important;
font-weight: 300 !important; }
@media (min-width: 1940px) {
.uv-hor-axis g.tick text {
font-size: 70%; } }
.fa, .fas {
font-weight: 900;
font-size: 120%;
color: #c1c1bb;
margin-left: 5px; }
.roofline { color: #7a0000;
font-size: 75%;
font-weight: 700;
letter-spacing: 0.2em;
line-height: 1.6em;
margin-bottom: 6px;
text-transform: uppercase; }
.tooltip-trigger {
background: url(//styleworks.website/wp-content/themes/SW24/images/icon-info.svg) center center no-repeat;
background-size: 100%;
cursor: pointer;
display: inline-block;
height: 15px;
margin: 0 0 -3px 4px;
position: relative;
width: 15px; }
.tooltip-trigger .tooltiptext {
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
box-sizing: border-box;
visibility: hidden;
width: 200px;
background: #333231;
color: #fff;
font-size: 80%;
padding: 18px;
border-radius: 6px;
position: absolute;
z-index: 1;
bottom: 50%;
left: 50%;
margin-left: -100px;
opacity: 0; }
.tooltip-trigger .tooltiptext::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #333231 transparent transparent transparent; }
.tooltip-trigger:hover .tooltiptext {
bottom: 130%;
visibility: visible;
opacity: 1; }
.styleworks-logo {
text-transform: none;
font-family: Arial !important;
font-weight: normal;
letter-spacing: -0.04em; }
::-webkit-input-placeholder { color: #4D4D4C;
font-style: italic;
line-height: 1.4;
font-size: 110%; }
::-moz-placeholder { color: #4D4D4C;
font-style: italic;
line-height: 1.4;
font-size: 110%; }
:-ms-input-placeholder { color: #4D4D4C;
font-style: italic;
line-height: 1.4;
font-size: 110%; }
:-moz-placeholder { color: #4D4D4C;
font-style: italic;
line-height: 1.4;
font-size: 110%; }
.wpcf7-not-valid::-webkit-input-placeholder { color: #fff; }
.wpcf7-not-valid::-moz-placeholder { color: #fff; }
.wpcf7-not-valid:-ms-input-placeholder { color: #fff; }
.wpcf7-not-valid:-moz-placeholder { color: #fff; }    #lang-switch {
position: absolute;
top: 27px;
right: 160px; }
@media (max-width: 760px) {
#lang-switch {
right: 116px; } }
#lang-switch ul.menu {
margin: 0;
padding: 0; }
#lang-switch ul.menu li {
line-height: 1em !important;
list-style: none; }
#lang-switch ul.menu li a {
color: #333231;
font-size: 150%; }
#lang-switch ul.menu li a:hover {
color: #333231; }
#lang-switch ul.menu li:before {
background: #333231;
content: '';
color: rgba(255, 255, 255, 0.51);
font-size: 175%;
height: 15px;
left: 0;
letter-spacing: -.02em;
pointer-events: none;
position: absolute;
text-align: center;
top: 0;
width: 25px; }
#lang-switch ul.menu li.lang-item-en::before {
content: 'DE'; }
#lang-switch ul.menu li.lang-item-en:hover:before {
content: 'EN';
color: rgba(255, 255, 255, 0.9); }
#lang-switch ul.menu li.lang-item-de::before {
content: 'EN'; }
#lang-switch ul.menu li.lang-item-de:hover:before {
content: 'DE';
color: rgba(255, 255, 255, 0.9); }
#lang-switch .current-lang {
display: none !important; }
#main-nav {
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
height: 50px;
position: absolute;
right: 30px;
top: 0; }
.menuTrigger {
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
cursor: pointer;
display: inline-block;
height: 40px;
opacity: 0.6;
position: fixed;
right: 40px;
top: 11px; width: 40px;
z-index: 92; }
@media (max-width: 760px) {
.menuTrigger {
right: 10px; } }
.menuTrigger:hover {
opacity: 1; }
.menuTrigger.closed {
background: url(//styleworks.website/wp-content/themes/SW24/images/nav-icon.png);
background: url(//styleworks.website/wp-content/themes/SW24/images/nav-icon.svg), none;
background-position: 0 0;
background-repeat: no-repeat;
background-size: 100%; }
.menuTrigger.open {
background: url(//styleworks.website/wp-content/themes/SW24/images/nav-icon-close.png);
background: url(//styleworks.website/wp-content/themes/SW24/images/nav-icon-close.svg), none;
background-position: 0 0;
background-repeat: no-repeat;
background-size: 100%; }
.menuTrigger.open .mainLine {
color: #ef9; }
.nav-list {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; overflow: hidden;
position: fixed;
right: 30px;
width: 260px;
z-index: 90;
-webkit-box-shadow: -1px 10px 20px 4px rgba(0, 0, 0, 0.2);
-moz-box-shadow: -1px 10px 20px 4px rgba(0, 0, 0, 0.2);
box-shadow: -1px 10px 20px 4px rgba(0, 0, 0, 0.2); }
@media (max-width: 760px) {
.nav-list {
right: 0;
width: 100%; } }
.nav-list ul {
margin: 0 !important;
padding: 0 !important; }
.nav-list ul li {
list-style: none; }
.nav-list ul li a {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
border-bottom: 1px solid #505050;
color: #9c9b96;
display: block;
font-size: 90%;
padding: 26px;
letter-spacing: 0.12em;
line-height: 1.1em;
text-align: center;
text-decoration: none;
text-transform: uppercase;
white-space: nowrap; }
.nav-list ul li a:hover,
.nav-list ul li a:focus,
.nav-list ul li a:active {
color: #fff;
background: #1c1b1a; }
.nav-list ul li.loggedin a {
background: #1c1b1a; }
.nav-list ul li.loggedin a:hover,
.nav-list ul li.loggedin a:focus,
.nav-list ul li.loggedin a:active {
color: #fff;
background: #000; }
.nav-list.list-closed {
top: -423px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; }
.nav-list.list-open {
background: #333231;
top: 62px;
-webkit-box-shadow: -1px 10px 20px 4px rgba(0, 0, 0, 0.2);
-moz-box-shadow: -1px 10px 20px 4px rgba(0, 0, 0, 0.2);
box-shadow: -1px 10px 20px 4px rgba(0, 0, 0, 0.2); }  @media screen {
.mobile {
display: none; } }
@media screen and (max-width: 760px) {
.desktop {
display: none; } }
@media screen {
#site-wrapper {
box-sizing: border-box;
min-height: 100%;
padding-bottom: 280px;
position: relative; } }
@media screen and (max-width: 760px) {
#site-wrapper {
padding-bottom: 540px; } }
@media screen {
header {
position: relative;
z-index: 51; }
#utilities {
background: #333231;
box-sizing: border-box;
font-size: 62%;
height: 62px;
letter-spacing: 0.2em;
line-height: 59px;
padding: 0 90px 0 40px;
position: fixed;
text-transform: uppercase;
top: 0;
left: 0;
width: 100%;
z-index: 91; } }
@media screen and (max-width: 1500px) {
#utilities {
padding: 0 70px 0 40px; } }
@media screen and (max-width: 760px) {
#utilities {
padding: 0 0 0 15px; } }
@media screen {
#utilities a:active, #utilities a:hover, #utilities a:focus {
background: none; }
#utilities .styleworks-logo {
font-size: 200%; }
#utilities .utility {
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
background-position: 0px 0px !important;
background-size: 100% !important;
box-sizing: border-box;
height: 40px;
opacity: .75;
position: absolute;
right: 0;
top: 11px;
width: 40px; }
#utilities .utility:hover {
opacity: 1; } }
@media screen and (max-width: 760px) {
#utilities .bc-extension, #utilities .bc-item {
display: none; } }
@media screen {
#utilities #utilities-phone {
background: url(//styleworks.website/wp-content/themes/SW24/images/icon-phone.svg) no-repeat;
right: 160px; } }
@media screen and (max-width: 760px) {
#utilities #utilities-phone {
right: 62px; } }
@media screen {
#utilities #utilities-mail {
background: url(//styleworks.website/wp-content/themes/SW24/images/icon-mail.svg) no-repeat;
right: 98px; } }
@media screen and (max-width: 760px) {
#utilities #utilities-mail {
right: 62px; } }
@media screen {
#utilities #utilities-login {
background: url(//styleworks.website/wp-content/themes/SW24/images/icon-login.svg) no-repeat;
right: 45px; } }
@media screen and (max-width: 760px) {
#utilities #utilities-login {
right: 15px; } }
@media screen {
#utilities #utilities-bgr {
background: #333231;
height: 100%;
width: 100%; }
.header-cont {
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
height: 76px;
margin: 0 auto;
padding: 18vh 70px 0;
position: relative; }
header.smaller .header-cont {
padding-top: 0; }
#header-logo {
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
height: 109px;
margin: 0 auto;
overflow: hidden;
padding: 7vh 0 10vh;
width: 460px;
-webkit-animation: logo 1.7s ease;
-moz-animation: logo 1.7s ease;
-o-animation: logo 1.7s ease;
animation: logo 1.7s ease; } }
@media screen and (min-width: 1940px) {
#header-logo {
padding: 14vh 0 10vh; } }
@media screen and (max-width: 1500px) {
#header-logo {
padding: 10vh 0 8vh;
width: 380px; } }
@media screen and (max-width: 980px) {
#header-logo {
padding: 70px 0 30px; } }
@media screen and (max-width: 760px) {
#header-logo {
padding: 9vh 0 30px;
height: 100px;
width: 340px; } }
@media screen and (max-width: 370px) {
#header-logo { padding: 40px 0 30px;
width: 320px; } }
@media screen {
#header-logo h1 {
text-indent: -9999px;
margin: 0;
height: 0;
width: 0; }
header.smaller #header-logo {
margin-top: -100px; }
#lottie { width: 100%; height: auto;
display: block;
overflow: hidden;
transform: translate3d(0, 0, 0); }
#section-nav { border-top: 1px solid #a8a8a5;
position: absolute;
right: 5vw;
top: 362px;
width: 250px;
height: 400px;
z-index: 12; } }
@media screen and (max-width: 1500px) {
#section-nav {
display: none; } }
@media screen and (min-width: 1940px) {
#section-nav {
top: 460px; } }
@media screen {
#section-nav .button { background: #e6e5de;
border-top: none;
font-size: 82%;
margin: 0;
opacity: 1;
padding: 18px 25px;
text-decoration: none; }
#section-nav .button.wc-active, #section-nav .button.wc-active:hover {
background: #e6e5de url(//styleworks.website/wp-content/themes/SW24/images/arrow.svg) 14px 20px no-repeat;
background-size: 14px; }
#section-nav .button:hover {
background: #eeede8;
color: #1c1b1a; }
#section-nav.fixed {
position: fixed;
top: 80px; }
.invisible {
opacity: 0; }
.floatleft {
float: left; }
.floatright {
float: right; }
.flexcontainer {
display: flex; } }
@media screen and (max-width: 760px) {
.flexcontainer {
flex-wrap: wrap; } }
@media screen {
.flexitem {
padding-right: 100px; } }
@media screen and (max-width: 480px) {
.flexitem {
padding-right: 0; } }
@media screen {
.flexitem:last-of-type {
padding-right: 0; }
.flex-control-nav {
opacity: .6; } }
@media screen and (max-width: 760px) {
#metaslider_623 .flex-control-nav {
bottom: 18px !important; } }
@media screen {
#content-wrapper {
box-sizing: border-box;
min-height: 100%;
position: relative; }
.content-section {
position: relative; }
#tmpl-start-section {
z-index: 9; }
.section-wrapper {
box-sizing: border-box;
padding: 100px 80px 80px;
position: relative;
margin: 0 auto;
max-width: 1280px;
z-index: 1; } }
@media screen and (min-width: 1940px) {
.section-wrapper {
max-width: 1400px; } }
@media screen and (max-width: 760px) {
.section-wrapper {
padding: 60px 40px 80px; } }
@media screen and (max-width: 480px) {
.section-wrapper {
padding: 60px 30px 80px; } }
@media screen {
.section-wrapper img {
height: auto;
max-width: 100%; } }
@media screen and (min-width: 1940px) {
#header-slider {
max-width: 1280px !important; } }
@media screen {
.page .section-wrapper {
max-width: 900px; }
#header-slider.section-wrapper {
padding: 6vh 80px 80px; } }
@media screen and (max-width: 1500px) {
#header-slider.section-wrapper {
padding: 30px 80px 80px; } }
@media screen and (max-width: 1300px) {
#header-slider.section-wrapper {
max-width: 900px; } }
@media screen and (max-width: 1030px) {
#header-slider.section-wrapper {
max-width: 312px;
padding: 40px 0; } }
@media screen {
#projectstart-intro .section-wrapper {
padding: 100px 80px 0; } }
@media screen and (max-width: 1030px) {
#projectstart-intro .section-wrapper {
padding: 80px 80px 50px; } }
@media screen and (max-width: 760px) {
#projectstart-intro .section-wrapper {
padding: 60px 40px 50px; } }
@media screen and (max-width: 480px) {
#projectstart-intro .section-wrapper {
padding: 60px 30px 40px; } }
@media screen {
.section-wrapper.sw-narrow {
max-width: 1000px; }
.section-wrapper.sw-sidebar {
padding: 44px 260px 40px 0;
max-width: 1320px; } }
@media screen and (min-width: 1940px) {
.section-wrapper.sw-sidebar {
padding: 100px 40px 140px; } }
@media screen and (max-width: 1500px) {
.section-wrapper.sw-sidebar {
padding: 60px 40px 40px; } }
@media screen and (max-width: 760px) {
.section-wrapper.sw-sidebar {
padding: 60px 30px 40px; } }
@media screen and (max-width: 1500px) {
#header-icons.section-wrapper {
padding: 60px 0 80px !important; } }
@media screen {
#tmpl-start-section .section-wrapper {
max-width: 1400px !important; }
#tmpl-start-section .section-wrapper {
max-width: 1400px !important; }
.brightbgr {
background: #f0efea; }
.is_home1 {
background: #0c0a07 url(//styleworks.website/wp-content/themes/SW24/images/headerimg_code.jpg) center center no-repeat;
background-size: contain; }
.alignright {
float: right;
height: auto !important;
margin: -5px 0 50px 50px !important;
max-width: 500px !important; } }
@media screen and (max-width: 1500px) {
.alignright {
max-width: 60% !important; } }
@media screen and (max-width: 760px) {
.alignright {
float: none;
margin: 30px 0 !important;
max-width: 100% !important; } }
@media screen {
.alignleft {
float: left;
height: auto !important;
margin: -5px 50px 50px 0 !important;
max-width: 500px !important; } }
@media screen and (max-width: 1500px) {
.alignleft {
max-width: 60% !important; } }
@media screen and (max-width: 760px) {
.alignleft {
float: none;
margin: 30px 0 !important;
max-width: 100% !important; } }
@media screen and (max-width: 760px) {
.wp-block-image.page-illustration figure {
float: none;
width: 100%;
margin: 0; }
.wp-block-image.page-illustration figure img {
height: auto;
width: 100%; } }
@media screen {
#vorteile.section-wrapper.sw-sidebar {
padding: 44px 260px 10px 0; } }
@media screen and (min-width: 1940px) {
#vorteile.section-wrapper.sw-sidebar {
padding: 40px 40px 40px; } }
@media screen and (max-width: 1500px) {
#vorteile.section-wrapper.sw-sidebar {
padding: 30px 40px 40px; } }
@media screen and (max-width: 760px) {
#vorteile.section-wrapper.sw-sidebar {
padding: 30px 30px 40px; } }
@media screen {
.content-medium {
box-sizing: border-box;
padding: 0 10%; } .hr-container {
box-sizing: border-box;
margin: 0 auto;
max-width: 1280px;
padding: 0 80px; } }
@media screen and (min-width: 1940px) {
.hr-container {
max-width: 1400px; } }
@media screen {
hr {
background: #000;
box-sizing: content-box; margin-bottom: 40px;
opacity: 0.3;
overflow: visible;
width: 100%; }
.circlebgr {
background: #e4e3dc url(//styleworks.website/wp-content/themes/SW24/images/bgr-circle.svg) no-repeat;
background-size: 1200px;
background-position: top -450px right -150px; } }
@media screen and (max-width: 760px) {
.circlebgr {
background-size: 120%;
background-position: top -50px right -300px; } }
@media screen {
.content-iconbox {
box-sizing: border-box;
margin-bottom: 20px;
padding: 30px 20px 10px 156px;
position: relative;
-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; break-inside: avoid-column; display: table; } }
@media screen and (max-width: 760px) {
.content-iconbox {
padding: 30px 20px 10px 80px; } }
@media screen {
.content-iconbox .icon-container {
height: 114px;
left: 20px;
opacity: 0.6;
position: absolute;
top: 30px;
width: 114px; } }
@media screen and (max-width: 760px) {
.content-iconbox .icon-container {
height: 60px;
left: 0;
width: 60px; } }
@media screen {
.content-iconbox h3, .content-iconbox h4 {
margin-bottom: 0.2em; }
.breakavoid {
-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; break-inside: avoid-column; display: table; }
#vorteil-01 .icon-container {
background: url(//styleworks.website/wp-content/themes/SW24/images/icon-cube.svg) top left no-repeat;
background-size: 100%; }
#vorteil-02 .icon-container {
background: url(//styleworks.website/wp-content/themes/SW24/images/icon-templates.svg) top left no-repeat;
background-size: 100%; }
#vorteil-03 .icon-container {
background: url(//styleworks.website/wp-content/themes/SW24/images/icon-cube.svg) top left no-repeat;
background-size: 100%; }
#vorteil-04 .icon-container {
background: url(//styleworks.website/wp-content/themes/SW24/images/icon-tool.svg) top left no-repeat;
background-size: 100%; }
#start {
height: calc(100vh + 80px);
min-height: 1000px;
position: relative;   } }
@media screen and (max-width: 980px) {
#start {
height: auto; } }
@media screen and (max-width: 760px) {
#start {
min-height: 100vh !important; } }
@media screen {
.centered {
text-align: center; }
.column-33 {
float: left;
position: relative;
width: 33.3%;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease; }
.column-33-content {
position: relative;
padding: 0 85px 30px; } }
@media screen and (max-width: 1500px) {
.column-33-content {
padding: 0 55px 30px; } }
@media screen and (max-width: 980px) {
.column-33-content {
padding: 0; } }
@media screen {
.start-col-text {
padding: 0 0 0 22px; }
.start-icon {
background: url(//styleworks.website/wp-content/themes/SW24/images/website_icons.svg) no-repeat;
background-size: 1371px 230px;
height: 230px;
margin: 0 auto 20px;
overflow: hidden;
width: 228px;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease; }
.start-icon .icon {
height: 100%; width: 100%;
-webkit-transition: opacity 0.2s ease;
-moz-transition: opacity 0.2s ease;
-o-transition: opacity 0.2s ease;
transition: opacity 0.2s ease; }
.sc-text {
padding: 0 20px 20px;
display: none;  }
.sc-text img {
height: auto;
margin-bottom: 25px;
width: 100%; }
ul.pdf-dl-list {
list-style-type: none; padding: 5px 50px 40px 40px; }
ul.pdf-dl-list li { background: url(//styleworks.website/wp-content/themes/SW24/images/pdf.png) no-repeat;
background-position: 0 0;
background-size: 27px 28px;
line-height: 28px;
margin: 1.8em 0;
padding-left: 33px;
position: relative; }
video {
width: 100%;
max-width: 800px;
height: auto; }
.rubrik-container {
position: relative; }
.rubrik-container h2 {
margin-bottom: .4em;
margin-top: -50px;
position: relative;
text-align: center;
z-index: 3; }
.rubrik-link h2 {
margin-bottom: 0.8em !important; } }
@media screen and (max-width: 480px) {
.rubrik-link h2 {
font-size: 120% !important; } }
@media screen {
.rubrik-link h2, .rubrik-link strong {
color: #000 !important; }
.rubrik-link {
opacity: 0.6;
-webkit-transition: opacity 0.2s ease;
-moz-transition: opacity 0.2s ease;
-o-transition: opacity 0.2s ease;
transition: opacity 0.2s ease; } }
@media screen and (max-width: 480px) {
.rubrik-link {
background-size: 240px !important;
height: 100px;
padding-top: 150px !important; } }
@media screen {
.rubrik-link:hover {
opacity: .9; } @-webkit-keyframes fade-in {
0% {
opacity: 0; }
20% {
opacity: 0; }
60% {
opacity: 1; } }
@-moz-keyframes fade-in {
0% {
opacity: 0; }
20% {
opacity: 0; }
60% {
opacity: 1; } }
@-o-keyframes fade-in {
0% {
opacity: 0; }
20% {
opacity: 0; }
60% {
opacity: 1; } }
@keyframes fade-in {
0% {
opacity: 0; }
20% {
opacity: 0; }
60% {
opacity: 1; } }
@-webkit-keyframes logo {
0% {
transform: translate(0, -20px);
opacity: 0; }
20% {
transform: translate(0, -20px);
opacity: 0; }
60% {
transform: translate(0, 0);
opacity: 1; } }
@-moz-keyframes logo {
0% {
transform: translate(0, -20px);
opacity: 0; }
20% {
transform: translate(0, -20px);
opacity: 0; }
60% {
transform: translate(0, 0);
opacity: 1; } }
@-o-keyframes logo {
0% {
transform: translate(0, -20px);
opacity: 0; }
20% {
transform: translate(0, -20px);
opacity: 0; }
60% {
transform: translate(0, 0);
opacity: 1; } }
@keyframes logo {
0% {
transform: translate(0, -20px);
opacity: 0; }
20% {
transform: translate(0, -20px);
opacity: 0; }
60% {
transform: translate(0, 0);
opacity: 1; } }
@-webkit-keyframes webdev {
0% {
opacity: 0; }
30% {
opacity: 0; }
80% {
opacity: 1; } }
@-moz-keyframes webdev {
0% {
opacity: 0; }
30% {
opacity: 0; }
80% {
opacity: 1; } }
@-o-keyframes webdev {
0% {
opacity: 0; }
30% {
opacity: 0; }
80% {
opacity: 1; } }
@keyframes webdev {
0% {
opacity: 0; }
30% {
opacity: 0; }
80% {
opacity: 1; } }
@-webkit-keyframes wordpress {
0% {
opacity: 0; }
40% {
opacity: 0; }
90% {
opacity: 1; } }
@-moz-keyframes wordpress {
0% {
opacity: 0; }
40% {
opacity: 0; }
90% {
opacity: 1; } }
@-o-keyframes wordpress {
0% {
opacity: 0; }
40% {
opacity: 0; }
90% {
opacity: 1; } }
@keyframes wordpress {
0% {
opacity: 0; }
40% {
opacity: 0; }
90% {
opacity: 1; } }
@-webkit-keyframes animation {
0% {
opacity: 0; }
50% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation {
0% {
opacity: 0; }
50% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation {
0% {
opacity: 0; }
50% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes animation {
0% {
opacity: 0; }
50% {
opacity: 0; }
100% {
opacity: 1; } }
#sc-webdev {
-webkit-animation: webdev 2s;
-moz-animation: webdev 2s;
-o-animation: webdev 2s;
animation: webdev 2s; } }
@media screen and (max-width: 760px) {
#sc-webdev {
display: none; } }
@media screen {
.webdev-link {
background: url(//styleworks.website/wp-content/themes/SW24/images/website_icon_wd.svg) no-repeat;
background-position: center 0;
background-size: 228px;
padding-top: 250px; }
#sc-wordpress {
-webkit-animation: wordpress 2s;
-moz-animation: wordpress 2s;
-o-animation: wordpress 2s;
animation: wordpress 2s; } }
@media screen and (max-width: 760px) {
#sc-wordpress {
width: 100%; } }
@media screen {
.wordpress-link {
background: url(//styleworks.website/wp-content/themes/SW24/images/website_icon_wp.svg) no-repeat;
background-position: center 0;
background-size: 228px;
padding-top: 250px; } }
@media screen and (max-width: 760px) {
.wordpress-link {
background: url(//styleworks.website/wp-content/themes/SW24/images/website_icon_maintenance.svg) no-repeat;
background-position: center 0; } }
@media screen {
#sc-animation {
-webkit-animation: animation 2s;
-moz-animation: animation 2s;
-o-animation: animation 2s;
animation: animation 2s; }
.animation-link {
background: url(//styleworks.website/wp-content/themes/SW24/images/website_icon_anm.svg) no-repeat;
background-position: center 0;
background-size: 228px;
padding-top: 250px; } }
@media screen and (max-width: 760px) {
.animation-link {
background: none; } }
@media screen {
#sc-maintenance {
-webkit-animation: animation 2s;
-moz-animation: animation 2s;
-o-animation: animation 2s;
animation: animation 2s; } }
@media screen and (max-width: 760px) {
#sc-maintenance {
display: none; } }
@media screen {
.maintenance-link {
background: url(//styleworks.website/wp-content/themes/SW24/images/website_icon_maintenance.svg) no-repeat;
background-position: center 0;
background-size: 228px;
padding-top: 250px; } }
@media screen and (max-width: 760px) {
.maintenance-link {
background: none; } }
@media screen {
.start-btn { text-align: center;
padding: 20px 0;
z-index: 8; }
.start-btn a {
background: #cecdc8;
color: #2f2f2a;
display: block;
font-size: 114%;
font-weight: bold;
letter-spacing: -0.03em;
padding: 16px;
text-decoration: none !important;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease; }
#sc-development .start-btn a {
background: #7a0000;
color: #fff;
text-decoration: none !important; }
#sc-wordpress .start-btn a {
background: #9c4200;
color: #fff;
text-decoration: none !important; }
#sc-animation .start-btn a {
background: #a37300;
color: #fff;
text-decoration: none !important; }
#sc-development .start-btn a:hover {
background: #950000;
color: #fff;
text-decoration: none !important; }
#sc-wordpress .start-btn a:hover {
background: #b64d00;
color: #fff;
text-decoration: none !important; }
#sc-animation .start-btn a:hover {
background: #ba8300;
color: #fff;
text-decoration: none !important; }
.textcol {
font-size: 110%;
padding: 0; } }
@media screen and (max-width: 760px) {
.textcol {
padding: 0 30px; } }
@media screen and (max-width: 480px) {
.textcol {
padding: 0; } }
@media screen and (max-width: 480px) {
#wpfront-scroll-top-container {
right: 5px !important; } }
@media screen {
.sct-2col {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 60px;
-moz-column-gap: 60px;
column-gap: 60px;
margin-bottom: 40px; } }
@media screen and (max-width: 760px) {
.sct-2col {
-webkit-column-count: 1; } }
@media screen and (max-width: 760px) {
.sct-2col {
-moz-column-count: 1; } }
@media screen and (max-width: 760px) {
.sct-2col {
column-count: 1; } }
@media screen {
.sct-3col {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-gap: 60px;
-moz-column-gap: 60px;
column-gap: 60px;
margin-bottom: 40px; } }
@media screen and (max-width: 1500px) {
.sct-3col {
-webkit-column-count: 2; } }
@media screen and (max-width: 760px) {
.sct-3col {
-webkit-column-count: 1; } }
@media screen and (max-width: 1500px) {
.sct-3col {
-moz-column-count: 2; } }
@media screen and (max-width: 760px) {
.sct-3col {
-moz-column-count: 1; } }
@media screen and (max-width: 1500px) {
.sct-3col {
column-count: 2; } }
@media screen and (max-width: 760px) {
.sct-3col {
column-count: 1; } }
@media screen {
.sct-4col {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
-webkit-column-gap: 50px;
-moz-column-gap: 50px;
column-gap: 50px;
margin-bottom: 40px; } }
@media screen and (max-width: 1500px) {
.sct-4col {
-webkit-column-count: 2; } }
@media screen and (max-width: 760px) {
.sct-4col {
-webkit-column-count: 1; } }
@media screen and (max-width: 1500px) {
.sct-4col {
-moz-column-count: 2; } }
@media screen and (max-width: 760px) {
.sct-4col {
-moz-column-count: 1; } }
@media screen and (max-width: 1500px) {
.sct-4col {
column-count: 2; } }
@media screen and (max-width: 760px) {
.sct-4col {
column-count: 1; } }
@media screen and (max-width: 1500px) {
.sct-4col {
-webkit-column-gap: 80px; } }
@media screen and (max-width: 1500px) {
.sct-4col {
-moz-column-gap: 80px; } }
@media screen and (max-width: 1500px) {
.sct-4col {
column-gap: 80px; } }
@media screen {
.start-form-container .sct-2col,
.start-form-container .sct-3col,
.start-form-container .sct-4col {
margin-bottom: 0; }
.no-column-break {
display: inline-block; position: relative;
-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; break-inside: avoid-column;   }
.no-column-break img {
height: auto;
margin-bottom: 3px;
width: 100%; }
.column-item {
margin-bottom: 70px; }
.offer-box-third {
background: #fff;
background: rgba(255, 255, 255, 0.6);
border: 1px solid #cfcec7;
box-sizing: border-box;
float: left;
margin: 25px 0 40px;
text-align: center;
width: 33.2%; } }
@media screen and (max-width: 980px) {
.offer-box-third {
width: 100%; } }
@media screen and (max-width: 980px) {
.service-contact .offer-box-third {
display: none; } }
@media screen {
.obt-row {
border-bottom: 1px solid #cfcec7;
box-sizing: border-box; padding: 0;
position: relative; }
.obt-row .title, .obt-row .static {
padding: 30px 20px 33px; } }
@media screen and (max-width: 760px) {
.obt-row .title, .obt-row .static {
padding: 30px 0 33px; } }
@media screen {
.obt-row .title {
cursor: pointer; }
.obt-row .title:hover, .obt-row .title.open {
background: rgba(255, 255, 255, 0.7); }
.obt-row .title:hover a {
background: none;
color: #000; }
.obt-row .title a {
color: #2f2f2a; }
.obt-row .title.open a {
font-weight: bold; }
.obt-row .title.open .fas {
transform: rotate(90deg) translate(0, -2px); }
.obt-row .title a:hover {
background: none;
color: #000; }
.obt-row .content {
background: rgba(255, 255, 255, 0.7);
display: none;
padding: 0 32px 40px 36px;
text-align: left; }
div.akk-item:last-child > .title {
padding: 30px 20px 40px; }
.obt-header {
color: #fff;
margin-bottom: 10px;
padding: 30px 20px;
position: relative; } }
@media screen and (max-width: 1030px) {
.obt-header {
padding-left: 40px; } }
@media screen and (max-width: 980px) {
.obt-header {
padding-left: 20px; } }
@media screen and (max-width: 760px) {
.obt-header {
padding-left: 60px; } }
@media screen {
.obt-header::after {
content: "";
background: url(//styleworks.website/wp-content/themes/SW24/images/tool.svg);
background-size: 100%;
height: 50px;
opacity: 0.5;
top: 24px;
left: 22px;
bottom: 0;
position: absolute;
width: 50px; } }
@media screen and (max-width: 760px) {
.obt-header::after {
left: 16px; } }
@media screen {
.obt-pro .obt-header::after {
content: "";
background: url(//styleworks.website/wp-content/themes/SW24/images/tool.svg);
background-size: 100%;
height: 60px;
opacity: 0.5;
top: 27px;
left: 30px;
bottom: 0;
position: absolute;
width: 60px; }
.obt-header p {
letter-spacing: 0.1em;
margin-bottom: 0;
text-transform: uppercase; }
.obt-footer {
padding: 25px 30px 27px;
position: relative; }
.servicebutton {
background: none;
border: none;
border: 1px solid rgba(0, 0, 0, 0.3);
box-sizing: border-box;  color: rgba(0, 0, 0, 0.5);
cursor: pointer;
display: block;
font-weight: bold;
letter-spacing: 0.16em;
margin-bottom: 1em;
text-align: center;
text-decoration: none;
text-transform: uppercase;
padding: 12px 25px; }
.servicebutton:hover { background: #c75400; border: none;
border: 1px solid #c75400;
box-sizing: border-box;
color: white; }
.obt-basic .obt-header {
background: #e4c72b; }
.obt-basic .obt-header .triangle {
background: url(//styleworks.website/wp-content/themes/SW24/images/triangle-basic.svg) center center no-repeat;
background-size: 60px 12px;
bottom: -12px;
height: 12px;
left: calc(50% - 30px);
position: absolute;
width: 60px; }
.obt-basic .obt-footer {
background: #e4c72b; }
.obt-basic .obt-footer .triangle {
background: url(//styleworks.website/wp-content/themes/SW24/images/triangle-basic.svg) center center no-repeat;
background-size: 60px 12px;
top: -12px;
height: 12px;
left: calc(50% - 30px);
position: absolute;
transform: rotate(180deg);
width: 60px; }
.obt-basic .obt-footer .servicebutton:hover {
background: #cca300;
border: none;
border: 1px solid #cca300; }
.obt-pro {
border-left: none;
border-right: none;
border: none;
margin-top: 0;
-webkit-box-shadow: 0px 8px 30px -3px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 8px 30px -3px rgba(0, 0, 0, 0.2);
box-shadow: 0px 8px 30px -3px rgba(0, 0, 0, 0.2); }
.obt-pro .obt-header {
padding: 35px 20px; background: #e3a300;  }
.obt-pro .obt-header .triangle {
background: url(//styleworks.website/wp-content/themes/SW24/images/triangle-basic2.svg) center center no-repeat;
background-size: 60px 12px;
height: 12px;
left: calc(50% - 30px);
position: absolute;
bottom: -12px;
width: 60px; }
.obt-pro .obt-footer {
background: #e3a300; }
.obt-pro .obt-footer .triangle {
background: url(//styleworks.website/wp-content/themes/SW24/images/triangle-basic2.svg) center center no-repeat;
background-size: 60px 12px;
top: -12px;
height: 12px;
left: calc(50% - 30px);
position: absolute;
transform: rotate(180deg);
width: 60px; }
.obt-pro .obt-footer .servicebutton:hover {
background: #c78800;
border: none;
border: 1px solid #c78800; }
.obt-custom .obt-header {
background: #dc7f14; }
.obt-custom .obt-header .triangle {
background: url(//styleworks.website/wp-content/themes/SW24/images/triangle-custom.svg) center center no-repeat;
background-size: 60px 12px;
height: 12px;
left: calc(50% - 30px);
position: absolute;
bottom: -12px;
width: 60px; }
.obt-custom .obt-footer {
background: #dc7f14; }
.obt-custom .obt-footer .triangle {
background: url(//styleworks.website/wp-content/themes/SW24/images/triangle-custom.svg) center center no-repeat;
background-size: 60px 12px;
top: -12px;
height: 12px;
left: calc(50% - 30px);
position: absolute;
transform: rotate(180deg);
width: 60px; }
.line {
height: 1px;
border-bottom: 1px solid #000;
opacity: 0.12;
position: absolute;
-webkit-animation: fadeinlines 2s ease;
-moz-animation: fadeinlines 2s ease;
-o-animation: fadeinlines 2s ease;
animation: fadeinlines 2s ease; } }
@media screen and (max-width: 1500px) {
.line {
display: none; } }
@media screen {
#line01 {
left: 187px;
top: 150px;
width: 394px;
transform: rotate(13deg);
-moz-transform: rotate(13deg);
-ms-transform: rotate(13deg);
-o-transform: rotate(13deg);
-webkit-transform: rotate(13deg); }
#line02 {
right: 198px;
top: 150px;
width: 384px;
transform: rotate(-13deg);
-moz-transform: rotate(-13deg);
-ms-transform: rotate(-13deg);
-o-transform: rotate(-13deg);
-webkit-transform: rotate(-13deg); }
#line03 {
left: 256px;
top: 320px;
width: 345px;
transform: rotate(-25deg);
-moz-transform: rotate(-25deg);
-ms-transform: rotate(-25deg);
-o-transform: rotate(-25deg);
-webkit-transform: rotate(-25deg); }
#line04 {
right: 267px;
top: 320px;
width: 333px;
transform: rotate(25deg);
-moz-transform: rotate(25deg);
-ms-transform: rotate(25deg);
-o-transform: rotate(25deg);
-webkit-transform: rotate(25deg); }
.fadeinbox {
padding: 0 40px 60px;
-webkit-animation: fadeinslow 3s ease;
-moz-animation: fadeinslow 3s ease;
-o-animation: fadeinslow 3s ease;
animation: fadeinslow 3s ease; } }
@media screen and (max-width: 760px) {
.fadeinbox {
padding: 0 20px 100px; } }
@media screen {
#metaslider_547 ul.slides li:first-of-type {
-webkit-animation: fade-in1 1.6s ease;
-moz-animation: fade-in1 1.6s ease;
-o-animation: fade-in1 1.6s ease;
animation: fade-in1 1.6s ease; }
#metaslider_547 ul.slides li:nth-of-type(2) {
-webkit-animation: fade-in2 1.6s ease;
-moz-animation: fade-in2 1.6s ease;
-o-animation: fade-in2 1.6s ease;
animation: fade-in2 1.6s ease; }
#metaslider_547 ul.slides li:nth-of-type(3) {
-webkit-animation: fade-in3 1.6s ease;
-moz-animation: fade-in3 1.6s ease;
-o-animation: fade-in3 1.6s ease;
animation: fade-in3 1.6s ease; }
#metaslider_547 .flex-control-nav {
margin-top: -15px;
-webkit-animation: fade-in3 2s ease;
-moz-animation: fade-in3 2s ease;
-o-animation: fade-in3 2s ease;
animation: fade-in3 2s ease; }
.questionbox {
background: url(//styleworks.website/wp-content/themes/SW24/images/question-circle.svg) top left no-repeat;
background-size: 63px;
padding-left: 80px; }
.down-arrow {
background: url(//styleworks.website/wp-content/themes/SW24/images/arrow-icon.svg);
background-size: contain;
bottom: 20px;
cursor: pointer;
height: 40px;
left: 50%;
margin-left: -20px;
opacity: 0.7;
position: absolute;
width: 40px;
-webkit-animation: bounce 4s infinite;
-moz-animation: bounce 4s infinite;
-o-animation: bounce 4s infinite;
animation: bounce 4s infinite; }
.down-arrow:hover {
opacity: 1; } .headerimg {
margin-top: 60px; } }
@media screen and (max-width: 480px) {
.headerimg {
margin-top: 50px; } }
@media screen {
.section-header-img {
box-sizing: border-box;
overflow: hidden;
padding: 0 16px;
position: relative;
width: 100%; }
.section-header-img img {
height: auto;
width: 100%; } }
@media screen and (max-width: 1500px) {
.section-header-img img {
width: 140%;
margin-left: -20%; } }
@media screen and (max-width: 760px) {
.section-header-img img {
width: 400%;
margin-left: -150%; } }
@media screen {
.section-header-img h1, .section-header-img h2, .section-header-img h3 {
color: #fff;
font-size: 290%;
text-shadow: 2px 2px 16px rgba(0, 0, 0, 0.52);
line-height: 1.1;
margin-bottom: 0.4em !important;
padding-top: 100px;
text-align: center;
-webkit-animation: logo 1.7s ease;
-moz-animation: logo 1.7s ease;
-o-animation: logo 1.7s ease;
animation: logo 1.7s ease; } }
@media screen and (min-width: 1940px) {
.section-header-img h1, .section-header-img h2, .section-header-img h3 {
font-size: 360%;
padding-top: 160px; } }
@media screen and (max-width: 980px) {
.section-header-img h1, .section-header-img h2, .section-header-img h3 {
font-size: 250%; } }
@media screen and (max-width: 480px) {
.section-header-img h1, .section-header-img h2, .section-header-img h3 {
font-size: 220%;
padding-top: 80px; } }
@media screen and (max-width: 370px) {
.section-header-img h1, .section-header-img h2, .section-header-img h3 {
font-size: 210%; } }
@media screen {
.section-header-img p.subline {
color: rgba(255, 255, 255, 0.5);
font-size: 80%;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0.4em;
margin-bottom: 0 !important;
padding-bottom: 100px;
text-align: center;
-webkit-animation: fade-in1 2s ease;
-moz-animation: fade-in1 2s ease;
-o-animation: fade-in1 2s ease;
animation: fade-in1 2s ease;  } }
@media screen and (min-width: 1940px) {
.section-header-img p.subline {
padding-bottom: 160px; } }
@media screen and (max-width: 480px) {
.section-header-img p.subline {
padding-bottom: 70px; } }
@media screen and (min-width: 1940px) {
.leftaligned img {
width: 120%;
margin-left: 0; } }
@media screen and (min-width: 2200px) {
.leftaligned img {
width: 100%;
margin-left: 0; } }
@media screen and (max-width: 1500px) {
.leftaligned img {
width: 140%;
margin-left: -60px; } }
@media screen and (max-width: 760px) {
.leftaligned img {
width: 250%;
margin-left: -50px; } }
@media screen {
.centered {
text-align: center; }
#matomo {
padding-top: 40px; }
#matomo .section-header-img {
background: url(//styleworks.website/wp-content/themes/SW24/images/headerimg-matomo.jpg) top left no-repeat;
background-size: cover; }
#wordpress, #customer-headerimg {
background: url(//styleworks.website/wp-content/themes/SW24/images/wordpress-content-management-website.jpg) top left no-repeat;
background-size: cover; }
#customs-headerimg {
background: url(//styleworks.website/wp-content/themes/SW24/images/custom-headerimg.jpg) top left no-repeat;
background-size: 100%; } }
@media screen and (max-width: 980px) {
#customs-headerimg {
background-size: 150%; } }
@media screen and (max-aspect-ratio: 10 / 9) {
#customs-headerimg {
background-size: 180%; } }
@media screen and (max-width: 480px) {
#customs-headerimg {
background-size: 200%; } }
@media screen and (max-width: 370px) {
#customs-headerimg {
background-size: 250%; } }
@media screen {
#wpservice-headerimg {
background: url(//styleworks.website/wp-content/themes/SW24/images/wordpress-service-headerimg.jpg) top left no-repeat;
background-size: 100%; } }
@media screen and (max-width: 980px) {
#wpservice-headerimg {
background-size: 150%; } }
@media screen and (max-aspect-ratio: 10 / 9) {
#wpservice-headerimg {
background-size: 180%; } }
@media screen and (max-width: 480px) {
#wpservice-headerimg {
background-size: 240%;
background-position: 0 10px; } }
@media screen and (max-width: 370px) {
#wpservice-headerimg {
background-size: 250%; } }
@media screen {
#legal-headerimg {
background: url(//styleworks.website/wp-content/themes/SW24/images/headerimg-legal.jpg) top left no-repeat;
background-size: cover; } }
@media screen and (max-width: 1500px) {
#legal-headerimg {
background-position: top center; } }
@media screen {
.hsContainer {
width: 100%;
height: 100%;
overflow: hidden;
position: relative; } .jumptarget:before {
content: "";
display: block;
height: 70px;
margin: -10px 0 0; }
button, .button, .wp-block-button__link, .action-button {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
background: none;
border: none;
border: 1px solid #a8a8a5;
border-radius: 1px;
box-sizing: border-box;
color: #545454;
cursor: pointer;
display: inline-block;
font-size: 88%;
letter-spacing: 0.16em;
margin-bottom: 1em;
min-width: 250px;
padding: 20px 40px;
text-align: center;
text-decoration: none;
text-transform: uppercase; } }
@media screen and (max-width: 760px) {
button, .button, .wp-block-button__link, .action-button {
width: 100%; } }
@media screen and (max-width: 760px) {
button#cf7mls-back-btn-cf7mls_step-2 {
margin-bottom: 0;
width: calc(100% - 3px); } }
@media screen {
.cs-dark {
background: #dad9d0 url(//styleworks.website/wp-content/themes/SW24/images/grain.png) top left repeat; }
.cs-dark-dark {
background: #171314 url(//styleworks.website/wp-content/themes/SW24/images/dark-dark-background.jpg) top center no-repeat;
background-position: 30% 0;
color: #fff; }
.bright {
opacity: 0.5; }
.project-headline {
background: url(//styleworks.website/wp-content/themes/SW24/images/project-icon.svg) center left no-repeat;
background-position: 30% 8px;
background-size: 60px;
line-height: 60px;
margin-bottom: 20px;
padding-left: 58px; } }
@media screen and (max-width: 1500px) {
.project-headline {
background-position: 30% 8px; } }
@media screen and (max-width: 1030px) {
.project-headline {
background-position: 25% 8px; } }
@media screen and (max-width: 980px) {
.project-headline {
background-position: 10% 8px; } }
@media screen and (max-width: 760px) {
.project-headline {
background-position: 0 8px; } }
@media screen {
.custom-loginpage, .page-content {
-webkit-animation: fadein 1s ease;
-moz-animation: fadein 1s ease;
-o-animation: fadein 1s ease;
animation: fadein 1s ease; }
.custom-loginpage #loginform {
display: block;
margin: 0 auto 100px; max-width: 400px; }
.custom-loginpage #loginform input.input {
display: block;
width: 100%; }
#wp-submit {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
background: none;
border: none;
border: 1px solid #a8a8a5;
box-sizing: border-box;
color: #545454;
cursor: pointer;
font-weight: bold;
letter-spacing: 0.2em;
text-transform: uppercase;
margin: 20px 0;
padding: 16px 0;
width: 100%; }
#wp-submit:hover {
background: none;
background: #5F0808;
border: 1px solid #5F0808;
color: #fff; }
#projekte {
background: #1c1b1a;
background: linear-gradient(0deg, #0f0f0e 0%, #0f0f0e 35%, #2c2b29 100%);
position: relative;
z-index: 50; }
.acc-bgrimg { height: 800px;
left: -340px;
opacity: 0.6;
position: fixed;
top: -10px;
width: 800px;
z-index: 0; } }
@media screen and (max-width: 1300px) {
.acc-bgrimg {
top: -50px;
left: -520px; } }
@media screen and (max-width: 480px) {
.acc-bgrimg {
display: none; } }
@media screen {
#header-slider { }
#header-slider .flex-viewport {
height: 260px;
overflow-y: visible !important;
padding-bottom: 250px; } }
@media screen and (min-width: 1940px) {
#header-slider .flex-viewport {
height: 300px;
padding-bottom: 320px; } }
@media screen and (max-width: 1500px) {
#header-slider .flex-viewport {
padding-bottom: 220px; } }
@media screen and (max-width: 1030px) {
#header-slider .flex-viewport {
height: 300px;
padding-bottom: 260px; } }
@media screen and (max-width: 480px) {
#header-slider .flex-viewport {
height: 240px; } }
@media screen and (max-width: 370px) {
#header-slider .flex-viewport {
height: 300px; } }
@media screen {
#header-slider .metaslider {
margin-bottom: 10px; }
#header-slider .metaslider .slides img {
box-sizing: border-box;
opacity: .7;
padding: 0 62px !important;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; } }
@media screen and (max-width: 1030px) {
#header-slider .metaslider .slides img {
padding: 0 44px !important; } }
@media screen and (max-width: 370px) {
#header-slider .metaslider .slides img {
padding: 0 10px !important; } }
@media screen {
#header-slider .flexslider .slides li { } }
@media screen and (max-width: 1030px) {
#header-slider .flexslider .slides li {
width: 312px !important; } }
@media screen {
#header-slider .metaslider .slides img:hover {
opacity: 1; }
#header-slider .caption-wrap {
background: none !important;
bottom: auto;
color: #2f2f2a !important;
opacity: 1 !important;
top: 210px; } }
@media screen and (max-width: 1500px) {
#header-slider .caption-wrap {
top: 190px; } }
@media screen {
#header-slider .caption-wrap h2 {
color: #2d2d2b !important;
margin-bottom: .4em !important;
text-align: center;
white-space: nowrap; } }
@media screen and (max-width: 1500px) {
#header-slider .caption-wrap h2 {
font-size: 38px !important; } }
@media screen {
#header-slider .caption-wrap .caption {
padding: 0 50px !important; } }
@media screen and (max-width: 1500px) {
#header-slider .caption-wrap .caption {
padding: 0 42px !important; } }
@media screen and (max-width: 760px) {
#header-slider .caption-wrap .caption {
padding: 0 30px !important; } }
@media screen and (max-width: 480px) {
#header-slider .caption-wrap .caption {
padding: 0 20px !important; } }
@media screen {
#header-slider .caption-wrap .button {
min-width: 150px;
width: 100%; }
#header-slider #metaslider-id-547::before {
background: url(//styleworks.website/wp-content/themes/SW24/images/slideshow-sidegradient.png) top left repeat-y;
background-size: 100%; content: '';
height: 100%;
position: absolute;
top: 0;
left: 0;
width: 60px;
z-index: 9999; } }
@media screen and (max-width: 760px) {
#header-slider #metaslider-id-547::before {
background: none; } }
@media screen {
#header-slider #metaslider-id-547::after {
background: #e6e5de;
background: linear-gradient(90deg, rgba(230, 229, 222, 0) 0%, #e6e5de 100%); content: '';
height: 100%;
position: absolute;
top: 0;
right: 0;
width: 60px;
z-index: 9999; } }
@media screen and (max-width: 760px) {
#header-slider #metaslider-id-547::after {
background: none; } }
@media screen {
iframe {
border: none;
width: 100%;
min-height: 300px; }
#projekte .metaslider { top: -60px; } }
@media screen and (max-width: 980px) {
#projekte .metaslider {
top: -20px; } }
@media screen and (max-width: 480px) {
#projekte .metaslider {
padding-top: 40px;
top: 0; } }
@media screen {
#projekte .metaslider .flexslider {
margin-bottom: 0 !important; }
#projekte .metaslider .caption-wrap {
background: none !important;
bottom: -20px;
padding: 0 140px 40px 20vw;
max-width: 850px; } }
@media screen and (max-width: 1300px) {
#projekte .metaslider .caption-wrap {
box-sizing: border-box;
max-width: 1800px;
padding: 0 12vw;
position: relative;
top: -80px; } }
@media screen and (max-width: 760px) {
#projekte .metaslider .caption-wrap {
padding: 0 20px 40px;
top: -10px; } }
@media screen {
.su-table {
box-sizing: border-box;
margin: 0 auto 80px !important;
width: 75% !important; } }
@media screen and (max-width: 1500px) {
.su-table {
margin: 0 0 80px !important;
width: 100% !important; } }
@media screen and (max-width: 760px) {
.su-table {
margin: 0 0 80px -20px !important; } }
@media screen {
.su-table td {
background: rgba(255, 255, 255, 0.4); }
.su-even td {
background: rgba(255, 255, 255, 0.2); } }
@media screen and (max-width: 760px) {
.su-table td:nth-child(3) { display: none; } }
@media screen {
.su-table table {
box-sizing: border-box;
width: 100% !important; }
.su-table td {
padding: 16px 22px !important; }
table {
margin-bottom: 100px; }
table td:not(:first-child) {
text-align: center; } .twothird-right {
float: right;
padding-top: 30px;
width: 61%; }
.twothird-right h1, .twothird-right h2, .twothird-right h3, .twothird-right h4, .twothird-right h5, .twothird-right h6, .twothird-right p {
padding-left: 10px; } }
@media screen and (max-width: 980px) {
.twothird-right {
float: none;
width: 100%; } }
@media screen {
#t_contact .image-h2 {
background: url(//styleworks.website/wp-content/themes/SW24/images/Uli_Arndt.webp) no-repeat;
background-position: top 0 left 0;
background-size: 200px;
padding: 130px 0 20px 220px;
margin-bottom: 20px !important;
margin-top: -185px; } }
@media screen and (max-width: 980px) {
#t_contact .image-h2 {
background-size: 180px;
margin-top: -100px; } }
@media screen and (max-width: 760px) {
#t_contact .image-h2 {
background-position: top 50px left 0;
background-size: 180px;
padding: 250px 0 20px 0px; } }
@media screen and (max-width: 480px) {
#t_contact .image-h2 {
background-position: top 128px left 0;
background-size: 160px;
padding: 300px 0 20px 0px; } }
@media screen {
.imagelink {
height: 65px;
opacity: .85;
position: relative;
text-indent: -99998px;
width: 65px;
float: right;
margin-top: -60px;
margin-left: 20px; } }
@media screen and (max-width: 980px) {
.imagelink { } }
@media screen and (max-width: 480px) {
.imagelink {
margin-left: 12px;
width: 55px; } }
@media screen {
.imagelink:hover {
opacity: 1; }
.imagelink.ci-phone {
background: url(//styleworks.website/wp-content/themes/SW24/images/icon_old_phone.svg) center center no-repeat;
background-size: 100%; }
.imagelink.ci-mail {
background: url(//styleworks.website/wp-content/themes/SW24/images/icon_mail.svg) center center no-repeat;
background-size: 100%; }
.imagelink.ci-chat {
background: url(//styleworks.website/wp-content/themes/SW24/images/icon_chat.svg) center center no-repeat;
background-size: 100%; }
.imagelink.ci-chat:hover {
cursor: no-drop;
opacity: .5; }
div.tooltip-content {
background: #1c1b1a;
border-radius: 3px;
color: #fff;
height: auto;
min-height: 25px;
width: auto;
opacity: 0;
padding: 4px 10px;
position: absolute;
right: 0;
text-align: center;
top: -10px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
a.has-tooltip:hover + div.tooltip-content {
opacity: 1; }
.ci-phone.has-tooltip + div.tooltip-content {
right: 245px; } }
@media screen and (max-width: 760px) {
.ci-phone.has-tooltip + div.tooltip-content {
right: 200px;
top: 80px; } }
@media screen {
.ci-phone.has-tooltip:hover + div.tooltip-content {
right: 246px;
top: 0px; } }
@media screen and (max-width: 760px) {
.ci-phone.has-tooltip:hover + div.tooltip-content {
right: 200px;
top: 70px; } }
@media screen {
.ci-mail.has-tooltip + div.tooltip-content {
right: 165px; } }
@media screen and (max-width: 760px) {
.ci-mail.has-tooltip + div.tooltip-content {
right: 120px;
top: 80px; } }
@media screen {
.ci-mail.has-tooltip:hover + div.tooltip-content {
right: 165px;
top: 0px; } }
@media screen and (max-width: 760px) {
.ci-mail.has-tooltip:hover + div.tooltip-content {
right: 120px;
top: 70px; } }
@media screen {
.ci-chat.has-tooltip + div.tooltip-content {
right: 50px; } }
@media screen and (max-width: 760px) {
.ci-chat.has-tooltip + div.tooltip-content {
right: 8px;
top: 80px; } }
@media screen {
.ci-chat.has-tooltip:hover + div.tooltip-content {
right: 50px;
top: 0px; } }
@media screen and (max-width: 760px) {
.ci-chat.has-tooltip:hover + div.tooltip-content {
right: 8px;
top: 70px; } }
@media screen {
.contact-padding, .start-form-container {
padding-left: 220px; } }
@media screen and (max-width: 980px) {
.contact-padding, .start-form-container {
padding-left: 100px; } }
@media screen and (max-width: 760px) {
.contact-padding, .start-form-container {
padding-left: 0; } }
@media screen {
.fieldset-container p {
margin: 0 !important; } #wpcf7-f370-o1,
#wpcf7-f740-o1 {
box-sizing: border-box;
padding: 0 80px 80px;
position: relative;
margin: 0 auto;
max-width: 1100px; } }
@media screen and (max-width: 980px) {
#wpcf7-f370-o1,
#wpcf7-f740-o1 {
padding: 0 40px 80px 0; } }
@media screen and (max-width: 480px) {
#wpcf7-f370-o1,
#wpcf7-f740-o1 {
padding: 0 30px 80px 0; } }
@media screen {
#wpcf7-f370-o1 h3,
#wpcf7-f740-o1 h3 {
font-size: 230%;
font-weight: 400;
margin-bottom: 2em; }
.cf7mls-btns button, input#senden {
background: none !important;
border: none;
border: 1px solid #a8a8a5 !important;
border-radius: 1px !important;
box-sizing: border-box;
color: #545454 !important;
cursor: pointer;
display: inline-block;
font-size: 88% !important;
font-family: montserrat, sans-serif !important;
font-weight: 400;
font-style: normal;
letter-spacing: 0.16em;
margin-bottom: 1em;
min-width: 250px;
padding: 20px 40px !important;
text-align: center;
text-decoration: none;
text-transform: uppercase; }
button.cf7mls_next {
margin-right: 2px !important; }
input#senden {
background: url(//styleworks.website/wp-content/themes/SW24/images/paperplane-icon.svg) no-repeat !important;
background-position: top 20px left 30px !important;
background-size: 42px !important;
padding-left: 80px !important;
font-weight: 700;
position: absolute;
bottom: 12px;
right: 0; } }
@media screen and (max-width: 980px) {
input#senden {
bottom: 0;
left: 120px;
right: auto;
width: calc(100% - 120px); } }
@media screen and (max-width: 480px) {
input#senden {
bottom: 0;
left: 30px;
width: calc(100% - 30px); } }
@media screen {
.wpcf7-not-valid {
background: #000 !important; } .wpcf7-not-valid-tip {
color: #fff !important;
background: #7a0000 !important;
padding: 4px 10px;
display: table;
margin: -8px 0 20px;
opacity: 1 !important;
position: relative;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; }
.wpcf7-not-valid-tip:after {
content: '';
position: absolute;
border-style: solid;
border-width: 0 7px 8px;
border-color: #7a0000 transparent;
display: block;
width: 0;
z-index: 1;
top: -8px;
left: 16px; }
button:not(.show):hover {
background: #00999b !important;
color: #fff !important; } }
@media screen and (max-width: 980px) {
button#cf7mls-back-btn-cf7mls_step-3 {
margin-bottom: 100px !important;
width: 200px; } }
@media screen {
.fieldset-cf7mls-wrapper > fieldset {
box-sizing: border-box;
padding: 112px 0 0 190px; } }
@media screen and (max-width: 980px) {
.fieldset-cf7mls-wrapper > fieldset {
padding: 112px 0 0 120px; } }
@media screen and (max-width: 480px) {
.fieldset-cf7mls-wrapper > fieldset {
padding: 112px 0 0 30px; } }
@media screen {
.fieldset-cf7mls-wrapper fieldset:first-child {
background: url(//styleworks.website/wp-content/themes/SW24/images/circle-number01.svg) no-repeat;
background-position: top -30px left 0px;
background-size: 280px; } }
@media screen and (max-width: 980px) {
.fieldset-cf7mls-wrapper fieldset:first-child {
background-position: top -30px left -70px; } }
@media screen {
.fieldset-cf7mls-wrapper fieldset:nth-child(2) {
background: url(//styleworks.website/wp-content/themes/SW24/images/circle-number02.svg) no-repeat;
background-position: top -30px left 0px;
background-size: 280px; } }
@media screen and (max-width: 980px) {
.fieldset-cf7mls-wrapper fieldset:nth-child(2) {
background-position: top -30px left -70px; } }
@media screen {
.fieldset-cf7mls-wrapper fieldset:nth-child(3) {
background: url(//styleworks.website/wp-content/themes/SW24/images/circle-number03.svg) no-repeat;
background-position: top -30px left 0px;
background-size: 280px; } }
@media screen and (max-width: 980px) {
.fieldset-cf7mls-wrapper fieldset:nth-child(3) {
background-position: top -30px left -70px; } }
@media screen {
.form-section {
margin-bottom: 100px; }
.ps-form-container {
position: relative; }
.formheadline {
font-size: 114%;
font-weight: bold;
margin-bottom: 1.2em; }
.uacf7-step {
padding-top: 80px;
position: relative; }
.uacf7-btn-default {
background-color: #d1d1ca !important; }
.uacf7-btn-default:hover {
background-color: #333231 !important; }
.steps-form .steps-row .steps-step .btn-circle.uacf7-btn-active {
background-color: #7a0000 !important; }
button.uacf7-next {
bottom: 0;
position: absolute;
right: 0;
text-decoration: none; }
.uacf7-multisetp-form {
padding-top: 40px; }
.timefield {
max-width: 80px !important;
margin-right: 0 !important; }
.datenschutz-checkbox {
margin-left: 4px;
position: absolute;
top: 0; } }
@media screen and (max-width: 760px) {
.datenschutz-checkbox {
display: block;
margin-bottom: 40px;
position: relative; } }
@media screen {
#anfrage-custom-website .datenschutz-checkbox { } }
@media screen and (max-width: 760px) {
#anfrage-custom-website .datenschutz-checkbox {
display: block;
margin-bottom: 40px;
position: relative;
top: 0; } }
@media screen {
.wpcf7 {
margin-bottom: 100px !important; } }
@media screen and (max-width: 760px) {
.wpcf7 {
margin-bottom: 140px !important; } }
@media screen {
#wpcf7-f313-o1 .wpcf7-form label, #wpcf7-f313-o1 .wpcf7-form br, #wpcf7-f4-o1 .wpcf7-form label, #wpcf7-f4-o1 .wpcf7-form br, #wpcf7-f810-o1 .wpcf7-form label, #wpcf7-f810-o1 .wpcf7-form br, #wpcf7-f82-o1 .wpcf7-form label, #wpcf7-f82-o1 .wpcf7-form br, #wpcf7-f813-o1 .wpcf7-form label, #wpcf7-f813-o1 .wpcf7-form br, #wpcf7-f192-o1 .wpcf7-form label, #wpcf7-f192-o1 .wpcf7-form br, #wpcf7-f897-o1 .wpcf7-form label, #wpcf7-f897-o1 .wpcf7-form br, #wpcf7-f901-o1 .wpcf7-form label, #wpcf7-f901-o1 .wpcf7-form br, #wpcf7-f903-o1 .wpcf7-form label, #wpcf7-f903-o1 .wpcf7-form br {
display: none; }
.wpcf7-form-control-wrap {
height: 0 !important; }
#wpcf7-f4-o1 {
margin-top: 18px; }
.wpcf7-list-item-label {
cursor: pointer;
display: block;
line-height: 1.3;
margin-bottom: .5em;
margin-top: -22px;
padding-left: 25px; }
span.wpcf7-list-item {
display: block !important; } }
@media screen and (max-width: 760px) {
span.wpcf7-list-item {
margin: 0; } }
@media screen {
.twothird-right span.wpcf7-list-item {
margin-left: 4px !important; } }
@media screen and (max-width: 760px) {
#messagebox {
margin-bottom: 30px; } }
@media screen {
#privacylink {
margin-left: 22px;
margin-top: -42px; } }
@media screen and (max-width: 760px) {
#privacylink {
margin-left: 0; } }
@media screen {
input.wpcf7-text, textarea.wpcf7-textarea, input.wpcf7-number, input.input { background: #f5f5f2;
border: none;
border: 1px solid #a8a8a5;
box-sizing: border-box;
color: #282828;
margin: 0 0 30px;
padding: 13px;
opacity: 0.8; } }
@media screen and (min-width: 1940px) {
input.wpcf7-text, textarea.wpcf7-textarea, input.wpcf7-number, input.input {
padding: 20px 13px; } }
@media screen {
input.wpcf7-text, textarea.wpcf7-textarea {
width: 99%; width: calc(100% - 3px); }
input.wpcf7-number {
max-width: 100px; }
input.wpcf7-text:focus, textarea.wpcf7-textarea:focus, input.wpcf7-text.wpcf7-not-valid:focus {
background: rgba(255, 255, 255, 0.9) !important;
border: 1px solid #4e4e4e !important;
color: #4e4e4e !important;
opacity: 1; }
.relaunch {
padding-top: 22px; }
.relaunch input.wpcf7-text {
margin-right: 0; }
.wpcf7-select {
float: left;
margin: 0 20px 20px 0;
opacity: 0.8;
padding: 12px; } }
@media screen and (max-width: 760px) {
.wpcf7-select {
float: none;
margin: 0 0 20px;
width: 100%; } }
@media screen {
.wpcf7-select.anrede-dd {
width: 100%; }
#privacy-link {
margin-left: 40px; padding: 0 0 50px 0; } }
@media screen and (max-width: 760px) {
#privacy-link {
margin-left: 25px; margin-bottom: 30px; } }
@media screen {
input.wpcf7-submit {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
background: none;
border: none;
border: 1px solid #a8a8a5;
border-radius: 1px;
box-sizing: border-box;
color: #545454;
cursor: pointer;
display: inline-block;
font-size: 88%;
letter-spacing: 0.16em;
margin-bottom: 1em;
min-width: 250px;
padding: 20px 40px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
margin: 0 20px 20px 0; } }
@media screen and (max-width: 760px) {
input.wpcf7-submit {
width: 100%; } }
@media screen and (max-width: 760px) {
input.wpcf7-submit {
width: 100%;
margin: 0 0 100px; } }
@media screen {
button.uacf7-next:hover,
button.uacf7-previous:hover,
input.wpcf7-submit:hover {
background: none;
background: #5F0808;
border: 1px solid #5F0808;
color: #fff; }
input.wpcf7-submit {
background: rgba(228, 227, 220, 0.8) url(//styleworks.website/wp-content/themes/SW24/images/paperplane-icon.svg) no-repeat !important;
background-position: top 20px left 30px !important;
background-size: 42px !important;
padding-left: 60px !important; }
input.wpcf7-submit:hover,
input#senden:hover {
background: #00999b url(//styleworks.website/wp-content/themes/SW24/images/paperplane-icon.svg) no-repeat !important;
background-position: top 20px left 30px !important;
background-size: 42px !important;
border: 1px solid #00999b !important;
color: #fff !important; }
div.wpcf7-mail-sent-ok {
font-weight: bold !important;
text-align: center !important;
padding: 10px 80px !important;
border: none !important;
font-size: 120% !important;
background: url(//styleworks.website/wp-content/themes/SW24/images/icon-check.png) center left 30px no-repeat !important; }
.wpcf7-response-output {
background: rgba(255, 255, 255, 0.7) url(//styleworks.website/wp-content/themes/SW24/images/icon-info.svg);
background-position: top 48% left 20px;
background-repeat: no-repeat;
background-size: 40px;
border: 1px solid lightgrey !important;
display: block;
margin: 0 0.5em 1em 190px !important;
max-width: 430px;
padding: 30px 40px 30px 80px !important; } }
@media screen and (max-width: 980px) {
.wpcf7-response-output {
margin: 0 0.5em 1em 120px !important; } }
@media screen and (max-width: 480px) {
.wpcf7-response-output {
margin: 0 0.5em 1em 30px !important; } }
@media screen {
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
background: #7a0000;
border: none !important;
color: #fff;
text-align: center; }  .form-legal {
height: 100%;
position: absolute;
right: 0;
top: 0;
width: 33.3%; } }
@media screen and (max-width: 980px) {
.form-legal {
height: auto;
position: relative;
right: auto;
top: 0;
width: 100%; } }
@media screen { #wpcf7-f370-o1 #privacy-link {
margin-top: -42px; } }
@media screen and (max-width: 760px) {
#wpcf7-f370-o1 #privacy-link {
margin-top: -30px; } }
@media screen {
#wpcf7-f370-o1 input.wpcf7-text {
width: 66%; } }
@media screen and (max-width: 760px) {
#wpcf7-f370-o1 input.wpcf7-text {
width: 99%; } }
@media screen { #wpcf7-f313-o1 .wpcf7-form label, #wpcf7-f313-o1 .wpcf7-form br, #wpcf7-f68-o1 .wpcf7-form label, #wpcf7-f68-o1 .wpcf7-form br {
display: none; }
#wpcf7-f313-o1 input.wpcf7-text, #wpcf7-f68-o1 input.wpcf7-text {
margin: 0 20px 20px; } }
@media screen and (max-width: 760px) {
#wpcf7-f313-o1 input.wpcf7-text, #wpcf7-f68-o1 input.wpcf7-text {
margin: 0 0 20px; } }
@media screen {
#wpcf7-f313-o1 input.wpcf7-text, #wpcf7-f313-o1 textarea.wpcf7-textarea, #wpcf7-f313-o1 input.input, #wpcf7-f68-o1 input.wpcf7-text, #wpcf7-f68-o1 textarea.wpcf7-textarea, #wpcf7-f68-o1 input.input {
float: left; }
#wpcf7-f313-o1 input.wpcf7-text, #wpcf7-f68-o1 input.wpcf7-text {
width: 28%;
width: calc(33.33% - 40px); } }
@media screen and (max-width: 760px) {
#wpcf7-f313-o1 input.wpcf7-text, #wpcf7-f68-o1 input.wpcf7-text {
float: none;
width: 100%; } }
@media screen {
#wpcf7-f313-o1 textarea.wpcf7-textarea, #wpcf7-f68-o1 textarea.wpcf7-textarea {
margin: 0 20px 20px;
width: 50%;
width: calc(66.66% - 40px); } }
@media screen and (max-width: 760px) {
#wpcf7-f313-o1 textarea.wpcf7-textarea, #wpcf7-f68-o1 textarea.wpcf7-textarea {
float: none;
margin: 0 0 20px;
width: 100%; } }
@media screen {
#wpcf7-f313-o1 #legalbox, #wpcf7-f68-o1 #legalbox {
max-width: 62%;
padding-left: 4px; } }
@media screen and (max-width: 760px) {
#wpcf7-f313-o1 #legalbox, #wpcf7-f68-o1 #legalbox {
max-width: 100%; } }
@media screen {
#wpcf7-f313-o1 input.wpcf7-submit, #wpcf7-f68-o1 input.wpcf7-submit {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
background: none;
border: none;
border: 1px solid #a8a8a5;
border-radius: 1px;
box-sizing: border-box;
color: #545454;
cursor: pointer;
display: inline-block;
font-size: 88%;
letter-spacing: 0.16em;
margin-bottom: 1em;
min-width: 250px;
padding: 20px 40px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
position: absolute;
bottom: 0;
right: 0;
margin: 0 20px 20px;
width: 28%;
width: calc(33.33% - 40px); } }
@media screen and (max-width: 760px) {
#wpcf7-f313-o1 input.wpcf7-submit, #wpcf7-f68-o1 input.wpcf7-submit {
width: 100%; } }
@media screen and (max-width: 760px) {
#wpcf7-f313-o1 input.wpcf7-submit, #wpcf7-f68-o1 input.wpcf7-submit {
bottom: auto;
float: none;
width: 100%;
margin: 0 0 100px; } }
@media screen {
#wpcf7-f313-o1 .twothird-right input.wpcf7-submit, #wpcf7-f68-o1 .twothird-right input.wpcf7-submit {
margin: 0 10px 20px;
width: 30%; } }
@media screen and (max-width: 760px) {
#wpcf7-f313-o1 .twothird-right input.wpcf7-submit, #wpcf7-f68-o1 .twothird-right input.wpcf7-submit {
bottom: auto;
float: none;
width: 100%;
margin: 0 0 100px; } }
@media screen {
#wpcf7-f313-o1 .twothird-right input.wpcf7-text, #wpcf7-f68-o1 .twothird-right input.wpcf7-text {
margin: 0 10px 20px;
width: 30%; } }
@media screen and (max-width: 1500px) {
#wpcf7-f313-o1 .twothird-right input.wpcf7-text, #wpcf7-f68-o1 .twothird-right input.wpcf7-text {
margin: 0 0 20px 10px; } }
@media screen and (max-width: 760px) {
#wpcf7-f313-o1 .twothird-right input.wpcf7-text, #wpcf7-f68-o1 .twothird-right input.wpcf7-text {
float: none;
margin: 0 0 20px;
width: 100%; } }
@media screen {
#wpcf7-f313-o1 .twothird-right textarea.wpcf7-textarea, #wpcf7-f68-o1 .twothird-right textarea.wpcf7-textarea {
margin: 0 10px 20px;
width: 63%; } }
@media screen and (max-width: 760px) {
#wpcf7-f313-o1 .twothird-right textarea.wpcf7-textarea, #wpcf7-f68-o1 .twothird-right textarea.wpcf7-textarea {
float: none;
margin: 0 0 20px;
width: 100%; } }
@media screen {
#wpcf7-f68-o1 #messagebox {
position: relative;
height: 230px; } }
@media screen and (max-width: 760px) {
#wpcf7-f68-o1 #messagebox {
height: auto; } }
@media screen {
#wpcf7-f68-o1 .form-dropdown {
padding-left: 20px; } }
@media screen and (max-width: 760px) {
#wpcf7-f68-o1 .form-dropdown {
padding-left: 0; } }
@media screen {
#wpcf7-f68-o1 .wpcf7-submit {
position: relative !important;
margin-bottom: 20px !important; } .locked {
background: url(//styleworks.website/wp-content/themes/SW24/images/locked.svg) top 4px left 0 no-repeat;
background-size: 25px;
padding-left: 40px; }
.flex {
display: flex; }
.box-2col {
padding: 20px;
width: 50%; }
.nk-awb-wrap {
margin: 0 !important; } rect.cr-support, g.cl-support .uv-legend-sign {
fill: #bb6500 !important; }
.cge-support text {
color: #fff !important; }
rect.cr-inhalte, g.cl-inhalte .uv-legend-sign {
fill: #a13d00 !important; }
.cge-inhalte text {
color: #fff !important; }
rect.cr-wartung-aktualisierung, g.cl-wartung-aktualisierung .uv-legend-sign {
fill: #912500 !important; }
.cge-wartung-aktualisierung text {
color: #fff !important; }
rect.cr-dsgvo, g.cl-dsgvo .uv-legend-sign,
.uv-arc-2019.cge-stunden-genutzt path, .cl-stunden-genutzt .uv-legend-sign,
.cge-stunden-genutzt rect {
fill: #580000 !important; }
.cge-dsgvo text {
color: #fff !important; } .uv-arc-2019 path {
fill: #4e6b0e !important; }
.cge-frei--gesamt-36-stunden- rect, .cl-frei--gesamt-36-stunden- .uv-legend-sign {
fill: rgba(0, 0, 0, 0.1) !important; }
.uv-axes *, .uv-chart *, .uv-legend *, .uv-caption * {
font-size: 84% !important; } footer {
color: #73716b;
font-size: 80%;
letter-spacing: 0.06em;
bottom: 0;
left: 0;
position: absolute;
width: 100%; }
footer a {
color: #73716b; }
footer a:hover, footer a:focus, footer a:active {
background: none;
color: #b7b7b7;
text-decoration: underline; }
footer #provenexpert {
opacity: 0.7; } }
@media screen and (max-width: 760px) {
footer #provenexpert {
margin: 10px 0 0 -16px; } }
@media screen {
footer #provenexpert:hover {
opacity: 1; }
.footer-container {
background: #1c1b1a;
position: relative; }
.footer-content {
margin: 0 auto;
max-width: 1280px;
padding: 100px 20%;
position: relative; } }
@media screen and (max-width: 1500px) {
.footer-content {
padding: 100px 40px; } }
@media screen and (max-width: 760px) {
.footer-content {
padding: 100px 20px; } }
@media screen {
.footer-item {
float: left;
width: 25%;
text-align: center; } }
@media screen and (max-width: 760px) {
.footer-item {
float: none;
margin-bottom: 20px;
text-align: left;
width: 100%; } }
@media screen {
.footer-item p {
display: inline-block;
text-align: left; } }[data-class="wpcf7cf_group"], .wpcf7cf_remove, .wpcf7cf_add {
display:none;
}
.wpcf7cf_repeater_sub {
margin-bottom: 20px;
}
.wpcf7cf_repeater_controls, .wpcf7cf_step_controls {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 20px;
}
.wpcf7cf_multistep .wpcf7cf_step { width: 100%;
}
.wpcf7cf_multistep .wpcf7cf_step .step-title {
display: none;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots {
display: flex;
width: 100%;
margin-bottom: 20px;
flex-wrap: wrap;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot .step-index {
display: inline-block;
border-radius: 50%;
background: #dfdfdf;
color: #000000;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot {
border-bottom: 5px solid #dfdfdf;
text-align: center;
flex: 1;
padding: 15px;
min-width: 120px;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.completed {
border-bottom: 5px solid #333;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.active {
border-bottom: 5px solid #333;
font-weight: bold;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.completed .step-index {
background-color: #333;
color: #ffffff;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.active .step-index {
background-color: #333;
color: #ffffff;
}
.wpcf7cf_step_controls .disabled {
pointer-events: none;
cursor: default;
opacity: .5;
}h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg}
.su-u-clearfix::after{content:"";display:table;clear:both}.su-u-trim>:first-child{margin-top:0}.su-u-trim>:last-child{margin-bottom:0}.su-u-responsive-media-yes{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.su-u-responsive-media-yes .fluid-width-video-wrapper,.su-u-responsive-media-yes .video-holder{position:static!important}.su-u-responsive-media-yes embed,.su-u-responsive-media-yes iframe,.su-u-responsive-media-yes object{position:absolute;top:0;left:0;width:100%;height:100%}.su-u-overflow-hidden{overflow:hidden}.su-accordion{margin-bottom:1.5em}.su-accordion .su-spoiler{margin-bottom:.5em}.su-audio{position:relative;width:100%;height:30px;margin-bottom:1.5em;background:#7c8781;background:linear-gradient(to bottom,#7c8781 0,#0a0809 100%);border-radius:3px}.su-audio .jp-pause,.su-audio .jp-play{position:absolute;left:0;top:0;display:block;width:30px;height:30px;border-top-left-radius:3px;border-bottom-left-radius:3px;cursor:pointer;border-right:1px solid #454947;background-image:url(//styleworks.website/wp-content/plugins/shortcodes-ultimate/includes/images/player/default.png);background-repeat:no-repeat}.su-audio .jp-play{background-position:0 0}.su-audio .jp-pause{background-position:-30px 0}.su-audio .jp-current-time,.su-audio .jp-duration{position:absolute;top:0;display:block;height:30px;line-height:30px;font-size:10px;color:#eee;text-shadow:0 -1px 0 #000}.su-audio .jp-current-time{left:45px}.su-audio .jp-duration{right:10px}.su-audio .jp-play-bar,.su-audio .jp-seek-bar{position:absolute;top:0;left:0;height:10px;border-radius:3px;cursor:pointer}.su-audio .jp-progress{position:absolute;top:10px;left:85px;right:50px;height:10px;background:#333;box-shadow:0 0 5px #000 inset;border-radius:3px}.su-audio .jp-seek-bar{background:#0b0b0b;background:linear-gradient(to bottom,#0b0b0b 0,#666 100%)}.su-audio .jp-play-bar{background:#6db3f2;background:linear-gradient(to bottom,#6db3f2 0,#54a3ee 50%,#3690f0 51%,#1e69de 100%)}.su-box{margin:0 0 1.5em;border-width:2px;border-style:solid}.su-box-title{display:block;padding:.5em 1em;font-weight:700;font-size:1.1em}.su-box-content{background-color:#fff;color:#444;padding:1em}.su-box-style-soft .su-box-title{background-image:url(//styleworks.website/wp-content/plugins/shortcodes-ultimate/includes/images/styles/style-soft.png);background-position:0 0;background-repeat:repeat-x}.su-box-style-glass .su-box-title{background-image:url(//styleworks.website/wp-content/plugins/shortcodes-ultimate/includes/images/styles/style-glass.png);background-position:0 50%;background-repeat:repeat-x}.su-box-style-bubbles .su-box-title{background-image:url(//styleworks.website/wp-content/plugins/shortcodes-ultimate/includes/images/styles/style-bubbles.png);background-position:0 50%;background-repeat:repeat-x}.su-box-style-noise .su-box-title{background-image:url(//styleworks.website/wp-content/plugins/shortcodes-ultimate/includes/images/styles/style-noise.png);background-position:0 0;background-repeat:repeat-x}.su-button{display:inline-block!important;text-align:center;text-decoration:none!important;box-sizing:content-box!important;transition:all .2s}.su-button-wide{display:block!important;margin:1em 0}.su-button-center{text-align:center}.su-button span{display:block!important;text-decoration:none!important;box-sizing:content-box!important;transition:all .2s}.su-button img{border:none!important;vertical-align:middle!important;margin:-.2em .4em 0 -.3em!important;box-shadow:none!important}.su-button i{display:inline-block;width:1em;height:1em;margin:0 .5em 0 0!important;text-align:center;line-height:1em}.su-button.su-button-float-icon img{margin:0 .5em!important}.su-button small{display:block;margin:-.2em 0 0;color:inherit;text-align:center;font-style:normal;font-size:.8em;line-height:1;opacity:.7}@media screen and (max-width:768px){.su-button span{padding-top:.25em!important;padding-bottom:.25em!important;line-height:1.2!important}.su-button small{margin-top:.2em!important}}.su-button-style-default{border-width:1px;border-style:solid}.su-button-style-default:hover{opacity:.7}.su-button-style-default span{border-top-width:1px;border-bottom-width:1px;border-top-style:solid;border-bottom-style:solid}.su-button-style-flat,.su-button-style-flat span{border:none}.su-button-style-flat span{position:relative}.su-button-style-flat:hover span{top:1px}.su-button-style-ghost{background:0 0!important}.su-button-style-ghost span{border-width:3px;border-style:solid}.su-button-style-ghost:hover span{border-color:inherit!important}.su-button-style-soft span{background:0 -20px url(//styleworks.website/wp-content/plugins/shortcodes-ultimate/includes/images/styles/style-soft.png) repeat-x}.su-button-style-soft:hover span{background:0 0 url(//styleworks.website/wp-content/plugins/shortcodes-ultimate/includes/images/styles/style-soft.png) repeat-x}.su-button-style-glass span{background:0 50% url(//styleworks.website/wp-content/plugins/shortcodes-ultimate/includes/images/styles/style-glass.png) repeat-x}.su-button-style-glass:hover span{background:100% 50% url(//styleworks.website/wp-content/plugins/shortcodes-ultimate/includes/images/styles/style-glass.png) repeat-x}.su-button-style-bubbles span{background:0 50% url(//styleworks.website/wp-content/plugins/shortcodes-ultimate/includes/images/styles/style-bubbles.png) no-repeat}.su-button-style-bubbles:hover span{background:-710px 50% url(//styleworks.website/wp-content/plugins/shortcodes-ultimate/includes/images/styles/style-bubbles.png) no-repeat}.su-button-style-noise span{background:0 0 url(//styleworks.website/wp-content/plugins/shortcodes-ultimate/includes/images/styles/style-noise.png) repeat-x}.su-button-style-noise:hover span{background:0 0 url(//styleworks.website/wp-content/plugins/shortcodes-ultimate/includes/images/styles/style-noise.png) repeat-x}.su-button-style-stroked span{margin:1px;border:1px dashed #fff!important}.su-button-style-stroked:hover span{opacity:.7}.su-button-style-3d{border-bottom-style:solid;border-bottom-width:6px}.su-button-style-3d span{border-bottom-style:solid;border-bottom-width:1px}.su-button-style-3d:hover{position:relative;top:3px;border-bottom-width:3px}.su-carousel{position:relative;margin-bottom:1.5em;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.su-carousel-centered{margin:0 auto 1.5em}.su-carousel-slides{position:relative;width:100%;-webkit-transition-property:-webkit-transform,left,top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform,left,top;-moz-transition-duration:0s;-moz-transform:translate3d(0,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform,left,top;-o-transition-duration:0s;-o-transform:translate3d(0,0,0);-o-transition-timing-function:ease;-o-transform:translate(0,0);-ms-transition-property:-ms-transform,left,top;-ms-transition-duration:0s;-ms-transform:translate3d(0,0,0);-ms-transition-timing-function:ease;transition-property:transform,left,top;transition-duration:0s;transform:translate3d(0,0,0);transition-timing-function:ease}.swiper-free-mode>.su-carousel-slides{transition-timing-function:ease-out;margin:0 auto}.su-carousel-slide{position:relative;float:left}.su-carousel-slide>a,.su-carousel-slide>a>img,.su-carousel-slide>img{position:relative;display:block;width:100%;height:100%;text-decoration:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.su-carousel-responsive-yes .su-carousel-slide>a,.su-carousel-responsive-yes .su-carousel-slide>a>img,.su-carousel-responsive-yes .su-carousel-slide>img{height:auto}.su-carousel-pages-no .su-carousel-pagination{display:none}.swiper-wp8-horizontal{-ms-touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x}.su-carousel .su-carousel-slide a{padding:0 5px}.su-carousel .su-carousel-slide img{padding:3px;border:1px solid #ccc;background:#fff;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}.su-carousel .su-carousel-slide-title{position:absolute;left:9px;right:9px;bottom:4px;display:block;padding:2px 3px;color:#fff;line-height:1.2;font-size:11px;background:#000;background:rgba(0,0,0,.5);box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;transition:opacity 1s;-o-transition:opacity 1s;-moz-transition:opacity 1s;-webkit-transition:opacity 1s}.su-carousel .su-carousel-next,.su-carousel .su-carousel-prev{position:absolute;top:50%;display:block;width:40px;height:40px;margin-top:-20px;background:#000 0 0 url(//styleworks.website/wp-content/plugins/shortcodes-ultimate/includes/images/swiper/default.png) no-repeat;background-color:rgba(0,0,0,.5);cursor:pointer;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;opacity:0;transition:all .2s}.su-carousel .su-carousel-prev{right:20px;margin-right:40px;background-position:-40px 0}.su-carousel .su-carousel-next{left:20px;margin-left:40px;background-position:0 0}.su-carousel:hover .su-carousel-next,.su-carousel:hover .su-carousel-prev{margin-left:0;margin-right:0;opacity:.7}.su-carousel .su-carousel-next:hover,.su-carousel .su-carousel-prev:hover{opacity:1}.su-carousel .su-carousel-pagination{position:absolute;left:15%;right:15%;top:50%;width:70%;height:0;margin-top:-7px;text-align:center;cursor:default;opacity:0;transition:all .2s}.su-carousel:hover .su-carousel-pagination{bottom:20px;opacity:1}.su-carousel .su-carousel-pagination span{display:inline-block;width:14px;height:14px;margin:0;background:#000 0 -999px url(//styleworks.website/wp-content/plugins/shortcodes-ultimate/includes/images/swiper/default.png) no-repeat;background-color:rgba(0,0,0,.5);cursor:pointer;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;transition:all .2s}.su-carousel:hover .su-carousel-pagination span{margin:0 3px}.su-carousel .su-carousel-pagination span.swiper-visible-switch{background-color:#fff;background-color:rgba(255,255,255,.5)}.su-carousel .su-carousel-pagination span.swiper-active-switch,.su-carousel .su-carousel-pagination span:hover{background-position:0 -40px}.su-row{margin-bottom:1.5em}.su-row::after{display:table;clear:both;content:""}.su-row .su-column{display:block;float:left;box-sizing:border-box;margin:0 0 0 4%}.su-row .su-column:first-child{margin-left:0}.su-row .su-column.su-column-size-1-1{margin-right:0;margin-left:0}.su-row .su-column.su-column-centered{float:none;margin-right:auto;margin-left:auto}.su-row .su-column-size-1-1{width:100%}.su-row .su-column-size-1-2{width:48%}.su-row .su-column-size-1-3{width:30.66%}.su-row .su-column-size-2-3{width:65.33%}.su-row .su-column-size-1-4{width:22%}.su-row .su-column-size-3-4{width:74%}.su-row .su-column-size-1-5{width:16.8%}.su-row .su-column-size-2-5{width:37.6%}.su-row .su-column-size-3-5{width:58.4%}.su-row .su-column-size-4-5{width:79.2%}.su-row .su-column-size-1-6{width:13.33%}.su-row .su-column-size-5-6{width:82.66%}.su-row .su-column embed,.su-row .su-column iframe,.su-row .su-column img,.su-row .su-column object{max-width:100%}@media only screen and (max-width:767px){.su-row .su-column{float:none;width:100%;margin:0}.su-row .su-column+.su-column{margin:1.5rem 0 0}}.su-custom-gallery{display:flex;flex-wrap:wrap;margin-bottom:1.5em}.su-custom-gallery-align-left{justify-content:flex-start}.su-custom-gallery-align-center{justify-content:center}.su-custom-gallery-align-right{justify-content:flex-end}.su-custom-gallery-slide{position:relative;flex:0 0 auto;margin:.5em}.su-custom-gallery-slide a{display:block;width:100%;height:100%}.su-custom-gallery-slide img{display:block;box-sizing:border-box;margin:0;padding:3px;width:100%;height:100%;border:1px solid #ccc;border-radius:5px;background:#fff;box-shadow:none;transition:all .2s;-o-object-fit:cover;object-fit:cover}.su-custom-gallery-slide:hover img{border:1px solid #aaa;background:#eee}.su-custom-gallery-slide span{position:absolute;right:4px;bottom:4px;left:4px;display:block;overflow-y:auto;padding:2px 4px;max-height:calc(100% - 8px);background:#000;background:rgba(0,0,0,.5);color:#fff;word-wrap:break-word;font-size:12px;line-height:1.3;opacity:0;transition:all .2s}.su-custom-gallery-slide:hover span{opacity:1}.su-custom-gallery-title-never span{display:none}.su-custom-gallery-title-always span{opacity:1}.su-dailymotion{margin:0 0 1.5em}.su-dailymotion iframe{border:none!important}.su-display-posts-template-default .su-post{display:flex;margin-bottom:1.75em}.su-display-posts-template-default .su-post-thumbnail{margin:0 1.25em 0 0;width:8.25em}.su-display-posts-template-default .su-post-thumbnail a{display:block!important;text-decoration:none!important}.su-display-posts-template-default .su-post-thumbnail img{display:block!important;margin:0!important;max-width:100%!important;height:auto!important;-o-object-fit:cover!important;object-fit:cover!important}.su-display-posts-template-default .su-post-body{flex:1}.su-display-posts-template-default h2.su-post-title{margin:0 0 1em!important;padding:0!important;border:none!important;font-size:1.35em!important}.su-display-posts-template-default h2.su-post-title::after,.su-display-posts-template-default h2.su-post-title::before{display:none}.su-display-posts-template-default .su-post-meta{margin:1em 0;font-size:.85em;opacity:.85}.su-display-posts-template-default .su-post-excerpt p{margin:1em 0}.su-display-posts-template-default .su-post-excerpt>:last-child{margin-bottom:0!important}.su-display-posts-template-default .su-post-comments-link{margin:1em 0 0}@media screen and (max-width:768px){.su-display-posts-template-default .su-post-thumbnail{width:4em}}.su-display-posts-template-teasers .su-post{display:flex;align-items:center;margin-bottom:1em}.su-display-posts-template-teasers .su-post-thumbnail{margin:0 1em 0 0;width:3.75em}.su-display-posts-template-teasers .su-post-thumbnail a{display:block!important;text-decoration:none!important}.su-display-posts-template-teasers .su-post-thumbnail img{display:block!important;margin:0!important;max-width:100%!important;height:auto!important;-o-object-fit:cover!important;object-fit:cover!important}.su-display-posts-template-teasers .su-post-body{flex:1}.su-display-posts-template-teasers h2.su-post-title{margin:0!important;padding:0!important;border:none!important;font-size:1.15em!important}.su-display-posts-template-teasers h2.su-post-title::after,.su-display-posts-template-teasers h2.su-post-title::before{display:none}@media screen and (max-width:768px){.su-display-posts-template-teasers .su-post-thumbnail{width:2.75em}}.su-display-posts-template-single h2.su-post-title{margin:0 0 1em!important;padding:0!important;border:none!important;font-size:1.75em!important}.su-display-posts-template-single .su-post-meta{margin:1em 0;font-size:.85em;opacity:.85}.su-display-posts-pagination{display:flex;justify-content:space-between}.su-display-posts-pagination-next{margin-left:auto}.su-divider{clear:both;border:none;text-align:right;line-height:1}.su-divider a{display:inline-block;font-size:.8em;text-decoration:none;outline:0;padding-bottom:5px}.su-divider-style-default{border-bottom-style:solid}.su-divider-style-dotted{border-bottom-style:dotted}.su-divider-style-dashed{border-bottom-style:dashed}.su-divider-style-double{border-bottom-style:double}.su-document{margin:0 0 1.5em}.su-document iframe{border:none!important}.su-dropcap{float:left;display:inline-block;width:2em;height:2em;margin:.2em .5em .2em 0;line-height:2em;text-align:center;overflow:hidden;text-transform:uppercase}.su-dropcap-style-default{color:#fff;background:#45484d;background:linear-gradient(to bottom,#45484d 0,#000 100%);text-shadow:-1px -1px 0 #000;border-radius:50%}.su-dropcap-style-flat{background:#444;color:#fff}.su-dropcap-style-light{color:#333;border-radius:50%;background:#fff;background:linear-gradient(to bottom,#fff 0,#eaeaea 100%)}.su-dropcap-style-simple{width:1em;height:1em;line-height:1em;text-align:left}.su-expand{margin:0 0 1.5em}.su-expand-content{overflow:hidden}.su-expand-link{margin-top:.5em;cursor:pointer}.su-expand-link:hover{opacity:.7}.su-expand-link a,.su-expand-link a:active,.su-expand-link a:focus,.su-expand-link a:hover,.su-expand-link a:visited{display:inline;text-decoration:none;box-shadow:none;background:0 0;border:none}.su-expand-link-style-underlined .su-expand-link span{text-decoration:underline}.su-expand-link-style-dotted .su-expand-link span{border-bottom:1px dotted #333}.su-expand-link-style-dashed .su-expand-link span{border-bottom:1px dashed #333}.su-expand-link-style-button .su-expand-link a{display:inline-block;margin-top:.2em;padding:.2em .4em;border:2px solid #333}.su-expand-link-more{display:none}.su-expand-link-less{display:block}.su-expand-collapsed .su-expand-link-more{display:block}.su-expand-collapsed .su-expand-link-less{display:none}.su-expand-link i{display:inline-block;margin:0 .3em 0 0;vertical-align:middle;color:inherit}.su-expand-link img{display:inline-block;width:1em;height:1em;margin:0 .3em 0 0;vertical-align:middle}.su-frame,.su-frame-inner{display:block}.su-frame-align-left{float:left;margin:0 1em 1em 0}.su-frame-align-center{float:none;margin:1em auto}.su-frame-align-right{float:right;margin:0 0 1em 1em}.su-frame img{display:block!important;float:none!important;padding:0!important;margin:0!important;border:none!important;box-shadow:none!important}.su-frame-style-default{padding:2px;border:1px solid #999;background:#fff;box-shadow:1px 1px 4px #ccc}.su-frame-style-default .su-frame-inner{padding:2px;border:4px solid #eee}.su-gmap{margin:0 0 1.5em}.su-gmap iframe{border:none!important}.su-guests{margin-bottom:1.5em}.su-heading.su-heading-align-left{text-align:left}.su-heading.su-heading-align-left .su-heading-inner{padding-left:.2em}.su-heading.su-heading-align-right{text-align:right}.su-heading.su-heading-align-right .su-heading-inner{padding-right:.2em}.su-heading.su-heading-align-center{text-align:center}.su-heading-style-default{padding:2px 0;border-top:1px solid #999;border-bottom:1px solid #999}.su-heading-style-default .su-heading-inner{padding:1em .5em;border-top:4px solid #eee;border-bottom:4px solid #eee}.su-highlight{display:inline;padding:1px 0}.su-image-carousel{margin:1.5em 0;width:100%}.su-image-carousel:first-child{margin-top:0}.su-image-carousel:last-child{margin-bottom:0}.su-image-carousel-item{box-sizing:border-box;width:100%}.su-image-carousel-item-content{position:relative}.su-image-carousel-item-content a,.su-image-carousel-item-content a:active,.su-image-carousel-item-content a:focus,.su-image-carousel-item-content a:hover,.su-image-carousel-item-content a:visited,.su-image-carousel-item-content img{display:block;box-sizing:border-box;margin:0;padding:0;width:100%;height:100%;border:none;border-radius:0;box-shadow:none;text-decoration:none}.su-image-carousel-item-content a::after,.su-image-carousel-item-content a::before,.su-image-carousel-item-content img::after,.su-image-carousel-item-content img::before{display:none}.su-image-carousel-item-content span{position:absolute;display:block;overflow:auto;max-height:60%;word-wrap:break-word;font-size:.9em;line-height:1.3}.su-image-carousel-item-content span:empty{display:none}.su-image-carousel-columns-2 .su-image-carousel-item{width:50%}.su-image-carousel-columns-3 .su-image-carousel-item{width:33.3333333333%}.su-image-carousel-columns-4 .su-image-carousel-item{width:25%}.su-image-carousel-columns-5 .su-image-carousel-item{width:20%}.su-image-carousel-columns-6 .su-image-carousel-item{width:16.6666666666%}.su-image-carousel-columns-7 .su-image-carousel-item{width:14.2857142857%}.su-image-carousel-columns-8 .su-image-carousel-item{width:12.5%}.su-image-carousel-columns-2.su-image-carousel-has-spacing .su-image-carousel-item{margin-right:3%;width:48.5%}.su-image-carousel-columns-3.su-image-carousel-has-spacing .su-image-carousel-item{margin-right:2.9%;width:31.4%}.su-image-carousel-columns-4.su-image-carousel-has-spacing .su-image-carousel-item{margin-right:2.8%;width:22.9%}.su-image-carousel-columns-5.su-image-carousel-has-spacing .su-image-carousel-item{margin-right:2.5%;width:18%}.su-image-carousel-columns-6.su-image-carousel-has-spacing .su-image-carousel-item{margin-right:2.6%;width:14.5%}.su-image-carousel-columns-7.su-image-carousel-has-spacing .su-image-carousel-item{margin-right:2.2%;width:12.4%}.su-image-carousel-columns-8.su-image-carousel-has-spacing .su-image-carousel-item{margin-right:2%;width:10.75%}@media screen and (max-width:768px){.su-image-carousel-adaptive .su-image-carousel-item,.su-image-carousel-adaptive.su-image-carousel-has-spacing .su-image-carousel-item{margin-right:0;width:100%}}.su-image-carousel-crop .su-image-carousel-item-content::before{float:left;margin-left:-1px;width:1px;height:0;content:""}.su-image-carousel-crop .su-image-carousel-item-content::after{display:table;clear:both;content:""}.su-image-carousel-crop .su-image-carousel-item-content a,.su-image-carousel-crop .su-image-carousel-item-content img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.su-image-carousel-crop .su-image-carousel-item-content img{-o-object-fit:cover;object-fit:cover}.su-image-carousel-crop-16-9 .su-image-carousel-item-content::before{padding-top:56.25%}.su-image-carousel-crop-16-10 .su-image-carousel-item-content::before{padding-top:62.5%}.su-image-carousel-crop-21-9 .su-image-carousel-item-content::before{padding-top:42.8571428571%}.su-image-carousel-crop-5-4 .su-image-carousel-item-content::before{padding-top:80%}.su-image-carousel-crop-4-3 .su-image-carousel-item-content::before{padding-top:75%}.su-image-carousel-crop-3-2 .su-image-carousel-item-content::before{padding-top:66.6666666667%}.su-image-carousel-crop-2-1 .su-image-carousel-item-content::before{padding-top:50%}.su-image-carousel-crop-1-1 .su-image-carousel-item-content::before{padding-top:100%}.su-image-carousel-crop-1-2 .su-image-carousel-item-content::before{padding-top:200%}.su-image-carousel-crop-2-3 .su-image-carousel-item-content::before{padding-top:150%}.su-image-carousel-crop-3-4 .su-image-carousel-item-content::before{padding-top:133.3333333333%}.su-image-carousel-crop-4-5 .su-image-carousel-item-content::before{padding-top:125%}.su-image-carousel-crop-9-21 .su-image-carousel-item-content::before{padding-top:233.3333333333%}.su-image-carousel-crop-10-16 .su-image-carousel-item-content::before{padding-top:160%}.su-image-carousel-crop-9-16 .su-image-carousel-item-content::before{padding-top:177.7777777778%}.su-image-carousel-align-left{float:left;margin-top:0;margin-right:1.5em}.su-image-carousel-align-right{float:right;margin-top:0;margin-left:1.5em}.su-image-carousel-align-center{margin-right:auto;margin-left:auto}.su-image-carousel-align-full{margin-right:calc(50% - 50vw);margin-left:calc(50% - 50vw);max-width:100vw!important;width:100vw!important}.su-image-carousel button.flickity-prev-next-button{position:absolute;top:50%;display:block;margin:-22px 0 0;padding:0;width:44px;height:44px;outline:0;border-radius:50%;opacity:0;transition:opacity .2s ease,transform .2s ease;transform:none}.su-image-carousel:hover button.flickity-prev-next-button{opacity:.5}.su-image-carousel button.flickity-prev-next-button:focus,.su-image-carousel button.flickity-prev-next-button:hover{box-shadow:none;opacity:1}.su-image-carousel button.flickity-prev-next-button:focus{transform:scale(1.05)}.su-image-carousel button.flickity-prev-next-button[disabled]{display:none}.su-image-carousel button.flickity-prev-next-button.previous{left:20px}.su-image-carousel button.flickity-prev-next-button.next{right:20px}.su-image-carousel>ol.flickity-page-dots{position:absolute;top:50%;bottom:auto;left:50%;margin:0;padding:0;width:auto;list-style:none;opacity:0;transition:opacity .2s ease;transform:translate(-50%,-50%);pointer-events:none}.su-image-carousel:hover>ol.flickity-page-dots{opacity:1}.su-image-carousel>ol.flickity-page-dots>li.dot{position:relative;display:inline-block;margin:5px;padding:0;width:20px;height:20px;border-radius:50%;list-style:none;opacity:.5;transition:opacity .2s ease;pointer-events:all}.su-image-carousel>ol.flickity-page-dots>li.dot:hover{opacity:1}.su-image-carousel>ol.flickity-page-dots>li.dot::before{position:absolute;top:50%;left:50%;display:none;margin:0;padding:0;width:10px;height:10px;border-radius:50%;content:"";transform:translate(-50%,-50%)}.su-image-carousel>ol.flickity-page-dots>li.dot.is-selected::before{display:block}.su-image-carousel-controls-style-dark button.flickity-prev-next-button{background:#000;color:#fff}.su-image-carousel-controls-style-dark ol.flickity-page-dots li.dot{background:#000}.su-image-carousel-controls-style-dark ol.flickity-page-dots li.dot::before{background:#fff}.su-image-carousel-controls-style-light button.flickity-prev-next-button{background:#fff;color:#000}.su-image-carousel-controls-style-light ol.flickity-page-dots li.dot{background:#fff}.su-image-carousel-controls-style-light ol.flickity-page-dots li.dot::before{background:#000}.su-image-carousel-slides-style-default .su-image-carousel-item-content{margin:1px}.su-image-carousel-slides-style-default .su-image-carousel-item-content img{padding:3px;border:1px solid #ccc;border-radius:7px;background:#fff}.su-image-carousel-slides-style-default .su-image-carousel-item-content span{right:4px;bottom:4px;left:4px;padding:.5em .7em;border-bottom-right-radius:2px;border-bottom-left-radius:2px;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);color:#fff;text-shadow:0 2px 5px #000}.su-image-carousel-slides-style-minimal .su-image-carousel-item-content{margin:1px}.su-image-carousel-slides-style-minimal .su-image-carousel-item-content span{right:0;bottom:0;left:0;padding:.7em;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);color:#fff;text-shadow:0 2px 5px #000}.su-image-carousel-slides-style-photo .su-image-carousel-item-content{padding:7px}.su-image-carousel-slides-style-photo .su-image-carousel-item-content img{border:5px solid #fff;border-radius:7px;box-shadow:0 2px 5px rgba(0,0,0,.5)}.su-image-carousel-slides-style-photo .su-image-carousel-item-content span{right:12px;bottom:12px;left:12px;padding:.3em .5em;background:#fff;color:#000;font-size:.9em}.su-image-carousel-slides-style-photo.su-image-carousel-crop .su-image-carousel-item-content img{top:7px;right:7px;bottom:7px;left:7px;width:calc(100% - 14px);height:calc(100% - 14px)}.su-image-carousel-mfp.mfp-bg{z-index:102000!important}.su-image-carousel-mfp.mfp-wrap{z-index:102001!important}.su-image-carousel-mfp.mfp-wrap .mfp-preloader{z-index:102002!important}.su-image-carousel-mfp.mfp-wrap .mfp-content{z-index:102003!important}.su-image-carousel-mfp.mfp-wrap button.mfp-arrow,.su-image-carousel-mfp.mfp-wrap button.mfp-close{z-index:102004!important}.su-image-carousel-has-outline .su-image-carousel-item-content a:focus img,.su-image-carousel-has-outline button.flickity-prev-next-button:focus{outline-width:2px;outline-style:solid;outline-color:Highlight}@media (-webkit-min-device-pixel-ratio:0){.su-image-carousel-has-outline .su-image-carousel-item-content a:focus,.su-image-carousel-has-outline button.flickity-prev-next-button:focus{outline-style:auto;outline-color:-webkit-focus-ring-color}}.su-label{display:inline;margin-right:.3em;padding:.1em .3em;font-size:.8em;height:.8em;line-height:.8em;color:#fff;border-radius:3px}.su-label-type-default{background:#999}.su-label-type-success{background:#090}.su-label-type-warning{background:#f90}.su-label-type-important{background:#f03}.su-label-type-black{background:#111}.su-label-type-info{background:#09c}.su-lightbox-content{position:relative;margin:0 auto}#su-generator .su-lightbox-content,.mfp-content .su-lightbox-content{display:block!important}.su-lightbox-content-preview{width:100%;min-height:300px;background:#444;overflow:hidden}.su-lightbox-content h1,.su-lightbox-content h2,.su-lightbox-content h3,.su-lightbox-content h4,.su-lightbox-content h5,.su-lightbox-content h6{color:inherit}.su-lightbox{cursor:pointer}.su-list{margin-bottom:1.5em}.su-list ul{margin:0!important;padding:0!important;list-style:none!important}.su-list ul li{position:relative;display:block!important;margin:0!important;padding:4px 0 4px 2em!important;list-style-type:none!important;line-height:1.3em}.su-list ul li>img{position:absolute;left:0;top:4px;width:1.3em;height:1.3em;padding:0;margin:0;border:none}.su-list ul li>i{position:absolute;left:0;top:4px;width:1.3em;height:1.3em;line-height:1.3em;text-align:center}.su-members{margin-bottom:1.5em;padding:1em;border-width:1px 0;border-style:solid;text-align:center}.su-members a{text-decoration:underline;color:inherit}.su-note{margin:0 0 1.5em;border-width:1px;border-style:solid}.su-note-inner{padding:1em;border-width:1px;border-style:solid}.su-posts-default-loop .su-post{margin-bottom:2.5em;line-height:1.5}.su-posts-default-loop .su-post:after{content:"";display:table;clear:both}.su-posts-default-loop .su-post-thumbnail{float:left;display:block;width:100px;height:100px;margin-right:1em}.su-posts-default-loop .su-post-thumbnail img{max-width:100px;max-height:100px}.su-posts-default-loop h2.su-post-title{clear:none;margin:0 0 .3em;font-size:1.2em;font-weight:700}.su-posts-default-loop .su-post-meta{margin-bottom:.7em;font-size:.8em;opacity:.6}.su-posts-default-loop .su-post-excerpt{margin-bottom:.5em}.su-posts-default-loop .su-post-excerpt p:last-child{margin-bottom:0}.su-posts-default-loop .su-post-comments-link{font-size:.9em}.su-posts-teaser-loop .su-post{margin-bottom:1.5em;line-height:1.2}.su-posts-teaser-loop .su-post:after{content:"";display:table;clear:both}.su-posts-teaser-loop .su-post-thumbnail{float:left;display:block;width:56px;height:56px;margin:0 1em 0 0}.su-posts-teaser-loop .su-post-thumbnail img{display:block;margin:0;padding:2px;border:1px solid #ccc;border-radius:5px;max-width:100%;max-height:100%}.su-posts-teaser-loop h2.su-post-title{display:block;margin:0;padding:0;border:none;font-size:.9em;font-weight:400;clear:none}.su-posts-single-post .su-post{margin-bottom:2.5em;line-height:1.5}.su-posts-single-post .su-post:after{content:"";display:table;clear:both}.su-posts-single-post h1.su-post-title{clear:none;margin:0 0 .3em;font-size:1.2em;font-weight:700}.su-posts-single-post .su-post-meta{margin-bottom:.7em;font-size:.8em;opacity:.6}.su-posts-single-post .su-post-content{margin-bottom:.5em}.su-posts-single-post .su-post-content p:last-child{margin-bottom:0}.su-private{margin:0 0 1.5em}.su-pullquote{display:block;width:30%;padding:.5em 1em}.su-pullquote-align-left{margin:.5em 1.5em 1em 0;padding-left:0;float:left;border-right:5px solid #eee}.su-pullquote-align-right{margin:.5em 0 1em 1.5em;padding-right:0;float:right;border-left:5px solid #eee}@media screen and (max-width:48em){.su-pullquote{width:auto}.su-pullquote-align-left,.su-pullquote-align-right{float:none;margin:1.5em 0;padding:.5em 1em}}.su-qrcode{display:inline-block}.su-qrcode-align-left{float:left;margin:0 .5em .5em 0}.su-qrcode-align-center{display:block;clear:both;margin:1em auto;text-align:center}.su-qrcode-align-right{float:right;margin:0 0 .5em .5em}.su-qrcode a,.su-qrcode a:active,.su-qrcode a:focus,.su-qrcode a:hover{background:0 0;outline:0;display:inline;text-decoration:none}.su-qrcode-clickable a:hover{opacity:.7}.su-qrcode img{display:inline-block;max-width:100%}.su-quote-style-default{position:relative;margin-bottom:1.5em;padding:.5em 3em;font-style:italic}.su-quote-style-default:after,.su-quote-style-default:before{position:absolute;display:block;width:20px;height:20px;background-image:url(//styleworks.website/wp-content/plugins/shortcodes-ultimate/includes/images/quote.png);content:""}.su-quote-style-default:before{top:0;left:0;background-position:0 0}.su-quote-style-default:after{right:0;bottom:0;background-position:-20px 0}.su-quote-style-default .su-quote-cite{display:block;text-align:right;font-style:normal}.su-quote-style-default .su-quote-cite:before{content:"— "}.su-quote-style-default .su-quote-cite a{text-decoration:underline}.su-screenr{margin:0 0 1.5em}.su-screenr iframe{border:none!important}.su-service{position:relative;margin:0 0 1.5em}.su-service-title{display:block;margin-bottom:.5em;color:#333;font-weight:700;font-size:1.1em}.su-service-title img{position:absolute;top:0;left:0;display:block!important;margin:0!important;padding:0!important;border:none!important;box-shadow:none!important}.su-service-title i{position:absolute;top:0;left:0;display:block!important;width:1em;height:1em;text-align:center;line-height:1em}.su-service-content{line-height:1.4}.su-slider{position:relative;margin-bottom:1.5em;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.su-slider-centered{margin:0 auto 1.5em}.su-slider-slides{position:relative;width:100%;-webkit-transition-property:-webkit-transform,left,top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform,left,top;-moz-transition-duration:0s;-moz-transform:translate3d(0,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform,left,top;-o-transition-duration:0s;-o-transform:translate3d(0,0,0);-o-transition-timing-function:ease;-o-transform:translate(0,0);-ms-transition-property:-ms-transform,left,top;-ms-transition-duration:0s;-ms-transform:translate3d(0,0,0);-ms-transition-timing-function:ease;transition-property:transform,left,top;transition-duration:0s;transform:translate3d(0,0,0);transition-timing-function:ease}.swiper-free-mode>.su-slider-slides{transition-timing-function:ease-out;margin:0 auto}.su-slider-slide{position:relative;float:left}.su-slider-slide>a,.su-slider-slide>a>img,.su-slider-slide>img{position:relative;display:block;width:100%;height:100%;text-decoration:none}.su-slider-responsive-yes .su-slider-slide>a,.su-slider-responsive-yes .su-slider-slide>a>img,.su-slider-responsive-yes .su-slider-slide>img{height:auto}.su-slider-pages-no .su-slider-pagination{display:none}.swiper-wp8-horizontal{-ms-touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x}.su-slider-slide-title{position:absolute;left:20px;bottom:20px;display:block;max-width:90%;padding:5px 10px;color:#fff;line-height:1.3;background:#000;background:rgba(0,0,0,.5);border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;opacity:0;transition:opacity 1s;-o-transition:opacity 1s;-moz-transition:opacity 1s;-webkit-transition:opacity 1s}.su-slider-slide-visible .su-slider-slide-title{opacity:1}.su-slider-next,.su-slider-prev{position:absolute;top:50%;display:block;width:40px;height:40px;margin-top:-20px!important;background:#000 0 0 url(//styleworks.website/wp-content/plugins/shortcodes-ultimate/includes/images/swiper/default.png) no-repeat;background-color:rgba(0,0,0,.5);cursor:pointer;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;opacity:0;transition:all .2s}.su-slider-prev{right:10px;margin-right:30px;background-position:-40px 0}.su-slider-next{left:10px;margin-left:30px;background-position:0 0}.su-slider:hover .su-slider-next,.su-slider:hover .su-slider-prev{margin-left:0;margin-right:0;opacity:.7}.su-slider .su-slider-next:hover,.su-slider .su-slider-prev:hover{opacity:1}.su-slider-pagination{position:absolute;left:15%;right:15%;top:50%;width:70%;height:0;margin-top:-7px;text-align:center;cursor:default;opacity:0;transition:all .2s}.su-slider:hover .su-slider-pagination{bottom:20px;opacity:1}.su-slider-pagination span{display:inline-block;width:14px;height:14px;margin:0;background:#000 0 -999px url(//styleworks.website/wp-content/plugins/shortcodes-ultimate/includes/images/swiper/default.png) no-repeat;background-color:rgba(0,0,0,.5);cursor:pointer;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;transition:all .2s}.su-slider:hover .su-slider-pagination span{margin:0 3px}.su-slider .su-slider-pagination span.swiper-visible-switch{background-color:#fff;background-color:rgba(255,255,255,.5)}.su-slider-pagination span.swiper-active-switch,.su-slider-pagination span:hover{background-position:0 -40px}.su-spacer{display:block;height:0;clear:both;overflow:hidden}.su-spacer-5{height:5px}.su-spacer-10{height:10px}.su-spacer-20{height:20px}.su-spacer-30{height:30px}.su-spacer-40{height:40px}.su-spoiler{margin-bottom:1.5em}.su-spoiler .su-spoiler:last-child{margin-bottom:0}.su-spoiler-title{position:relative;cursor:pointer;min-height:20px;line-height:20px;padding:7px 7px 7px 34px;font-weight:700;font-size:13px}.su-spoiler-title:focus{outline:currentColor thin dotted}.su-spoiler-icon{position:absolute;left:7px;top:7px;display:block;width:20px;height:20px;line-height:21px;text-align:center;font-size:14px;font-family:ShortcodesUltimateIcons;font-weight:400;font-style:normal;-webkit-font-smoothing:antialiased}.su-spoiler-content{padding:14px;transition:padding-top .2s}.su-spoiler.su-spoiler-closed>.su-spoiler-content{height:0;margin:0;padding-top:0;padding-bottom:0;overflow:hidden;border:none;opacity:0;pointer-events:none}.su-spoiler.su-spoiler-closed>.su-spoiler-content iframe{display:none}.su-spoiler-icon-plus .su-spoiler-icon:before{content:"\f068"}.su-spoiler-icon-plus.su-spoiler-closed .su-spoiler-icon:before{content:"\f067"}.su-spoiler-icon-plus-circle .su-spoiler-icon:before{content:"\f056"}.su-spoiler-icon-plus-circle.su-spoiler-closed .su-spoiler-icon:before{content:"\f055"}.su-spoiler-icon-plus-square-1 .su-spoiler-icon:before{content:"\f146"}.su-spoiler-icon-plus-square-1.su-spoiler-closed .su-spoiler-icon:before{content:"\f0fe"}.su-spoiler-icon-plus-square-2 .su-spoiler-icon:before{content:"\f147"}.su-spoiler-icon-plus-square-2.su-spoiler-closed .su-spoiler-icon:before{content:"\f196"}.su-spoiler-icon-arrow .su-spoiler-icon:before{content:"\f063"}.su-spoiler-icon-arrow.su-spoiler-closed .su-spoiler-icon:before{content:"\f061"}.su-spoiler-icon-arrow-circle-1 .su-spoiler-icon:before{content:"\f0ab"}.su-spoiler-icon-arrow-circle-1.su-spoiler-closed .su-spoiler-icon:before{content:"\f0a9"}.su-spoiler-icon-arrow-circle-2 .su-spoiler-icon:before{content:"\f01a"}.su-spoiler-icon-arrow-circle-2.su-spoiler-closed .su-spoiler-icon:before{content:"\f18e"}.su-spoiler-icon-chevron .su-spoiler-icon:before{content:"\f078"}.su-spoiler-icon-chevron.su-spoiler-closed .su-spoiler-icon:before{content:"\f054"}.su-spoiler-icon-chevron-circle .su-spoiler-icon:before{content:"\f13a"}.su-spoiler-icon-chevron-circle.su-spoiler-closed .su-spoiler-icon:before{content:"\f138"}.su-spoiler-icon-caret .su-spoiler-icon:before{content:"\f0d7"}.su-spoiler-icon-caret.su-spoiler-closed .su-spoiler-icon:before{content:"\f0da"}.su-spoiler-icon-caret-square .su-spoiler-icon:before{content:"\f150"}.su-spoiler-icon-caret-square.su-spoiler-closed .su-spoiler-icon:before{content:"\f152"}.su-spoiler-icon-folder-1 .su-spoiler-icon:before{content:"\f07c"}.su-spoiler-icon-folder-1.su-spoiler-closed .su-spoiler-icon:before{content:"\f07b"}.su-spoiler-icon-folder-2 .su-spoiler-icon:before{content:"\f115"}.su-spoiler-icon-folder-2.su-spoiler-closed .su-spoiler-icon:before{content:"\f114"}.su-spoiler-style-default>.su-spoiler-title{padding-left:27px;padding-right:0}.su-spoiler-style-default>.su-spoiler-title>.su-spoiler-icon{left:0}.su-spoiler-style-default>.su-spoiler-content{padding:1em 0 1em 27px}.su-spoiler-style-fancy{border:1px solid #ccc;border-radius:10px;background:#fff;color:#333}.su-spoiler-style-fancy>.su-spoiler-title{border-bottom:1px solid #ccc;border-radius:10px;background:#f0f0f0;font-size:.9em}.su-spoiler-style-fancy.su-spoiler-closed>.su-spoiler-title{border:none}.su-spoiler-style-fancy>.su-spoiler-content{border-radius:10px}.su-spoiler-style-simple{border-top:1px solid #ccc;border-bottom:1px solid #ccc}.su-spoiler-style-simple>.su-spoiler-title{padding:5px 10px;background:#f0f0f0;color:#333;font-size:.9em}.su-spoiler-style-simple>.su-spoiler-title>.su-spoiler-icon{display:none}.su-spoiler-style-simple>.su-spoiler-content{padding:1em 10px;background:#fff;color:#333}.su-table{width:100%;margin-bottom:1.5em}.su-table table{width:100%!important;margin:0!important;border-collapse:collapse!important;font-size:1em!important;border:1px solid #ccc!important;table-layout:auto!important}.su-table table th{text-align:center!important;padding:1em!important;font-size:1em!important;font-weight:700!important;color:#333!important;border:1px solid #ccc!important;background:#f0f0f0!important}.su-table table td{padding:.5em 1em!important;border:1px solid #ccc!important;background:#fff!important}.su-table-responsive{overflow-x:auto}.su-table-responsive table{width:auto!important;min-width:100%!important}.su-table-responsive table td,.su-table-responsive table th{word-break:initial!important}.su-table-alternate table tr:nth-child(even) td{background-color:#f7f7f7!important}.su-table-fixed table{table-layout:fixed!important}.su-tabs{margin:0 0 1.5em;padding:3px;border-radius:3px;background:#eee}.su-tabs-nav span{display:inline-block;margin-right:3px;padding:10px 15px;min-height:40px;border-top-left-radius:3px;border-top-right-radius:3px;color:#333;font-size:13px;line-height:20px;cursor:pointer;transition:all .2s}.su-tabs-nav span:hover{background:#f5f5f5}.su-tabs-nav span.su-tabs-current{background:#fff;cursor:default}.su-tabs-nav span:focus{outline:currentColor thin dotted}.su-tabs-nav span.su-tabs-disabled{opacity:.5;cursor:default}.su-tabs-pane{padding:15px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;background:#fff;color:#333;font-size:13px}.su-tabs-pane:not(.su-tabs-pane-open){overflow:hidden!important;padding-top:0!important;padding-bottom:0!important;min-height:0!important;height:0!important;border:none!important}.su-tabs-nav,.su-tabs-nav span,.su-tabs-pane,.su-tabs-panes{box-sizing:border-box!important}.su-tabs-vertical{display:flex}.su-tabs-vertical .su-tabs-nav{width:30%}.su-tabs-vertical .su-tabs-nav>span{display:block;margin-right:0;border-radius:0;border-top-left-radius:3px;border-bottom-left-radius:3px}.su-tabs-vertical .su-tabs-panes{width:70%}.su-tabs-vertical .su-tabs-panes .su-tabs-pane{height:100%;border-radius:0;border-top-right-radius:3px;border-bottom-right-radius:3px}@media only screen and (max-width:768px){.su-tabs-vertical{flex-direction:column}.su-tabs-vertical .su-tabs-nav,.su-tabs-vertical .su-tabs-panes{width:100%}.su-tabs-vertical .su-tabs-nav .su-tabs-pane,.su-tabs-vertical .su-tabs-nav>span,.su-tabs-vertical .su-tabs-panes .su-tabs-pane,.su-tabs-vertical .su-tabs-panes>span{border-radius:3px}.su-tabs-mobile-stack .su-tabs-nav span{display:block}.su-tabs-mobile-scroll .su-tabs-nav{display:flex;align-items:flex-end;white-space:nowrap;overflow-x:auto}}.su-tooltip{display:none}.su-tooltip.su-tooltip-visible{display:block}.su-tooltip-inner{display:block;position:relative;padding:.7em .85em}.su-tooltip-title{display:block;font-weight:700;font-size:1.1em;margin-bottom:.25em}.su-tooltip-title:empty{display:none}.su-tooltip-content{display:block}.su-tooltip-shadow-yes{box-shadow:0 0 10px rgba(0,0,0,.5)}.su-tooltip-button{position:relative}.su-tooltip-button-outline-no:focus{outline:0}.su-tooltip-arrow,.su-tooltip-arrow::before{position:absolute;width:8px;height:8px;background:inherit}.su-tooltip-arrow{visibility:hidden}.su-tooltip-arrow::before{visibility:visible;content:"";transform:rotate(45deg)}.su-tooltip[data-popper-placement^=top]>.su-tooltip-arrow{bottom:-4px}.su-tooltip[data-popper-placement^=bottom]>.su-tooltip-arrow{top:-4px}.su-tooltip[data-popper-placement^=left]>.su-tooltip-arrow{right:-4px}.su-tooltip[data-popper-placement^=right]>.su-tooltip-arrow{left:-4px}.su-video{position:relative;margin-bottom:1.5em;overflow:hidden}.su-video .jp-title{position:absolute;top:-100px;left:0;width:100%;height:30px;padding:0 1em;line-height:30px;font-size:.9em;background:#000;background:rgba(0,0,0,.5);color:#fff;transition:top .2s}.su-video:hover .jp-title{top:0}.su-video .jp-start{position:absolute;left:0;top:0;width:100%;height:100%;cursor:pointer;opacity:.5;transition:opacity .2s;background:50% 50% url(//styleworks.website/wp-content/plugins/shortcodes-ultimate/includes/images/player/default-start.png) no-repeat}.su-video:hover .jp-start{opacity:.8}.su-video.jp-video-full{position:fixed;left:0;top:0;width:100%;height:100%}.su-video.jp-video-full .jp-jplayer{position:fixed!important;left:0;top:0;overflow:hidden}.su-video .jp-gui{position:relative;height:30px;background:#7c8781;background:linear-gradient(to bottom,#7c8781 0,#0a0809 100%);border-bottom-right-radius:3px;border-bottom-left-radius:3px}.su-video.jp-video-full .jp-gui{position:fixed;left:0;bottom:0;width:100%}.su-video-controls-no .jp-gui{position:absolute!important;bottom:-100px;left:0;right:0;transition:bottom .2s}.su-video-controls-no:hover .jp-gui{bottom:0}.su-video img{border-radius:0!important;border:none!important;margin:0!important;padding:0!important}.su-video .jp-gui .jp-pause,.su-video .jp-gui .jp-play{position:absolute;left:0;top:0;display:block;width:30px;height:30px;border-right:1px solid #454947;cursor:pointer}.su-video .jp-gui .jp-play{background:0 0 url(//styleworks.website/wp-content/plugins/shortcodes-ultimate/includes/images/player/default.png) no-repeat}.su-video .jp-gui .jp-pause{background:-30px 0 url(//styleworks.website/wp-content/plugins/shortcodes-ultimate/includes/images/player/default.png) no-repeat}.su-video .jp-full-screen,.su-video .jp-restore-screen{position:absolute;top:0;right:0;display:block;width:30px;height:30px;border-left:1px solid #454947;cursor:pointer}.su-video .jp-full-screen{background:0 -30px url(//styleworks.website/wp-content/plugins/shortcodes-ultimate/includes/images/player/default.png) no-repeat}.su-video .jp-restore-screen{background:-30px -30px url(//styleworks.website/wp-content/plugins/shortcodes-ultimate/includes/images/player/default.png) no-repeat}.su-video .jp-progress{position:absolute;top:10px;left:90px;right:90px;height:10px;background:#333;border-radius:3px;box-shadow:0 0 5px #000 inset}.su-video .jp-play-bar,.su-video .jp-seek-bar{position:absolute;top:0;left:0;height:100%;cursor:pointer;border-radius:3px}.su-video .jp-seek-bar{background:#0b0b0b;background:linear-gradient(to bottom,#0b0b0b 0,#666 100%)}.su-video .jp-play-bar{background:#6db3f2;background:linear-gradient(to bottom,#6db3f2 0,#54a3ee 50%,#3690f0 51%,#1e69de 100%)}.su-video .jp-current-time,.su-video .jp-duration{position:absolute;top:0;display:block;height:30px;line-height:30px;color:#f5f5f5;font-size:10px}.su-video .jp-current-time{left:50px}.su-video .jp-duration{right:50px}.su-vimeo{margin:0 0 1.5em}.su-vimeo iframe{border:none!important}.su-youtube{margin:0 0 1.5em}.su-youtube iframe{border:none!important}