@charset "UTF-8";

.porto-sicon-description p, .porto-sicon-description div, .info-circle-text p, .info-circle-text div, .timeline-header > div p, .timeline-header > div div, .porto-u-list-desc p, .porto-u-list-desc div, .porto-btn-text, span.middle-text p, span.middle-text div {
font-family: inherit;
font-weight: inherit;
font-size: inherit;
font-style: inherit;
line-height: inherit;
color: inherit;
}
.porto-btn-ctn-center, .porto-btn-ctn-left, .porto-btn-ctn-right, .porto-map-wrapper.porto-adjust-bottom-margin, .info-wrapper.porto-adjust-bottom-margin, .porto-u-list-icon-wrapper.porto-adjust-bottom-margin {
margin-bottom: 35px;
} #banner-wrapper .porto-block, #content-top .porto-block, #content-bottom .porto-block {
overflow: hidden;
}
.porto-portfolio {
position: relative;
}
.call-to-action-in-footer {
position: relative;
padding: 60px 0;
}
.call-to-action-in-footer .vc_cta3-container {
margin-bottom: 0;
}
.call-to-action-in-footer:before {
content: "";
display: block;
position: absolute;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 20px solid var(--porto-body-bg);
height: 20px;
width: 20px;
top: -5px;
left: 50%;
margin-left: -20px;
}
.porto-modal-trigger {
cursor: pointer;
} [data-plugin-animated-letters], [data-plugin-animated-words] {
opacity: 0;
visibility: hidden;
}
[data-plugin-animated-letters].initialized, [data-plugin-animated-words].initialized {
opacity: 1;
visibility: visible;
}
[data-plugin-animated-letters] .animated.letter, [data-plugin-animated-words] .animated-words-item {
display: inline-block;
} @keyframes typeWriterFlash {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.letters-wrapper + .typeWriter:last-child {
position: relative;
padding-right: 4px;
}
.letters-wrapper + .typeWriter:last-child:after {
content: "";
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 2px;
background: #212121;
animation-name: typeWriterFlash;
animation-iteration-count: infinite;
animation-duration: 600ms;
}
.porto-focus-slider {
cursor: pointer;
} .row.vc_column-gap-1 {
--bs-gutter-x: 1px;
}
.row.vc_column-gap-2 {
--bs-gutter-x: 2px;
}
.row.vc_column-gap-3 {
--bs-gutter-x: 3px;
}
.row.vc_column-gap-4 {
--bs-gutter-x: 4px;
}
.row.vc_column-gap-5 {
--bs-gutter-x: 5px;
}
.row.vc_column-gap-10 {
--bs-gutter-x: 10px;
}
.row.vc_column-gap-15 {
--bs-gutter-x: 15px;
}
.row.vc_column-gap-20 {
--bs-gutter-x: 20px;
}
.row.vc_column-gap-25 {
--bs-gutter-x: 25px;
}
.row.vc_column-gap-30 {
--bs-gutter-x: 30px;
}
.row.vc_column-gap-35 {
--bs-gutter-x: 35px;
}
.row[class*="vc_column-gap-"] {
margin-left: calc(var(--bs-gutter-x) / -2);
margin-right: calc(var(--bs-gutter-x) / -2);
}
.container-fluid .top-row {
margin-left: calc(var(--porto-fluid-spacing) * -1);
margin-right: calc(var(--porto-fluid-spacing) * -1);
}
.container-fluid .top-row[class*="vc_column-gap-"] {
padding-left: calc(var(--porto-fluid-spacing) - calc( var(--bs-gutter-x) / 2));
padding-right: calc(var(--porto-fluid-spacing) - calc( var(--bs-gutter-x) / 2));
}
.vc_column_container > .vc_column-inner {
padding: 0;
}
.vc_row .vc_column_container > .wpb_wrapper.vc_column-inner {
padding-top: 0;
} body .wpb_alert {
padding: 15px;
}
body .wpb_alert .messagebox_text {
background-image: none;
padding-left: 0;
}
body .vc_message_box-icon > * {
transform: translate(-50%, -50%);
}
.vc_message_box .alert-link {
font-weight: bold;
} body .wpb_gallery .wpb_flexslider .flex-control-nav {
bottom: -50px;
} .wpb_content_element.wpb_flickr_widget {
margin-bottom: 15px;
}  .wpb_gallery .theme-default .nivoSlider {
box-shadow: none;
}
.wpb_gallery .theme-default .nivo-controlNav {
padding-top: 20px;
}
.wpb_gallery.nav-right .nivo-controlNav {
float: right;
}
.wpb_gallery.nav-left .nivo-controlNav {
float: left;
} .accordion .card {
margin-top: 5px;
background: none;
}
.accordion .card:first-child {
margin-top: 0;
}
.accordion .card-title {
font-size: 16px;
}
.accordion .card-header {
padding: 0;
border-bottom: 0;
}
.accordion .card-header a {
display: block;
padding: 10px 20px;
color: var(--porto-primary-color);
}
.accordion .card-header a i {
display: inline-block;
margin-right: 8px;
position: relative;
top: 1px;
color: inherit;
}
.accordion .card-header a i.icon-image {
max-width: 20px;
position: relative;
top: -1px;
}
.accordion .card-header a [class*="fa-"] {
top: -1px;
}
.accordion .card-body > *:last-child {
margin-bottom: 0;
}
.accordion.card-title-dark .card-title a {
color: inherit;
}
.accordion.card-title-bold .card-title {
font-weight: 700;
}
.accordion.accordion-sm .card-header a {
padding: 5px 15px;
font-size: 0.9em;
}
.accordion.accordion-sm .card-body {
font-size: 0.9em;
}
.accordion.accordion-lg .card-header a {
padding: 15px 15px;
font-size: 1em;
font-weight: 600;
}
.accordion.panel-modern .card {
border: 4px solid var(--porto-gray-7);
}
.accordion.panel-modern .card-header {
background-color: var(--porto-gray-7);
border-radius: 0;
}
.accordion.panel-modern.gray-scale-1 .card {
border-color: #ededed;
}
.accordion.panel-modern.gray-scale-1 .card-header {
background-color: #ededed;
}
.accordion.without-bg .card-default {
background: transparent !important;
}
.accordion.without-bg .card-default > .card-header {
background: transparent !important;
}
.accordion.without-bg .card-body {
padding-top: 0;
padding-bottom: 0;
}
.accordion.without-bg .card-body p {
margin-bottom: 20px !important;
}
.accordion.without-borders .card {
border: 0;
box-shadow: none;
border-bottom: 1px solid var(--porto-gray-5);
border-radius: 0;
}
.accordion.without-borders .card-header a {
padding-left: 0;
padding-right: 0;
}
.accordion.without-borders .card-body {
padding: 0;
}
.accordion.without-borders .card-body p {
margin-bottom: 20px !important;
}
.section-default .accordion.panel-modern .card-header {
background: none;
}
.section-default .accordion.panel-modern .card {
border-color: #ededed;
}  .accordion.accordion-primary .card-header {
background-color: var(--porto-primary-color) !important;
}
.accordion.accordion-primary .card-header a {
color: var(--porto-primary-color-inverse, #FFF);
}
.accordion.accordion-secondary .card-header {
background-color: var(--porto-secondary-color) !important;
}
.accordion.accordion-secondary .card-header a {
color: var(--porto-secondary-color-inverse, #FFF);
}
.accordion.accordion-tertiary .card-header {
background-color: var(--porto-tertiary-color) !important;
}
.accordion.accordion-tertiary .card-header a {
color: var(--porto-tertiary-color-inverse, #FFF);
}
.accordion.accordion-quaternary .card-header {
background-color: var(--porto-quaternary-color) !important;
}
.accordion.accordion-quaternary .card-header a {
color: var(--porto-quaternary-color-inverse, #FFF);
}
.accordion.accordion-dark .card-header {
background-color: var(--porto-dark-color) !important;
}
.accordion.accordion-dark .card-header a {
color: var(--porto-dark-color-inverse, #FFF);
}
.accordion.accordion-light .card-header {
background-color: var(--porto-light-color) !important;
}
.accordion.accordion-light .card-header a {
color: var(--porto-light-color-inverse, #212529);
} .toggle {
padding: 0 0 10px 0;
position: relative;
clear: both;
}
.toggle > input {
cursor: pointer;
height: 45px;
margin: 0;
opacity: 0;
position: absolute;
width: 100%;
z-index: 2;
}
.toggle > label {
transition: 0.15s ease-out;
padding: 12px 20px 12px 15px;
border-left: 3px solid var(--porto-primary-color);
display: block;
font-size: 1.1em;
min-height: 20px;
position: relative;
cursor: pointer;
font-weight: 600;
background: var(--porto-title-bgc);
}
.toggle > label:-moz-selection {
background: none;
}
.toggle > label:selection {
background: none;
}
.toggle > label:before {
content: "";
position: absolute;
font-size: 8px;
top: calc(50% + .25em);
right: 14px;
border-top: 1px solid;
border-right: 1px solid;
border-color: inherit;
width: 1em;
height: 1em;
transition: transform 0.3s, top 0.3s;
-webkit-backface-visibility: hidden;
transform: translate3d(0, -50%, 0) rotate(-45deg);
transform-origin: center;
text-align: center;
}
.toggle > label:hover {
background: var(--porto-widget-bgc);
}
.toggle > label + p {
color: #999;
display: block;
overflow: hidden;
padding-left: 30px;
text-overflow: ellipsis;
white-space: nowrap;
height: 25px;
}
.toggle > label i {
margin-right: 7px;
position: relative;
top: -1px;
}
.toggle > label i.icon-image {
display: inline-block;
max-width: 20px;
}
.toggle > .toggle-content {
display: none;
padding: 10px 0;
}
.toggle > .toggle-content > p:last-child {
margin-bottom: 0;
}
.toggle.active > label {
background: var(--porto-gray-1);
}
.toggle.active > label:before {
top: calc(50% - .75em);
transform: rotate(135deg);
border-color: #fff;
}
.toggle.active > p {
white-space: normal;
}
.toggle > p.preview-active {
height: auto;
white-space: normal;
}
.toggle-sm .toggle > label {
font-size: 0.9em;
padding: 6px 20px 6px 10px;
}
.toggle-sm .toggle > .toggle-content > p {
font-size: 0.9em;
}
.toggle-lg .toggle > label {
font-size: 1.1em;
padding: 16px 20px 16px 20px;
}
.toggle-lg .toggle > .toggle-content > p {
font-size: 1.1em;
}
.toggle-simple .toggle .toggle-content {
padding-left: 0;
}
.toggle-simple .toggle > label {
border-radius: 0;
border: 0;
background: transparent;
padding-left: 32px;
margin-bottom: -10px;
font-size: 1em;
font-weight: 600;
color: var(--porto-heading-color);
}
.toggle-simple .toggle > label:after {
content: "";
position: absolute;
left: 0;
display: block;
width: 24px;
height: 24px;
top: 50%;
margin-top: -12px;
z-index: 1;
background-color: var(--porto-primary-color);
}
.toggle-simple .toggle > label:before {
border: 0;
right: auto;
left: 9px;
margin-top: auto;
margin-bottom: auto;
top: 0;
bottom: 0;
height: 22px;
font-size: 14px;
font-family: var(--fa-style-family-classic, "Font Awesome 6 Free");
font-weight: 900;
content: "";
z-index: 2;
color: #FFF;
font-size: 8px;
width: auto;
transform: none;
}
.toggle-simple .toggle.active > label {
background: transparent;
color: var(--porto-heading-color);
}
.toggle-simple .toggle.active > label:before {
content: "";
}
section.toggle label {
color: var(--porto-primary-color);
}
section.toggle.active label {
background-color: var(--porto-primary-color);
border-color: var(--porto-primary-color);
color: var(--porto-primary-color-inverse);
}  .toggle-primary .toggle label {
color: var(--porto-primary-color);
}
.toggle-primary .toggle.active > label, .toggle-primary.toggle-simple .toggle > label:after {
background-color: var(--porto-primary-color);
}
.toggle-primary .toggle.active > label {
color: var(--porto-primary-color-inverse, #FFF);
}
.toggle-primary .toggle.active > label {
border-color: var(--porto-primary-color);
}
.toggle-primary .toggle label {
border-left-color: var(--porto-primary-color);
border-right-color: var(--porto-primary-color);
}
.toggle-primary.toggle-simple .toggle > label {
background: transparent;
color: var(--porto-h3-color, var(--porto-heading-color));
}
.toggle-secondary .toggle label {
color: var(--porto-secondary-color);
}
.toggle-secondary .toggle.active > label, .toggle-secondary.toggle-simple .toggle > label:after {
background-color: var(--porto-secondary-color);
}
.toggle-secondary .toggle.active > label {
color: var(--porto-secondary-color-inverse, #FFF);
}
.toggle-secondary .toggle.active > label {
border-color: var(--porto-secondary-color);
}
.toggle-secondary .toggle label {
border-left-color: var(--porto-secondary-color);
border-right-color: var(--porto-secondary-color);
}
.toggle-secondary.toggle-simple .toggle > label {
background: transparent;
color: var(--porto-h3-color, var(--porto-heading-color));
}
.toggle-tertiary .toggle label {
color: var(--porto-tertiary-color);
}
.toggle-tertiary .toggle.active > label, .toggle-tertiary.toggle-simple .toggle > label:after {
background-color: var(--porto-tertiary-color);
}
.toggle-tertiary .toggle.active > label {
color: var(--porto-tertiary-color-inverse, #FFF);
}
.toggle-tertiary .toggle.active > label {
border-color: var(--porto-tertiary-color);
}
.toggle-tertiary .toggle label {
border-left-color: var(--porto-tertiary-color);
border-right-color: var(--porto-tertiary-color);
}
.toggle-tertiary.toggle-simple .toggle > label {
background: transparent;
color: var(--porto-h3-color, var(--porto-heading-color));
}
.toggle-quaternary .toggle label {
color: var(--porto-quaternary-color);
}
.toggle-quaternary .toggle.active > label, .toggle-quaternary.toggle-simple .toggle > label:after {
background-color: var(--porto-quaternary-color);
}
.toggle-quaternary .toggle.active > label {
color: var(--porto-quaternary-color-inverse, #FFF);
}
.toggle-quaternary .toggle.active > label {
border-color: var(--porto-quaternary-color);
}
.toggle-quaternary .toggle label {
border-left-color: var(--porto-quaternary-color);
border-right-color: var(--porto-quaternary-color);
}
.toggle-quaternary.toggle-simple .toggle > label {
background: transparent;
color: var(--porto-h3-color, var(--porto-heading-color));
}
.toggle-dark .toggle label {
color: var(--porto-dark-color);
}
.toggle-dark .toggle.active > label, .toggle-dark.toggle-simple .toggle > label:after {
background-color: var(--porto-dark-color);
}
.toggle-dark .toggle.active > label {
color: var(--porto-dark-color-inverse, #FFF);
}
.toggle-dark .toggle.active > label {
border-color: var(--porto-dark-color);
}
.toggle-dark .toggle label {
border-left-color: var(--porto-dark-color);
border-right-color: var(--porto-dark-color);
}
.toggle-dark.toggle-simple .toggle > label {
background: transparent;
color: var(--porto-h3-color, var(--porto-heading-color));
}
.toggle-light .toggle label {
color: var(--porto-light-color);
}
.toggle-light .toggle.active > label, .toggle-light.toggle-simple .toggle > label:after {
background-color: var(--porto-light-color);
}
.toggle-light .toggle.active > label {
color: var(--porto-light-color-inverse, #212529);
}
.toggle-light .toggle.active > label {
border-color: var(--porto-light-color);
}
.toggle-light .toggle label {
border-left-color: var(--porto-light-color);
border-right-color: var(--porto-light-color);
}
.toggle-light.toggle-simple .toggle > label {
background: transparent;
color: var(--porto-h3-color, var(--porto-heading-color));
} .testimonial {
margin-bottom: 20px;
}
.slick-slider .testimonial {
margin-bottom: 0;
}
.testimonial blockquote {
border: 0;
background: var(--porto-primary-light-5);
color: var(--porto-primary-color-inverse);
margin: 0;
padding: 2.5rem 4rem 2.5rem 4.5rem;
position: relative;
}
.testimonial blockquote:before {
left: 20px;
top: 20px;
content: "“";
font-size: 80px;
font-style: normal;
line-height: 1;
position: absolute;
}
.testimonial blockquote p {
font-size: 1.2em;
line-height: 1.5;
margin-bottom: 0;
color: inherit;
}
.testimonial .testimonial-arrow-down {
border-left: 11px solid transparent;
border-right: 11px solid transparent;
border-top: 8px solid var(--porto-primary-light-5);
height: 0;
margin: 0 0 0 40px;
width: 0;
}
.testimonial .testimonial-arrow-down.reversed {
border-top: none;
border-bottom: 8px solid var(--porto-primary-light-5);
}
.testimonial .testimonial-author {
display: flex;
margin: 12px 0 0 0;
}
.testimonial .testimonial-author .testimonial-author-thumbnail {
width: auto;
}
.testimonial .testimonial-author img {
max-width: 25px;
}
.testimonial .testimonial-author strong {
display: block;
margin-bottom: 2px;
font-size: 1rem;
font-weight: 700;
color: var(--porto-heading-color);
}
.testimonial .testimonial-author span {
color: #666;
display: block;
font-size: 0.8rem;
font-weight: 600;
}
.testimonial .testimonial-author p {
color: #999;
margin-left: 0.75rem;
text-align: left;
line-height: 1.2;
} .testimonial.testimonial-style-2 {
text-align: center;
}
.testimonial.testimonial-style-2 blockquote {
background: transparent !important;
padding: 20px;
color: var(--porto-body-color);
}
.testimonial.testimonial-style-2 blockquote:before {
display: none;
}
.testimonial.testimonial-style-2 .testimonial-arrow-down {
display: none;
}
.testimonial.testimonial-style-2 .testimonial-author {
-ms-flex-direction: column;
flex-direction: column;
padding: 0;
margin: 6px 0 0;
}
.testimonial.testimonial-style-2 .testimonial-author img {
margin: 0 auto 10px;
max-width: 60px;
}
.testimonial.testimonial-style-2 .testimonial-author p {
text-align: center;
padding: 0;
margin: 0;
} .testimonial.testimonial-style-3 blockquote {
background: var(--porto-gray-3);
padding: 12px 30px;
color: var(--porto-body-color);
}
.testimonial.testimonial-style-3 blockquote:before {
top: 5px;
left: 9px;
font-size: 35px;
}
.testimonial.testimonial-style-3 blockquote:after {
font-size: 35px;
bottom: -5px;
}
.testimonial.testimonial-style-3 blockquote p {
font-family: var(--porto-body-ff), sans-serif;
font-size: 1em;
font-style: normal;
}
.testimonial.testimonial-style-3 .testimonial-author {
margin-left: 8px;
}
.testimonial.testimonial-style-3 .testimonial-author img {
max-width: 55px;
}
.testimonial.testimonial-style-3 .testimonial-arrow-down {
border-top: 10px solid var(--porto-gray-3);
margin-left: 20px;
} .testimonial.testimonial-style-4 {
padding: 7px;
border: 1px solid var(--porto-gray-bg);
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04);
border-left-color: var(--porto-gray-5);
border-right-color: var(--porto-gray-5);
}
.testimonial.testimonial-style-4 blockquote {
background: transparent !important;
padding: 12px 30px;
color: var(--porto-body-color);
}
.testimonial.testimonial-style-4 blockquote:before {
top: 5px;
left: 9px;
font-size: 35px;
}
.testimonial.testimonial-style-4 blockquote:after {
font-size: 35px;
bottom: -5px;
}
.testimonial.testimonial-style-4 blockquote p {
font-family: var(--porto-body-ff), sans-serif;
font-size: 1em;
font-style: normal;
}
.testimonial.testimonial-style-4 .testimonial-arrow-down {
display: none;
}
.testimonial.testimonial-style-4 .testimonial-author {
margin-left: 30px;
margin-bottom: 15px;
-ms-flex-align: center;
align-items: center;
}
.testimonial.testimonial-style-4 .testimonial-author img {
max-width: 55px;
}
.testimonial.testimonial-style-4 .testimonial-author p {
margin-bottom: 0;
} .testimonial.testimonial-style-5 {
text-align: center;
}
.testimonial.testimonial-style-5 blockquote {
background: transparent !important;
padding: 6px 20px;
color: var(--porto-body-color);
}
.testimonial.testimonial-style-5 blockquote:before {
display: none;
}
.testimonial.testimonial-style-5 blockquote p {
font-family: var(--porto-body-ff), sans-serif;
font-size: 1.2em;
font-style: normal;
}
.testimonial.testimonial-style-5 .testimonial-arrow-down {
display: none;
}
.testimonial.testimonial-style-5 .testimonial-author {
display: block;
padding: 15px 0 0;
margin: 12px 0 0;
border-top: 1px solid var(--porto-gray-3);
}
.testimonial.testimonial-style-5 .testimonial-author img {
margin: 0 auto 10px;
}
.testimonial.testimonial-style-5 .testimonial-author p {
text-align: center;
padding: 0;
margin: 0;
} .testimonial.testimonial-style-6 {
text-align: center;
}
.testimonial.testimonial-style-6 blockquote {
background: transparent !important;
border: 0;
padding: 0 10%;
color: var(--porto-body-color);
}
.testimonial.testimonial-style-6 blockquote:before {
display: none;
}
.testimonial.testimonial-style-6 blockquote i.fa-quote-left {
font-size: 34px;
position: relative;
left: -5px;
}
.testimonial.testimonial-style-6 blockquote p {
font-size: 24px;
line-height: 30px;
}
.testimonial.testimonial-style-6 blockquote span {
font-size: 16px;
line-height: 20px;
color: #999;
position: relative;
left: -5px;
}
.testimonial.testimonial-style-6 .testimonial-arrow-down {
display: none;
}
.testimonial.testimonial-style-6 .testimonial-author {
-ms-flex-direction: column;
flex-direction: column;
padding: 0;
margin: 6px 0 0;
}
.testimonial.testimonial-style-6 .testimonial-author img {
margin: 15px auto 10px;
}
.testimonial.testimonial-style-6 .testimonial-author p {
text-align: center;
padding: 0;
margin: 0;
} .testimonial.testimonial-with-quotes {
text-align: center;
}
.testimonial.testimonial-with-quotes blockquote {
background: transparent !important;
color: var(--porto-body-color);
}
.testimonial.testimonial-with-quotes blockquote:before, .testimonial.testimonial-with-quotes blockquote:after {
display: block !important;
left: 10px;
top: 0;
content: "“";
font-size: 80px;
font-style: normal;
line-height: 1;
position: absolute;
}
@media (max-width: 575px) {
.testimonial.testimonial-with-quotes blockquote:before, .testimonial.testimonial-with-quotes blockquote:after {
display: none !important;
}
}
.testimonial.testimonial-with-quotes blockquote:after {
content: "”";
left: auto;
right: 10px;
top: auto;
bottom: -0.5em;
}
.testimonial.testimonial-with-quotes blockquote p {
padding: 0 40px;
}
@media (max-width: 575px) {
.testimonial.testimonial-with-quotes blockquote p {
padding: 0;
}
}
.testimonial.testimonial-with-quotes img {
margin: 15px auto 10px;
width: 60px;
}
.testimonial.testimonial-with-quotes .testimonial-author p {
margin: 0 auto;
text-align: center;
}
.testimonial.testimonial-with-quotes.testimonial-light blockquote {
color: #fff;
}
.testimonial.testimonial-with-quotes.testimonial-light .testimonial-author span, .testimonial.testimonial-with-quotes.testimonial-light .testimonial-author strong {
opacity: 0.6;
color: #FFF;
}
.testimonial.testimonial-with-quotes.testimonial-remove-right-quote blockquote:after {
content: none;
}
.testimonial.testimonial-transparent-background blockquote {
background: transparent !important;
}
.testimonial.testimonial-alternarive-font blockquote p {
font-family: Georgia, serif !important;
font-style: italic;
font-size: 1.2em;
}
.testimonial-no-borders.testimonial {
border-width: 0;
box-shadow: none;
} .testimonial.testimonial-advance {
text-align: left;
}
.testimonial.testimonial-advance blockquote {
padding-left: 0;
padding-right: 1rem;
}
.testimonial.testimonial-advance blockquote:before {
line-height: 0.75;
left: 0;
}
.testimonial.testimonial-advance blockquote p {
padding: 0;
}
.testimonial.testimonial-advance .testimonial-author p {
text-align: inherit;
}
.custom-rounded-image {
border-radius: 100%;
}
.vc_parallax blockquote p {
line-height: 1.6;
}  html .testimonial-primary blockquote {
background-color: var(--porto-primary-light-5);
}
html .testimonial-primary .testimonial-arrow-down {
border-top-color: var(--porto-primary-light-5);
}
html .testimonial-secondary blockquote {
background-color: var(--porto-secondary-light-5);
}
html .testimonial-secondary .testimonial-arrow-down {
border-top-color: var(--porto-secondary-light-5);
}
html .testimonial-tertiary blockquote {
background-color: var(--porto-tertiary-light-5);
}
html .testimonial-tertiary .testimonial-arrow-down {
border-top-color: var(--porto-tertiary-light-5);
}
html .testimonial-quaternary blockquote {
background-color: var(--porto-quaternary-light-5);
}
html .testimonial-quaternary .testimonial-arrow-down {
border-top-color: var(--porto-quaternary-light-5);
}
html .testimonial-dark blockquote {
background-color: var(--porto-dark-light-5);
}
html .testimonial-dark .testimonial-arrow-down {
border-top-color: var(--porto-dark-light-5);
}
html .testimonial-light blockquote {
background-color: var(--porto-light-light-5);
}
html .testimonial-light .testimonial-arrow-down {
border-top-color: var(--porto-light-light-5);
}  .thumb-info-social-icons a.thumb-info-social-links-secondary {
background-color: var(--porto-secondary-color);
color: var(--porto-secondary-color-inverse, #FFF);
}
.thumb-info-social-icons a.thumb-info-social-links-tertiary {
background-color: var(--porto-tertiary-color);
color: var(--porto-tertiary-color-inverse, #FFF);
}
.thumb-info-social-icons a.thumb-info-social-links-quaternary {
background-color: var(--porto-quaternary-color);
color: var(--porto-quaternary-color-inverse, #FFF);
}
.thumb-info-social-icons a.thumb-info-social-links-dark {
background-color: var(--porto-dark-color);
color: var(--porto-dark-color-inverse, #FFF);
}
.thumb-info-social-icons a.thumb-info-social-links-light {
background-color: var(--porto-light-color);
color: var(--porto-light-color-inverse, #212529);
} .porto_countdown {
width: 100%;
height: auto;
display: block;
line-height: 1;
margin-bottom: 35px;
text-align: center;
}
.porto_countdown:after {
content: "";
display: table;
clear: both;
}
.porto_countdown .porto_countdown-row {
display: block;
margin: 0 auto;
}
.porto_countdown .porto_countdown-section {
display: inline-block;
margin-bottom: 15px;
}
.porto_countdown .porto_countdown-section .porto_countdown-amount {
min-width: 1em;
max-width: 100%;
min-height: 1em;
line-height: 1em;
padding: 0;
margin: 0 auto;
box-sizing: content-box;
}
.porto_countdown .porto_countdown-section .porto_countdown-period {
padding: 0 4px;
}
.porto_countdown.porto-cd-s1 .porto_countdown-section {
padding: 0 7px;
}
.porto_countdown.porto-cd-s1 .porto_countdown-section .porto_countdown-amount {
display: inline-block;
}
.porto_countdown.porto-cd-s2 .porto_countdown-section {
padding: 0 15px;
}
.porto_countdown.porto-cd-s2 .porto_countdown-section .porto_countdown-amount {
text-align: center;
display: block;
}
.porto_countdown.porto-cd-s2 .porto_countdown-section .porto_countdown-period {
margin-top: 7px;
width: 100%;
display: block;
}
.countdown-label + .porto_countdown-div {
display: inline-block;
} .pricing-table {
margin: 10px 0;
padding: 0 var(--porto-column-spacing);
text-align: center;
}
.pricing-table ul {
list-style: none;
margin: 20px 0 0 0;
padding: 0;
}
.pricing-table li {
padding: 10px 0;
border-top: 1px solid var(--porto-gray-5);
color: var(--porto-body-color);
}
.pricing-table h3 {
font-size: 1.3em;
font-weight: normal;
margin: -20px -20px 50px -20px;
padding: 20px;
letter-spacing: normal;
background-color: var(--porto-gray-5);
}
.pricing-table h3 strong {
font-weight: inherit;
}
.pricing-table h3 .desc {
font-size: 0.7em;
line-height: 24px;
margin-bottom: 0;
padding-bottom: 0;
font-style: normal;
text-transform: none;
display: block;
color: var(--porto-body-color);
}
.pricing-table .plan-price {
border-radius: 100px;
display: block;
height: 100px;
margin: 20px auto -65px;
width: 100px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
background: var(--porto-normal-bg);
border: 5px solid var(--porto-light-2);
box-shadow: 0 5px 20px var(--porto-gray-bg) inset, 0 3px 0 var(--porto-gray-6) inset;
}
.pricing-table .price {
font: bold 25px / 25px Georgia, Serif;
line-height: 1;
display: flex;
justify-content: center;
color: var(--porto-body-color);
}
.pricing-table .plan-ribbon-wrapper {
position: absolute;
overflow: hidden;
width: 88px;
height: 88px;
top: calc(-1 * var(--porto-price-table-bd));
right: calc(-1 * var(--porto-price-table-bd));
}
.pricing-table .plan-ribbon {
transform: rotate(45deg);
position: relative;
top: 10px;
left: 0px;
width: 120px;
padding: 7px 0;
background-color: #bfdc7a;
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
color: #333;
font-size: 14px;
line-height: 24px;
text-align: center;
text-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px;
}
.pricing-table .plan-ribbon:before {
left: 0;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
bottom: -3px;
content: "";
position: absolute;
}
.pricing-table .plan-ribbon:after {
border-left: 3px solid transparent;
border-right: 3px solid transparent;
bottom: -3px;
content: "";
position: absolute;
right: 0;
}
.pricing-table [class*="col-lg-"] {
padding-left: 0;
padding-right: 0;
}
.pricing-table .plan {
--porto-price-table-bd: 1px;
margin-bottom: 35px;
margin-right: 0;
padding: 20px;
position: relative;
background: var(--porto-normal-bg);
border: var(--porto-price-table-bd) solid var(--porto-gray-bg);
color: var(--porto-body-color);
}
.pricing-table .most-popular {
border: var(--porto-price-table-bd) solid var(--porto-primary-color);
box-shadow: 11px 0 10px -10px rgba(0, 0, 0, 0.1), -11px 0 10px -10px rgba(0, 0, 0, 0.1);
top: -10px;
z-index: 2;
}
@media (max-width: 767px) {
.pricing-table .most-popular {
top: 0;
}
}
.pricing-table .most-popular h3 {
background: var(--porto-primary-color);
padding-top: 30px;
text-shadow: 0 1px #555;
}
.pricing-table .most-popular h3, .pricing-table .most-popular h3 .desc {
color: var(--porto-primary-color-inverse);
}
.pricing-table .btn {
margin-top: 5px;
}
.pricing-table .price-unit {
font-size: 50%;
line-height: 1.4;
}
.pricing-table .price-label {
display: block;
text-transform: uppercase;
color: #777;
font-size: 0.7rem;
margin-bottom: 0;
}
.pricing-table-sm h3 .desc {
font-size: 0.7em;
}
.pricing-table-sm .plan-price {
height: 70px;
margin: 10px auto -65px;
width: 70px;
border: 3px solid var(--porto-light-2);
box-shadow: 0 5px 20px var(--porto-gray-bg) inset, 0 3px 0 var(--porto-gray-6) inset;
}
.pricing-table-sm .price {
font: bold 19px/19px Georgia, serif;
line-height: 1;
}
.pricing-table-sm .most-popular {
padding-bottom: 30px;
}
.pricing-table-flat .plan {
padding-left: 0;
padding-right: 0;
padding-bottom: 15px;
margin: -1px;
}
.pricing-table-flat .plan h3 {
padding-left: 0;
padding-right: 0;
margin: -20px 0 0;
padding-top: 30px;
text-shadow: 0 1px #555;
}
.pricing-table-flat .plan ul {
margin-top: 0;
margin-bottom: -15px;
}
.pricing-table-flat .plan ul li {
padding: 8px 0;
}
.pricing-table-flat .plan.most-popular ul li {
padding: 10px 0;
}
.pricing-table-flat .plan-btn-bottom li:last-child {
border-bottom: 1px solid var(--porto-gray-5);
}
.pricing-table-flat .plan-price {
background: none;
border-radius: 0;
border: 0;
box-shadow: none;
width: 100%;
font-family: var(--porto-body-ff), sans-serif;
font-size: 1.5em;
height: auto;
line-height: 38px;
margin: 0;
}
.pricing-table-flat .plan h3 {
background: var(--porto-primary-color);
}
.pricing-table-flat .price, .pricing-table-flat .plan h3, .pricing-table-flat .plan h3 .desc {
color: var(--porto-primary-color-inverse);
}
.pricing-table-flat .btn-top {
margin-top: 13px;
margin-bottom: 13px;
}
.pricing-table-flat .btn-bottom {
margin-top: 30px;
}
.pricing-table.spaced [class*="col-lg-"] {
padding-left: 2px;
padding-right: 2px;
}
.pricing-table.no-borders .plan, .pricing-table.no-borders .plan-ribbon-wrapper {
--porto-price-table-bd: 0px !important;
}
.pricing-table-classic .plan {
padding: 0 0 2.5rem 0;
margin: -1px;
}
.pricing-table-classic .plan h3 {
margin: 0;
padding: 0;
line-height: 1;
font-size: 0.8rem;
}
.pricing-table-classic .plan h3 strong {
display: block;
padding: 1.5rem 1rem;
background: #fff;
margin: -1px -1px 0;
}
.pricing-table-classic .plan h3 .desc {
display: none;
}
.pricing-table-classic .plan ul {
margin-top: 0;
padding: 0.8rem 0.8rem 1.4rem;
font-size: 0.9em;
}
.pricing-table-classic .plan ul li {
padding: 8px 0;
border-top: none;
border-bottom: 1px solid #ededed;
}
.pricing-table-classic .plan ul li:last-child {
border-bottom: none;
}
.pricing-table-classic .plan.most-popular ul {
font-size: 0.8rem;
}
.pricing-table-classic .plan.most-popular ul li {
padding: 10px 0;
}
.pricing-table-classic .most-popular {
box-shadow: 0px 0px 40px rgba(200, 200, 200, 0.3);
transform: scale(1.15);
top: auto;
}
.pricing-table-classic .most-popular h3 strong {
background-color: var(--porto-primary-color);
}
@media (max-width: 767px) {
.pricing-table-classic .most-popular {
transform: none;
}
}
.pricing-table-classic .plan-price {
border-radius: 0;
width: 100%;
margin: 0;
padding: 2rem 0.8rem;
height: auto;
line-height: 1;
}
.pricing-table-classic .price {
font-size: 2.7rem;
font-weight: 600;
font-family: inherit;
color: var(--porto-heading-color);
}
.pricing-table-classic.pricing-table-sm .plan h3 strong {
padding: 0.95rem 1rem;
}
.pricing-table-classic.spaced [class*="col-lg-"] {
padding-left: var(--porto-column-spacing);
padding-right: var(--porto-column-spacing);
}
.pricing-table.pricing-table-classic .plan {
border-color: #ededed;
border-radius: 0;
text-shadow: none;
}
.pricing-table.pricing-table-classic .plan h3 {
background: none;
}
.pricing-table.pricing-table-classic .most-popular h3 {
text-shadow: none;
}
.pricing-table.pricing-table-classic .plan-price {
box-shadow: none;
background: var(--porto-gray-1);
border: 0;
}  .pricing-table .plan-primary h3, .pricing-table-classic .plan-primary h3 strong {
background-color: var(--porto-primary-color);
color: var(--porto-primary-color-inverse, #FFF);
}
.pricing-table .plan-primary h3 .desc, .pricing-table-flat .plan-primary .price {
color: var(--porto-primary-color-inverse, #FFF);
}
.pricing-table .plan-primary {
border-color: var(--porto-primary-color);
}
.pricing-table .plan-secondary h3, .pricing-table-classic .plan-secondary h3 strong {
background-color: var(--porto-secondary-color);
color: var(--porto-secondary-color-inverse, #FFF);
}
.pricing-table .plan-secondary h3 .desc, .pricing-table-flat .plan-secondary .price {
color: var(--porto-secondary-color-inverse, #FFF);
}
.pricing-table .plan-secondary {
border-color: var(--porto-secondary-color);
}
.pricing-table .plan-tertiary h3, .pricing-table-classic .plan-tertiary h3 strong {
background-color: var(--porto-tertiary-color);
color: var(--porto-tertiary-color-inverse, #FFF);
}
.pricing-table .plan-tertiary h3 .desc, .pricing-table-flat .plan-tertiary .price {
color: var(--porto-tertiary-color-inverse, #FFF);
}
.pricing-table .plan-tertiary {
border-color: var(--porto-tertiary-color);
}
.pricing-table .plan-quaternary h3, .pricing-table-classic .plan-quaternary h3 strong {
background-color: var(--porto-quaternary-color);
color: var(--porto-quaternary-color-inverse, #FFF);
}
.pricing-table .plan-quaternary h3 .desc, .pricing-table-flat .plan-quaternary .price {
color: var(--porto-quaternary-color-inverse, #FFF);
}
.pricing-table .plan-quaternary {
border-color: var(--porto-quaternary-color);
}
.pricing-table .plan-dark h3, .pricing-table-classic .plan-dark h3 strong {
background-color: var(--porto-dark-color);
color: var(--porto-dark-color-inverse, #FFF);
}
.pricing-table .plan-dark h3 .desc, .pricing-table-flat .plan-dark .price {
color: var(--porto-dark-color-inverse, #FFF);
}
.pricing-table .plan-dark {
border-color: var(--porto-dark-color);
}
.pricing-table .plan-light h3, .pricing-table-classic .plan-light h3 strong {
background-color: var(--porto-light-color);
color: var(--porto-light-color-inverse, #212529);
}
.pricing-table .plan-light h3 .desc, .pricing-table-flat .plan-light .price {
color: var(--porto-light-color-inverse, #212529);
}
.pricing-table .plan-light {
border-color: var(--porto-light-color);
} @media (max-width: 767px) { .pricing-table {
margin-left: 0px;
}
.pricing-table .plan {
margin-right: 0;
}
} .slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-loading .slick-list {
background: #fff url(https://www.muehlebirgel.de/wp-content/themes/porto/images/AjaxLoader.gif) center center no-repeat;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img {
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
zoom: 1;
}
.slick-track:before, .slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
.slick-loading .slick-slide {
float: none;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
outline: none;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
} .slick-prev, .slick-next {
line-height: 0;
padding: 0;
border: none;
outline: none;
}
.slick-prev:hover, .slick-prev:focus, .slick-prev:active, .slick-next:hover, .slick-next:focus, .slick-next:active {
outline: none;
background: transparent;
color: transparent;
box-shadow: none;
}
[dir="rtl"] .slick-prev {
left: auto;
right: -15px;
transform: rotate(-180deg);
}
[dir="rtl"] .slick-next {
left: -15px;
right: auto;
transform: rotate(-180deg);
} .slick-dots {
position: absolute;
bottom: -45px;
list-style: none;
display: block;
text-align: center;
padding: 0;
width: 100%;
}
.slick-dots li {
position: relative;
display: inline-block;
height: 20px;
width: 20px;
padding: 0 2px;
cursor: pointer;
}
.slick-dots li button {
border: 0;
background: transparent;
display: block;
height: 20px;
width: 20px;
outline: none;
line-height: 0;
font-size: 0;
color: transparent;
padding: 5px;
cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
opacity: 1;
}
.slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
font-size: 6px;
line-height: 20px;
text-align: center;
color: black;
opacity: 0.25;
}
.slick-dots li.slick-active button:before {
color: black;
opacity: 0.75;
}
.porto-carousel-wrapper .slick-dots li i {
opacity: 0.5;
transition: all 0.3s ease-in-out;
padding-left: 1px;
padding-right: 1px;
-webkit-appearance: initial;
}
.porto-carousel-wrapper .slick-dots li:hover i {
opacity: 1;
}
.porto-carousel-wrapper .slick-dots li.slick-active i {
opacity: 1;
}
button.slick-next:active, button.slick-prev:active {
background: initial;
border: initial;
padding: initial;
}
.porto-item-wrap > .wpb_button, .porto-item-wrap > .wpb_content_element, .porto-item-wrap > .wpb_row, .porto-item-wrap > ul.wpb_thumbnails-fluid > li, .porto-item-wrap > div {
margin-bottom: 0 !important;
}
ul.slick-dots {
margin: 0;
padding: 10px 0;
}
.slick-dots {
bottom: 0;
transform: translateY(100%);
} .porto-carousel-wrapper button {
z-index: 1;
}
.porto-carousel-wrapper button.circle-border, .porto-carousel-wrapper button.circle-bg {
border-radius: 100%;
width: 1.5em;
height: 1.5em;
line-height: 1.5em;
}
.porto-carousel-wrapper button.square-border, .porto-carousel-wrapper button.square-bg {
border-radius: 0px !important;
width: 1.6em;
height: 1.6em;
min-width: 30px;
min-height: 30px;
}
button.slick-next.circle-border i, button.slick-prev.circle-border i {
left: 50%;
top: 50%;
position: absolute;
transform: translate(-50%, -50%);
} .porto-carousel-wrapper button.slick-disabled {
opacity: 0.5;
cursor: auto;
} .porto-carousel-wrapper {
position: relative;
margin-bottom: 35px;
}
.porto-carousel-wrapper .wpb_content_element {
margin-bottom: 0;
} .porto-carousel-wrapper .slick-prev, .porto-carousel-wrapper .slick-next {
position: absolute;
top: 50%;
margin: 0;
transform: translateY(-50%);
background: none;
}
.porto-carousel-wrapper .slick-prev:hover, .porto-carousel-wrapper .slick-next:hover {
opacity: 0.8;
} .porto-carousel-wrapper ul.slick-dots {
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%;
z-index: 99;
}
.porto-item-wrap.slick-slide.animated {
opacity: 1 !important;
}
body .porto-carousel-wrapper {
padding-bottom: 0;
}
body .slick-dots {
transform: translateY(0);
}
body .porto-carousel-wrapper ul.slick-dots, body .slick-dots {
position: relative;
bottom: -5px;
margin-top: 10px;
}
body .sidebar-content .porto-carousel-wrapper ul.slick-dots, body .sidebar-content .slick-dots {
margin-top: 3px;
}
body .sidebar-content .porto-carousel-wrapper {
margin-bottom: 0;
}
body .slick-slide img {
display: inline;
}
.porto-carousel-wrapper > div:first-child {
position: relative;
display: block;
margin: 0;
padding: 0;
-webkit-touch-callout: none;
user-select: none;
-ms-touch-action: none;
-webkit-tap-highlight-color: transparent;
}
.porto-carousel-wrapper > div:first-child > .porto-item-wrap {
display: none;
}
.porto-carousel-wrapper > div:first-child > .porto-item-wrap:first-child {
display: block;
position: relative;
min-height: 200px;
}
.porto-carousel-wrapper > div:first-child > .porto-item-wrap:first-child > * {
opacity: 0;
}
.porto-carousel-wrapper > div:first-child.slick-initialized > .porto-item-wrap {
display: block;
}
.porto-carousel-wrapper > div:first-child.slick-initialized > .porto-item-wrap:first-child {
position: static;
min-height: 0;
}
.porto-carousel-wrapper > div:first-child.slick-initialized > .porto-item-wrap:first-child:before {
display: none;
}
.porto-carousel-wrapper > div:first-child.slick-initialized > .porto-item-wrap:first-child > * {
opacity: 1;
} .vc_row-no-padding .porto-carousel-wrapper .slick-next {
right: 0;
}
.vc_row-no-padding .porto-carousel-wrapper .slick-prev {
left: 0;
}
.banner-container .porto-block .porto-carousel-wrapper {
margin-bottom: 0;
}
#banner-wrapper .porto-carousel-wrapper, #content-top .porto-carousel-wrapper, #content-bottom .porto-carousel-wrapper, #content-inner-top .porto-carousel-wrapper, #content-inner-bottom .porto-carousel-wrapper {
margin-bottom: 20px;
}
#banner-wrapper .porto-carousel-wrapper .vc_single_image-wrapper, #content-top .porto-carousel-wrapper .vc_single_image-wrapper, #content-bottom .porto-carousel-wrapper .vc_single_image-wrapper, #content-inner-top .porto-carousel-wrapper .vc_single_image-wrapper, #content-inner-bottom .porto-carousel-wrapper .vc_single_image-wrapper {
width: 100%;
}
#banner-wrapper .porto-carousel-wrapper .vc_single_image-wrapper img, #content-top .porto-carousel-wrapper .vc_single_image-wrapper img, #content-bottom .porto-carousel-wrapper .vc_single_image-wrapper img, #content-inner-top .porto-carousel-wrapper .vc_single_image-wrapper img, #content-inner-bottom .porto-carousel-wrapper .vc_single_image-wrapper img {
width: 100%;
}
.porto-gallery img {
display: block;
object-fit: cover;
width: 100%;
}
.porto-gallery figure {
overflow: hidden;
position: relative;
margin-bottom: 0;
}
.porto-gallery.porto-ig-boxshadow figure {
overflow: visible;
}
.porto-gallery > figure {
padding: calc(var(--porto-el-spacing) / 2);
}
.porto-gallery .image-wrapper {
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
}
.porto-gallery.porto-gallery-grid, .porto-gallery.porto-gallery-creative, .porto-gallery.porto-gallery-masonry {
flex-wrap: wrap;
}
.porto-gallery.porto-gallery-grid.has-ccols-spacing > *, .porto-gallery.porto-gallery-creative.has-ccols-spacing > *, .porto-gallery.porto-gallery-masonry.has-ccols-spacing > * {
padding-top: calc(var(--porto-el-spacing, var(--porto-grid-gutter-width)) / 2);
padding-bottom: calc(var(--porto-el-spacing, var(--porto-grid-gutter-width)) / 2);
}
.porto-gallery.porto-preset-layout a > figure, .porto-gallery.porto-preset-layout img {
height: 100%;
}
.porto-gallery.align-items-center .owl-stage, .porto-gallery.align-items-end .owl-stage, .porto-gallery.align-items-stretch .owl-stage {
display: flex;
}
.porto-gallery.align-items-center .owl-item, .porto-gallery.align-items-end .owl-item, .porto-gallery.align-items-stretch .owl-item {
flex: 0 0 auto;
}
.porto-gallery.align-items-center .owl-stage {
align-items: center;
}
.porto-gallery.align-items-end .owl-stage {
align-items: flex-end;
}
.porto-gallery.align-items-stretch img {
height: 100%;
}
.porto-gallery.align-items-stretch .owl-item figure {
height: 100%;
} .porto-ig-effect-1 figure:before, .porto-ig-effect-1 figure:after {
content: "";
position: absolute;
opacity: 1;
z-index: 1;
}
.porto-ig-effect-1 figure:before {
background: rgba(255, 255, 255, 0.3);
bottom: 0;
left: 50%;
right: 51%;
top: 0;
}
.porto-ig-effect-1 figure:after {
bottom: 50%;
left: 0;
right: 0;
top: 50%;
}
.porto-ig-effect-1 figure:hover:before, .porto-ig-effect-1 figure:hover:after {
left: 0;
right: 0;
opacity: 0;
transition: 0.5s linear;
}
.porto-ig-effect-2 figure:before, .porto-ig-effect-2 figure:after {
content: "";
position: absolute;
background: rgba(255, 255, 255, 0.6);
height: 100%;
left: 0;
opacity: 0.4;
top: 0;
transition: 0.9s;
width: 100%;
z-index: 1;
}
.porto-ig-effect-2 figure:before {
transform: translate(105%, 0%);
}
.porto-ig-effect-2 figure:after {
transform: translate(-105%, 0%);
}
.porto-ig-effect-2 figure:hover:before, .porto-ig-effect-2 figure:hover:after {
opacity: 0;
transform: none;
}
.porto-ig-effect-3 figure:before {
content: "";
position: absolute;
top: 0;
left: 50%;
width: 120%;
height: 60px;
background: rgba(255, 255, 255, 0.1);
transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
transition: 0.5s linear;
backface-visibility: hidden;
z-index: 1;
}
.porto-ig-effect-3 figure:hover:before {
top: 100%;
left: -100%;
transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 200%, 0);
}
.porto-ig-effect-4 figure:before, .porto-ig-effect-4 figure:after {
content: "";
position: absolute;
background: rgba(255, 255, 255, 0.1);
opacity: 1;
transition: 0.5s;
z-index: 1;
}
.porto-ig-effect-4 figure:before {
bottom: 0;
left: 50%;
right: 51%;
top: 0;
}
.porto-ig-effect-4 figure:after {
bottom: 50%;
left: 0;
right: 0;
top: 50%;
}
.porto-ig-effect-4 figure:hover:before, .porto-ig-effect-4 figure:hover:after {
left: 0;
right: 0;
top: 0;
bottom: 0;
opacity: 0.5;
}
.porto-ig-zoom figure img {
transition: transform 0.3s;
}
.porto-ig-zoom figure:hover img {
transform: scale(1.08, 1.08) translateZ(0);
}
.porto-ig-fadein figure:not(.grid-col-sizer):before, .porto-ig-overlay figure:not(.grid-col-sizer):before {
content: "";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
pointer-events: none;
transition: opacity 0.4s;
background: rgba(0, 0, 0, 0.5);
}
.porto-gallery-grid.porto-ig-fadein > figure:before, .porto-gallery-grid.porto-ig-overlay > figure:before, .porto-gallery-masonry.porto-ig-fadein > figure:before, .porto-gallery-masonry.porto-ig-overlay > figure:before, .porto-gallery-creative.porto-ig-fadein > figure:before, .porto-gallery-creative.porto-ig-overlay > figure:before {
left: calc(var(--porto-el-spacing, 0px ) / 2);
top: calc(var(--porto-el-spacing, 0px ) / 2);
right: calc(var(--porto-el-spacing, 0px ) / 2);
bottom: calc(var(--porto-el-spacing, 0px ) / 2);
}
.porto-gallery.porto-carousel figure:before {
left: 0;
top: 0;
right: 0;
bottom: 0;
}
.porto-ig-fadein figure:hover:before {
opacity: 0;
}
.porto-ig-overlay figure:before {
opacity: 0;
}
.porto-ig-overlay figure:hover:before {
opacity: 1;
}
.porto-ig-overlay-icon .hover-overlay .fill, .porto-ig-overlay-icon figure .fill {
background: rgba(33, 37, 41, 0.8);
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transition: opacity 0.3s;
}
.porto-ig-overlay-icon .hover-overlay .fill i, .porto-ig-overlay-icon figure .fill i {
transition: transform 0.3s;
transform: translateY(-30%);
}
.porto-ig-overlay-icon .hover-overlay:hover .fill, .porto-ig-overlay-icon figure:hover .fill {
opacity: 1;
}
.porto-ig-overlay-icon .hover-overlay:hover .fill i, .porto-ig-overlay-icon figure:hover .fill i {
transform: translateY(0%);
}
.porto-ig-boxshadow figure img {
transition: box-shadow 0.3s;
}
.porto-ig-boxshadow figure img:hover {
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.porto-scroll-progress {
width: 100%;
pointer-events: none;
-webkit-appearance: none;
appearance: none;
border: 0;
background-color: #f4f4f4;
}
.porto-scroll-progress::-webkit-progress-bar {
background-color: #f4f4f4;
}
.porto-scroll-progress::-moz-progress-bar {
border: 0;
}
.porto-scroll-progress::-moz-progress-value {
background-color: var(--porto-primary-color);
}
.porto-scroll-progress::-webkit-progress-value {
background-color: var(--porto-primary-color);
}
.porto-scroll-progress:focus {
outline: none;
}
.admin-bar .porto-scroll-progress.fixed-top {
top: 32px;
}
@media screen and (max-width: 782px) {
.admin-bar .porto-scroll-progress.fixed-top {
top: 46px;
}
}
@media screen and (max-width: 600px) {
.admin-bar .porto-scroll-progress.fixed-top {
top: 0;
}
}
.porto-scroll-progress.fixed-under-header {
display: none;
opacity: 1;
visibility: visible;
transform: translate3d(0, 0, 0);
transition: 0.3s ease;
}
.porto-scroll-progress.fixed-under-header.scroll-down {
opacity: 0 !important;
visibility: hidden;
transform: translate3d(0, -100%, 0);
}
.porto-scroll-progress.fixed-bottom {
z-index: 1050;
}
.porto-scroll-progress-circle {
position: fixed;
z-index: 1299;
right: 1.25rem;
bottom: 1.25rem;
width: 3rem;
height: 3rem;
padding: 1px;
background: none;
font-size: 0.75rem;
pointer-events: auto;
opacity: 0;
transform: translateY(20px);
transition: opacity 0.3s, transform 0.3s;
}
.porto-scroll-progress-circle.show {
opacity: 1;
transform: translateY(0);
}
.porto-scroll-progress-circle.pos-bl, .porto-scroll-progress-circle.pos-tl {
left: 1.25rem;
right: auto;
}
.porto-scroll-progress-circle.pos-tl, .porto-scroll-progress-circle.pos-tr {
top: 1.25rem;
bottom: auto;
}
.porto-scroll-progress-circle svg {
border-radius: 50px;
overflow: visible;
}
.porto-scroll-progress-circle i {
position: absolute;
width: 80%;
height: 80%;
left: 10%;
top: 10%;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
border-radius: 50%;
z-index: 1;
background-color: var(--porto-dark-color);
}
.porto-scroll-progress-circle circle {
stroke: var(--porto-primary-color);
stroke-width: 4px;
stroke-linecap: round;
stroke-dasharray: 1, 400;
}
@media (max-width: 767px) {
.porto-scroll-progress-circle {
display: none;
}
} .cursor-outer {
position: fixed;
left: 0;
top: 0;
width: 40px;
height: 40px;
border: 1px solid var(--porto-primary-color);
border-radius: 100%;
pointer-events: none;
z-index: 9998;
transition: ease-out all 0.08s 0.01s;
}
.cursor-outer.cursor-outer-fit {
left: 0 !important;
top: 0 !important;
}
.cursor-inner {
position: fixed;
left: 20px;
top: 20px;
align-items: center;
justify-content: center;
color: var(--porto-primary-color);
margin-top: calc(var(--porto-cursor-inner-size, 0) / -2);
margin-left: calc(var(--porto-cursor-inner-size, 0) / -2);
border-radius: 100%;
pointer-events: none;
z-index: 9999;
transition: all 0.08s ease-out;
}
.cursor-inner-icon {
font-size: var(--porto-cursor-inner-fs, 6px);
min-width: 1em;
margin-top: calc(var(--porto-cursor-inner-size, 1em) / -2);
margin-left: calc(var(--porto-cursor-inner-size, 1em) / -2);
}
.cursor-hover-visible {
opacity: 0;
}
.cursor-hover-visible.cursor-outer-hover, .cursor-hover-visible.cursor-inner-hover {
opacity: 1;
}
.hide-mouse-cursor {
cursor: none;
}
.hide-mouse-cursor a, .hide-mouse-cursor button, .hide-mouse-cursor input, .hide-mouse-cursor textarea, .hide-mouse-cursor .mfp-auto-cursor .mfp-content {
cursor: none !important;
}
.cursor-shape-wrapper {
position: relative !important;
overflow: hidden !important;
}
.cursor-shape-wrapper .cursor-shape {
display: block;
position: absolute;
pointer-events: none;
padding: 0;
border-radius: 50%;
}
.cursor-inner, .cursor-outer {
display: none;
}
@media (pointer: fine) {
.cursor-inner {
display: flex;
}
.cursor-outer {
display: block;
}
} .vc_custom_heading.heading-m-none > *, .vc_custom_heading.m-b-none > * {
margin-bottom: 0;
}
.vc_custom_heading.big h1 {
font-size: 4.2em;
line-height: 54px;
}
.vc_custom_heading.short h1 {
margin-bottom: 15px;
}
.vc_custom_heading.short h2 {
margin-bottom: 15px;
}
.vc_custom_heading.short h3, .vc_custom_heading.short h4, .vc_custom_heading.short h5, .vc_custom_heading.short h6 {
margin-bottom: 9px;
}
.vc_custom_heading.shorter h1, .vc_custom_heading.shorter h2, .vc_custom_heading.shorter h3, .vc_custom_heading.shorter h4, .vc_custom_heading.shorter h5, .vc_custom_heading.shorter h6 {
margin-bottom: 0;
}
.vc_custom_heading.tall h1, .vc_custom_heading.tall h2, .vc_custom_heading.tall h3, .vc_custom_heading.tall h4, .vc_custom_heading.tall h5, .vc_custom_heading.tall h6 {
margin-bottom: 33px;
}
.vc_custom_heading.taller h1, .vc_custom_heading.taller h2, .vc_custom_heading.taller h3, .vc_custom_heading.taller h4, .vc_custom_heading.taller h5, .vc_custom_heading.taller h6 {
margin-bottom: 44px;
}
.vc_custom_heading.spaced h1, .vc_custom_heading.spaced h2, .vc_custom_heading.spaced h3, .vc_custom_heading.spaced h4, .vc_custom_heading.spaced h5, .vc_custom_heading.spaced h6 {
margin-top: 33px;
}
.vc_custom_heading.more-spaced h1, .vc_custom_heading.more-spaced h2, .vc_custom_heading.more-spaced h3, .vc_custom_heading.more-spaced h4, .vc_custom_heading.more-spaced h5, .vc_custom_heading.more-spaced h6 {
margin-top: 44px;
}
.vc_custom_heading em {
font-family: var(--porto-alt-ff, var(--porto-body-ff)), sans-serif;
color: var(--porto-primary-color);
}
.vc_custom_heading .heading-tag {
font-family: inherit;
}   .section-video {
-webkit-transform: translate3d(0, 0, 0);
background-position: 50% 50%;
background-repeat: no-repeat;
padding: 50px 0;
position: relative;
overflow: hidden;
min-width: 100%;
}
.section-video > div:first-child {
padding: 0;
}
.section-video.skrollable {
position: absolute;
left: 0;
top: 0;
padding: 0;
}
.section-video video {
max-width: none;
}
.section-video .container {
position: relative;
z-index: 3;
}
.section-video .video-overlay {
background: transparent url(https://www.muehlebirgel.de/wp-content/themes/porto/images/video-overlay.png) repeat 0 0;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
}
.section-video.video-overlay-dark .video-overlay {
background-image: url(https://www.muehlebirgel.de/wp-content/themes/porto/images/video-overlay-dark.png);
}
html.boxed .section-video > div:first-child {
z-index: 0 !important;
}
html.boxed .section-video > div:first-child video {
z-index: 0 !important;
} div.wpb_single_image .vc_single_image-wrapper.vc_box_border, div.wpb_single_image .vc_single_image-wrapper.vc_box_outline, div.wpb_single_image .vc_single_image-wrapper.vc_box_shadow_border {
padding: 4px;
}
div.wpb_single_image .vc_single_image-wrapper.vc_box_border img, div.wpb_single_image .vc_single_image-wrapper.vc_box_outline img, div.wpb_single_image .vc_single_image-wrapper.vc_box_shadow_border img {
border-width: 0;
}
div.wpb_single_image .vc_single_image-wrapper.vc_box_border_circle, div.wpb_single_image .vc_single_image-wrapper.vc_box_outline_circle, div.wpb_single_image .vc_single_image-wrapper.vc_box_shadow_border_circle {
padding: 4px;
}
div.wpb_single_image .vc_single_image-wrapper.vc_box_border_circle img, div.wpb_single_image .vc_single_image-wrapper.vc_box_outline_circle img, div.wpb_single_image .vc_single_image-wrapper.vc_box_shadow_border_circle img {
border-width: 0;
}
div.wpb_single_image .vc_single_image-wrapper.vc_box_shadow_3d img {
margin-bottom: -4px;
}
div.wpb_single_image .vc_single_image-wrapper.vc_box_shadow_border, div.wpb_single_image .vc_single_image-wrapper.vc_box_shadow_border_circle {
background: var(--porto-normal-bg);
}
div.wpb_single_image .vc_single_image-wrapper.vc_box_outline.vc_box_border_grey, div.wpb_single_image .vc_single_image-wrapper.vc_box_outline_circle.vc_box_border_grey {
background: var(--porto-normal-bg);
border-color: var(--porto-gray-5);
}
div.wpb_single_image .porto-vc-zoom {
display: inline-block;
position: relative;
max-width: 100%;
}
div.wpb_single_image .porto-vc-zoom.porto-vc-zoom-hover-icon {
position: relative;
}
div.wpb_single_image .porto-vc-zoom.porto-vc-zoom-hover-icon img {
position: relative;
z-index: 1;
}
div.wpb_single_image .porto-vc-zoom.porto-vc-zoom-hover-icon:before {
transition: 0.2s;
background: rgba(0, 0, 0, 0.65);
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
opacity: 0;
z-index: 2;
}
div.wpb_single_image .porto-vc-zoom.porto-vc-zoom-hover-icon:after {
transition: 0.2s;
font-family: var(--fa-style-family-classic, "Font Awesome 6 Free");
font-weight: 900;
color: #fff;
content: "";
font-size: 30px;
height: 30px;
position: absolute;
top: 30%;
margin-top: -15px;
display: block;
text-align: center;
width: 100%;
opacity: 0;
z-index: 3;
}
div.wpb_single_image .porto-vc-zoom.porto-vc-zoom-hover-icon:hover:before {
opacity: 1;
}
div.wpb_single_image .porto-vc-zoom.porto-vc-zoom-hover-icon:hover:after {
top: 50%;
opacity: 1;
}
div.wpb_single_image .porto-vc-zoom .zoom-icon {
background: var(--porto-primary-color);
color: #fff;
border-radius: 100%;
width: 30px;
height: 30px;
position: absolute;
padding: 0;
line-height: 28px;
display: block;
bottom: 8px;
right: 8px;
text-align: center;
}
div.wpb_single_image .porto-vc-zoom .zoom-icon:hover {
background-color: var(--porto-primary-light-5);
}
div.wpb_single_image .porto-vc-zoom .zoom-icon:before {
font-family: var(--fa-style-family-classic, "Font Awesome 6 Free");
font-weight: 900;
content: "";
}
div.wpb_single_image .vc_figure {
max-width: 100%;
}
div.wpb_single_image .vc_figure .vc_single_image-wrapper {
margin-bottom: 0;
}
div.wpb_single_image .vc_figure .vc_figure-caption {
margin-top: 0.5em;
}
div.wpb_single_image.vc_box_border, div.wpb_single_image.vc_box_outline, div.wpb_single_image.vc_box_shadow_border {
padding: 4px;
}
div.wpb_single_image.vc_box_border img, div.wpb_single_image.vc_box_outline img, div.wpb_single_image.vc_box_shadow_border img {
border-width: 0;
}
.porto-carousel .vc_single_image-wrapper.vc_box_border, .porto-carousel .vc_single_image-wrapper.vc_box_outline, .porto-carousel .vc_single_image-wrapper.vc_box_shadow_border, .porto-carousel .vc_single_image-wrapper.vc_box_border_circle, .porto-carousel .vc_single_image-wrapper.vc_box_outline_circle, .porto-carousel .vc_single_image-wrapper.vc_box_shadow_border_circle {
margin: 2px;
}
.wpb_single_image.vc_align_right {
text-align: right;
}
.wpb_single_image.vc_align_left {
text-align: left;
} .wpb_text_column.featured {
font-size: 1.25rem;
line-height: 1.8rem;
}
.wpb_text_column.short {
margin-bottom: 0;
}
.wpb_text_column.tall {
margin-bottom: 20px;
}
.wpb_text_column.taller {
margin-bottom: 40px;
}
.wpb_text_column .alternative-font {
display: inline-block;
margin-top: -15px;
position: relative;
top: 3px;
margin-bottom: -6px;
}
.lead, .wpb_text_column.lead, .wpb_text_column.lead p {
line-height: 1.8rem;
letter-spacing: -0.05em;
} .content-switcher-wrapper.tabs {
margin-bottom: 0;
}
.content-switcher-wrapper .switch-input {
position: relative;
width: 5em;
height: 2.5em;
font-size: 9px;
margin-left: 30px;
margin-right: 30px;
}
.content-switcher-wrapper .switch-input .switch-toggle {
width: 0;
height: 0;
opacity: 0;
}
.content-switcher-wrapper .switch-input .switcher-label {
transition: color 0.3s;
}
.content-switcher-wrapper .toggle-button {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border: 1px solid rgba(0, 0, 0, 0.25);
border-radius: 2em;
background-color: #fff;
transition: background-color 0.3s, border-color 0.3s;
cursor: pointer;
overflow: hidden;
}
.content-switcher-wrapper .toggle-button::before {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 1.7em;
height: 1.7em;
left: 0.4em;
content: "";
border-radius: 50%;
background-color: rgba(0, 0, 0, 0.25);
transition: left 0.3s, background-color 0.3s;
}
.content-switcher-wrapper .switch-toggle:checked + .toggle-button::before {
left: calc(2.9em - 2px);
}
.content-switcher-wrapper .switch-content {
display: none;
}
.content-switcher-wrapper .switch-content.active {
display: block;
}
.content-switcher-wrapper .content-switch {
align-items: center;
text-align: center;
}
.content-switcher-wrapper .tab-content {
border: 0;
box-shadow: none;
}
.inline-block {
display: inline-block;
}