.calculator-widget {
max-width: 1200px;
margin: 0 auto;
padding: 40px 20px;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
background: #fff;
} .calculator-progress {
margin-bottom: 60px;
position: relative;
}
.progress-line {
position: absolute;
top: 30px;
left: 0;
right: 0;
height: 2px;
background: #E0E0E0;
z-index: 0;
}
.progress-steps {
display: flex;
justify-content: space-between;
position: relative;
z-index: 1;
max-width: 800px;
margin: 0 auto;
}
.progress-step {
display: flex;
flex-direction: column;
align-items: center;
flex: 1;
}
.step-number {
width: 60px;
height: 60px;
border-radius: 8px;
background: #F5F5F5;
border: 2px solid #E0E0E0;
color: #999;
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
font-weight: 600;
margin-bottom: 10px;
transition: all 0.3s;
position: relative;
z-index: 2;
}
.progress-step.active .step-number {
background: var(--primary-color, #B8860B);
border-color: var(--primary-color, #B8860B);
color: #fff;
}
.step-label {
font-size: 14px;
color: #666;
text-align: center;
font-weight: 500;
}
.progress-step.active .step-label {
color: #333;
font-weight: 600;
} .calculator-steps {
position: relative;
min-height: 400px;
}
.calculator-step {
display: none;
animation: fadeIn 0.3s ease-in;
}
.calculator-step.active {
display: block;
}
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.step-title {
font-size: 36px;
font-weight: 700;
margin-bottom: 10px;
text-align: left;
color: #333;
}
.step-subtitle {
font-size: 16px;
color: #999;
margin-bottom: 40px;
text-align: left;
} .calculator-form {
max-width: 800px;
margin: 0 auto;
}
.form-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
margin-bottom: 20px;
}
.form-group {
margin-bottom: 0;
}
.form-group label {
display: block;
margin-bottom: 8px;
font-size: 14px;
font-weight: 600;
color: #333;
}
.form-group input,
.form-group textarea {
width: 100%;
padding: 12px 15px;
border: 2px solid #E0E0E0;
border-radius: 8px;
font-size: 16px;
transition: border-color 0.3s;
box-sizing: border-box;
font-family: inherit;
}
.form-group input:focus,
.form-group textarea:focus {
outline: none;
border-color: var(--primary-color, #B8860B);
}
.form-group textarea {
resize: vertical;
min-height: 120px;
} .gdpr-group {
margin-top: 25px;
margin-bottom: 10px;
}
.gdpr-checkbox-label {
display: flex;
align-items: flex-start;
cursor: pointer;
font-weight: 400 !important;
font-size: 14px;
line-height: 1.5;
}
.gdpr-checkbox {
width: 20px;
height: 20px;
min-width: 20px;
margin-right: 12px;
margin-top: 2px;
cursor: pointer;
accent-color: var(--primary-color, #B8860B);
}
.gdpr-checkbox:focus {
outline: 2px solid var(--primary-color, #B8860B);
outline-offset: 2px;
}
.gdpr-checkbox-text {
color: #666;
font-weight: 400;
}
.form-actions {
display: flex;
gap: 15px;
margin-top: 40px;
justify-content: flex-start;
}
.calculator-btn {
padding: 14px 40px;
border: none;
border-radius: 8px;
font-size: 16px;
font-weight: 600;
cursor: pointer;
transition: all 0.3s;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.calculator-btn.calculator-next,
.calculator-btn.calculator-send {
background-color: var(--primary-color, #B8860B);
color: #fff;
}
.calculator-btn.calculator-next:hover,
.calculator-btn.calculator-send:hover {
background-color: var(--primary-color, #B8860B);
opacity: 0.9;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.calculator-btn.calculator-back {
background-color: #2C2C2C;
color: #fff;
}
.calculator-btn.calculator-back:hover {
background-color: #1a1a1a;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.calculator-btn:disabled {
opacity: 0.6;
cursor: not-allowed;
transform: none;
} .services-grid {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 20px;
margin-bottom: 40px;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.service-box {
position: relative;
background-color: #2C2C2C;
border-radius: 12px;
padding: 20px;
text-align: center;
cursor: pointer;
transition: all 0.3s;
border: 3px solid transparent;
min-height: 280px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.service-box:hover {
transform: translateY(-5px);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
}
.service-box.selected {
border-color: var(--primary-color, #B8860B);
}
.service-image {
margin-bottom: 15px;
flex: 1;
display: flex;
align-items: center;
justify-content: center;
min-height: 150px;
}
.service-image img {
max-width: 100%;
max-height: 150px;
object-fit: contain;
}
.service-content {
margin-bottom: 15px;
}
.service-title {
color: #fff;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
line-height: 1.4;
}
.service-checkbox {
position: absolute;
top: 15px;
right: 15px;
}
.service-checkbox input[type="checkbox"] {
display: none;
}
.service-checkbox label {
display: block;
width: 24px;
height: 24px;
border: 2px solid #fff;
border-radius: 4px;
cursor: pointer;
position: relative;
transition: all 0.3s;
background: transparent;
}
.service-checkbox input[type="checkbox"]:checked + label {
background-color: var(--primary-color, #B8860B);
border-color: var(--primary-color, #B8860B);
}
.service-checkbox input[type="checkbox"]:checked + label::after {
content: '✓';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #fff;
font-size: 16px;
font-weight: bold;
} .categories-section {
max-width: 800px;
margin: 0 auto;
}
.categories-placeholder {
background: #F9F9F9;
padding: 40px;
border-radius: 8px;
text-align: center;
color: #999;
} .summary-section {
max-width: 100%;
margin: 0 auto;
}
.summary-box {
background-color: #F5F5F5;
padding: 20px;
border-radius: 8px;
margin-bottom: 20px;
}
.summary-box h3 {
margin-top: 0;
margin-bottom: 20px;
color: #333;
font-size: 20px;
font-weight: 700;
}
.summary-info {
margin-bottom: 20px;
}
.summary-info-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px 20px;
}
.summary-info-grid p {
margin: 8px 0;
}
.summary-info h4 {
margin-top: 0;
margin-bottom: 15px;
color: #333;
font-size: 16px;
font-weight: 600;
}
.summary-info p {
margin: -4px 0;
color: #666;
font-size: 16px;
line-height: 1.6;
}
.summary-info p strong {
color: #333;
font-weight: 600;
margin-right: 8px;
}
.summary-services {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #E0E0E0;
}
.summary-services h4 {
margin-top: 0;
margin-bottom: 10px;
color: #333;
font-size: 16px;
}
.summary-services p {
margin: 5px 0;
color: #666;
font-size: 16px;
line-height: 1.6;
} .calculator-success {
text-align: center;
padding: 60px 20px;
animation: fadeIn 0.5s ease-in;
}
.success-icon {
margin-bottom: 30px;
color: var(--primary-color, #B8860B);
}
.success-icon svg {
display: block;
margin: 0 auto;
}
.success-circle {
stroke-dasharray: 238;
stroke-dashoffset: 238;
transition: stroke-dashoffset 0.6s ease-in-out;
}
.success-circle.animate {
stroke-dashoffset: 0;
}
.success-check {
stroke-dasharray: 50;
stroke-dashoffset: 50;
transition: stroke-dashoffset 0.4s ease-in-out 0.3s;
}
.success-check.animate {
stroke-dashoffset: 0;
}
.success-message {
font-size: 24px;
font-weight: 600;
color: #333;
margin-top: 20px;
} @media (max-width: 1024px) {
.services-grid {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 768px) {
.calculator-widget {
padding: 20px 15px;
}
.progress-steps {
flex-wrap: wrap;
gap: 20px;
}
.step-number {
width: 50px;
height: 50px;
font-size: 20px;
}
.step-label {
font-size: 12px;
}
.step-title {
font-size: 28px;
margin-bottom: 8px;
}
.step-subtitle {
font-size: 14px;
margin-bottom: 30px;
}
.form-row {
grid-template-columns: 1fr;
gap: 15px;
}
.services-grid {
grid-template-columns: repeat(2, 1fr);
gap: 15px;
}
.service-box {
min-height: 240px;
padding: 15px;
}
.service-title {
font-size: 12px;
}
.form-actions {
flex-direction: column;
}
.calculator-btn {
width: 100%;
}
.summary-info-grid {
grid-template-columns: 1fr;
}
}
@media (max-width: 480px) {
.step-title {
font-size: 24px;
}
.form-group input,
.form-group textarea {
padding: 10px 12px;
font-size: 14px;
}
.services-grid {
grid-template-columns: 1fr;
}
.service-box {
min-height: 200px;
}
.success-message {
font-size: 20px;
}
.progress-steps {
gap: 10px;
}
.step-number {
width: 40px;
height: 40px;
font-size: 18px;
}
.step-label {
font-size: 11px;
}
}.wpa-test-msg{background: #d1ecf1 !important; border: 1px solid #bee5eb !important; border-radius: 5px !important;color: #0c5460 !important; font-size: 14px !important; padding:.75rem 1.25rem !important; font-family: Arial !important; margin-top:5px !important;}
span.wpa-button{ display: inline-block !important; padding-top: 5px !important; color: #fff !important;background-color: #6c757d !important;border-color: #6c757d !important; padding: 5px 10px !important; border-radius: 5px !important; margin-top:5px !important;  cursor: pointer !important; }
#altEmail_container, .altEmail_container{position:absolute !important; overflow: hidden !important; display: inline !important; height:1px !important; width: 1px !important;z-index:-1000 !important;}.image-showcase-container {
position: relative;
width: 100%;
} .image-showcase-grid {
display: grid;
grid-gap: 30px;
position: relative;
}
.image-showcase-grid[data-columns="1"] { grid-template-columns: repeat(1, 1fr); }
.image-showcase-grid[data-columns="2"] { grid-template-columns: repeat(2, 1fr); }
.image-showcase-grid[data-columns="3"] { grid-template-columns: repeat(3, 1fr); }
.image-showcase-grid[data-columns="4"] { grid-template-columns: repeat(4, 1fr); }
.image-showcase-grid[data-columns="5"] { grid-template-columns: repeat(5, 1fr); }
.image-showcase-grid[data-columns="6"] { grid-template-columns: repeat(6, 1fr); } .showcase-item {
position: relative;
overflow: hidden;
border-radius: 16px;
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
display: block;
text-decoration: none;
color: inherit;
background: #1a1a1a;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
cursor: pointer;
}
.showcase-item:hover {
transform: translateY(-8px);
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
}
.showcase-item-inner {
position: relative;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
} .showcase-item-image {
position: relative;
overflow: hidden;
background: #2a2a2a;
height: auto;
min-height: 200px;
width: 100%;
}
.showcase-item-image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.showcase-item:hover .showcase-item-image img {
transform: scale(1.1);
}
.image-showcase-container[data-image-ratio="original"] .showcase-item-image,
.image-showcase-container[data-image-ratio="custom"] .showcase-item-image {
min-height: 0;
}
.image-showcase-container[data-image-ratio="1-1"] .showcase-item-image {
aspect-ratio: 1 / 1;
min-height: 0;
}
.image-showcase-container[data-image-ratio="4-3"] .showcase-item-image {
aspect-ratio: 4 / 3;
min-height: 0;
}
.image-showcase-container[data-image-ratio="16-9"] .showcase-item-image {
aspect-ratio: 16 / 9;
min-height: 0;
}
.image-showcase-container[data-image-ratio="21-9"] .showcase-item-image {
aspect-ratio: 21 / 9;
min-height: 0;
}
.image-showcase-container[data-image-ratio="9-16"] .showcase-item-image {
aspect-ratio: 9 / 16;
min-height: 0;
} .showcase-glassmorphism-box {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: rgba(255, 255, 255, 0.07);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.18);
border-radius: 16px 16px 0 0;
padding: 20px;
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
z-index: 2;
min-height: 80px;
box-shadow: 0 -4px 30px rgba(0, 0, 0, 0.1);
} .showcase-glassmorphism-box {
background: linear-gradient(
135deg,
rgba(255, 255, 255, 0.1) 0%,
rgba(255, 255, 255, 0.05) 100%
);
border-top: 1px solid rgba(255, 255, 255, 0.2);
} .showcase-glassmorphism-content {
position: relative;
color: #ffffff;
}
.showcase-item-title {
font-size: 20px;
font-weight: 600;
margin: 0 0 8px;
color: #ffffff;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
transition: all 0.3s ease;
} .showcase-expandable-content {
max-height: 0;
overflow: hidden;
opacity: 0;
transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.showcase-item:hover .showcase-expandable-content {
max-height: 300px;
opacity: 1;
margin-top: 10px;
}
.showcase-item-subtitle {
font-size: 14px;
margin: 0 0 10px;
color: rgba(255, 255, 255, 0.8);
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1px;
}
.showcase-item-description {
font-size: 14px;
line-height: 1.6;
color: rgba(255, 255, 255, 0.7);
margin-bottom: 15px;
} .showcase-item-button {
display: inline-flex;
align-items: center;
padding: 10px 20px;
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 8px;
color: #ffffff;
font-size: 14px;
font-weight: 500;
cursor: pointer;
transition: all 0.3s ease;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
margin-top: 10px;
}
.showcase-item-button:hover {
background: rgba(255, 255, 255, 0.2);
border-color: rgba(255, 255, 255, 0.3);
transform: translateX(5px);
}
.showcase-item-button i {
margin-left: 8px;
transition: transform 0.3s ease;
}
.showcase-item-button:hover i {
transform: translateX(3px);
} .showcase-item-badge {
position: absolute;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: #fff;
padding: 6px 14px;
font-size: 11px;
font-weight: 600;
z-index: 3;
border-radius: 20px;
text-transform: uppercase;
letter-spacing: 1px;
box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);
}
.badge-top-left {
top: 15px;
left: 15px;
}
.badge-top-right {
top: 15px;
right: 15px;
}
.badge-bottom-left {
bottom: 100px;
left: 15px;
}
.badge-bottom-right {
bottom: 100px;
right: 15px;
} [data-hover-effect="expand"] .showcase-glassmorphism-box {
height: 80px;
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
[data-hover-effect="expand"] .showcase-item:hover .showcase-glassmorphism-box {
height: auto;
min-height: 150px;
background: rgba(255, 255, 255, 0.12);
} @keyframes slideUp {
from {
transform: translateY(20px);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
.showcase-item:hover .showcase-item-subtitle {
animation: slideUp 0.4s ease forwards;
animation-delay: 0.1s;
}
.showcase-item:hover .showcase-item-description {
animation: slideUp 0.4s ease forwards;
animation-delay: 0.2s;
}
.showcase-item:hover .showcase-item-button {
animation: slideUp 0.4s ease forwards;
animation-delay: 0.3s;
} .showcase-item-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
background: rgba(255, 255, 255, 0.1);
border-radius: 12px;
margin-bottom: 15px;
font-size: 24px;
color: #ffffff;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.2);
} .showcase-item.has-animation {
opacity: 0;
transform: translateY(30px);
}
.showcase-item.has-animation.animated {
opacity: 1;
transform: translateY(0);
transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.showcase-item.fadeInUp.animated {
animation: fadeInUp 0.6s forwards;
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
} .showcase-masonry {
column-count: 3;
column-gap: 30px;
}
.showcase-masonry .showcase-item {
break-inside: avoid;
margin-bottom: 30px;
} .showcase-carousel,
.showcase-slider {
position: relative;
overflow: hidden;
}
.showcase-carousel .image-showcase-grid,
.showcase-slider .image-showcase-grid {
display: flex;
gap: 30px;
transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.showcase-carousel .showcase-item,
.showcase-slider .showcase-item {
flex: 0 0 auto;
width: calc(33.333% - 20px);
} .showcase-nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.2);
color: #fff;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
border-radius: 50%;
transition: all 0.3s ease;
z-index: 10;
}
.showcase-nav:hover {
background: rgba(255, 255, 255, 0.2);
transform: translateY(-50%) scale(1.1);
}
.showcase-prev {
left: 20px;
}
.showcase-next {
right: 20px;
} .showcase-pagination {
position: absolute;
bottom: 20px;
left: 0;
right: 0;
display: flex;
justify-content: center;
gap: 10px;
z-index: 10;
transform: none;
}
.showcase-pagination-dot {
width: 10px;
height: 10px;
background: rgba(255, 255, 255, 0.3);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 50%;
cursor: pointer;
transition: all 0.3s ease;
}
.showcase-pagination-dot.active {
background: rgba(255, 255, 255, 0.8);
width: 30px;
border-radius: 5px;
} .showcase-filter {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 15px;
margin-bottom: 40px;
}
.filter-btn {
padding: 10px 25px;
background: rgba(255, 255, 255, 0.07);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.18);
border-radius: 25px;
color: #ffffff;
cursor: pointer;
transition: all 0.3s ease;
font-size: 14px;
font-weight: 500;
}
.filter-btn:hover {
background: rgba(255, 255, 255, 0.15);
transform: translateY(-2px);
}
.filter-btn.active {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
border-color: transparent;
} [data-hover-effect="glow"] .showcase-item:hover {
box-shadow: 
0 20px 60px rgba(102, 126, 234, 0.4),
0 0 100px rgba(102, 126, 234, 0.2);
}
[data-hover-effect="tilt"] {
transform-style: preserve-3d;
transform: perspective(1000px);
}
[data-hover-effect="tilt"] .showcase-item:hover {
transform: perspective(1000px) rotateX(-5deg) rotateY(5deg);
} .light-theme .showcase-glassmorphism-box {
background: rgba(255, 255, 255, 0.7);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.3);
}
.light-theme .showcase-item-title,
.light-theme .showcase-item-subtitle,
.light-theme .showcase-item-description {
color: #1a1a1a;
text-shadow: none;
} @media (max-width: 991px) {
.image-showcase-grid[data-columns-tablet="1"] { grid-template-columns: repeat(1, 1fr); }
.image-showcase-grid[data-columns-tablet="2"] { grid-template-columns: repeat(2, 1fr); }
.image-showcase-grid[data-columns-tablet="3"] { grid-template-columns: repeat(3, 1fr); }
.image-showcase-grid[data-columns-tablet="4"] { grid-template-columns: repeat(4, 1fr); }
.showcase-masonry {
column-count: 2;
}
.showcase-carousel .showcase-item,
.showcase-slider .showcase-item {
width: calc(50% - 15px);
}
.showcase-glassmorphism-box {
padding: 15px;
}
.showcase-item-title {
font-size: 18px;
}
}
@media (max-width: 767px) {
.image-showcase-grid[data-columns-mobile="1"] { grid-template-columns: repeat(1, 1fr); }
.image-showcase-grid[data-columns-mobile="2"] { grid-template-columns: repeat(2, 1fr); }
.showcase-masonry {
column-count: 1;
}
.showcase-carousel .showcase-item,
.showcase-slider .showcase-item {
width: 100%;
}
.showcase-nav {
width: 40px;
height: 40px;
}
.showcase-glassmorphism-box {
padding: 12px;
border-radius: 12px 12px 0 0;
}
.showcase-item-title {
font-size: 16px;
}
.showcase-item-subtitle {
font-size: 12px;
}
.showcase-item-description {
font-size: 13px;
} .showcase-expandable-content {
max-height: none;
opacity: 0.8;
}
.showcase-item:hover .showcase-expandable-content {
opacity: 1;
}
} .showcase-lightbox {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.95);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
z-index: 99999;
cursor: zoom-out;
}
.showcase-lightbox.active {
display: flex;
align-items: center;
justify-content: center;
animation: fadeIn 0.3s ease;
}
.showcase-lightbox img {
max-width: 90%;
max-height: 90%;
object-fit: contain;
border-radius: 16px;
box-shadow: 0 20px 80px rgba(0, 0, 0, 0.8);
}
.showcase-lightbox-close {
position: absolute;
top: 20px;
right: 40px;
color: #fff;
font-size: 40px;
cursor: pointer;
z-index: 100000;
transition: transform 0.3s ease;
}
.showcase-lightbox-close:hover {
transform: rotate(90deg);
} .showcase-item.loading {
background: linear-gradient(
90deg,
rgba(255, 255, 255, 0.05) 25%,
rgba(255, 255, 255, 0.1) 50%,
rgba(255, 255, 255, 0.05) 75%
);
background-size: 200% 100%;
animation: shimmer 1.5s infinite;
}
@keyframes shimmer {
0% { background-position: 200% 0; }
100% { background-position: -200% 0; }
}
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
} @media print {
.showcase-filter,
.showcase-nav,
.showcase-pagination {
display: none;
}
.showcase-expandable-content {
max-height: none !important;
opacity: 1 !important;
}
} .showcase-expandable-content {
scrollbar-width: thin;
scrollbar-color: rgba(255, 255, 255, 0.3) transparent;
}
.showcase-expandable-content::-webkit-scrollbar {
width: 6px;
}
.showcase-expandable-content::-webkit-scrollbar-track {
background: transparent;
}
.showcase-expandable-content::-webkit-scrollbar-thumb {
background: rgba(255, 255, 255, 0.3);
border-radius: 3px;
}
.showcase-expandable-content::-webkit-scrollbar-thumb:hover {
background: rgba(255, 255, 255, 0.5);
}.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}