body#tinymce img {
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
    -ms-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
    -o-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25)
}

body#tinymce div, body#tinymce ul.icon-row li, body#tinymce ul.inline-list li {
    padding-left: 3px;
    padding-right: 3px;
    border: 1px Dashed rgba(0, 0, 0, 0.1);
    -webkit-transition: all 250ms;
    -moz-transition: all 250ms;
    -ms-transition: all 250ms;
    -o-transition: all 250ms;
    transition: all 250ms
}

body#tinymce div:hover, body#tinymce ul.icon-row li:hover, body#tinymce ul.inline-list li:hover {
    border: 1px Dashed rgba(0, 0, 0, 0.25)
}

.mce-menu .mce-menu-item .mce-text {
    font-size: inherit !important
}

* {
    font-family: 'Nunito Sans', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

h1 {
    font-size: 27.3px;
    font-weight: 300;
    margin-bottom: 0
}

h1+p {
    margin-top: 10px
}

h2 {
    font-size: 18.7px;
    font-weight: 300;
    letter-spacing: 2px
}

h3 {
    font-size: 15.6px;
    font-weight: 400
}

h3+h2 {
    margin-top: 0
}

h4 {
    font-size: 18.7px;
    font-weight: 600
}

h5 {
    font-size: 16px;
    font-weight: 600
}

h1, h2, h3, h4, h5 {
    font-family: 'Nunito Sans', sans-serif;
    line-height: 1.2em
}

h1, h2 {
    text-transform: uppercase
}

p, li, td {
    font-size: 14.4px;
    font-weight: 300;
    line-height: 1.6em;
    color: #2c2c2c
}

p a:not(.call):not(.email):not(.map):not(.btn):not(.btn-light), li a:not(.call):not(.email):not(.map):not(.btn):not(.btn-light), td a:not(.call):not(.email):not(.map):not(.btn):not(.btn-light) {
    color: #212322;
    text-decoration: none;
    font-weight: 700
}

p a:not(.call):not(.email):not(.map):not(.btn):not(.btn-light):hover, li a:not(.call):not(.email):not(.map):not(.btn):not(.btn-light):hover, td a:not(.call):not(.email):not(.map):not(.btn):not(.btn-light):hover {
    text-decoration: underline
}

p+form, li+form, td+form {
    margin-top: 1.5em
}

a {
    color: #212322
}

a:hover {
    color: #535855
}

blockquote {
    margin: 1em;
    font-size: 19.2px
}

blockquote p {
    font-size: inherit;
    font-style: italic;
    font-weight: 400;
    opacity: .8;
    filter: alpha(opacity=80)
}

.region h1:first-child, .region h2:first-child, .region h3:first-child, .region h4:first-child, .region p:first-child {
    margin-top: 0
}

.region h1:last-child, .region h2:last-child, .region h3:last-child, .region h4:last-child, .region p:last-child {
    margin-bottom: 0
}

.region h1 a:not(.btn), .region h2 a:not(.btn), .region h3 a:not(.btn), .region h4 a:not(.btn), .region p a:not(.btn) {
    -webkit-transition: all 250ms;
    -moz-transition: all 250ms;
    -ms-transition: all 250ms;
    -o-transition: all 250ms;
    transition: all 250ms
}

.region h1, .region h2, .region h3, .region h4 {
    word-break: break-word
}

@media (min-width:768px) {
    h1 {
        font-size: 42px
    }

    h2 {
        font-size: 34px
    }

    h3 {
        font-size: 24px
    }

    .region h1, .region h2, .region h3, .region h4 {
        word-break: normal
    }

    p, li, td {
        font-size: 16px
    }

    p a .fa, li a .fa, td a .fa, p a .fab, li a .fab, td a .fab, p a .fas, li a .fas, td a .fas {
        color: #212322
    }

    .column.f-size-x1 p, .column.f-size-x1 li {
        font-size: 17.6px
    }

    .column.f-size-x2 p, .column.f-size-x2 li {
        font-size: 19.2px
    }

    .column.f-size-x3 p, .column.f-size-x3 li {
        font-size: 20.8px
    }

    .column.f-size-x4 p, .column.f-size-x4 li {
        font-size: 22.4px
    }
}

a.btn {
    display: inline-block;
    background-color: #2c2c2c;
    text-transform: none;
    text-decoration: none;
    font-size: 17.6px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 5px;
    padding: 15px 25px 12px 25px;
    border: 0 solid #212322;
    border-radius: 0;
    -webkit-transition: all 600ms;
    -moz-transition: all 600ms;
    -ms-transition: all 600ms;
    -o-transition: all 600ms;
    transition: all 600ms
}

a.btn:hover {
    background-color: #000;
    text-decoration: none;
    color: #fff;
    -webkit-box-shadow: inset 0 60px #000;
    -moz-box-shadow: inset 0 60px #000;
    -ms-box-shadow: inset 0 60px #000;
    -o-box-shadow: inset 0 60px #000;
    box-shadow: inset 0 60px #000
}

a.btn.btn-large {
    font-size: 22px
}

a.btn:focus {
    color: #fff
}

a.btn-light {
    display: inline-block;
    padding: .6em 0;
    font-size: 17.6px;
    font-weight: 700;
    text-decoration: none;
    letter-spacing: 1px;
    color: inherit;
    -webkit-box-shadow: inset 0 -3px 0 0;
    -moz-box-shadow: inset 0 -3px 0 0;
    -ms-box-shadow: inset 0 -3px 0 0;
    -o-box-shadow: inset 0 -3px 0 0;
    box-shadow: inset 0 -3px 0 0
}

a.btn-light:hover {
    text-decoration: none;
    opacity: .8;
    filter: alpha(opacity=80);
    -webkit-box-shadow: inset 0 -5px 0 0;
    -moz-box-shadow: inset 0 -5px 0 0;
    -ms-box-shadow: inset 0 -5px 0 0;
    -o-box-shadow: inset 0 -5px 0 0;
    box-shadow: inset 0 -5px 0 0
}

a.call, a.email {
    display: block;
    width: 100%;
    background-color: #2c2c2c;
    padding: 10px 10px;
    text-align: center;
    color: #fff;
    border-radius: 0;
    white-space: inherit;
    text-decoration: none;
    word-break: break-all;
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -ms-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms
}

a.call:hover, a.email:hover {
    background-color: #000;
    text-decoration: none;
    -webkit-text-shadow: 0 0 10px rgba(255, 255, 255, 0.6);
    -moz-text-shadow: 0 0 10px rgba(255, 255, 255, 0.6);
    -ms-text-shadow: 0 0 10px rgba(255, 255, 255, 0.6);
    -o-text-shadow: 0 0 10px rgba(255, 255, 255, 0.6);
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.6)
}

a.call .fa, a.email .fa, a.call .fas, a.email .fas {
    color: #fff
}

@media (min-width:768px) {
    a.btn+a.btn, a.btn+a.btn-light, a.btn-light+a.btn, a.btn-light+a.btn-light {
        margin-left: 1em
    }

    a.call, a.email {
        display: inline-block;
        width: auto;
        background-color: transparent;
        padding: 0;
        text-align: inherit;
        color: inherit
    }

    a.call:hover, a.email:hover, a.call:active, a.email:active, a.call:visited, a.email:visited, a.call:focus, a.email:focus {
        background-color: transparent;
        cursor: default;
        -webkit-text-shadow: none;
        -moz-text-shadow: none;
        -ms-text-shadow: none;
        -o-text-shadow: none;
        text-shadow: none
    }
}

.only-admins {
    display: none
}

body.logged-in .only-admins {
    display: inherit
}

.loading-page {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999
}

.loading-page:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    background-image: url(../images/ripple.svg);
    background-position: center;
    background-repeat: no-repeat;
    opacity: .9;
    filter: alpha(opacity=90)
}

.inline-spot-1 {
    color: #2c2c2c
}

a[name] {
    position: absolute;
    top: -30%
}

.image-column a[name] {
    top: 0
}

.centered {
    text-align: center
}

#cookie-notice .button.wp-default {
    border-radius: 0;
    border: 0;
    padding-top: 6px;
    padding-bottom: 6px
}

img {
    max-width: 100%
}

iframe {
    max-width: 100%
}

hr {
    max-width: 500px;
    border-top: 2px Solid rgba(255, 255, 255, 0.5)
}

.inline-list ul, .some-inline-list ul {
    list-style: none;
    padding: 0;
    text-align: center
}

.inline-list ul li, .some-inline-list ul li {
    display: inline-block;
    padding: 0;
    margin: 10px
}

.floating-icons-1, .floating-icons-2 {
    position: fixed;
    top: auto;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000
}

.floating-icons-1 ul, .floating-icons-2 ul {
    list-style: none;
    margin-left: -15px;
    margin-right: -15px;
    margin: 0;
    padding: 0
}

.floating-icons-1 ul li, .floating-icons-2 ul li {
    display: block;
    width: 100% !important;
    position: relative;
    float: left;
    width: 50%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    padding-left: 0;
    padding-right: 0
}

.floating-icons-1 ul li a, .floating-icons-2 ul li a {
    display: block;
    font-size: 17.6px;
    width: 100%;
    color: #fff;
    background-color: #212322;
    text-align: center;
    padding: 10px 0 10px 0;
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -ms-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms
}

.floating-icons-1 ul li a .fa, .floating-icons-2 ul li a .fa, .floating-icons-1 ul li a .fab, .floating-icons-2 ul li a .fab, .floating-icons-1 ul li a .fas, .floating-icons-2 ul li a .fas {
    margin: 0 10px 0 0;
    color: #fff !important
}

.floating-icons-1 ul li a.btn, .floating-icons-2 ul li a.btn {
    border-radius: 0;
    margin-top: 0;
    margin-bottom: 0;
    border: 0 solid #d9d9d9
}

.floating-icons-1 ul li a.btn:hover, .floating-icons-2 ul li a.btn:hover {
    box-shadow: none;
    background-color: #212322
}

.fa, .fab, .fas {
    margin-right: 5px
}

.full-image img {
    width: 100%;
    height: auto
}

.hidden {
    opacity: 0
}

.visible {
    opacity: 1
}

.make-background .column-image {
    visibility: hidden
}

.contain-background {
    background-size: contain !important;
    background-attachment: scroll !important
}

.cover-background {
    background-size: cover !important;
    background-attachment: scroll !important
}

.center-background {
    background-position: center !important
}

.no-repeat-background {
    background-repeat: no-repeat
}

.no-pad {
    padding: 0
}

.no-left-pad {
    padding-left: 0
}

.no-right-pad {
    padding-right: 0
}

.align-right {
    text-align: right
}

.v-align-center {
    padding-top: 20px;
    padding-bottom: 20px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity 400ms;
    -moz-transition: opacity 400ms;
    -ms-transition: opacity 400ms;
    -o-transition: opacity 400ms;
    transition: opacity 400ms
}

.v-align-center.rdy {
    opacity: 1;
    filter: alpha(opacity=100)
}

.clear-left {
    clear: left
}

.clear-right {
    clear: right
}

.map-region {
    width: 100%;
    height: 400px;
    margin: 20px 0
}

.map-region img {
    max-width: inherit !important
}

.google-map.make-bg-map .map-region {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    height: auto;
    margin: 0
}

.full-iframe iframe {
    width: 100%
}

.region {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px
}

.region-arrow-down {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5;
    text-align: center;
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -ms-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms
}

.region-arrow-down p {
    margin: 0;
    padding: 0;
    font-size: 18.4px;
    font-weight: bold;
    font-style: normal;
    margin-bottom: 10px;
    text-transform: uppercase;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -ms-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms
}

.region-arrow-down a {
    text-decoration: none
}

.region-arrow-down a .fa, .region-arrow-down a .fab, .region-arrow-down a .fas {
    display: inline-block;
    font-size: 60px;
    line-height: 25px;
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
    color: inherit;
    opacity: .7;
    filter: alpha(opacity=70);
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -ms-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.region-arrow-down a .fa::before, .region-arrow-down a .fab::before, .region-arrow-down a .fas::before {
    content: '\027E9'
}

.region-arrow-down a:hover .fa, .region-arrow-down a:hover .fab, .region-arrow-down a:hover .fas {
    opacity: 1;
    filter: alpha(opacity=100)
}

.region-arrow-down:hover a {
    text-decoration: none
}

.region-arrow-down:hover p {
    opacity: 1;
    filter: alpha(opacity=100)
}

.region-arrow-down:hover .arrow-down {
    -webkit-transform: scale(1.1, 1.1) translateY(3px);
    -moz-transform: scale(1.1, 1.1) translateY(3px);
    -ms-transform: scale(1.1, 1.1) translateY(3px);
    -o-transform: scale(1.1, 1.1) translateY(3px);
    transform: scale(1.1, 1.1) translateY(3px)
}

span.inline-spot {
    display: inline-block;
    background-color: rgba(0, 0, 0, 0.4);
    padding: 8px 15px
}

.light-gray {
    background-color: #e6e6e6
}

.light-gray-2 {
    background-color: #f2f2f2
}

.light-gray h3:last-child, .light-gray-2 h3:last-child {
    margin-bottom: 0
}

button:focus {
    outline: 0
}

.full-width-oembed iframe {
    width: 100% !important
}

.oembed-column .column-content {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    height: auto
}

.oembed-column .column-content iframe, .oembed-column .column-content object, .oembed-column .column-content embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.alignleft, .alignright {
    display: block;
    margin-left: auto;
    margin-right: auto
}

@media (min-width:768px) {
    .row.pad-20 {
        padding: 20px !important
    }

    .row.pad-40 {
        padding: 40px !important
    }

    .row.pad-60 {
        padding: 60px !important
    }

    .row.pad-40-60 {
        padding: 40px 60px !important
    }

    .row.pad-40-100 {
        padding: 40px 100px !important
    }

    .row.pad-top-0 {
        padding-top: 0 !important
    }

    .row.pad-top-20 {
        padding-top: 20px !important
    }

    .row.pad-top-40 {
        padding-top: 40px !important
    }

    .row.pad-top-60 {
        padding-top: 60px !important
    }

    .row.pad-top-80 {
        padding-top: 80px !important
    }

    .row.pad-bottom-0 {
        padding-bottom: 0 !important
    }

    .row.pad-bottom-20 {
        padding-bottom: 20px !important
    }

    .row.pad-bottom-40 {
        padding-bottom: 40px !important
    }

    .row.pad-bottom-60 {
        padding-bottom: 60px !important
    }

    .row.pad-bottom-80 {
        padding-bottom: 80px !important
    }

    .row.pad-left-0 {
        padding-left: 0 !important
    }

    .row.pad-left-20 {
        padding-left: 20px !important
    }

    .row.pad-left-40 {
        padding-left: 40px !important
    }

    .row.pad-left-60 {
        padding-left: 60px !important
    }

    .row.pad-left-80 {
        padding-left: 80px !important
    }

    .row.pad-right-0 {
        padding-right: 0 !important
    }

    .row.pad-right-20 {
        padding-right: 20px !important
    }

    .row.pad-right-40 {
        padding-right: 40px !important
    }

    .row.pad-right-60 {
        padding-right: 60px !important
    }

    .row.pad-right-80 {
        padding-right: 80px !important
    }

    .row.pad-vertical-20 {
        padding-top: 20px !important;
        padding-bottom: 20px !important
    }

    .row.pad-vertical-40 {
        padding-top: 40px !important;
        padding-bottom: 40px !important
    }

    .row.pad-vertical-60 {
        padding-top: 60px !important;
        padding-bottom: 60px !important
    }

    .row.pad-horizontal-20 {
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    .row.pad-horizontal-40 {
        padding-left: 40px !important;
        padding-right: 40px !important
    }

    .row.pad-horizontal-60 {
        padding-left: 60px !important;
        padding-right: 60px !important
    }

    .row.pad-1em {
        padding: 1em !important
    }

    .row.pad-top-1em {
        padding-top: 1em !important
    }

    .row.pad-bottom-1em {
        padding-bottom: 1em !important
    }

    .row.pad-left-1em {
        padding-left: 1em !important
    }

    .row.pad-right-1em {
        padding-right: 1em !important
    }

    .row.pad-2em {
        padding: 2em !important
    }

    .row.pad-top-2em {
        padding-top: 2em !important
    }

    .row.pad-bottom-2em {
        padding-bottom: 2em !important
    }

    .row.pad-left-2em {
        padding-left: 2em !important
    }

    .row.pad-right-2em {
        padding-right: 2em !important
    }

    .row.pad-3em {
        padding: 3em !important
    }

    .row.pad-top-3em {
        padding-top: 3em !important
    }

    .row.pad-bottom-3em {
        padding-bottom: 3em !important
    }

    .row.pad-left-3em {
        padding-left: 3em !important
    }

    .row.pad-right-3em {
        padding-right: 3em !important
    }

    .row.pad-4em {
        padding: 4em !important
    }

    .row.pad-top-4em {
        padding-top: 4em !important
    }

    .row.pad-bottom-4em {
        padding-bottom: 4em !important
    }

    .row.pad-left-4em {
        padding-left: 4em !important
    }

    .row.pad-right-4em {
        padding-right: 4em !important
    }

    .row.pad-5em {
        padding: 5em !important
    }

    .row.pad-top-5em {
        padding-top: 5em !important
    }

    .row.pad-bottom-5em {
        padding-bottom: 5em !important
    }

    .row.pad-left-5em {
        padding-left: 5em !important
    }

    .row.pad-right-5em {
        padding-right: 5em !important
    }

    .row.pad-6em {
        padding: 6em !important
    }

    .row.pad-top-6em {
        padding-top: 6em !important
    }

    .row.pad-bottom-6em {
        padding-bottom: 6em !important
    }

    .row.pad-left-6em {
        padding-left: 6em !important
    }

    .row.pad-right-6em {
        padding-right: 6em !important
    }

    .region {
        padding-top: 120px;
        padding-bottom: 80px
    }

    a.call, a.email {
        display: inline-block;
        width: auto;
        background-color: transparent;
        padding: 0;
        text-align: inherit;
        color: inherit
    }

    a.call:hover, a.email:hover, a.call:active, a.email:active, a.call:visited, a.email:visited, a.call:focus, a.email:focus {
        background-color: transparent;
        cursor: default;
        -webkit-text-shadow: none;
        -moz-text-shadow: none;
        -ms-text-shadow: none;
        -o-text-shadow: none;
        text-shadow: none
    }

    a.call .fa, a.email .fa, a.call .fas, a.email .fas {
        color: #212322
    }

    a[name] {
        position: absolute;
        top: -10%
    }

    a[name].fixed {
        top: -60%
    }

    .image-column a[name] {
        top: -60%
    }

    .some-inline-list ul li {
        margin: 3px
    }

    .floating-icons-1 {
        bottom: 10em;
        left: auto;
        top: auto
    }

    .floating-icons-1 ul {
        margin: 0
    }

    .floating-icons-1 ul li {
        display: block;
        float: none;
        width: auto;
        margin: 0 0 0 0;
        padding: 0
    }

    .floating-icons-1 ul li a {
        font-size: 12.8px;
        width: 236px;
        padding: 10px 7px;
        margin-right: -202px;
        background-color: #2c2c2c;
        text-align: left;
        color: #fff
    }

    .floating-icons-1 ul li a:hover {
        margin-right: -200px
    }

    .floating-icons-1 ul li a:hover:before {
        visibility: hidden;
        padding-right: 10px
    }

    .floating-icons-1 ul li a.btn {
        writing-mode: tb-rl;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(-180deg);
        white-space: nowrap
    }

    .floating-icons-1 ul li a.btn:hover {
        background-color: #2c2c2c;
        box-shadow: none
    }

    .floating-icons-2 {
        bottom: 22em;
        left: auto;
        top: auto
    }

    .floating-icons-2 ul {
        margin: 0
    }

    .floating-icons-2 ul li {
        display: block;
        float: none;
        width: auto;
        margin: 0 0 0 0;
        padding: 0
    }

    .floating-icons-2 ul li a {
        font-size: 12.8px;
        width: 236px;
        padding: 10px 5px;
        margin-right: -202px;
        background-color: #2c2c2c;
        text-align: left;
        color: #fff
    }

    .floating-icons-2 ul li a:hover {
        margin-right: -200px
    }

    .floating-icons-2 ul li a:hover:before {
        visibility: hidden;
        padding-right: 10px;
        font-size: 16px
    }

    .floating-icons-2 ul li a.call {
        font-weight: 700;
        writing-mode: tb-rl;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(-180deg);
        white-space: nowrap
    }

    .floating-icons-2 ul li a.call:hover {
        background-color: #2c2c2c
    }

    .floating-icons-2 ul li a .fas {
        margin-bottom: 10px;
        color: #fff
    }

    .alignleft {
        display: inherit;
        margin-left: inherit;
        float: left;
        margin-right: 30px
    }

    .alignright {
        display: inherit;
        margin-right: inherit;
        float: right;
        margin-left: 30px
    }
}

@media (min-width:992px) {
    .floating-icons-2 {
        bottom: 20em
    }

    .floating-icons-2 ul li a .fa, .floating-icons-2 ul li a .fab, .floating-icons-2 ul li a .fas {
        margin: 0 0 10px 0
    }

    .v-align-center {
        padding-top: 0;
        padding-bottom: 0
    }

    .v-align-center .content {
        position: absolute;
        top: 50%;
        -webkit-transform: perspective(1px) translateY(-50%);
        -moz-transform: perspective(1px) translateY(-50%);
        -ms-transform: perspective(1px) translateY(-50%);
        -o-transform: perspective(1px) translateY(-50%);
        transform: perspective(1px) translateY(-50%);
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto
    }

    .hidden-md+.v-align-center {
        padding-top: inherit;
        padding-bottom: inherit
    }

    .hidden-md+.v-align-center .content {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@media (min-width:1200px) {
    .hidden-md+.v-align-center {
        padding-top: 0;
        padding-bottom: 0
    }

    .hidden-md+.v-align-center .content {
        position: absolute;
        top: 50%;
        -webkit-transform: perspective(1px) translateY(-50%);
        -moz-transform: perspective(1px) translateY(-50%);
        -ms-transform: perspective(1px) translateY(-50%);
        -o-transform: perspective(1px) translateY(-50%);
        transform: perspective(1px) translateY(-50%);
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto
    }
}

@media (max-width:992px) {
    .region-options {
        background-attachment: scroll !important
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: translate3d(0, 20px, 0);
        -moz-transform: translate3d(0, 20px, 0);
        -ms-transform: translate3d(0, 20px, 0);
        -o-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }

    to {
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: translate3d(0, -20px, 0);
        -moz-transform: translate3d(0, -20px, 0);
        -ms-transform: translate3d(0, -20px, 0);
        -o-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
}

.fadeInUp, .fadeIn {
    -webkit-animation-duration: 1500ms;
    animation-duration: 1500ms;
    -webkit-animation-delay: 600ms;
    animation-delay: 600ms
}

.fadeInDown {
    -webkit-animation-duration: 1500ms;
    animation-duration: 1500ms;
    -webkit-animation-delay: 200ms;
    animation-delay: 200ms
}

.delayAnim1 {
    -webkit-animation-delay: 1000ms;
    -moz-animation-delay: 1000ms;
    -ms-animation-delay: 1000ms;
    -o-animation-delay: 1000ms;
    animation-delay: 1000ms
}

.delayAnim2 {
    -webkit-animation-delay: 1200ms;
    -moz-animation-delay: 1200ms;
    -ms-animation-delay: 1200ms;
    -o-animation-delay: 1200ms;
    animation-delay: 1200ms
}

.delayAnim3 {
    -webkit-animation-delay: 1400ms;
    -moz-animation-delay: 1400ms;
    -ms-animation-delay: 1400ms;
    -o-animation-delay: 1400ms;
    animation-delay: 1400ms
}

.delayAnim4 {
    -webkit-animation-delay: 1600ms;
    -moz-animation-delay: 1600ms;
    -ms-animation-delay: 1600ms;
    -o-animation-delay: 1600ms;
    animation-delay: 1600ms
}

.delayAnim5 {
    -webkit-animation-delay: 1800ms;
    -moz-animation-delay: 1800ms;
    -ms-animation-delay: 1800ms;
    -o-animation-delay: 1800ms;
    animation-delay: 1800ms
}

.delayAnim6 {
    -webkit-animation-delay: 2000ms;
    -moz-animation-delay: 2000ms;
    -ms-animation-delay: 2000ms;
    -o-animation-delay: 2000ms;
    animation-delay: 2000ms
}

@keyframes animateBlur {
    from {
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-text-shadow: 0 0 1em rgba(0, 0, 0, 0.5);
        -moz-text-shadow: 0 0 1em rgba(0, 0, 0, 0.5);
        -ms-text-shadow: 0 0 1em rgba(0, 0, 0, 0.5);
        -o-text-shadow: 0 0 1em rgba(0, 0, 0, 0.5);
        text-shadow: 0 0 1em rgba(0, 0, 0, 0.5);
        color: rgba(0, 0, 0, 0)
    }

    to {
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-text-shadow: 0 0 0 rgba(0, 0, 0, 0);
        -moz-text-shadow: 0 0 0 rgba(0, 0, 0, 0);
        -ms-text-shadow: 0 0 0 rgba(0, 0, 0, 0);
        -o-text-shadow: 0 0 0 rgba(0, 0, 0, 0);
        text-shadow: 0 0 0 rgba(0, 0, 0, 0);
        color: #000
    }
}

ul.animBlur {
    list-style: none;
    padding-left: 0
}

ul.animBlur li {
    display: inline-block
}

ul.animBlur>* {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-animation: animateBlur 3500ms forwards;
    -moz-animation: animateBlur 3500ms forwards;
    -ms-animation: animateBlur 3500ms forwards;
    -o-animation: animateBlur 3500ms forwards;
    animation: animateBlur 3500ms forwards
}

body#tinymce ul.animBlur li {
    padding-left: 3px;
    padding-right: 3px
}

.gallery {
    margin-top: 20px;
    margin-bottom: 20px
}

.gallery ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center
}

.gallery ul li {
    display: inline-block;
    padding: 5px !important
}

.gallery ul li a {
    display: block;
    position: relative;
    overflow: hidden
}

.gallery ul li a .gal-bg {
    min-height: 200px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border: 5px solid #e6e6e6
}

.gallery ul li a img {
    width: 100%
}

.gallery ul li .caption {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    margin: 0;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: 12px;
    padding: 10px 5px
}

.gallery.cover-gallery ul li a .gal-bg {
    background-size: cover
}

ul.detail-stone {
    list-style: none;
    padding-inline-start: 0
}

ul.detail-stone .slick-list li.slick-slide {
    display: none;
    z-index: 1 !important
}

ul.detail-stone .slick-list li.slick-slide.slick-current {
    display: block;
    left: 0 !important
}

ul.detail-stone .slick-list li.slick-slide:focus {
    outline: none
}

ul.detail-stone .slick-list .slick-track {
    width: 100% !important
}

ul.detail-stone-nav {
    list-style: none;
    padding-inline-start: 0
}

ul.detail-stone-nav .slick-list {
    padding: 0 !important
}

ul.detail-stone-nav .slick-list li.slick-slide {
    display: inline-block;
    padding-right: 10px
}

ul.detail-stone-nav .slick-list li.slick-slide:focus {
    outline: none
}

ul.detail-stone-nav .slick-list .slick-track {
    transform: translate3d(0, 0, 0) !important
}

ul.detail-stone-nav ul.slick-dots {
    display: none
}

@media (min-width:768px) {
    .gallery ul li .caption {
        display: block;
        -webkit-transition: all 600ms;
        -moz-transition: all 600ms;
        -ms-transition: all 600ms;
        -o-transition: all 600ms;
        transition: all 600ms;
        opacity: 0;
        filter: alpha(opacity=0);
        bottom: -20%
    }

    .gallery ul li a::before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1;
        background-color: rgba(0, 0, 0, 0.2);
        -webkit-transition: all 400ms;
        -moz-transition: all 400ms;
        -ms-transition: all 400ms;
        -o-transition: all 400ms;
        transition: all 400ms;
        opacity: 0;
        filter: alpha(opacity=0)
    }

    .gallery ul li a img {
        -webkit-transition: all 1000ms;
        -moz-transition: all 1000ms;
        -ms-transition: all 1000ms;
        -o-transition: all 1000ms;
        transition: all 1000ms
    }

    .gallery ul li:hover .caption {
        bottom: 0;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .gallery ul li:hover a::before {
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .gallery ul li:hover a img {
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05)
    }

    ul.detail-stone-nav .slick-list li.slick-slide {
        width: 160px !important
    }
}

.lunki-slider, .reference-carousel {
    position: relative
}

.lunki-slider .slide-wrapper, .reference-carousel .slide-wrapper {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto
}

.lunki-slider .slide-content, .reference-carousel .slide-content {
    width: 100%;
    max-width: 1200px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.lunki-slider .slide-content h1, .reference-carousel .slide-content h1, .lunki-slider .slide-content h2, .reference-carousel .slide-content h2, .lunki-slider .slide-content h3, .reference-carousel .slide-content h3, .lunki-slider .slide-content h4, .reference-carousel .slide-content h4, .lunki-slider .slide-content p, .reference-carousel .slide-content p, .lunki-slider .slide-content a, .reference-carousel .slide-content a {
    color: #fff;
    -webkit-text-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    -moz-text-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    -ms-text-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    -o-text-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.4)
}

.lunki-slider .slide-content .slide-content-wrapper, .reference-carousel .slide-content .slide-content-wrapper {
    padding-left: 70px;
    padding-right: 70px
}

.lunki-slider .slick-list, .reference-carousel .slick-list {
    position: relative;
    overflow: hidden;
    *zoom: 1
}

.lunki-slider .slick-list:before, .reference-carousel .slick-list:before, .lunki-slider .slick-list:after, .reference-carousel .slick-list:after {
    display: table;
    line-height: 0;
    content: ""
}

.lunki-slider .slick-list:after, .reference-carousel .slick-list:after {
    clear: both
}

.lunki-slider .slide, .reference-carousel .slide, .lunki-slider .slick-slide, .reference-carousel .slick-slide {
    min-height: 250px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    float: left
}

.lunki-slider .slide .slide-link, .reference-carousel .slide .slide-link, .lunki-slider .slick-slide .slide-link, .reference-carousel .slick-slide .slide-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10
}

.lunki-slider .slick-prev, .reference-carousel .slick-prev, .lunki-slider .slick-next, .reference-carousel .slick-next {
    width: 52px;
    height: auto;
    position: absolute;
    top: 50%;
    z-index: 1001;
    padding: 10px 10px 12px 10px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 800ms;
    -moz-transition: all 800ms;
    -ms-transition: all 800ms;
    -o-transition: all 800ms;
    transition: all 800ms
}

.lunki-slider .slick-prev:before, .reference-carousel .slick-prev:before, .lunki-slider .slick-next:before, .reference-carousel .slick-next:before, .lunki-slider .slick-prev:after, .reference-carousel .slick-prev:after, .lunki-slider .slick-next:after, .reference-carousel .slick-next:after {
    font-size: 30px;
    line-height: 32px
}

.lunki-slider .slick-prev .label, .reference-carousel .slick-prev .label, .lunki-slider .slick-next .label, .reference-carousel .slick-next .label {
    display: none
}

.lunki-slider .slick-prev, .reference-carousel .slick-prev {
    left: 0
}

.lunki-slider .slick-prev:before, .reference-carousel .slick-prev:before {
    content: '\027E8'
}

.lunki-slider .slick-next, .reference-carousel .slick-next {
    right: 0
}

.lunki-slider .slick-next:after, .reference-carousel .slick-next:after {
    content: '\027E9'
}

.lunki-slider .slick-dots, .reference-carousel .slick-dots {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    margin: 10px;
    padding: 0;
    list-style: none;
    text-align: center;
    line-height: 0
}

.lunki-slider .slick-dots li, .reference-carousel .slick-dots li {
    display: inline-block;
    line-height: 0;
    opacity: .25;
    filter: alpha(opacity=25);
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -ms-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms
}

.lunki-slider .slick-dots li button, .reference-carousel .slick-dots li button {
    background-color: rgba(0, 0, 0, 0.6);
    width: 12px;
    height: 14px;
    border: none;
    margin: 3px;
    font-size: 0;
    line-height: 0;
    border-radius: 50%
}

.lunki-slider .slick-dots li.slick-active, .reference-carousel .slick-dots li.slick-active, .lunki-slider .slick-dots li:hover, .reference-carousel .slick-dots li:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 1;
    filter: alpha(opacity=100)
}

.lunki-slider:hover .slick-prev, .reference-carousel:hover .slick-prev, .lunki-slider:hover .slick-next, .reference-carousel:hover .slick-next {
    background-color: rgba(0, 0, 0, 0.1);
    color: #fff
}

.lunki-slider:hover .slick-prev:hover, .reference-carousel:hover .slick-prev:hover, .lunki-slider:hover .slick-next:hover, .reference-carousel:hover .slick-next:hover {
    background-color: rgba(0, 0, 0, 0.25)
}

@media (min-width:768px) {
    .lunki-slider .slide, .reference-carousel .slide, .lunki-slider .slick-slide, .reference-carousel .slick-slide {
        min-height: 400px
    }
}

.article-list .element-name, .post-list .element-name {
    margin-bottom: 20px
}

.article-list .column, .post-list .column {
    margin-bottom: 20px
}

.article-list .column .column-image, .post-list .column .column-image, .article-list .column .post-image, .post-list .column .post-image {
    min-height: 250px;
    background-position: center;
    background-size: cover
}

.article-list .column .article-content, .post-list .column .article-content {
    padding: 0 1.5em 1.5em 1.5em
}

.article-list .column .image-link, .post-list .column .image-link {
    display: block
}

.article-list .column .image-link+.article-content, .post-list .column .image-link+.article-content, .article-list .column .column-image+.article-content, .post-list .column .column-image+.article-content, .article-list .column .post-image+.article-content, .post-list .column .post-image+.article-content, .article-list .column .image-link+.post-content-wrapper, .post-list .column .image-link+.post-content-wrapper, .article-list .column .column-image+.post-content-wrapper, .post-list .column .column-image+.post-content-wrapper, .article-list .column .post-image+.post-content-wrapper, .post-list .column .post-image+.post-content-wrapper {
    margin-top: 20px
}

.article-list .column h3+p.post-meta, .post-list .column h3+p.post-meta, .article-list .column h4+p.post-meta, .post-list .column h4+p.post-meta {
    margin-top: -12px
}

body.archive .column .post-title {
    margin-bottom: 0
}

body.archive .column .post-meta {
    margin-bottom: 10px
}

.archive-list .column {
    margin-bottom: 40px
}

@media (min-width:768px) {
    .article-list .column.col-sm-3 .title h3 {
        font-size: 20.4px
    }

    .article-list .column.col-sm-4 .title h3 {
        font-size: 21.6px
    }
}

.wpcf7-form {
    margin-top: 20px;
    margin-bottom: 10px
}

.wpcf7-form .form-line {
    margin-bottom: 10px;
    overflow: auto
}

.wpcf7-form .form-line h4 {
    margin-top: 20px
}

.wpcf7-form .form-line input, .wpcf7-form .form-line textarea {
    width: 100%;
    padding: 10px;
    border: 0;
    background-color: #e6e6e6;
    font-size: 14.4px
}

.wpcf7-form .form-line input::-webkit-input-placeholder, .wpcf7-form .form-line textarea::-webkit-input-placeholder {
    color: #666;
    font-style: italic;
    letter-spacing: 1px
}

.wpcf7-form .form-line input:-moz-placeholder, .wpcf7-form .form-line textarea:-moz-placeholder {
    color: #666;
    font-style: italic;
    letter-spacing: 1px
}

.wpcf7-form .form-line input::-moz-placeholder, .wpcf7-form .form-line textarea::-moz-placeholder {
    color: #666;
    font-style: italic;
    letter-spacing: 1px
}

.wpcf7-form .form-line input:-ms-input-placeholder, .wpcf7-form .form-line textarea:-ms-input-placeholder {
    color: #666;
    font-style: italic;
    letter-spacing: 1px
}

.wpcf7-form .form-line input[type=checkbox], .wpcf7-form .form-line textarea[type=checkbox] {
    width: auto
}

.wpcf7-form .form-line input[type=submit], .wpcf7-form .form-line textarea[type=submit] {
    background-color: #212322;
    width: auto;
    min-width: 50%;
    border: 0;
    padding: 15px 5px;
    font-size: 20.8px;
    font-weight: 400;
    letter-spacing: 1px;
    color: #fff;
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -ms-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms
}

.wpcf7-form .form-line input[type=submit]:hover, .wpcf7-form .form-line textarea[type=submit]:hover {
    background-color: #2c2c2c
}

.wpcf7-form .form-line label {
    font-size: 17.6px;
    margin-bottom: 0;
    padding: 7px 0
}

.wpcf7-form .form-line input[type="radio"] {
    width: auto
}

.wpcf7-form .form-line input.input-append {
    width: 88%;
    float: left
}

.wpcf7-form .form-line span.add-on {
    width: 12%;
    float: left;
    background-color: #d9d9d9;
    font-size: 14.4px;
    padding: 10px 5px;
    text-align: center
}

.wpcf7-form .form-line textarea {
    max-width: 100%;
    resize: vertical;
    display: block
}

.wpcf7-form .form-line .wpcf7-checkbox .wpcf7-list-item {
    display: block;
    margin: 3px 0
}

.wpcf7-form .form-line .wpcf7-checkbox .wpcf7-list-item label {
    margin-bottom: 0
}

.wpcf7-form .form-line .wpcf7-checkbox label {
    display: block;
    position: relative;
    padding: 5px;
    color: rgba(26, 26, 26, 0.7);
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -ms-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms
}

.wpcf7-form .form-line .wpcf7-checkbox label:hover {
    background-color: rgba(26, 26, 26, 0.1)
}

.wpcf7-form .form-line .wpcf7-checkbox label::before {
    content: '';
    display: inline-block;
    width: 28px;
    height: 28px;
    margin-right: 7px;
    background-color: #e6e6e6;
    border-radius: 50%;
    font-family: FontAwesome;
    font-size: 40px;
    vertical-align: middle;
    text-align: center;
    color: #212322;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -ms-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms
}

.wpcf7-form .form-line .wpcf7-checkbox label.checked {
    color: #212322
}

.wpcf7-form .form-line .wpcf7-checkbox label.checked::before {
    content: '';
    background-color: #2c2c2c
}

.wpcf7-form .form-line .wpcf7-checkbox label input[type=checkbox] {
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0)
}

.wpcf7-form .right-col .form-line {
    padding-left: 5%
}

.wpcf7-form .right-col h4 {
    margin-top: 20px
}

.wpcf7-form .send-col {
    margin-top: 20px;
    text-align: center
}

.wpcf7-form .send-col .form-line {
    position: relative
}

.wpcf7-form .wpcf7-mail-sent-ok, .wpcf7-form .wpcf7-validation-errors, .wpcf7-form span.wpcf7-not-valid-tip {
    position: relative;
    border: 0;
    background-color: #1a1a1a;
    color: #fff;
    margin-top: 10px;
    padding: 10px;
    text-align: center
}

.wpcf7-form .wpcf7-mail-sent-ok:after, .wpcf7-form .wpcf7-validation-errors:after, .wpcf7-form span.wpcf7-not-valid-tip:after {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #1a1a1a;
    border-width: 10px;
    margin-left: -10px
}

.wpcf7-form .wpcf7-mail-sent-ok {
    background-color: #84ab51
}

.wpcf7-form .wpcf7-mail-sent-ok:after {
    border-bottom-color: #84ab51
}

.wpcf7-form .wpcf7-validation-errors, .wpcf7-form span.wpcf7-not-valid-tip {
    background-color: #B74343
}

.wpcf7-form .wpcf7-validation-errors:after, .wpcf7-form span.wpcf7-not-valid-tip:after {
    border-bottom-color: #B74343
}

.wpcf7-form span.wpcf7-not-valid-tip {
    display: inline-block;
    padding: 5px 15px;
    font-size: 11px
}

div.wpcf7 .ajax-loader {
    background-image: url(../images/ring.gif) !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50px;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
    margin: 0 auto;
    width: auto;
    height: auto
}

.gform_footer {
    text-align: center
}

.gform_footer.left_label {
    width: 100% !important;
    margin-left: 0 !important
}

.gform_footer input[type=submit] {
    background-color: #212322;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 17.6px;
    font-weight: 700;
    padding: 15px 25px 12px 25px;
    border-radius: 0;
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -ms-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms
}

.gform_footer input[type=submit]:hover {
    background-color: #2c2c2c
}

.gform_wrapper input, .gform_wrapper textarea {
    border: 1px Solid #ccc
}

.gform_wrapper .gform_footer {
    text-align: center
}

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_footer input.gform_button {
    display: inline-block;
    background-color: #2c2c2c;
    text-transform: none;
    text-decoration: none;
    font-size: 17.6px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 5px;
    padding: 15px 25px 12px 25px;
    border: 0 solid #212322;
    border-radius: 0;
    -webkit-transition: all 600ms;
    -moz-transition: all 600ms;
    -ms-transition: all 600ms;
    -o-transition: all 600ms;
    transition: all 600ms;
    min-width: 160px;
    font-size: 17.6px !important
}

.gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type=submit]:hover, .gform_wrapper .gform_footer input.gform_button:hover {
    background-color: #000;
    text-decoration: none;
    color: #fff;
    -webkit-box-shadow: inset 0 60px #000;
    -moz-box-shadow: inset 0 60px #000;
    -ms-box-shadow: inset 0 60px #000;
    -o-box-shadow: inset 0 60px #000;
    box-shadow: inset 0 60px #000
}

.gform_wrapper ul.gfield_checkbox li input, .gform_wrapper ul.gfield_checkbox li input[type=checkbox] {
    margin-top: 0 !important;
    vertical-align: baseline
}

.gform_wrapper ul.gfield_checkbox li label {
    font-size: 14.4px;
    font-weight: 400
}

.tnp-subscription-minimal {
    margin-top: 30px;
    margin-bottom: 50px;
    text-align: center
}

.tnp-subscription-minimal input.tnp-submit {
    line-height: 35px;
    text-transform: uppercase
}

@media (min-width:768px) {
    .contact-column {
        margin-top: 60px;
        margin-bottom: 10px
    }

    .contact-column h2:first-child {
        font-size: 44.2px;
        line-height: 1.44em;
        margin-top: 0;
        margin-bottom: 25px
    }

    .wpcf7-form .form-line .wpcf7-checkbox .wpcf7-list-item {
        margin: 0
    }

    .wpcf7-form .right-col h4 {
        margin-top: 0
    }

    .wpcf7-form .send-col {
        text-align: left
    }

    .gform_wrapper ul.gform_fields:not(.top_label) li ul.gfield_checkbox, .gform_wrapper ul.gform_fields:not(.top_label) li ul.gfield_radio {
        width: 95% !important
    }
}

.make-box .column-wrapper {
    background-color: #fff;
    border: 1px solid #e6e6e6;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
    color: #000;
    margin-bottom: 10px;
    padding: 15px;
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -ms-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms
}

.light-box .column-wrapper {
    background-color: rgba(0, 0, 0, 0.1);
    color: #000;
    margin-bottom: 30px;
    padding: 2em;
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -ms-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms
}

.soft-box {
    background-color: rgba(0, 0, 0, 0.05);
    color: #000;
    margin-bottom: 10px;
    padding: 25px;
    overflow: auto
}

p+.soft-box {
    margin-top: 40px
}

.full-container .wrapper>.row {
    margin-left: 0;
    margin-right: 0
}

.column {
    margin-bottom: 20px
}

.column.no-margin {
    margin-bottom: 0
}

.column h1:last-child, .column h2:last-child, .column h3:last-child, .column h4:last-child, .column h5:last-child, .column h5:last-child, .column p:last-child, .column ul:last-child {
    margin-bottom: 0
}

.column img {
    height: auto
}

.column.image-left, .column.image-right {
    margin-bottom: 20px
}

.column.image-left .column-wrapper .column-image, .column.image-right .column-wrapper .column-image {
    text-align: center;
    margin-bottom: 15px
}

.column.image-left .column-wrapper .column-content, .column.image-right .column-wrapper .column-content {
    text-align: center
}

.column.make-background {
    background-position: center;
    background-size: cover
}

.column.make-background .column-image {
    visibility: hidden
}

.column.grayscale-media iframe {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.col-sm-12:not(.full-column):not(.image-column)>.wrapper, .col-sm-12:not(.full-column):not(.image-column)>.column-wrapper {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto
}

.narrow-columns {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto
}

@media (min-width:480px) {
    .column.image-left .column-wrapper, .column.image-right .column-wrapper {
        margin-left: -15px;
        margin-right: -15px;
        *zoom: 1
    }

    .column.image-left .column-wrapper:before, .column.image-right .column-wrapper:before, .column.image-left .column-wrapper:after, .column.image-right .column-wrapper:after {
        display: table;
        line-height: 0;
        content: ""
    }

    .column.image-left .column-wrapper:after, .column.image-right .column-wrapper:after {
        clear: both
    }

    .column.image-left .column-wrapper .column-image, .column.image-right .column-wrapper .column-image {
        margin-bottom: inherit
    }

    .column.image-left .column-wrapper .column-content, .column.image-right .column-wrapper .column-content {
        text-align: inherit
    }

    .column.image-left .column-wrapper .column-image {
        position: relative;
        float: left;
        width: 25%;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px
    }

    .column.image-left .column-wrapper .column-content {
        position: relative;
        float: left;
        width: 75%;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px
    }

    .column.image-left.col-sm-12 .column-wrapper .column-image {
        position: relative;
        float: left;
        width: 33.33333333%;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px
    }

    .column.image-left.col-sm-12 .column-wrapper .column-content {
        position: relative;
        float: left;
        width: 66.66666667%;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        padding-left: 2em
    }

    .column.image-right .column-wrapper .column-image {
        position: relative;
        float: left;
        width: 25%;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        left: 75%
    }

    .column.image-right .column-wrapper .column-content {
        position: relative;
        float: left;
        width: 75%;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        right: 25%
    }

    .column.image-right.col-sm-12 .column-wrapper .column-image {
        position: relative;
        float: left;
        width: 33.33333333%;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        left: 66.66666667%
    }

    .column.image-right.col-sm-12 .column-wrapper .column-content {
        position: relative;
        float: left;
        width: 66.66666667%;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        right: 33.33333333%;
        padding-right: 2em
    }
}

@media (min-width:768px) {
    .column.pad-20 .column-wrapper {
        padding: 20px !important
    }

    .column.pad-40 .column-wrapper {
        padding: 40px !important
    }

    .column.pad-60 .column-wrapper {
        padding: 60px !important
    }

    .column.pad-40-60 .column-wrapper {
        padding: 40px 60px !important
    }

    .column.pad-40-100 .column-wrapper {
        padding: 40px 100px !important
    }

    .column.pad-top-0 .column-wrapper {
        padding-top: 0 !important
    }

    .column.pad-top-20 .column-wrapper {
        padding-top: 20px !important
    }

    .column.pad-top-40 .column-wrapper {
        padding-top: 40px !important
    }

    .column.pad-top-60 .column-wrapper {
        padding-top: 60px !important
    }

    .column.pad-top-80 .column-wrapper {
        padding-top: 80px !important
    }

    .column.pad-bottom-0 .column-wrapper {
        padding-bottom: 0 !important
    }

    .column.pad-bottom-20 .column-wrapper {
        padding-bottom: 20px !important
    }

    .column.pad-bottom-40 .column-wrapper {
        padding-bottom: 40px !important
    }

    .column.pad-bottom-60 .column-wrapper {
        padding-bottom: 60px !important
    }

    .column.pad-bottom-80 .column-wrapper {
        padding-bottom: 80px !important
    }

    .column.pad-left-0 .column-wrapper {
        padding-left: 0 !important
    }

    .column.pad-left-20 .column-wrapper {
        padding-left: 20px !important
    }

    .column.pad-left-40 .column-wrapper {
        padding-left: 40px !important
    }

    .column.pad-left-60 .column-wrapper {
        padding-left: 60px !important
    }

    .column.pad-left-80 .column-wrapper {
        padding-left: 80px !important
    }

    .column.pad-right-0 .column-wrapper {
        padding-right: 0 !important
    }

    .column.pad-right-20 .column-wrapper {
        padding-right: 20px !important
    }

    .column.pad-right-40 .column-wrapper {
        padding-right: 40px !important
    }

    .column.pad-right-60 .column-wrapper {
        padding-right: 60px !important
    }

    .column.pad-right-80 .column-wrapper {
        padding-right: 80px !important
    }

    .column.pad-vertical-20 .column-wrapper {
        padding-top: 20px !important;
        padding-bottom: 20px !important
    }

    .column.pad-vertical-40 .column-wrapper {
        padding-top: 40px !important;
        padding-bottom: 40px !important
    }

    .column.pad-vertical-60 .column-wrapper {
        padding-top: 60px !important;
        padding-bottom: 60px !important
    }

    .column.pad-horizontal-20 .column-wrapper {
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    .column.pad-horizontal-40 .column-wrapper {
        padding-left: 40px !important;
        padding-right: 40px !important
    }

    .column.pad-horizontal-60 .column-wrapper {
        padding-left: 60px !important;
        padding-right: 60px !important
    }

    .column.pad-1em .column-wrapper {
        padding: 1em !important
    }

    .column.pad-top-1em .column-wrapper {
        padding-top: 1em !important
    }

    .column.pad-bottom-1em .column-wrapper {
        padding-bottom: 1em !important
    }

    .column.pad-left-1em .column-wrapper {
        padding-left: 1em !important
    }

    .column.pad-right-1em .column-wrapper {
        padding-right: 1em !important
    }

    .column.pad-2em .column-wrapper {
        padding: 2em !important
    }

    .column.pad-top-2em .column-wrapper {
        padding-top: 2em !important
    }

    .column.pad-bottom-2em .column-wrapper {
        padding-bottom: 2em !important
    }

    .column.pad-left-2em .column-wrapper {
        padding-left: 2em !important
    }

    .column.pad-right-2em .column-wrapper {
        padding-right: 2em !important
    }

    .column.pad-3em .column-wrapper {
        padding: 3em !important
    }

    .column.pad-top-3em .column-wrapper {
        padding-top: 3em !important
    }

    .column.pad-bottom-3em .column-wrapper {
        padding-bottom: 3em !important
    }

    .column.pad-left-3em .column-wrapper {
        padding-left: 3em !important
    }

    .column.pad-right-3em .column-wrapper {
        padding-right: 3em !important
    }

    .column.pad-4em .column-wrapper {
        padding: 4em !important
    }

    .column.pad-top-4em .column-wrapper {
        padding-top: 4em !important
    }

    .column.pad-bottom-4em .column-wrapper {
        padding-bottom: 4em !important
    }

    .column.pad-left-4em .column-wrapper {
        padding-left: 4em !important
    }

    .column.pad-right-4em .column-wrapper {
        padding-right: 4em !important
    }

    .column.pad-5em .column-wrapper {
        padding: 5em !important
    }

    .column.pad-top-5em .column-wrapper {
        padding-top: 5em !important
    }

    .column.pad-bottom-5em .column-wrapper {
        padding-bottom: 5em !important
    }

    .column.pad-left-5em .column-wrapper {
        padding-left: 5em !important
    }

    .column.pad-right-5em .column-wrapper {
        padding-right: 5em !important
    }

    .column.pad-6em .column-wrapper {
        padding: 6em !important
    }

    .column.pad-top-6em .column-wrapper {
        padding-top: 6em !important
    }

    .column.pad-bottom-6em .column-wrapper {
        padding-bottom: 6em !important
    }

    .column.pad-left-6em .column-wrapper {
        padding-left: 6em !important
    }

    .column.pad-right-6em .column-wrapper {
        padding-right: 6em !important
    }

    .column.image-left, .column.image-right {
        margin-bottom: inherit
    }
}

.imagebox h2:after {
    content: '';
    width: 50px;
    height: 2px;
    background-color: #fff;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

@media (min-width:1200px) {
    .imagebox h2:after {
        margin-top: 20px;
        margin-bottom: 20px
    }
}

.imagebox p {
    opacity: .7;
    filter: alpha(opacity=70)
}

.imagebox .column-wrapper {
    position: relative;
    min-height: 200px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: left
}

.imagebox .column-wrapper:after {
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    z-index: 1;
    width: 60%;
    -webkit-clip-path: polygon(0 0, 80% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 80% 0, 100% 100%, 0 100%)
}

.imagebox .column-wrapper:hover .column-link, .imagebox .column-wrapper:hover .post-link {
    background-color: transparent
}

.imagebox .column-wrapper:hover .column-link a, .imagebox .column-wrapper:hover .post-link a {
    color: #000;
    -webkit-text-shadow: none;
    -moz-text-shadow: none;
    -ms-text-shadow: none;
    -o-text-shadow: none;
    text-shadow: none
}

.imagebox .column-image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.imagebox .column-content {
    position: relative;
    z-index: 2;
    background-color: rgba(31, 28, 56, 0.9);
    padding: 2em;
    color: #fff;
    align-self: flex-end;
    width: 100%;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -ms-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms;
    -webkit-text-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
    -moz-text-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
    -ms-text-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
    -o-text-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
    -webkit-clip-path: polygon(0 0, 100% 15%, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 15%, 100% 100%, 0 100%)
}

.imagebox .column-content p, .imagebox .column-content li, .imagebox .column-content span, .imagebox .column-content a {
    color: inherit
}

.imagebox .column-link, .imagebox .post-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
    background-color: rgba(0, 0, 0, 0.4);
    text-align: center;
    -webkit-transition: all 600ms;
    -moz-transition: all 600ms;
    -ms-transition: all 600ms;
    -o-transition: all 600ms;
    transition: all 600ms
}

.imagebox .column-link a.read-more-link, .imagebox .post-link a.read-more-link {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: 'Nunito Sans', sans-serif;
    font-size: 27.2px;
    line-height: 1.28em;
    color: #fff !important;
    -webkit-text-shadow: 0 0 10px #000;
    -moz-text-shadow: 0 0 10px #000;
    -ms-text-shadow: 0 0 10px #000;
    -o-text-shadow: 0 0 10px #000;
    text-shadow: 0 0 10px #000
}

.imagebox .column-link a:hover, .imagebox .post-link a:hover {
    text-decoration: none
}

.imagebox .column-link a.cover-link, .imagebox .post-link a.cover-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10
}

.imagebox .image-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    display: block
}

.imagebox.post-list .column-wrapper .post-content-wrapper, .imagebox.article-list .column-wrapper .post-content-wrapper {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    z-index: 10;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    margin-top: 0;
    -webkit-transition: all 600ms;
    -moz-transition: all 600ms;
    -ms-transition: all 600ms;
    -o-transition: all 600ms;
    transition: all 600ms
}

.imagebox.post-list .column-wrapper .post-content-wrapper h2, .imagebox.article-list .column-wrapper .post-content-wrapper h2, .imagebox.post-list .column-wrapper .post-content-wrapper h3, .imagebox.article-list .column-wrapper .post-content-wrapper h3, .imagebox.post-list .column-wrapper .post-content-wrapper h4, .imagebox.article-list .column-wrapper .post-content-wrapper h4, .imagebox.post-list .column-wrapper .post-content-wrapper h5, .imagebox.article-list .column-wrapper .post-content-wrapper h5, .imagebox.post-list .column-wrapper .post-content-wrapper p, .imagebox.article-list .column-wrapper .post-content-wrapper p, .imagebox.post-list .column-wrapper .post-content-wrapper span, .imagebox.article-list .column-wrapper .post-content-wrapper span, .imagebox.post-list .column-wrapper .post-content-wrapper li, .imagebox.article-list .column-wrapper .post-content-wrapper li, .imagebox.post-list .column-wrapper .post-content-wrapper a, .imagebox.article-list .column-wrapper .post-content-wrapper a {
    color: #fff
}

.imagebox.post-list .column-wrapper .post-link a, .imagebox.article-list .column-wrapper .post-link a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10
}

.imagebox.post-list .column-wrapper .post-link a span, .imagebox.article-list .column-wrapper .post-link a span {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    z-index: 8;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    font-weight: lighter;
    color: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 600ms;
    -moz-transition: all 600ms;
    -ms-transition: all 600ms;
    -o-transition: all 600ms;
    transition: all 600ms
}

.imagebox.post-list .column-wrapper:hover .post-content-wrapper, .imagebox.article-list .column-wrapper:hover .post-content-wrapper {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 0;
    filter: alpha(opacity=0)
}

.imagebox.post-list .column-wrapper:hover .post-link, .imagebox.article-list .column-wrapper:hover .post-link {
    z-index: 11
}

.imagebox.post-list .column-wrapper:hover .post-link a span, .imagebox.article-list .column-wrapper:hover .post-link a span {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 1;
    filter: alpha(opacity=100)
}

.imagebox.purple .column-wrapper .column-content {
    background-color: rgba(31, 28, 56, 0.9);
    background: -moz-linear-gradient(45deg, rgba(31, 28, 56, 0.9) 0, rgba(47, 42, 94, 0.9) 100%);
    background: -webkit-linear-gradient(45deg, rgba(31, 28, 56, 0.9) 0, rgba(47, 42, 94, 0.9) 100%);
    background: linear-gradient(45deg, rgba(31, 28, 56, 0.9) 0, rgba(47, 42, 94, 0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e61f1c38', endColorstr='#e62f2a5e', GradientType=1)
}

.imagebox.purple-light .column-wrapper .column-content {
    background-color: rgba(78, 71, 141, 0.9)
}

.imagebox.blu .column-wrapper .column-content {
    background: -moz-linear-gradient(45deg, rgba(33, 56, 107, 0.9) 0, rgba(60, 106, 181, 0.9) 100%);
    background: -webkit-linear-gradient(45deg, rgba(33, 56, 107, 0.9) 0, rgba(60, 106, 181, 0.9) 100%);
    background: linear-gradient(45deg, rgba(33, 56, 107, 0.9) 0, rgba(60, 106, 181, 0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e621386b', endColorstr='#e63c6ab5', GradientType=1)
}

.imagebox.yellow .column-wrapper .column-content {
    background: -moz-linear-gradient(45deg, rgba(234, 187, 117, 0.9) 0, rgba(244, 222, 168, 0.9) 100%);
    background: -webkit-linear-gradient(45deg, rgba(234, 187, 117, 0.9) 0, rgba(244, 222, 168, 0.9) 100%);
    background: linear-gradient(45deg, rgba(234, 187, 117, 0.9) 0, rgba(244, 222, 168, 0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6eabb75', endColorstr='#e6f4dea8', GradientType=1);
    color: #1a1a1a;
    -webkit-text-shadow: none;
    -moz-text-shadow: none;
    -ms-text-shadow: none;
    -o-text-shadow: none;
    text-shadow: none
}

.imagebox.yellow .column-wrapper .column-content h2:after {
    content: '';
    width: 50px;
    height: 2px;
    background-color: #1a1a1a;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

@media (min-width:1200px) {
    .imagebox.yellow .column-wrapper .column-content h2:after {
        margin-top: 20px;
        margin-bottom: 20px
    }
}

.imagebox.black .column-wrapper .column-content {
    background-color: rgba(33, 35, 34, 0.9)
}

@media (min-width:768px) {
    .imagebox h2 {
        font-size: 22.1px
    }

    .imagebox p {
        font-size: 13.6px
    }

    .imagebox.col-sm-4 h2 {
        margin-top: .5em;
        font-size: 17px
    }

    body:lang(sv-SE) .imagebox .column-content h2 {
        font-size: 17px
    }
}

@media (min-width:992px) {
    .imagebox h2 {
        font-size: 27.2px
    }

    .imagebox p {
        font-size: 18.4px
    }

    .imagebox .column-wrapper {
        min-height: 300px
    }

    .imagebox .column-wrapper .column-link a, .imagebox .column-wrapper .post-link a {
        font-size: 32px
    }

    .imagebox .column-image {
        -webkit-transition: all 400ms;
        -moz-transition: all 400ms;
        -ms-transition: all 400ms;
        -o-transition: all 400ms;
        transition: all 400ms
    }

    .imagebox .column-content {
        -webkit-clip-path: polygon(0 0, 80% 0, 100% 100%, 0 100%);
        clip-path: polygon(0 0, 80% 0, 100% 100%, 0 100%)
    }

    .imagebox.col-sm-12 .column-wrapper, .imagebox.col-sm-6 .column-wrapper, .imagebox.content-left .column-wrapper, .imagebox.content-right .column-wrapper {
        flex-direction: column
    }

    .imagebox.col-sm-12 .column-content, .imagebox.col-sm-6 .column-content, .imagebox.content-left .column-content, .imagebox.content-right .column-content {
        display: flex;
        align-self: flex-start;
        flex-grow: 1;
        width: 50%;
        -webkit-clip-path: polygon(0 0, 100% 0, 90% 100%, 0 100%);
        clip-path: polygon(0 0, 100% 0, 90% 100%, 0 100%);
        padding-right: 5em
    }

    .imagebox.col-sm-12 .column-content .column-content-wrapper, .imagebox.col-sm-6 .column-content .column-content-wrapper, .imagebox.content-left .column-content .column-content-wrapper, .imagebox.content-right .column-content .column-content-wrapper {
        align-self: flex-end
    }

    .imagebox.col-sm-7 .column-content, .imagebox.col-md-7 .column-content {
        width: 60%
    }

    .imagebox.half-row {
        min-height: 350px !important
    }

    .imagebox.half-row .column-wrapper {
        min-height: 350px !important
    }

    .imagebox.content-right .column-content {
        align-self: flex-end;
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 10% 100%);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 10% 100%);
        padding-left: 5em
    }

    .imagebox.content-vertical .column-wrapper, .imagebox.content-vertical-right .column-wrapper {
        height: 720px
    }

    .imagebox.content-vertical .column-content, .imagebox.content-vertical-right .column-content {
        align-self: flex-start;
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 85%);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 85%);
        padding-top: 10em;
        padding-bottom: 5em
    }

    .imagebox.content-vertical-right {
        float: right
    }

    .imagebox.col-sm-12 .column-content .column-content-wrapper {
        max-width: 70%
    }

    .imagebox.full-width {
        min-height: 250px !important
    }

    .imagebox.full-width .column-wrapper {
        min-height: 250px !important
    }

    .imagebox.col-sm-6 .column-content {
        width: 60%
    }

    .imagebox.col-sm-4 h2 {
        font-size: 20.4px
    }

    .imagebox.col-sm-4 p {
        font-size: 16px
    }

    .imagebox.col-sm-4 .column-content {
        width: 100%;
        -webkit-clip-path: polygon(0 0, 100% 15%, 100% 100%, 0 100%);
        clip-path: polygon(0 0, 100% 15%, 100% 100%, 0 100%)
    }

    .imagebox.col-sm-4:hover .column-content {
        padding-top: 2.2em;
        padding-bottom: 2.2em
    }

    .imagebox:hover .column-image {
        -webkit-transform: scale(1.02);
        -moz-transform: scale(1.02);
        -ms-transform: scale(1.02);
        -o-transform: scale(1.02);
        transform: scale(1.02)
    }

    body:lang(sv-SE) .imagebox .column-content h2 {
        font-size: 17px
    }
}

@media (min-width:1200px) {
    body:lang(sv-SE) .imagebox .column-content h2 {
        font-size: 22.1px
    }
}

.accordion-group {
    margin-bottom: 20px
}

.accordion-group .accordion-title {
    background-color: #333;
    padding: 10px;
    color: #fff;
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -ms-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms
}

.accordion-group .accordion-title p {
    font-size: 19.2px;
    font-weight: 900;
    color: #fff
}

.accordion-group .accordion-title h2+p, .accordion-group .accordion-title h3+p, .accordion-group .accordion-title h4+p, .accordion-group .accordion-title h5+p {
    font-size: inherit;
    font-weight: inherit
}

.accordion-group .accordion-title h3 {
    font-size: 16px
}

.accordion-group .accordion-title:before {
    content: '+';
    float: left;
    margin-right: 10px;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 24px;
    font-weight: bold;
    line-height: .5em;
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -ms-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms
}

.accordion-group .accordion-title:hover {
    background-color: #2c2c2c
}

.accordion-group .accordion-title.open:before {
    opacity: 0;
    filter: alpha(opacity=0)
}

.accordion-group .accordion-content {
    display: none;
    padding: 1.5em 2.4em 1.5em 2.4em;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity 600ms;
    -moz-transition: opacity 600ms;
    -ms-transition: opacity 600ms;
    -o-transition: opacity 600ms;
    transition: opacity 600ms
}

.accordion-group .accordion-content.open {
    opacity: 1;
    filter: alpha(opacity=100)
}

.accordion-group .accordion-content+.accordion-title {
    margin-top: 5px
}

.accordion-group.light .accordion-title {
    background-color: transparent;
    padding: 0;
    color: #212322;
    font-weight: 900;
    text-decoration: underline
}

.accordion-group.light .accordion-title:hover {
    text-decoration: none
}

.accordion-group.light .accordion-title:before {
    display: none
}

.accordion-group.light .accordion-content {
    padding: 1.5em 0
}

body#tinymce .accordion-group, body#tinymce .accordion-title, body#tinymce .accordion-content {
    padding-left: 3px;
    padding-right: 3px;
    border: 1px Dashed rgba(0, 0, 0, 0.1);
    -webkit-transition: all 250ms;
    -moz-transition: all 250ms;
    -ms-transition: all 250ms;
    -o-transition: all 250ms;
    transition: all 250ms
}

body#tinymce .accordion-group:hover, body#tinymce .accordion-title:hover, body#tinymce .accordion-content:hover {
    border: 1px Dashed rgba(0, 0, 0, 0.25)
}

body#tinymce .accordion-group {
    padding: 5px
}

body#tinymce .accordion-group+.accordion-group {
    margin-top: 10px
}

body#tinymce .accordion-group .accordion-title {
    margin-bottom: 5px
}

body#tinymce .accordion-group .accordion-title h1:first-child, body#tinymce .accordion-group .accordion-title h2:first-child, body#tinymce .accordion-group .accordion-title h3:first-child, body#tinymce .accordion-group .accordion-title h4:first-child, body#tinymce .accordion-group .accordion-title h5:first-child, body#tinymce .accordion-group .accordion-title p:first-child, body#tinymce .accordion-group .accordion-title h1:last-child, body#tinymce .accordion-group .accordion-title h2:last-child, body#tinymce .accordion-group .accordion-title h3:last-child, body#tinymce .accordion-group .accordion-title h4:last-child, body#tinymce .accordion-group .accordion-title h5:last-child, body#tinymce .accordion-group .accordion-title p:last-child {
    margin: 0
}

body#tinymce .accordion-group .accordion-title:before {
    content: '';
    display: none
}

body#tinymce .accordion-group .accordion-content {
    display: block;
    padding-top: 0;
    padding-bottom: 0;
    opacity: 1;
    filter: alpha(opacity=100)
}

#header .navbar-burger-col {
    position: fixed;
    top: 0;
    left: auto;
    right: 0;
    z-index: 55;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

#header .navbar-flags {
    position: fixed;
    top: 0;
    right: 6em;
    z-index: 100
}

#header .navbar-flags ul {
    list-style: none;
    margin: 0;
    padding-left: 0
}

#header .navbar-flags ul li {
    display: inline-block
}

#header .navbar-flags ul li a {
    display: block;
    padding: 12px
}

#header .navbar-flags ul li a img {
    max-height: 36px
}

#header.not-top .navbar-flags {
    background-color: #fff;
    transition: all 800ms
}

body.admin-bar #header .navbar-burger-col, body.admin-bar #header .navbar-flags {
    top: 32px
}

body.admin-bar #header.not-top .navbar-burger-col, body.admin-bar #header.not-top .navbar-flags {
    top: 0
}

#header .navbar {
    margin: 0 15px;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}

#header .navbar .logo-brand {
    text-align: center
}

#header .navbar .logo-brand img {
    max-height: 80px;
    margin-top: 15px;
    margin-bottom: 15px;
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -ms-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms
}

#header .navbar button {
    outline: none !important
}

#header .navbar .navbar-burger-col {
    max-width: 72px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

#header .navbar .navbar-burger {
    position: relative;
    z-index: 100;
    float: left;
    background-color: transparent;
    background-image: none;
    margin: 0;
    padding: 10px 20px;
    border: 0 solid transparent;
    border-radius: 0
}

#header .navbar .navbar-burger .icon-bar {
    display: block;
    background-color: #fff;
    width: 30px;
    height: 4px;
    margin: .5em 0;
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -ms-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms
}

#header .navbar #navbar-links {
    display: none;
    text-align: center
}

#header .navbar #navbar-links.show-navbar {
    display: block
}

#header .navbar #navbar-links ul .dropdown-menu {
    position: relative;
    display: block;
    float: none;
    background: transparent;
    border: none
}

body.push-nav #header .navbar .navbar-burger {
    padding-bottom: 20px
}

body.push-nav #header .navbar .navbar-burger .icon-menu {
    background-color: #333;
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15)
}

body.push-nav #header .navbar .navbar-burger .icon-menu:before {
    left: 100%;
    opacity: 0;
    filter: alpha(opacity=0)
}

body.push-nav #header .navbar .navbar-burger .icon-bar {
    opacity: 0;
    filter: alpha(opacity=0)
}

body.push-nav #header .navbar .navbar-burger .icon-bar:first-child {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 1;
    filter: alpha(opacity=100);
    margin-top: 18px
}

body.push-nav #header .navbar .navbar-burger .icon-bar:last-child {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 1;
    filter: alpha(opacity=100);
    margin-top: -21px
}

#header.fullpage-nav #navbar-links.navbar-col {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    z-index: 50;
    background-color: rgba(33, 35, 34, 0.95);
    width: 100%
}

#header.fullpage-nav #navbar-links.navbar-col ul.navbar-nav {
    float: none;
    text-align: center;
    margin-top: 100px;
    overflow: auto
}

#header.fullpage-nav #navbar-links.navbar-col ul.navbar-nav li {
    display: block;
    width: 100%;
    overflow: hidden;
    text-align: center
}

#header.fullpage-nav #navbar-links.navbar-col ul.navbar-nav li>a {
    display: block;
    font-size: 24px;
    line-height: .8em;
    font-weight: 700;
    text-decoration: none;
    color: #fff;
    padding: .6em 2em;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -ms-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms
}

#header.fullpage-nav #navbar-links.navbar-col ul.navbar-nav li::before {
    content: none
}

#header.fullpage-nav #navbar-links.navbar-col ul.navbar-nav li.current-menu-item>a, #header.fullpage-nav #navbar-links.navbar-col ul.navbar-nav li:hover>a {
    background-color: transparent;
    color: rgba(255, 255, 255, 0.5);
    text-decoration: none
}

#header.fullpage-nav #navbar-links.navbar-col ul.navbar-nav li ul.dropdown-menu {
    display: none;
    margin-right: 1.7em;
    text-align: right
}

#header.fullpage-nav #navbar-links.navbar-col ul.navbar-nav li ul.dropdown-menu li {
    display: inline-block;
    width: auto
}

#header.fullpage-nav #navbar-links.navbar-col ul.navbar-nav li ul.dropdown-menu li a {
    padding: .3em .5em;
    font-size: 16px;
    font-weight: 600;
    line-height: 1em;
    opacity: .5;
    filter: alpha(opacity=50)
}

#header.fullpage-nav #navbar-links.navbar-col .navbar-content {
    display: none;
    position: absolute;
    bottom: 0;
    left: 8%;
    right: 8%;
    padding: 20px 0;
    font-size: 18.4px;
    line-height: 1.92em;
    color: #777;
    text-align: left;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -ms-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms;
    opacity: 0;
    filter: alpha(opacity=0)
}

#header.fullpage-nav #navbar-links.navbar-col .navbar-content img {
    max-width: 100%
}

#header.fullpage-nav #navbar-links.navbar-col .navbar-content p {
    font-size: inherit;
    line-height: inherit;
    margin-bottom: 0
}

#header.fullpage-nav #navbar-links.navbar-col .navbar-content p+p {
    margin-top: 30px
}

#header.fullpage-nav #navbar-links ul.navbar-nav {
    padding-left: 0
}

#header.fullpage-nav #navbar-links ul.navbar-nav li {
    -webkit-transition: opacity 2000ms;
    -moz-transition: opacity 2000ms;
    -ms-transition: opacity 2000ms;
    -o-transition: opacity 2000ms;
    transition: opacity 2000ms;
    opacity: 0;
    filter: alpha(opacity=0)
}

#header.fullpage-nav #navbar-links.show-navbar ul.navbar-nav li {
    opacity: 1;
    filter: alpha(opacity=100)
}

#header.fullpage-nav #navbar-links.show-navbar .navbar-content {
    opacity: 1;
    filter: alpha(opacity=100)
}

#header.fullpage-nav #navbar-links .nav-content {
    display: none
}

#header.not-top .navbar .navbar-burger-col {
    padding-right: 0
}

@media (min-width:768px) {
    #header.fullpage-nav .navbar .navbar-burger-col {
        display: block;
        max-width: 95px
    }

    #header.fullpage-nav #navbar-links {
        text-align: right
    }

    #header.fullpage-nav #navbar-links.navbar-col ul.navbar-nav {
        margin-top: 15vh
    }

    #header.fullpage-nav #navbar-links.navbar-col ul.navbar-nav li {
        text-align: right
    }

    #header.fullpage-nav #navbar-links.navbar-col ul.navbar-nav li>a {
        font-size: 3.8vh;
        line-height: 1.6em;
        padding: 0 1em;
        white-space: pre
    }

    #header.fullpage-nav #navbar-links.navbar-col ul.navbar-nav li.current-menu-item.menu-item-has-children>a, #header.fullpage-nav #navbar-links.navbar-col ul.navbar-nav li.current-page-parent.menu-item-has-children>a, #header.fullpage-nav #navbar-links.navbar-col ul.navbar-nav li.current-page-ancestor.menu-item-has-children>a {
        border-bottom: 2px Solid rgba(255, 255, 255, 0.4)
    }

    #header.fullpage-nav #navbar-links.navbar-col ul.navbar-nav li.current-menu-item ul.dropdown-menu, #header.fullpage-nav #navbar-links.navbar-col ul.navbar-nav li.current-page-parent ul.dropdown-menu, #header.fullpage-nav #navbar-links.navbar-col ul.navbar-nav li.current-page-ancestor ul.dropdown-menu {
        display: block
    }

    #header.fullpage-nav #navbar-links.navbar-col .navbar-content {
        display: block;
        font-size: 20px;
        line-height: 1.76em
    }

    #header .navbar .navbar-burger .icon-menu:before {
        left: -130%
    }

    .navbar .navbar-burger-col {
        display: none
    }

    body.admin-bar #header.not-top .navbar-burger-col, body.admin-bar #header.not-top .navbar-flags {
        top: 32px
    }
}

@media (min-width:992px) {
    #header.fullpage-nav .navbar #navbar-links::before {
        content: '';
        -webkit-transition: 800ms;
        -moz-transition: 800ms;
        -ms-transition: 800ms;
        -o-transition: 800ms;
        transition: 800ms
    }

    #header.fullpage-nav .navbar #navbar-links.navbar-col ul.navbar-nav {
        margin-top: 20vh;
        border-right: 3px Solid rgba(255, 255, 255, 0.5)
    }

    #header.fullpage-nav .navbar #navbar-links.navbar-col .navbar-content {
        font-size: 1.1vw;
        line-height: 1.9vw
    }

    #header.fullpage-nav .navbar #navbar-links .nav-content {
        margin-top: 30vh;
        display: block;
        color: #fff;
        text-align: left
    }

    #header.fullpage-nav .navbar #navbar-links .nav-content p {
        font-size: 17.6px
    }

    #header.fullpage-nav .navbar #navbar-links .nav-content p a, #header.fullpage-nav .navbar #navbar-links .nav-content p .fa, #header.fullpage-nav .navbar #navbar-links .nav-content p .fab, #header.fullpage-nav .navbar #navbar-links .nav-content p .fas {
        color: #fff
    }

    #header.fullpage-nav .navbar #navbar-links .nav-content img {
        margin-top: -0.5em
    }

    #header.fullpage-nav .navbar #navbar-links .nav-content a.btn {
        background-color: #fff;
        color: #2c2c2c
    }

    #header.fullpage-nav .navbar #navbar-links .nav-content a.btn-light {
        color: #fff
    }
}

@media (max-width:767px) {
    #header.fullpage-nav #navbar-links.navbar-col ul.navbar-nav {
        overflow-y: auto
    }
}

#header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10000;
    transition: all 800ms
}

#header.fullpage-nav #navbar-links.navbar-col {
    background-color: rgba(33, 35, 34, 0.95)
}

#header.not-top .navbar .navbar-burger {
    background-color: #2d302f;
    transition: all 800ms
}

#header .logo-brand a.site-logo {
    display: block
}

#header .logo-brand a.site-logo img {
    max-height: 25px
}

#header.fullpage-nav .navbar .navbar-burger-col {
    max-width: 45px
}

body.admin-bar #header {
    top: 32px
}

#showcase {
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #1a1a1a;
    color: #fff;
    min-height: 100px;
    padding: 90px 0;
    min-height: 250px
}

#showcase h1 {
    color: inherit
}

#showcase h1:before {
    content: '';
    width: 100px;
    height: 2px;
    background: #fff;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    margin: 0 auto 30px;
    display: block
}

#showcase p {
    color: inherit
}

#showcase a {
    color: inherit
}

#showcase .column-content img {
    max-width: 90%
}

#showcase .region-arrow-down {
    bottom: 10px
}

#showcase .region-arrow-down .fa-arrow-alt-circle-down:before {
    color: inherit
}

@media (min-width:768px) {
    body.single #showcase {
        min-height: 30vh;
        padding: 70px 0
    }

    #showcase {
        background-position: center top;
        min-height: 100vh;
        padding: 30vh 0 15vh
    }

    #showcase p, #showcase li {
        font-size: 22.4px
    }

    #showcase h1 {
        font-size: 25.2px;
        margin-top: 25px
    }
}

@media (min-width:1200px) {
    #showcase {
        background-attachment: fixed
    }
}

.breadcrumbs .container .full-column {
    margin-bottom: 0
}

.breadcrumbs p {
    padding: 10px 0;
    margin-bottom: 0;
    font-size: 12.8px
}

.breadcrumbs p#breadcrumbs a {
    color: #212322;
    text-decoration: none
}

.breadcrumbs p span.breadcrumb_last {
    background-color: #f7f7f7;
    padding: 5px 10px;
    border-radius: 0
}

@media (min-width:768px) {
    .breadcrumbs {
        float: left;
        width: 100%;
        position: relative;
        z-index: 1
    }
}

#extra-showcase {
    background-color: #f2f2f2
}

#region-content {
    background-attachment: fixed;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom 7em right
}

#region-content .imagebox .column-wrapper .column-image {
    background-position: right
}

#region-content .imagebox .column-wrapper .column-link {
    background-color: transparent
}

#region-content .low-box.purple {
    background: #1f1c38
}

#region-content .low-box.purple p a {
    color: #fff
}

#region-main-content #region-right-content .container {
    width: 100%
}

#section-sidebar .post-image {
    margin-top: 20px;
    margin-bottom: 20px
}

#region-left-content>.container {
    width: auto
}

#region-bottom {
    background-color: #777;
    color: #fff
}

#region-bottom h2 {
    color: inherit
}

#region-bottom h2:after {
    content: '';
    width: 50px;
    height: 2px;
    background-color: #fff;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

@media (min-width:1200px) {
    #region-bottom h2:after {
        margin-top: 20px;
        margin-bottom: 20px
    }
}

#region-bottom h2.no-line {
    margin-top: 0
}

#region-bottom h2.no-line:after {
    display: none
}

#region-bottom h2+h3:after, #region-bottom h2+h4:after {
    content: '';
    width: 50px;
    height: 2px;
    background-color: #fff;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

@media (min-width:1200px) {
    #region-bottom h2+h3:after, #region-bottom h2+h4:after {
        margin-top: 20px;
        margin-bottom: 20px
    }
}

#region-bottom h2+h3:after, #region-bottom h2+h4:after {
    margin-left: auto;
    margin-right: auto
}

#region-bottom h2 .inline-spot-1 {
    font-size: 13.6px;
    font-weight: 700;
    color: inherit;
    opacity: .7;
    filter: alpha(opacity=70)
}

#region-bottom p, #region-bottom ul {
    color: inherit
}

#region-bottom p a:not(.btn):not(.btn-light), #region-bottom ul a:not(.btn):not(.btn-light) {
    color: inherit;
    text-decoration: underline
}

#region-bottom p a:not(.btn):not(.btn-light):hover, #region-bottom ul a:not(.btn):not(.btn-light):hover {
    text-decoration: none
}

#region-bottom .centered h2:after, #region-bottom .centered h3:after, #region-bottom .centered h4:after {
    margin-left: auto;
    margin-right: auto
}

#region-bottom .row.stack-up {
    margin-top: -10em
}

#region-bottom .btn {
    background-color: #fff;
    color: #2c2c2c;
    border: 0 solid #212322
}

#region-bottom .btn:hover {
    background-color: #2c2c2c;
    text-decoration: none;
    color: #fff;
    -webkit-box-shadow: inset 0 60px #2c2c2c;
    -moz-box-shadow: inset 0 60px #2c2c2c;
    -ms-box-shadow: inset 0 60px #2c2c2c;
    -o-box-shadow: inset 0 60px #2c2c2c;
    box-shadow: inset 0 60px #2c2c2c
}

#region-bottom .light-box .column-wrapper {
    background-color: #212322;
    margin-bottom: 0;
    color: inherit
}

#region-bottom .light-box .column-wrapper a .fa, #region-bottom .light-box .column-wrapper a .fas, #region-bottom .light-box .column-wrapper a .fab {
    color: inherit
}

#region-bottom .light-box .column-wrapper a.call, #region-bottom .light-box .column-wrapper a.email {
    text-decoration: none
}

#region-bottom .cta {
    padding-top: 3em;
    padding-bottom: 3em
}

#region-bottom .cta input[type=submit] {
    -webkit-appearance: button;
    border: none;
    background: transparent
}

#region-bottom .cta input[type=email] {
    padding: 18px 15px 15px;
    margin-right: 10px;
    border: none;
    color: #000;
    width: 30%
}

#region-bottom .cta a.btn {
    margin-top: 0
}

#region-bottom iframe {
    border-width: 0
}

#region-bottom .bottom-wrapper .row {
    margin-left: 0;
    margin-right: 0
}

@media (min-width:768px) {
    #region-bottom {
        background-repeat: no-repeat;
        background-position: bottom center;
        background-size: cover
    }

    #region-bottom .row.stack-up {
        margin-top: -20em
    }

    #region-bottom .light-box .column-wrapper {
        padding: 5em 3em 5em 5em
    }

    #region-bottom .cta {
        padding-top: 10em;
        padding-bottom: 0
    }

    #region-bottom .cta a.btn {
        margin-top: 0;
        padding: 15px 20px 15px
    }
}

@media (min-width:1200px) {
    #region-bottom {
        background-attachment: fixed
    }
}

#region-extrabottom {
    background-color: #333;
    color: #fff
}

#region-extrabottom a {
    color: inherit
}

#pre-footer {
    background-color: #2c2c2c;
    color: #fff
}

#footer {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #212322;
    color: #ccc;
    overflow: hidden;
    padding-top: 0;
    padding-bottom: 0;
    text-align: center
}

#footer>div:first-child {
    margin-top: 50px
}

#footer>div:last-child {
    margin-top: 50px
}

#footer p {
    color: inherit;
    font-weight: 400
}

#footer p a {
    color: inherit;
    text-decoration: none
}

#footer p a .fa, #footer p a .fab, #footer p a .fas {
    color: #fff
}

#footer ul.inline-list {
    color: inherit
}

#footer ul.inline-list li, #footer ul.inline-list a {
    color: inherit
}

#footer ul.inline-list li .fa, #footer ul.inline-list a .fa, #footer ul.inline-list li .fab, #footer ul.inline-list a .fab {
    color: #fff;
    -webkit-transition: color 400ms;
    -moz-transition: color 400ms;
    -ms-transition: color 400ms;
    -o-transition: color 400ms;
    transition: color 400ms
}

#footer ul.inline-list li:hover .fa, #footer ul.inline-list a:hover .fa, #footer ul.inline-list li:hover .fab, #footer ul.inline-list a:hover .fab, #footer ul.inline-list li:hover .fas, #footer ul.inline-list a:hover .fas {
    color: inherit
}

#footer .column h2 {
    color: #fff
}

#footer .column h2:first-child {
    margin-top: 0
}

#footer .footer-nav h2 {
    color: #595959
}

#footer .footer-nav p a {
    color: #595959
}

#footer .footer-nav p a:hover {
    color: #fff
}

#footer .copyright {
    padding-top: 1.5em;
    padding-bottom: 1em;
    border-top: 4px solid #fff;
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

#footer .copyright p {
    font-size: 14.4px;
    color: rgba(255, 255, 255, 0.25)
}

#footer .copyright p a {
    color: inherit;
    text-decoration: none
}

#footer .copyright p a:hover, #footer .copyright p a:focus {
    text-decoration: underline
}

#footer .copyright .column.copy-left, #footer .copyright .column.copy-right {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    text-align: center
}

#footer .copyright .column.copy-left .column-wrapper, #footer .copyright .column.copy-right .column-wrapper {
    padding-top: 10px;
    padding-bottom: 10px
}

#footer .copyright .column.copy-left .column-wrapper p, #footer .copyright .column.copy-right .column-wrapper p {
    font-size: 14.08px
}

#footer .floating-icons-1 ul li a.btn, #footer .floating-icons-2 ul li a.btn, #footer .floating-icons-1 ul li a.call, #footer .floating-icons-2 ul li a.call {
    background-color: #2c2c2c;
    color: #fff;
    font-weight: 700
}

@media (min-width:768px) {
    #footer {
        text-align: inherit
    }

    #footer>div:first-child {
        margin-top: 5em
    }

    #footer>div:last-child {
        margin-top: 0
    }

    #footer .copyright {
        margin-top: 2.5em
    }

    #footer .copyright .column.copy-left {
        text-align: left
    }

    #footer .copyright .column.copy-right {
        text-align: right
    }
}

@media (min-width:992px) {
    #footer h2 {
        font-size: 27.2px
    }

    #footer p {
        font-size: 16.8px
    }
}

.lunki-slider .slick-dots {
    display: none !important
}

ul.inline-list {
    list-style: none;
    margin: 0;
    padding: 0
}

ul.inline-list li {
    display: inline-block;
    padding-left: 0;
    margin: .2em .2em
}

.accordion-title h3 {
    font-size: 22px
}

.lightbox .lb-image {
    border: 0 !important;
    border-radius: 0 !important;
    -webkit-box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.4) !important;
    -moz-box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.4) !important;
    -ms-box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.4) !important;
    -o-box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.4) !important;
    box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.4) !important
}

.imagebox.square.blu .image-link {
    z-index: 0
}

.product-list .column .column-image {
    background-size: contain;
    background-repeat: no-repeat
}

.nf-form-cont h3 {
    font-size: 34px;
    margin-bottom: 10px
}

.nf-form-cont .nf-field-label label {
    font-size: 22px;
    font-weight: 700
}

.nf-form-cont .nf-field-element label {
    font-size: 16px;
    font-weight: 400
}

.nf-form-cont .btn {
    display: inline-block;
    text-transform: none;
    text-decoration: none;
    font-size: 17.6px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #212322;
    margin-top: 10px;
    margin-bottom: 5px;
    padding: 12px 25px;
    border: 0 solid #212322 !important;
    border-radius: 0;
    -webkit-transition: all 600ms;
    -moz-transition: all 600ms;
    -ms-transition: all 600ms;
    -o-transition: all 600ms;
    transition: all 600ms
}

.nf-form-cont .btn:hover {
    background-color: #000;
    text-decoration: none;
    color: #fff;
    -webkit-box-shadow: inset 0 60px #000;
    -moz-box-shadow: inset 0 60px #000;
    -ms-box-shadow: inset 0 60px #000;
    -o-box-shadow: inset 0 60px #000;
    box-shadow: inset 0 60px #000
}

.nf-form-cont .btn.btn-large {
    font-size: 22px
}

.fb3d-modal {
    box-shadow: 0 0 0 #212322 !important
}

.henkilot {
    background: transparent
}

.henkilot .column-wrapper {
    border-bottom: 10px solid #000
}

.henkilot .column-content h3 {
    text-transform: none;
    margin-bottom: 0
}

.henkilot .column-image {
    max-width: 150px
}

.henkilot .column-image img {
    -webkit-box-shadow: -10px 10px 26px -20px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: -10px 10px 26px -20px rgba(0, 0, 0, 0.75);
    -ms-box-shadow: -10px 10px 26px -20px rgba(0, 0, 0, 0.75);
    -o-box-shadow: -10px 10px 26px -20px rgba(0, 0, 0, 0.75);
    box-shadow: -10px 10px 26px -20px rgba(0, 0, 0, 0.75);
    margin-bottom: 20px;
    -webkit-filter: grayscale(100%) brightness(140%);
    filter: grayscale(100%) brightness(140%)
}

.suomalainen-kivi {
    margin-top: 15vh
}

#region-left-content ul.scut-menu {
    list-style-type: none;
    margin: 0;
    margin-bottom: 5px;
    padding-inline-start: 0
}

#region-left-content ul.scut-menu li.menu-item {
    margin-bottom: 5px;
    width: 49%;
    display: inline-block
}

#region-left-content ul.scut-menu li.menu-item a {
    font-size: 16px;
    font-weight: 300;
    text-align: left !important;
    color: #fff;
    display: block;
    padding: 15px 15px 15px 25px;
    border-bottom: 0;
    background-color: #212322;
    border: 0 solid #595959;
    line-height: 150%;
    -webkit-transition: all 600ms;
    -moz-transition: all 600ms;
    -ms-transition: all 600ms;
    -o-transition: all 600ms;
    transition: all 600ms;
    text-decoration: none
}

#region-left-content ul.scut-menu li.menu-item a:hover {
    background-color: #777;
    color: #fff;
    -webkit-box-shadow: inset 0 60px #2c2c2c;
    -moz-box-shadow: inset 0 60px #2c2c2c;
    -ms-box-shadow: inset 0 60px #2c2c2c;
    -o-box-shadow: inset 0 60px #2c2c2c;
    box-shadow: inset 0 60px #2c2c2c
}

#region-left-content ul.scut-menu li.menu-item.item-special a {
    background-color: #25344d;
    margin-top: 2em;
    margin-bottom: 1em
}

.gallery {
    margin-top: 40px !important;
    text-align: left
}

.gallery .gallery-item {
    position: relative;
    display: inline-block;
    float: none !important;
    margin-top: 0 !important;
    margin-bottom: 10px;
    width: 50% !important
}

.gallery .gallery-item .gallery-icon {
    padding-left: 0;
    padding-right: 10px
}

.gallery .gallery-item .gallery-icon img {
    height: 80px
}

.gallery .gallery-item a {
    display: block;
    position: relative;
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -ms-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms
}

.gallery .gallery-item a:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    mix-blend-mode: multiply;
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -ms-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms
}

.gallery .gallery-item a:hover {
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3)
}

.gallery .gallery-item a:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.gallery .gallery-item a:hover:before {
    background-color: none
}

.gallery .gallery-item .gallery-caption {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 10px;
    background-color: transparent;
    padding: 5px;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    color: #212322
}

.gallery img {
    border: none !important;
    width: 100%;
    height: auto
}

.row.reseller-row h1:first-child, .row.reseller-row h2:first-child, .row.reseller-row h3:first-child {
    margin-top: 2.5em;
    font-weight: bold;
    color: #1f1c38;
    border-bottom: 2px Solid #e6e6e6;
    line-height: 1.6em
}

.row.lk-map {
    margin-left: 15px;
    margin-right: 15px;
    background: #212322;
    padding: 4em;
    color: #fff
}

.row.lk-map h2 {
    color: inherit
}

.row.lk-map p {
    color: inherit
}

.row.lk-map a:not(.btn):not(.email):not(.call):not(.map):not(.btn-light) {
    color: inherit
}

@media (min-width:480px) {
    .gallery .gallery-item .gallery-icon img {
        height: 150px
    }
}

@media (min-width:768px) {
    .nf-form-cont h3 {
        font-size: 34px;
        font-weight: 900;
        margin-bottom: 10px
    }

    #region-main-content #region-left-content p a.btn {
        margin-top: 0;
        width: 100%
    }

    #region-main-content #region-left-content ul.scut-menu {
        list-style-type: none;
        margin: 0;
        margin-bottom: 5px
    }

    #region-main-content #region-left-content ul.scut-menu li {
        margin-bottom: 5px;
        width: 100%;
        display: block
    }

    #region-main-content #region-left-content ul.scut-menu li a {
        font-size: 16px;
        font-weight: 600
    }

    #region-main-content #region-left-content ul.scut-menu li.current_page_item a {
        border-left: 10px Solid #595959;
        background-color: #333
    }

    .gallery .gallery-item {
        width: 33% !important
    }

    .gallery .gallery-item .gallery-icon img {
        height: 150px
    }
}

@media (min-width:1200px) {
    #region-main-content>.container, .region>.container, .breadcrumbs>.container {
        width: 100%;
        max-width: 1200px
    }

    .gallery .gallery-item .gallery-icon img {
        height: 200px
    }
}

body.home #showcase h1 {
    font-weight: 400;
    letter-spacing: 2px;
    color: #e6e6e6;
    -webkit-text-shadow: 2px 2px 10px #000;
    -moz-text-shadow: 2px 2px 10px #000;
    -ms-text-shadow: 2px 2px 10px #000;
    -o-text-shadow: 2px 2px 10px #000;
    text-shadow: 2px 2px 10px #000
}

@media (min-width:768px) {
    body.home.admin-bar #showcase {
        min-height: calc(100vh - 32px);
        padding-top: 30vh;
        padding-bottom: 15vh
    }

   /* body.home #showcase {
        -webkit-animation: scaseRise 10s ease forwards;
        -moz-animation: scaseRise 10s ease forwards;
        animation: scaseRise 10s ease forwards
    }

    @-webkit-keyframes scaseRise {
        0% {
            background-position: 100% 60%
        }

        100% {
            background-position: 60% 100%
        }
    }

    @-moz-keyframes scaseRise {
        0% {
            background-position: 100% 60%
        }

        100% {
            background-position: 60% 100%
        }
    }

    @keyframes scaseRise {
        0% {
            background-position: 100% 60%
        }

        100% {
            background-position: 60% 100%
        }
    }
}
*/
@media (min-width:992px) {
    body.home:lang(sv-SE) .imagebox .column-content h2 {
        font-size: 20.4px
    }
}

@media (min-width:1200px) {
    body.home:lang(fi) .imagebox .column-content h2 {
        font-size: 34px
    }

    body.home:lang(sv-SE) .imagebox .column-content h2 {
        font-size: 27.2px
    }
}

body.hautakivet.base #showcase {
    background-color: #1f1c38
}

body.hautakivet #header.fullpage-nav #navbar-links.navbar-col, body.single-hautakivet #header.fullpage-nav #navbar-links.navbar-col, body.single-gravstenar #header.fullpage-nav #navbar-links.navbar-col {
    background-color: rgba(31, 28, 56, 0.95)
}

body.hautakivet #header.not-top .navbar .navbar-burger, body.single-hautakivet #header.not-top .navbar .navbar-burger, body.single-gravstenar #header.not-top .navbar .navbar-burger {
    background-color: #282549
}

body.hautakivet #showcase, body.single-hautakivet #showcase, body.single-gravstenar #showcase {
    background-color: #1f1c38
}

body.hautakivet #showcase img, body.single-hautakivet #showcase img, body.single-gravstenar #showcase img {
    max-width: 30%
}

body.hautakivet #showcase h1, body.single-hautakivet #showcase h1, body.single-gravstenar #showcase h1 {
    font-size: 42px;
    font-weight: 700;
    letter-spacing: 2px
}

body.hautakivet #showcase h1:before, body.single-hautakivet #showcase h1:before, body.single-gravstenar #showcase h1:before {
    display: none
}

body.hautakivet #showcase h1:after, body.single-hautakivet #showcase h1:after, body.single-gravstenar #showcase h1:after {
    content: '';
    width: 100px;
    height: 2px;
    background-color: #fff;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    margin: 10px auto 10px;
    display: block
}

body.hautakivet #region-content .column:not(.imagebox) h2:after, body.single-hautakivet #region-content .column:not(.imagebox) h2:after, body.single-gravstenar #region-content .column:not(.imagebox) h2:after {
    background: #f7cd63
}

body.hautakivet #region-content a.btn, body.single-hautakivet #region-content a.btn, body.single-gravstenar #region-content a.btn {
    border-color: #f7cd63;
    background-color: #f7cd63;
    color: #212322
}

body.hautakivet #region-content a.btn:hover, body.single-hautakivet #region-content a.btn:hover, body.single-gravstenar #region-content a.btn:hover {
    background-color: transparent;
    text-decoration: none;
    color: #fff;
    border-color: #212322;
    -webkit-box-shadow: inset 0 60px #212322;
    -moz-box-shadow: inset 0 60px #212322;
    -ms-box-shadow: inset 0 60px #212322;
    -o-box-shadow: inset 0 60px #212322;
    box-shadow: inset 0 60px #212322
}

body.hautakivet #region-content a.full-size, body.single-hautakivet #region-content a.full-size, body.single-gravstenar #region-content a.full-size {
    color: #212322;
    font-weight: 900;
    text-decoration: underline;
    font-size: 24px
}

body.hautakivet #region-content a.full-size:hover, body.single-hautakivet #region-content a.full-size:hover, body.single-gravstenar #region-content a.full-size:hover {
    text-decoration: none
}

body.hautakivet #region-content .imagebox h2:after, body.single-hautakivet #region-content .imagebox h2:after, body.single-gravstenar #region-content .imagebox h2:after {
    background: #f7cd63
}

body.hautakivet #region-content .imagebox .square, body.single-hautakivet #region-content .imagebox .square, body.single-gravstenar #region-content .imagebox .square {
    min-height: 300px
}

body.hautakivet #region-content .imagebox .square .column-wrapper, body.single-hautakivet #region-content .imagebox .square .column-wrapper, body.single-gravstenar #region-content .imagebox .square .column-wrapper {
    min-height: 300px
}

body.hautakivet #region-content .extra-content img, body.single-hautakivet #region-content .extra-content img, body.single-gravstenar #region-content .extra-content img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

body.hautakivet #region-right-content h3 a, body.single-hautakivet #region-right-content h3 a, body.single-gravstenar #region-right-content h3 a {
    color: #1f1c38
}

body.hautakivet #region-right-content h3 a:hover, body.single-hautakivet #region-right-content h3 a:hover, body.single-gravstenar #region-right-content h3 a:hover {
    text-decoration: none
}

body.hautakivet #region-right-content a.btn:hover, body.single-hautakivet #region-right-content a.btn:hover, body.single-gravstenar #region-right-content a.btn:hover {
    -webkit-box-shadow: inset 0 60px #1f1c38;
    -moz-box-shadow: inset 0 60px #1f1c38;
    -ms-box-shadow: inset 0 60px #1f1c38;
    -o-box-shadow: inset 0 60px #1f1c38;
    box-shadow: inset 0 60px #1f1c38
}

body.hautakivet #region-bottom, body.single-hautakivet #region-bottom, body.single-gravstenar #region-bottom {
    background-color: #777
}

body.hautakivet #region-bottom h2, body.single-hautakivet #region-bottom h2, body.single-gravstenar #region-bottom h2 {
    color: #fff
}

body.hautakivet #region-bottom h2:after, body.single-hautakivet #region-bottom h2:after, body.single-gravstenar #region-bottom h2:after {
    background: #f7cd63
}

body.hautakivet #region-bottom h2.no-line, body.single-hautakivet #region-bottom h2.no-line, body.single-gravstenar #region-bottom h2.no-line {
    margin-top: 0
}

body.hautakivet #region-bottom h2.no-line:after, body.single-hautakivet #region-bottom h2.no-line:after, body.single-gravstenar #region-bottom h2.no-line:after {
    display: none
}

body.hautakivet #region-bottom h3, body.single-hautakivet #region-bottom h3, body.single-gravstenar #region-bottom h3 {
    color: #fff
}

body.hautakivet #region-bottom h2+h3:after, body.single-hautakivet #region-bottom h2+h3:after, body.single-gravstenar #region-bottom h2+h3:after {
    background: #f7cd63
}

body.hautakivet #region-bottom p, body.single-hautakivet #region-bottom p, body.single-gravstenar #region-bottom p {
    color: #fff
}

body.hautakivet #region-bottom ul li, body.single-hautakivet #region-bottom ul li, body.single-gravstenar #region-bottom ul li {
    color: #fff
}

body.hautakivet #region-bottom a.btn, body.single-hautakivet #region-bottom a.btn, body.single-gravstenar #region-bottom a.btn {
    background-color: #fff;
    color: #212322;
    border-color: #fff
}

body.hautakivet #region-bottom a.btn:hover, body.single-hautakivet #region-bottom a.btn:hover, body.single-gravstenar #region-bottom a.btn:hover {
    background-color: #212322;
    color: #fff;
    border-color: #212322
}

body.hautakivet #region-bottom .light-box .column-wrapper, body.single-hautakivet #region-bottom .light-box .column-wrapper, body.single-gravstenar #region-bottom .light-box .column-wrapper {
    background-color: #191c18
}

body.hautakivet #region-bottom .cta a.btn:hover, body.single-hautakivet #region-bottom .cta a.btn:hover, body.single-gravstenar #region-bottom .cta a.btn:hover {
    background-color: #212322;
    color: #fff;
    border-color: #212322
}

body.hautakivet .floating-icons ul li a, body.single-hautakivet .floating-icons ul li a, body.single-gravstenar .floating-icons ul li a {
    background-color: #1f1c38
}

body.single-graniitti #showcase, body.single-granit #showcase {
    background-image: url(/wp-content/uploads/scase-kivimateriaalit.jpg)
}

body.single-graniitti-rakennuskivet #showcase, body.single-byggstenar #showcase {
    background-image: url(/wp-content/uploads/scase-rakennuskivimateriaalit.jpg)
}

body.hautakivet.base #showcase, body.single-hautakivet #showcase, body.single-gravstenar #showcase {
    background-image: url(/wp-content/uploads/scase-hautakivet-1.jpg)
}

body.single-perinteiset #showcase, body.single-traditionella #showcase {
    background-image: url(/wp-content/uploads/scase-perinteiset-kivet.jpg)
}

body.single-muotokivet #showcase, body.single-utformande-stenar #showcase {
    background-image: url(/wp-content/uploads/scase-muotokivet.jpg)
}

body.single-lohkokivet #showcase, body.single-rakilad-sten #showcase {
    background-image: url(/wp-content/uploads/scase-lohkokivet.jpg)
}

body.single-lyhtykivet #showcase, body.single-lyktstenar #showcase {
    background-image: url(/wp-content/uploads/scase-lyhtykivet.jpg)
}

body.single-erikoiskivet #showcase, body.single-specialstenar #showcase {
    background-image: url(/wp-content/uploads/scase-erikoiskivet.jpg)
}

@media (min-width:768px) {
    body.hautakivet #showcase {
        min-height: 460px;
        padding: 100px 0
    }

    body.hautakivet #showcase h1 {
        font-size: 71.4px
    }

    body.hautakivet #showcase h1:before {
        display: none
    }

    body.hautakivet #showcase h1:after {
        margin: 20px auto 30px
    }

    body.hautakivet #showcase h2 {
        font-size: 27.2px
    }

    body.hautakivet #showcase p {
        margin-bottom: 0
    }

    body.hautakivet #region-bottom .cta h3 {
        margin-bottom: 20px
    }

    body.hautakivet #region-bottom .cta h3:after {
        display: none
    }

    body.hautakivet #region-bottom .cta p {
        margin-left: 0
    }
}

body.rakennuskivet #header.fullpage-nav #navbar-links.navbar-col, body.byggstenar #header.fullpage-nav #navbar-links.navbar-col {
    background-color: rgba(60, 106, 181, 0.95)
}

body.rakennuskivet #header.not-top .navbar .navbar-burger, body.byggstenar #header.not-top .navbar .navbar-burger {
    background-color: #4877c2
}

body.rakennuskivet #showcase, body.byggstenar #showcase {
    background-color: #3c6ab5
}

body.rakennuskivet #showcase img, body.byggstenar #showcase img {
    max-width: 30%
}

body.rakennuskivet #showcase h1, body.byggstenar #showcase h1 {
    font-size: 42px;
    font-weight: 700;
    letter-spacing: 2px
}

body.rakennuskivet #showcase h1:before, body.byggstenar #showcase h1:before {
    display: none
}

body.rakennuskivet #showcase h1:after, body.byggstenar #showcase h1:after {
    content: '';
    width: 100px;
    height: 2px;
    background: #fff;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    margin: 10px auto 10px;
    display: block
}

body.rakennuskivet #region-content a.btn, body.byggstenar #region-content a.btn {
    border-color: #212322;
    color: #fff
}

body.rakennuskivet #region-content a.btn:hover, body.byggstenar #region-content a.btn:hover {
    background-color: #212322;
    text-decoration: none;
    color: #fff;
    border-color: #3c6ab5;
    -webkit-box-shadow: inset 0 60px #3c6ab5;
    -moz-box-shadow: inset 0 60px #3c6ab5;
    -ms-box-shadow: inset 0 60px #3c6ab5;
    -o-box-shadow: inset 0 60px #3c6ab5;
    box-shadow: inset 0 60px #3c6ab5
}

body.rakennuskivet #region-content a.btn.btn-large, body.byggstenar #region-content a.btn.btn-large {
    width: 100%
}

body.rakennuskivet #region-content .extra-content img, body.byggstenar #region-content .extra-content img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

body.rakennuskivet #region-content .ohjeet .centered, body.byggstenar #region-content .ohjeet .centered {
    text-align: left
}

body.rakennuskivet #region-bottom, body.byggstenar #region-bottom {
    background-color: #3c6ab5
}

body.rakennuskivet #region-bottom h2.no-line, body.byggstenar #region-bottom h2.no-line {
    margin-top: 0
}

body.rakennuskivet #region-bottom h2.no-line:after, body.byggstenar #region-bottom h2.no-line:after {
    display: none
}

body.rakennuskivet #region-bottom a.btn, body.byggstenar #region-bottom a.btn {
    color: #212322;
    border-color: #fff
}

body.rakennuskivet #region-bottom a.btn:hover, body.byggstenar #region-bottom a.btn:hover {
    background-color: #212322;
    color: #fff
}

body.rakennuskivet #footer .copyright, body.byggstenar #footer .copyright {
    border-top: 2px solid #fff
}

body.rakennuskivet #footer .some a .fa, body.byggstenar #footer .some a .fa, body.rakennuskivet #footer .some a .fas, body.byggstenar #footer .some a .fas, body.rakennuskivet #footer .some a .fab, body.byggstenar #footer .some a .fab {
    color: #fff
}

body.rakennuskivet #footer a.call, body.byggstenar #footer a.call, body.rakennuskivet #footer a.email, body.byggstenar #footer a.email {
    background-color: #fff;
    color: #212322
}

body.rakennuskivet #footer a .fa, body.byggstenar #footer a .fa, body.rakennuskivet #footer a .fas, body.byggstenar #footer a .fas, body.rakennuskivet #footer a .fab, body.byggstenar #footer a .fab {
    color: #212322
}

body.rakennuskivet #footer a.map .fa, body.byggstenar #footer a.map .fa, body.rakennuskivet #footer a.map .fas, body.byggstenar #footer a.map .fas, body.rakennuskivet #footer a.map .fab, body.byggstenar #footer a.map .fab {
    color: #fff
}

body.rakennuskivet #footer .floating-icons ul li a .fa, body.byggstenar #footer .floating-icons ul li a .fa, body.rakennuskivet #footer .floating-icons ul li a .fas, body.byggstenar #footer .floating-icons ul li a .fas, body.rakennuskivet #footer .floating-icons ul li a .fab, body.byggstenar #footer .floating-icons ul li a .fab {
    color: #fff !important
}

body.rakennuskivet #footer .floating-icons ul li a.call, body.byggstenar #footer .floating-icons ul li a.call {
    color: #fff
}

body.rakennuskivet #footer .floating-icons ul li a.btn, body.byggstenar #footer .floating-icons ul li a.btn {
    background-color: #fff
}

@media (min-width:768px) {
    body.rakennuskivet #showcase, body.byggstenar #showcase {
        min-height: 460px;
        padding: 100px 0
    }

    body.rakennuskivet #showcase img, body.byggstenar #showcase img {
        max-width: 30%
    }

    body.rakennuskivet #showcase h1, body.byggstenar #showcase h1 {
        font-size: 71.4px
    }

    body.rakennuskivet #showcase h1:before, body.byggstenar #showcase h1:before {
        display: none
    }

    body.rakennuskivet #showcase h1:after, body.byggstenar #showcase h1:after {
        margin: 20px auto 30px
    }

    body.rakennuskivet #showcase h2, body.byggstenar #showcase h2 {
        font-size: 27.2px
    }

    body.rakennuskivet #showcase p, body.byggstenar #showcase p {
        margin-bottom: 0
    }

    body.rakennuskivet #region-content .ohjeet .centered, body.byggstenar #region-content .ohjeet .centered {
        text-align: center
    }

    body.rakennuskivet #region-content .ohjeet .column img, body.byggstenar #region-content .ohjeet .column img {
        max-width: 140px
    }

    body.rakennuskivet #region-bottom .cta h3, body.byggstenar #region-bottom .cta h3 {
        margin-bottom: 20px
    }

    body.rakennuskivet #region-bottom .cta h3:after, body.byggstenar #region-bottom .cta h3:after {
        display: none
    }

    body.rakennuskivet #region-bottom .cta p, body.byggstenar #region-bottom .cta p {
        margin-left: 0
    }

    body.rakennuskivet #region-bottom .cta .btn, body.byggstenar #region-bottom .cta .btn {
        border-color: #fff
    }

    body.rakennuskivet #region-bottom .cta .btn:hover, body.byggstenar #region-bottom .cta .btn:hover {
        -webkit-box-shadow: inset 0 60px #212322;
        -moz-box-shadow: inset 0 60px #212322;
        -ms-box-shadow: inset 0 60px #212322;
        -o-box-shadow: inset 0 60px #212322;
        box-shadow: inset 0 60px #212322
    }

    body.rakennuskivet #footer a.call, body.byggstenar #footer a.call, body.rakennuskivet #footer a.email, body.byggstenar #footer a.email {
        background-color: transparent;
        color: inherit
    }

    body.rakennuskivet #footer a .fa, body.byggstenar #footer a .fa, body.rakennuskivet #footer a .fas, body.byggstenar #footer a .fas, body.rakennuskivet #footer a .fab, body.byggstenar #footer a .fab {
        color: inherit
    }

    body.rakennuskivet .floating-icons ul li a .fa, body.byggstenar .floating-icons ul li a .fa, body.rakennuskivet .floating-icons ul li a .fas, body.byggstenar .floating-icons ul li a .fas, body.rakennuskivet .floating-icons ul li a .fab, body.byggstenar .floating-icons ul li a .fab {
        color: #fff !important
    }

    body.rakennuskivet .floating-icons ul li a.btn, body.byggstenar .floating-icons ul li a.btn {
        background-color: #fff
    }
}

@media (min-width:992px) {
    body.rakennuskivet #region-content .ohjeet, body.byggstenar #region-content .ohjeet {
        margin-bottom: 60px
    }
}

body.sisustuskivet #header.fullpage-nav #navbar-links.navbar-col, body.single-sisustuskivet #header.fullpage-nav #navbar-links.navbar-col, body.single-inredningsstenar #header.fullpage-nav #navbar-links.navbar-col {
    background-color: rgba(44, 44, 44, 0.95)
}

body.sisustuskivet #header.not-top .navbar .navbar-burger, body.single-sisustuskivet #header.not-top .navbar .navbar-burger, body.single-inredningsstenar #header.not-top .navbar .navbar-burger {
    background-color: #2d302f
}

body.sisustuskivet #showcase, body.single-sisustuskivet #showcase, body.single-inredningsstenar #showcase {
    background-color: #f7cd63;
    -webkit-text-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
    -moz-text-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
    -ms-text-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
    -o-text-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
    text-shadow: 0 0 15px rgba(0, 0, 0, 0.4)
}

body.sisustuskivet #showcase img, body.single-sisustuskivet #showcase img, body.single-inredningsstenar #showcase img {
    max-width: 30%
}

body.sisustuskivet #showcase h1, body.single-sisustuskivet #showcase h1, body.single-inredningsstenar #showcase h1 {
    font-size: 42px;
    font-weight: 700;
    letter-spacing: 2px
}

body.sisustuskivet #showcase h1:before, body.single-sisustuskivet #showcase h1:before, body.single-inredningsstenar #showcase h1:before {
    display: none
}

body.sisustuskivet #showcase h1:after, body.single-sisustuskivet #showcase h1:after, body.single-inredningsstenar #showcase h1:after {
    content: '';
    width: 100px;
    height: 2px;
    background-color: #fff;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    margin: 10px auto 10px;
    display: block
}

body.sisustuskivet #region-content a.btn, body.single-sisustuskivet #region-content a.btn, body.single-inredningsstenar #region-content a.btn {
    border-color: #f7cd63
}

body.sisustuskivet #region-content a.btn:hover, body.single-sisustuskivet #region-content a.btn:hover, body.single-inredningsstenar #region-content a.btn:hover {
    background-color: transparent;
    text-decoration: none;
    color: #fff;
    -webkit-box-shadow: inset 0 60px #f7cd63;
    -moz-box-shadow: inset 0 60px #f7cd63;
    -ms-box-shadow: inset 0 60px #f7cd63;
    -o-box-shadow: inset 0 60px #f7cd63;
    box-shadow: inset 0 60px #f7cd63
}

body.sisustuskivet #region-bottom, body.single-sisustuskivet #region-bottom, body.single-inredningsstenar #region-bottom {
    background-color: #f7cd63
}

body.single-sisustuskivet #showcase, body.single-inredningsstenar #showcase {
    background-image: url(/wp-content/uploads/scase-sisustuskivet.jpg)
}

@media (min-width:768px) {
    body.sisustuskivet #showcase, body.single-sisustuskivet #showcase, body.single-inredningsstenar #showcase {
        min-height: 460px;
        padding: 100px 0
    }

    body.sisustuskivet #showcase h1, body.single-sisustuskivet #showcase h1, body.single-inredningsstenar #showcase h1 {
        font-size: 71.4px
    }

    body.sisustuskivet #showcase h1:before, body.single-sisustuskivet #showcase h1:before, body.single-inredningsstenar #showcase h1:before {
        display: none
    }

    body.sisustuskivet #showcase h1:after, body.single-sisustuskivet #showcase h1:after, body.single-inredningsstenar #showcase h1:after {
        margin: 20px auto 30px
    }

    body.sisustuskivet #showcase h2, body.single-sisustuskivet #showcase h2, body.single-inredningsstenar #showcase h2 {
        font-size: 27.2px
    }

    body.sisustuskivet #showcase p, body.single-sisustuskivet #showcase p, body.single-inredningsstenar #showcase p {
        margin-bottom: 0
    }
}

body.search-results #header.not-top .navbar .navbar-burger {
    background-color: #3c6ab5
}

body.search-results #showcase {
    background-image: url(/wp-content/uploads/scase-rakennuskivimateriaalit.jpg);
    min-height: 360px;
    padding: 15vh 0
}

body.search-results #showcase h1 {
    font-size: 42px;
    text-align: center
}

body.search-results #showcase h1:before {
    display: none
}

body.search-results #showcase h1 span {
    color: #fff
}

body.search-results #showcase h1:after {
    content: '';
    width: 100px;
    height: 2px;
    background: #fff;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    margin: 20px auto 30px;
    display: block
}

body.search-results #showcase h3.page-title {
    display: none
}

body.search-results #showcase nav.page-nav {
    display: none
}

body.search-results #showcase form#searchform {
    display: none;
    margin-top: 20px
}

body.search-results #showcase form#searchform label.screen-reader-text {
    color: #fff
}

body.search-results #region-content {
    background-image: url(https://loimaankivi-fi.tuhti.work/wp-content/uploads/content-bg.jpg);
    padding-top: 7vw;
    padding-bottom: 7vw;
    border-top: 30px solid #fff
}

body.search-results #region-content .container .content-wrapper p:first-of-type {
    display: none
}

body.search-results #region-content .container .content-wrapper h3.page-title {
    display: none
}

body.search-results #region-content .container .content-wrapper nav.page-nav {
    display: none
}

body.search-results #region-content .container .content-wrapper .light-box .column-wrapper {
    background-color: transparent
}

body.search-results #region-content .container .content-wrapper .article-list .column-wrapper .column-image {
    min-height: 290px
}

body.search-results #region-content .container .content-wrapper .article-list .article-content h3 {
    text-align: center
}

body.search-results #region-content .container .content-wrapper .article-list .article-content .article-link a {
    display: block;
    text-align: center
}

body.single-references #showcase {
    background-image: url(/wp-content/uploads/scase-rakennuskivimateriaalit.jpg)
}

body.single-references .column table {
    width: 100%
}

body.single-references .column table tr td {
    padding: .3em;
    font-size: 12px
}

body.single-references .column table tr:nth-child(even) {
    background-color: rgba(230, 230, 230, 0.5)
}

body.single-references .column p+table {
    margin-top: .5em
}

body.single-references #region-references {
    padding-bottom: 3em
}

body.single-references #region-references .container {
    width: 100%;
    padding-right: 0;
    padding-left: 0
}

body.single-references .reference-carousel .slick-slide {
    text-align: center
}

@media (min-width:768px) {
    body.single-references h1 {
        font-size: 35.7px;
        margin-bottom: .8em
    }

    body.single-references h2 {
        font-size: 28.9px
    }

    body.single-references .main-content {
        position: relative;
        padding-top: 4em
    }

    body.single-references .column table tr td {
        font-size: 13.6px
    }

    body.single-references .column table tr td:first-child {
        width: 40%
    }

    body.single-references .column table tr td:last-child {
        text-align: right
    }
}

body.base #showcase {
    background-color: #212322
}

body.base #showcase img {
    max-width: 30%
}

body.base #showcase h1 {
    font-size: 42px;
    font-weight: 700;
    letter-spacing: 2px;
    margin-top: 0
}

body.base #showcase h1:before {
    display: none
}

body.base #showcase h1:after {
    content: '';
    width: 100px;
    height: 2px;
    background: #fff;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    margin: 10px auto 10px;
    display: block
}

body.base #showcase h2 {
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    margin-top: 0
}

body.hautakivet.base #showcase h1:after {
    background: #f7cd63
}

body.base.kartta #region-content {
    padding-bottom: 19vw
}

@media (min-width:768px) {
    body.base.kartta #region-bottom .container {
        transform: translateY(-160px)
    }

    body.base.kartta #region-bottom .container .cta {
        padding-bottom: 0
    }

    body.base #showcase {
        min-height: 360px;
        padding: 130px 0 80px
    }

    body.base #showcase img {
        max-width: 30%
    }

    body.base #showcase h1 {
        font-size: 50.4px;
        margin-top: 20px
    }

    body.base #showcase h1:before {
        display: none
    }

    body.base #showcase h1:after {
        content: '';
        width: 100px;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1;
        margin: 20px auto 30px;
        display: block
    }

    body.base #showcase h2 {
        color: #fff;
        font-size: 27.2px;
        font-weight: 700;
        text-transform: uppercase
    }

    body.base #showcase p {
        margin-bottom: 0
    }

    body.base #region-bottom .container {
        transform: none
    }

    body.base #region-bottom .container .cta {
        padding-top: 10em;
        padding-bottom: 10em
    }
}

.post-date {
    margin-bottom: 10px;
    font-size: 16px;
    font-style: italic;
    color: #999;
    display: none
}

.post-list.pad-20 .row {
    padding: 20px !important
}

.post-list.pad-40 .row {
    padding: 40px !important
}

.post-list.pad-60 .row {
    padding: 60px !important
}

.post-list.pad-40-60 .row {
    padding: 40px 60px !important
}

.post-list.pad-40-100 .row {
    padding: 40px 100px !important
}

.post-list.pad-top-0 .row {
    padding-top: 0 !important
}

.post-list.pad-top-20 .row {
    padding-top: 20px !important
}

.post-list.pad-top-40 .row {
    padding-top: 40px !important
}

.post-list.pad-top-60 .row {
    padding-top: 60px !important
}

.post-list.pad-top-80 .row {
    padding-top: 80px !important
}

.post-list.pad-bottom-0 .row {
    padding-bottom: 0 !important
}

.post-list.pad-bottom-20 .row {
    padding-bottom: 20px !important
}

.post-list.pad-bottom-40 .row {
    padding-bottom: 40px !important
}

.post-list.pad-bottom-60 .row {
    padding-bottom: 60px !important
}

.post-list.pad-bottom-80 .row {
    padding-bottom: 80px !important
}

.post-list.pad-left-0 .row {
    padding-left: 0 !important
}

.post-list.pad-left-20 .row {
    padding-left: 20px !important
}

.post-list.pad-left-40 .row {
    padding-left: 40px !important
}

.post-list.pad-left-60 .row {
    padding-left: 60px !important
}

.post-list.pad-left-80 .row {
    padding-left: 80px !important
}

.post-list.pad-right-0 .row {
    padding-right: 0 !important
}

.post-list.pad-right-20 .row {
    padding-right: 20px !important
}

.post-list.pad-right-40 .row {
    padding-right: 40px !important
}

.post-list.pad-right-60 .row {
    padding-right: 60px !important
}

.post-list.pad-right-80 .row {
    padding-right: 80px !important
}

.post-list.pad-vertical-20 .row {
    padding-top: 20px !important;
    padding-bottom: 20px !important
}

.post-list.pad-vertical-40 .row {
    padding-top: 40px !important;
    padding-bottom: 40px !important
}

.post-list.pad-vertical-60 .row {
    padding-top: 60px !important;
    padding-bottom: 60px !important
}

.post-list.pad-horizontal-20 .row {
    padding-left: 20px !important;
    padding-right: 20px !important
}

.post-list.pad-horizontal-40 .row {
    padding-left: 40px !important;
    padding-right: 40px !important
}

.post-list.pad-horizontal-60 .row {
    padding-left: 60px !important;
    padding-right: 60px !important
}

.post-list.pad-1em .row {
    padding: 1em !important
}

.post-list.pad-top-1em .row {
    padding-top: 1em !important
}

.post-list.pad-bottom-1em .row {
    padding-bottom: 1em !important
}

.post-list.pad-left-1em .row {
    padding-left: 1em !important
}

.post-list.pad-right-1em .row {
    padding-right: 1em !important
}

.post-list.pad-2em .row {
    padding: 2em !important
}

.post-list.pad-top-2em .row {
    padding-top: 2em !important
}

.post-list.pad-bottom-2em .row {
    padding-bottom: 2em !important
}

.post-list.pad-left-2em .row {
    padding-left: 2em !important
}

.post-list.pad-right-2em .row {
    padding-right: 2em !important
}

.post-list.pad-3em .row {
    padding: 3em !important
}

.post-list.pad-top-3em .row {
    padding-top: 3em !important
}

.post-list.pad-bottom-3em .row {
    padding-bottom: 3em !important
}

.post-list.pad-left-3em .row {
    padding-left: 3em !important
}

.post-list.pad-right-3em .row {
    padding-right: 3em !important
}

.post-list.pad-4em .row {
    padding: 4em !important
}

.post-list.pad-top-4em .row {
    padding-top: 4em !important
}

.post-list.pad-bottom-4em .row {
    padding-bottom: 4em !important
}

.post-list.pad-left-4em .row {
    padding-left: 4em !important
}

.post-list.pad-right-4em .row {
    padding-right: 4em !important
}

.post-list.pad-5em .row {
    padding: 5em !important
}

.post-list.pad-top-5em .row {
    padding-top: 5em !important
}

.post-list.pad-bottom-5em .row {
    padding-bottom: 5em !important
}

.post-list.pad-left-5em .row {
    padding-left: 5em !important
}

.post-list.pad-right-5em .row {
    padding-right: 5em !important
}

.post-list.pad-6em .row {
    padding: 6em !important
}

.post-list.pad-top-6em .row {
    padding-top: 6em !important
}

.post-list.pad-bottom-6em .row {
    padding-bottom: 6em !important
}

.post-list.pad-left-6em .row {
    padding-left: 6em !important
}

.post-list.pad-right-6em .row {
    padding-right: 6em !important
}

.post-list .post-col {
    margin-bottom: 40px
}

.post-list .post-col .post-wrapper {
    padding: 0 15px
}

.post-list .post-col .post-wrapper .post-image {
    max-height: 300px
}

.post-list .post-col .post-wrapper .post-image .column-image {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    min-height: 290px;
    margin-bottom: 10px
}

.post-list .post-col .post-wrapper .post-image .post-pad {
    text-align: center
}

.post-list .post-col .post-wrapper .post-image .post-pad img {
    width: 100%;
    height: auto;
    max-height: 300px
}

.post-list .post-col .post-wrapper .post-content-wrapper .post-header .post-title {
    text-align: center
}

.post-list .post-col .post-wrapper .post-content-wrapper .post-header .post-title h3 {
    font-size: 21.6px;
    margin-top: 20px;
    margin-bottom: 10px;
    line-height: 100%
}

.post-list .post-col .post-wrapper .post-content-wrapper .post-header .post-title h3 a {
    color: #212322
}

.post-list .post-col .post-wrapper .post-content-wrapper .post-header .post-title h3 a:hover {
    text-decoration: none
}

.post-list .post-col .post-wrapper .post-link {
    text-align: center
}

.post-list .post-col .post-wrapper .post-link a {
    color: #212322;
    text-decoration: underline;
    font-weight: 900
}

.post-list .post-col .post-wrapper .post-link a:hover {
    text-decoration: none
}

.post-list .post-col.col-sm-3 .post-wrapper .post-image .column-image {
    background-size: cover
}

.post-list .post-col .flag {
    position: absolute;
    top: .5em;
    right: 3em
}

.post-list .post-col .flag img {
    max-width: 40px
}

.post-list.stonematerials .post-col .post-wrapper .post-image .column-image {
    background-size: cover
}

#region-references .post-list .post-col .post-wrapper .post-image .column-image {
    background-size: cover
}

body.single-post #region-content .column p {
    line-height: 1.76em
}

body.single-post #region-content .column p img {
    height: auto;
    margin-top: 20px;
    margin-bottom: 20px
}

body.single-post #region-content .column p img.alignright, body.single-post #region-content .column p img.alignleft {
    display: block;
    margin-left: auto;
    margin-right: auto
}

@media (min-width:768px) {
    body.single-post #region-content .column p {
        font-size: 17.6px;
        line-height: 1.76em
    }

    body.single-post #region-content .column p img.alignright, body.single-post #region-content .column p img.alignleft {
        display: inline-block;
        margin-left: inherit;
        margin-right: inherit
    }

    .post-list .post-col .post-wrapper .post-image .column-image {
        min-height: 150px
    }
}

@media (min-width:992px) {
    .post-list .post-col .post-wrapper .post-image .column-image {
        min-height: 200px
    }
}

@media (min-width:1200px) {
    .post-list .post-col .post-wrapper .post-image .column-image {
        min-height: 290px
    }
}

body.single-stonematerials #showcase, body.single-stonemodels #showcase {
    min-height: 0
}

body.single-stonematerials #region-content, body.single-stonemodels #region-content {
    padding-top: 0
}

body.single-stonematerials .column, body.single-stonemodels .column {
    margin-bottom: 0
}

body.single-stonematerials .product-image, body.single-stonemodels .product-image {
    height: 300px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

body.single-stonematerials .navigation, body.single-stonemodels .navigation {
    margin-top: 3em;
    margin-bottom: 2em
}

body.single-stonematerials .next-stone, body.single-stonemodels .next-stone, body.single-stonematerials .prev-stone, body.single-stonemodels .prev-stone {
    position: relative;
    display: none;
    font-size: 32px;
    margin: 0 10px
}

body.single-stonematerials .next-stone span.title, body.single-stonemodels .next-stone span.title, body.single-stonematerials .prev-stone span.title, body.single-stonemodels .prev-stone span.title {
    position: absolute;
    font-size: 16px;
    top: 5%;
    left: 150%;
    background-color: #e6e6e6;
    padding: .5em 1em
}

body.single-stonematerials .next-stone, body.single-stonemodels .next-stone {
    float: right
}

body.single-stonematerials .next-stone span.title, body.single-stonemodels .next-stone span.title {
    left: auto;
    right: 150%
}

body.single-stonematerials .flag, body.single-stonemodels .flag {
    margin-bottom: 2em
}

@media (min-width:768px) {
    body.single-stonematerials .main-content, body.single-stonemodels .main-content {
        position: relative;
        padding-top: 4em;
        padding-bottom: 2em
    }

    body.single-stonematerials .main-content .column, body.single-stonemodels .main-content .column {
        margin-bottom: 0
    }

    body.single-stonematerials .main-content:hover .next-stone, body.single-stonemodels .main-content:hover .next-stone, body.single-stonematerials .main-content:hover .prev-stone, body.single-stonemodels .main-content:hover .prev-stone {
        opacity: .7;
        filter: alpha(opacity=70)
    }

    body.single-stonematerials .product-image, body.single-stonemodels .product-image {
        height: 500px
    }

    body.single-stonematerials .prev-stone, body.single-stonemodels .prev-stone, body.single-stonematerials .next-stone, body.single-stonemodels .next-stone {
        position: absolute;
        left: 0;
        top: 15vw;
        opacity: .2;
        filter: alpha(opacity=20)
    }

    body.single-stonematerials .prev-stone span.title, body.single-stonemodels .prev-stone span.title, body.single-stonematerials .next-stone span.title, body.single-stonemodels .next-stone span.title {
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transition: all 400ms;
        -moz-transition: all 400ms;
        -ms-transition: all 400ms;
        -o-transition: all 400ms;
        transition: all 400ms
    }

    body.single-stonematerials .prev-stone:hover, body.single-stonemodels .prev-stone:hover, body.single-stonematerials .next-stone:hover, body.single-stonemodels .next-stone:hover {
        opacity: 1 !important;
        filter: alpha(opacity=100) !important
    }

    body.single-stonematerials .prev-stone:hover span.title, body.single-stonemodels .prev-stone:hover span.title, body.single-stonematerials .next-stone:hover span.title, body.single-stonemodels .next-stone:hover span.title {
        opacity: 1;
        filter: alpha(opacity=100)
    }

    body.single-stonematerials .next-stone, body.single-stonemodels .next-stone {
        left: auto;
        right: 0
    }
}