.flickity-enabled {
position: relative;
}
.flickity-enabled:focus { outline: none; }
.flickity-viewport {
overflow: hidden;
position: relative;
height: 100%;
}
.flickity-slider {
position: absolute;
width: 100%;
height: 100%;
} .flickity-enabled.is-draggable {
-webkit-tap-highlight-color: transparent;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
cursor: move;
cursor: -webkit-grab;
cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
cursor: -webkit-grabbing;
cursor: grabbing;
} .flickity-button {
position: absolute;
background: hsla(0, 0%, 100%, 0.75);
border: none;
color: #333;
}
.flickity-button:hover {
background: white;
cursor: pointer;
}
.flickity-button:focus {
outline: none;
box-shadow: 0 0 0 5px #19F;
}
.flickity-button:active {
opacity: 0.6;
}
.flickity-button:disabled {
opacity: 0.3;
cursor: auto; pointer-events: none;
}
.flickity-button-icon {
fill: currentColor;
} .flickity-prev-next-button {
top: 50%;
width: 44px;
height: 44px;
border-radius: 50%; transform: translateY(-50%);
}
.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; } .flickity-rtl .flickity-prev-next-button.previous {
left: auto;
right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
right: auto;
left: 10px;
}
.flickity-prev-next-button .flickity-button-icon {
position: absolute;
left: 20%;
top: 20%;
width: 60%;
height: 60%;
} .flickity-page-dots {
position: absolute;
width: 100%;
bottom: -25px;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
line-height: 1;
}
.flickity-rtl .flickity-page-dots { direction: rtl; }
.flickity-page-dots .dot {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 8px;
background: #333;
border-radius: 50%;
opacity: 0.25;
cursor: pointer;
}
.flickity-page-dots .dot.is-selected {
opacity: 1;
}.flickity-enabled.is-fade .flickity-slider > * {
pointer-events: none;
z-index: 0;
}
.flickity-enabled.is-fade .flickity-slider > .is-selected {
pointer-events: auto;
z-index: 1;
}.flickity-carusel-init {
display: flex;
overflow: hidden;
}
.flickity-carusel-init.flickity-enabled {
display: block;
}
.flickity-page-dots {
position: relative;
bottom: inherit;
margin: 0;
display: flex;
flex-wrap: wrap;
align-items: flex-end;
justify-content: center;
}
.flickity-page-dots .dot {
position: relative;
width: 0.875rem;
height: 0.875rem;
display: flex;
align-items: center;
justify-content: center;
outline: none;
background: transparent;
opacity: 1;
margin: 1rem 1.125rem 0 0;
}
.flickity-page-dots .dot:only-of-type {
display: none;
}
.flickity-page-dots .dot:first-child {
margin-top: 2rem;
}
.flickity-page-dots .dot:last-child {
margin-right: 0;
}
.flickity-page-dots .dot.is-selected::after {
background-color: var(--accent-color);
width: 100%;
height: 100%;
}
.flickity-page-dots .dot:hover::after {
background-color: var(--accent-color);
}
.flickity-page-dots .dot::after {
content: "";
width: 0.625rem;
height: 0.625rem;
background-color: var(--text-primary);
margin: 0;
border-radius: 50%;
outline: none;
transition: all 0.2s;
}
.flickity-dots-white .flickity-page-dots .dot::after {
background-color: var(--background-color);
}
.flickity-dots-white .flickity-page-dots .dot.is-selected::after {
background-color: var(--accent-color);
}
.flickity-prev-next-button {
width: 2.5rem;
height: 2.5rem;
border-radius: var(--el-border-radius-min);
background: var(--background-color);
border: 1px solid var(--border-color);
display: flex;
}
.flickity-prev-next-button:hover {
background: var(--background-color);
}
.flickity-prev-next-button .flickity-button-icon {
position: relative;
left: 0;
top: 0;
width: 0.8125rem;
height: 0.8125rem;
margin: auto;
fill: var(--accent-color);
}
.ios .flickity-prev-next-button .flickity-button-icon {
width: 1.125rem;
height: 1.125rem;
}
.carusel-col,
.carusel-col-min {
min-width: 100%;
width: 100%;
margin-right: var(--bs-gutter-x);
}
.carusel-col.carusel-col-mobile-2,
.carusel-col-min.carusel-col-mobile-2 {
min-width: calc(50% - var(--bs-gutter-x) * 0.5);
width: calc(50% - var(--bs-gutter-x) * 0.5);
}
.flickity-dots-absolute .flickity-page-dots {
position: absolute;
bottom: 2rem;
}
.project-carusel {
margin-left: 1.25rem;
margin-right: 1.25rem;
}
.project-carusel .flickity-prev-next-button.previous {
left: -1.25rem;
}
.project-carusel .flickity-prev-next-button.next {
right: -1.25rem;
}
@media (min-width: 576px) {
.carusel-col-min.carusel-col-2, .carusel-col-min.carusel-col-3, .carusel-col-min.carusel-col-4, .carusel-col-min.carusel-col-5 {
min-width: calc(50% - var(--bs-gutter-x) * 0.5);
width: calc(50% - var(--bs-gutter-x) * 0.5);
}
}
@media (min-width: 768px) {
.carusel-col.carusel-col-2, .carusel-col.carusel-col-3, .carusel-col.carusel-col-4 {
min-width: calc(50% - var(--bs-gutter-x) * 0.5);
width: calc(50% - var(--bs-gutter-x) * 0.5);
}
.carusel-col-min.carusel-col-3, .carusel-col-min.carusel-col-4, .carusel-col-min.carusel-col-5 {
min-width: calc(33.3% - var(--bs-gutter-x) * 2 / 3);
width: calc(33.3% - var(--bs-gutter-x) * 2 / 3);
}
}
@media (min-width: 992px) {
.carusel-col-min.carusel-col-4, .carusel-col-min.carusel-col-5 {
min-width: calc(25% - var(--bs-gutter-x) * 3 / 4);
width: calc(25% - var(--bs-gutter-x) * 3 / 4);
}
}
@media (min-width: 1200px) {
.carusel-col.carusel-col-3 {
min-width: calc(33.3% - var(--bs-gutter-x) * 2 / 3);
width: calc(33.3% - var(--bs-gutter-x) * 2 / 3);
}
.carusel-col.carusel-col-4 {
min-width: calc(25% - var(--bs-gutter-x) * 3 / 4);
width: calc(25% - var(--bs-gutter-x) * 3 / 4);
}
.carusel-col-min.carusel-col-5 {
min-width: calc(20% - var(--bs-gutter-x) * 4 / 5);
width: calc(20% - var(--bs-gutter-x) * 4 / 5);
}
}.intro {
position: relative;
z-index: 1;
}
.intro-slider,
.intro-item {
display: block;
min-height: 40rem;
overflow: hidden;
}
.intro-item {
position: relative;
display: flex;
align-items: center;
padding: 3.5rem 0;
color: var(--text-primary);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-color: var(--background-color);
min-width: 100%;
width: 100%;
}
.intro-item .container {
position: relative;
z-index: 3;
}
.intro-item::after {
content: none;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
}
.intro-item.intro-item-type-2::after, .intro-item.intro-item-type-3::after {
content: none;
}
.intro-item .section-subheading {
font-size: var(--font-size);
}
.intro-item .section-desc {
font-size: var(--font-size);
max-width: 100%;
}
.intro-item h1, .intro-item h2, .intro-item h3 {
font-size: var(--heading-font-size);
}
.intro-item-bgc {
background-color: var(--background-secondary-color);
}
.intro-content {
--margin-left: 0;
--margin-right: 0;
--max-width: 25rem;
width: 100%;
max-width: var(--max-width);
margin: 0 var(--margin-right) 0 var(--margin-left);
padding: 0 0 3.75rem 0;
}
.intro-content.intro-content-center {
margin: 0 auto;
text-align: center;
padding: 0;
}
.intro-content.intro-content-center .intro-btns {
justify-content: center;
}
.intro-btns {
align-items: center;
margin-top: 1.75rem;
}
.intro-box {
width: 100%;
padding: 3rem 3rem 3rem 4.375rem;
background-color: var(--background-color);
border-radius: var(--el-border-radius);
box-shadow: var(--el-box-shadow);
}
.intro-item-img-right {
position: absolute;
right: 0;
width: 70%;
height: 100%;
z-index: 1;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border-bottom-left-radius: var(--el-border-radius);
}
.intro-grid {
margin-top: 30px;
}
.ig-items {
margin-bottom: -30px;
}
.ig-item {
--item-height: 360px;
position: relative;
display: flex;
margin-bottom: 30px;
height: var(--item-height);
color: var(--text-primary);
background-color: var(--background-color);
padding: 2.5rem;
}
.ig-item.ig-item-default {
--item-height: 360px;
}
.ig-item.aspect-ratio {
height: auto;
}
.ig-item .wrapp-btn-link {
margin-top: 1rem;
}
.ig-item .section-desc {
max-width: 100%;
margin: 0.5rem 0;
}
.ig-item .btn-group {
margin-top: 1.5rem;
}
.ig-item:hover .ig-item-bg {
transform: scale(1.05);
}
.ig-item.justify-content-center .btn-group {
justify-content: center;
}
.ig-item.justify-content-end .btn-group {
justify-content: end;
}
.ig-item-small {
display: flex;
align-items: center;
height: calc(var(--item-height) / 1.5);
padding: 2rem;
}
.ig-item-small .ig-item-bg {
object-position: left center;
}
.ig-item-small .section-heading h1, .ig-item-small .section-heading h2, .ig-item-small .section-heading h3 {
font-size: 1.5rem;
}
.ig-item-small .section-subheading {
font-size: 0.875rem;
}
.ig-item-small .btn-group {
margin-top: 1.125rem;
}
.ig-item-small .btn {
font-size: 0.875rem;
}
.ig-item-small .btn.btn-small {
font-size: 0.75rem;
}
.ig-item-small .btn.btn-large {
font-size: 1rem;
}
.ig-item-pos {
position: relative;
--max-width: 26.25rem;
max-width: var(--max-width);
z-index: 1;
}
.ig-item-bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
background-color: var(--background-secondary-color);
transition: transform 1s;
}
@media (min-width: 768px) {
.intro-box {
--margin-left: 0;
--margin-right: 0;
--max-width: 31.25rem;
max-width: var(--max-width);
margin: 0 var(--margin-right) 0 var(--margin-left);
}
}
@media (min-width: 992px) {
.ig-item {
--item-height: 500px;
}
.ig-item-small {
height: calc(var(--item-height) / 2 - var(--bs-gutter-x) / 2);
}
}
@media (min-width: 1200px) {
.ig-item {
--item-height: 540px;
}
}
@media (min-width: 1400px) {
.ig-item {
--item-height: 580px;
}
.ig-item.ig-item-default {
--item-height: 435px;
}
}
@media (max-width: 1199.98px) {
.intro-slider,
.intro-item {
min-height: 35rem;
}
.intro-item {
min-height: 35rem;
}
.intro-item::after { }
.intro-item-type-1 {
color: rgba(255, 255, 255, 0.9);
}
.intro-item-type-1 .section-desc {
color: rgba(255, 255, 255, 0.7);
}
.intro-item-type-1 .section-subheading {
color: rgba(255, 255, 255, 0.8);
}
.intro-item-type-1 .btn.btn-border {
color: rgba(255, 255, 255, 0.9);
fill: rgba(255, 255, 255, 0.9);
}
.intro-item-type-1 .btn.btn-border:hover {
color: rgba(255, 255, 255, 0.9);
fill: rgba(255, 255, 255, 0.9);
}
.intro-item-type-1 .btn.btn-border::before {
border-color: rgba(255, 255, 255, 0.9);
}
.intro-item-type-1 .btn.btn-border::after {
background: rgba(255, 255, 255, 0.9);
}
.intro-box {
margin-bottom: 2rem;
}
}
@media (max-width: 991.98px) {
.intro-content,
.intro-box {
margin: 0 !important;
}
}
@media only screen and (max-width: 767.98px), only screen and (min-width: 567px) and (max-width: 900px) and (orientation: landscape) {
.intro-item h1, .intro-item h2, .intro-item h3 {
font-size: 2rem;
}
.intro-content {
padding-bottom: 0;
max-width: 380px;
}
.intro-item {
--heading-font-size: 2.25rem!important;
--font-size: 1rem!important;
}
.intro-box {
padding: 0;
background: transparent;
box-shadow: none;
max-width: 380px;
color: rgba(255, 255, 255, 0.9);
}
.intro-box .section-desc {
color: rgba(255, 255, 255, 0.7);
}
.intro-box .section-subheading {
color: rgba(255, 255, 255, 0.8);
}
.intro-box .btn.btn-border {
color: rgba(255, 255, 255, 0.9);
fill: rgba(255, 255, 255, 0.9);
}
.intro-box .btn.btn-border:hover {
color: rgba(255, 255, 255, 0.9);
fill: rgba(255, 255, 255, 0.9);
}
.intro-box .btn.btn-border::before {
border-color: rgba(255, 255, 255, 0.9);
}
.intro-box .btn.btn-border::after {
background: rgba(255, 255, 255, 0.9);
}
.intro-item-img-right {
width: 100%;
border-bottom-left-radius: 0;
}
.intro-item-img-right::after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
z-index: 2;
}
.intro-item.intro-item-type-3::after {
content: "";
}
}
@media only screen and (max-width: 480px) {
.ig-item,
.ig-item-small {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
}
@media only screen and (min-width: 567px) and (max-width: 900px) and (orientation: landscape) {
.intro-slider,
.intro-item {
height: auto;
min-height: 25rem;
}
.intro-content {
margin-bottom: 2.5rem;
}
}
@media only screen and (max-width: 767.98px) {
.intro-item {
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center center !important;
min-height: 250px !important; }
}
@media (max-width: 1199.98px) {
.intro-slider,
.intro-item {
min-height: unset !important;
}
}
@media (max-width: 480px) {
.flickity-bg-lazyloaded {
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center center !important;
}
}.news-item {
position: relative;
}
.news-item-img {
position: relative;
display: block;
background-color: var(--background-secondary-color);
}
.news-item-img img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.news-item-info {
position: relative;
padding: 2.1875rem 1.25rem 1.25rem;
}
.news-item-date {
position: absolute;
left: 50%;
top: -1.125rem;
height: 2.25rem;
line-height: 2.25rem;
padding: 0 0.625rem;
background-color: var(--accent-color);
color: var(--background-color);
font-size: 0.8125rem;
border-radius: var(--el-border-radius-min);
transform: translateX(-50%);
}
.news-item-heading {
margin-bottom: 0.625rem;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
font-size: 1.125rem;
}
.news-item-heading.news-item-heading-center {
text-align: center;
}
.news-item-desc {
color: var(--text-secondary);
}
.news-item-desc p {
margin-bottom: 0;
}
.news-item-min .news-item-info {
padding: 1.25rem;
}
.news-item-min .news-item-heading {
margin-bottom: 0;
}
.news-item-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 1rem 1.25rem;
font-size: 1rem;
line-height: 1.2;
}
.news-item-header.news-item-header-center {
justify-content: center;
}
.news-item-header.news-item-header-center .news-item-date2 {
margin: 0;
}
.news-item-auth {
display: flex;
align-items: center;
text-decoration: none;
}
.news-item-auth:hover {
color: var(--text-primary);
}
.news-item-auth-img {
width: 2.25rem;
min-width: 2.25rem;
height: 2.25rem;
border-radius: 50%;
overflow: hidden;
margin-right: 0.625rem;
background-color: var(--background-secondary-color);
}
.news-item-date2 {
color: var(--text-secondary);
margin-left: 1rem;
white-space: nowrap;
} .news-wide-item {
position: relative;
display: flex;
}
.news-wide-item-img {
display: block;
height: 12.5rem;
min-width: 15.625rem;
width: 15.625rem;
}
.news-wide-item-info {
padding-left: 1.5625rem;
width: 100%;
}
.news-wide-item-heading {
margin-bottom: 1rem;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.news-wide-item-row {
display: flex;
font-size: 1rem;
color: var(--text-secondary);
}
.news-wide-item-date {
padding-right: 0.625rem;
}
.news-wide-item-author a {
text-decoration: none;
}
.news-wide-item-author a:hover {
text-decoration: underline;
}
.news-wide-item-desc {
margin-top: 1.25rem;
margin-bottom: 1.25rem;
color: var(--text-secondary);
}
.news-wide-item-desc p {
margin: 0;
}
.news-nav {
display: flex;
flex-wrap: wrap;
padding-top: 0.625rem;
} .news-post-header {
margin-bottom: 2rem;
}
.news-post-title {
margin-bottom: 1rem;
}
.news-post-meta {
display: flex;
align-items: center;
flex-wrap: wrap;
font-size: 1rem;
color: var(--text-secondary);
margin-bottom: -1rem;
margin-left: -1.25rem;
}
.news-post-meta-item {
display: flex;
align-items: center;
margin-left: 1.25rem;
margin-bottom: 1rem;
}
.news-post-meta-item i {
margin-right: 0.625rem;
color: var(--accent-color);
}
.news-post-meta-item a {
text-decoration: none;
}
.news-post-meta-item a:hover {
text-decoration: underline;
}
.news-post-img {
margin-top: 1.25rem;
height: 31.25rem;
}
.news-post-img img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.news-post-footer {
margin-top: 2rem;
padding-top: 0.625rem;
border-top: 1px solid var(--border-color);
}
.news-post-cat {
display: flex;
flex-wrap: wrap;
margin-bottom: -0.625rem;
margin-left: -1rem;
font-size: 1rem;
}
.news-post-cat li {
margin-bottom: 0.625rem;
margin-left: 1rem;
}
.news-post-cat li a {
display: block;
text-decoration: none;
}
.news-post-cat li a:hover {
text-decoration: underline;
}
.news-post-share {
display: flex;
align-items: center;
}
.news-post-share-title {
margin-right: 1.25rem;
color: var(--text-secondary);
margin-bottom: 0;
}
.news-timeline {
position: relative;
}
.news-timeline::after {
content: "";
position: absolute;
left: 50%;
top: 0;
width: 2px;
margin-left: -1px;
height: 100%;
background-color: var(--border-color);
}
.news-timeline-item-left .news-item,
.news-timeline-item-right .news-item {
height: auto;
}
.news-timeline-item-left:hover::after, .news-timeline-item-left:hover::before,
.news-timeline-item-right:hover::after,
.news-timeline-item-right:hover::before {
background-color: var(--accent-color);
}
.news-timeline-item-right::after {
content: "";
position: absolute;
right: 100%;
top: 6.25rem;
width: 6.875rem;
margin-right: -1rem;
height: 2px;
background-color: var(--border-color);
transition: all 0.2s;
}
.news-timeline-item-right::before {
content: "";
position: absolute;
right: 100%;
top: 5.875rem;
width: 1rem;
height: 1rem;
background-color: var(--border-color);
border-radius: 50%;
margin-right: 5.375rem;
z-index: 2;
transition: all 0.2s;
}
.news-timeline-item-right .news-item {
margin-top: 3.1875rem;
}
.news-timeline-item-left::after {
content: "";
position: absolute;
left: 100%;
top: 3.1875rem;
width: 7rem;
margin-left: -1rem;
height: 2px;
background-color: var(--border-color);
transition: all 0.2s;
}
.news-timeline-item-left::before {
content: "";
position: absolute;
left: 100%;
top: 2.75rem;
width: 1rem;
height: 1rem;
background-color: var(--border-color);
border-radius: 50%;
margin-left: 5.5rem;
z-index: 2;
transition: all 0.2s;
}
.news-timeline-title {
position: relative;
background-color: var(--background-color);
text-align: center;
z-index: 2;
padding: 0.625rem 0;
}
.news-timeline-title-mt {
margin-top: 3.1875rem;
}
.author {
display: flex;
align-items: center;
text-align: left;
}
.author-info .author-name {
margin-bottom: 0.25rem;
}
.author-info .author-date {
color: var(--text-secondary);
}
.author-img {
position: relative;
width: 4.6875rem;
height: 4.6875rem;
margin-right: 1.25rem;
}
.author-img img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
@media (max-width: 1199.98px) {
.news-item-info {
padding-left: 1rem;
padding-right: 1rem;
}
.news-timeline-item-left::after,
.news-timeline-item-right::after {
width: 6rem;
}
.news-timeline-item-left::before {
margin-left: 4.5rem;
}
.news-timeline-item-right::before {
margin-right: 4.5rem;
}
}
@media (max-width: 991.98px) {
.news-timeline {
max-width: 31.25rem;
margin-left: auto;
margin-right: auto;
}
.news-timeline::after {
left: 1rem;
margin-left: 0;
}
.news-timeline-title {
text-align: left;
}
.news-timeline-item-left,
.news-timeline-item-right {
margin-top: 0;
}
.news-timeline-item-left .news-item,
.news-timeline-item-right .news-item {
margin-left: 3rem;
margin-top: 0;
margin-bottom: 45px;
}
.news-timeline-item-left:last-child .news-item,
.news-timeline-item-right:last-child .news-item {
margin-bottom: 0;
}
.news-timeline-item-left::after,
.news-timeline-item-right::after {
margin-right: -4rem;
width: 3rem;
margin-left: inherit;
left: inherit;
right: 100%;
}
.news-timeline-item-left::before,
.news-timeline-item-right::before {
margin-right: -1.5rem;
margin-left: inherit;
left: inherit;
right: 100%;
}
.news-timeline-title-mt {
margin-top: 0;
}
}
@media only screen and (max-width: 767.98px), only screen and (min-width: 567px) and (max-width: 900px) and (orientation: landscape) {
.news-item {
max-width: 21.875rem;
margin: 0 auto;
}
.news-wide-item {
flex-wrap: wrap;
max-width: 20rem;
margin: 0 auto;
}
.news-wide-item-img {
margin-bottom: 1.25rem;
width: 100%;
}
.news-wide-item-info {
padding-left: 0;
}
.news-wide-item-desc {
margin-top: 1rem;
margin-bottom: 1rem;
}
.news-nav {
padding-top: 0;
}
.news-wide-item-desc {
height: auto;
}
.news-item-desc {
height: auto;
}
.news-post-img {
height: 18.75rem;
}
.news-post-footer {
padding-top: 1.25rem;
}
.news-timeline {
margin-left: -1rem;
margin-right: -1rem;
}
}
@media only screen and (min-width: 567px) and (max-width: 900px) and (orientation: landscape) {
.news-timeline {
margin: 0 auto;
}
}.brands-carusel .flickity-slider {
display: flex;
align-items: center;
}
.brands-item {
position: relative;
padding: 1rem;
display: flex;
justify-content: center;
align-items: center;
height: 9.5rem;
}
.brands-item.item-style {
height: 9.5rem;
}
.brands-item img {
display: block;
max-width: 100%;
max-height: 100%;
height: auto;
width: auto;
}
.brands-min {
display: flex;
justify-content: center;
align-items: center;
min-height: 100%;
max-width: 7.5rem;
margin: 0 auto;
}
.brands-min img {
display: block;
max-width: 100%;
max-height: 100%;
height: auto;
width: auto;
}
@media only screen and (min-width: 480px) {
.brands-item {
height: 12rem;
}
.brands-item.item-style {
height: 12rem;
}
.brands-min {
max-width: 10rem;
}
}.contact-info {
position: relative;
padding: 2rem 1.25rem;
background-color: var(--background-secondary-color);
border-radius: var(--el-border-radius);
height: 100%;
}
.contact-list {
list-style: none;
margin: 0;
padding: 0;
color: var(--text-secondary);
}
.contact-list li {
display: flex;
margin-bottom: 1.625rem;
line-height: 1.375rem;
}
.contact-list li:last-child {
margin-bottom: 0;
}
.contact-list li .material-icons {
margin-right: 0.625rem;
color: var(--accent-color);
}
.contact-list li a {
text-decoration: none;
display: block;
color: var(--text-secondary);
margin-bottom: 0.25rem;
}
.contact-list li a:last-child {
margin-bottom: 0;
}
.contact-list li a:hover {
color: var(--accent-color);
}
.contact-list i {
display: flex;
align-items: center;
justify-content: center;
}
.contact-list i.footer-contact-tel {
font-size: 1.25rem;
}
.contact-list i.footer-contact-email {
font-size: 1.125rem;
}
.contact-list .footer-contact-info {
opacity: 1;
}
.footer-contact-info h3 {
color: var(--text-primary);
font-size: 1.25rem;
margin-bottom: 1rem;
}
.footer-contact-info p {
margin-bottom: 0.25rem;
}
.footer-contact-info p:last-child {
margin-bottom: 0;
}
.contact-form-padding {
padding-left: 2rem;
}
.map {
position: relative;
}
.map iframe {
width: 100%;
height: 100%;
min-height: 20rem;
border: none;
}
.map.map-top {
width: 100%;
margin-bottom: 3.25rem;
padding: 0;
}
.map.map-auto {
min-height: 100%;
}
.map-contact-info {
margin-top: 2rem;
}
.contacts-info-item {
padding: 3rem 1.25rem;
}
.contacts-info-item-ico {
display: flex;
justify-content: center;
margin-bottom: 2rem;
color: var(--accent-color);
}
.contacts-info-item-content {
text-align: center;
}
.contacts-info-item-content h3 {
font-size: 1.25rem;
margin-bottom: 1.5rem;
}
.contacts-info-item-content .item-heading-middle {
margin-top: -0.75rem;
}
.contacts-info-item-content .text-secondary > * {
margin-bottom: 1rem;
}
.contacts-info-item-content .text-secondary > *:last-child {
margin-bottom: 0;
}
.contacts-info-item-content p {
margin: 0;
}
.contacts-info-item-content a {
text-decoration: none;
color: var(--text-primary);
}
.contacts-info-item-content a:hover {
color: var(--accent-color);
}
.form-heading-center h2, .form-heading-center h3, .form-heading-center h4, .form-heading-center h5, .form-heading-center h6 {
text-align: center;
}
.contact-form-wide {
max-width: 1000px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 768px) {
.map {
display: flex;
align-items: center;
min-height: 35rem;
}
.map iframe {
position: absolute;
left: 0;
top: 0;
min-height: auto;
}
.map-contact-info {
position: relative;
margin-top: 0;
}
.map-contact-info .row {
height: 0;
}
.map-contact-info .contact-info {
top: -50%;
}
}
@media (max-width: 1199.98px) {
.contact-form-padding {
padding-left: 0;
}
}
@media (max-width: 991.98px) {
.map-auto {
height: 25rem;
}
}
@media only screen and (min-width: 567px) and (max-width: 900px) and (orientation: landscape) {
.map,
#map_canvas {
min-height: 20rem;
}
.map iframe,
#map_canvas iframe {
min-height: 20rem;
}
.map {
display: block;
min-height: 20rem;
}
.map iframe {
position: relative;
left: 0;
top: 0;
}
.map-contact-info {
margin-top: 2rem;
}
.map-contact-info .row {
height: auto;
}
.map-contact-info .contact-info {
transform: none;
}
.map-contact-info .col-md-5 {
width: 100%;
margin-left: 0;
}
}.pwb-clearfix:after{content:"";display:table;clear:both}.pwb-before-loop{margin-bottom:1em}.pwb-after-loop{margin-top:1em}.pwb-carousel .pwb-slick-slide a{display:block}.pwb-carousel .pwb-slick-slide a>img{margin:0 auto}.pwb-carousel .pwb-slick-slide,.pwb-product-carousel .pwb-slick-slide{margin:0 10px}.pwb-carousel .slick-prev,.pwb-carousel .slick-next,.pwb-product-carousel .slick-prev,.pwb-product-carousel .slick-next{font-size:0;position:absolute;top:0;bottom:0;display:block;cursor:pointer;font-size:22px;width:30px;overflow:hidden;text-align:center;color:#aeaeae;border:none;outline:none;z-index:999;background:#eee;opacity:0;transition:opacity .3s ease-in-out;-webkit-transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out}.pwb-carousel .slick-prev>span,.pwb-carousel .slick-next>span,.pwb-product-carousel .slick-prev>span,.pwb-product-carousel .slick-next>span{display:inline-block;height:20px;width:20px;padding:10px;position:absolute;top:50%;margin-top:-20px;left:0;right:0}.pwb-carousel .slick-prev:hover,.pwb-carousel .slick-prev:focus,.pwb-carousel .slick-next:hover,.pwb-carousel .slick-next:focus,.pwb-product-carousel .slick-prev:hover,.pwb-product-carousel .slick-prev:focus,.pwb-product-carousel .slick-next:hover,.pwb-product-carousel .slick-next:focus{outline:none}.pwb-carousel .slick-prev,.pwb-product-carousel .slick-prev{left:0}.pwb-carousel .slick-next,.pwb-product-carousel .slick-next{right:0}.pwb-carousel:hover .slick-next,.pwb-carousel:hover .slick-prev,.pwb-product-carousel:hover .slick-next,.pwb-product-carousel:hover .slick-prev{opacity:.8}.pwb-product-carousel .pwb-amount{display:block;width:100%;margin-bottom:12px}.pwb-carousel,.pwb-product-carousel{min-height:30px}.pwb-carousel .pwb-slick-slide,.pwb-product-carousel .pwb-slick-slide{display:none}.pwb-carousel.slick-initialized .pwb-slick-slide,.pwb-product-carousel.slick-initialized .pwb-slick-slide{display:block}.pwb-carousel .slick-list,.pwb-product-carousel .slick-list{opacity:0;position:absolute}.pwb-carousel.slick-initialized,.pwb-product-carousel.slick-initialized{min-height:none}.pwb-carousel.slick-initialized .slick-list,.pwb-product-carousel.slick-initialized .slick-list{opacity:1;position:relative;transition:opacity .2s ease-in}.pwb-carousel.slick-initialized .pwb-carousel-loader,.pwb-product-carousel.slick-initialized .pwb-carousel-loader{display:none !important;opacity:0 !important}.pwb-carousel-loader{font-size:10px;margin:50px auto;text-indent:-9999em;width:30px;height:30px;border-radius:50%;background:#525252;background:-moz-linear-gradient(left, #525252 10%, rgba(82, 82, 82, 0) 42%);background:-webkit-linear-gradient(left, #525252 10%, rgba(82, 82, 82, 0) 42%);background:-o-linear-gradient(left, #525252 10%, rgba(82, 82, 82, 0) 42%);background:-ms-linear-gradient(left, #525252 10%, rgba(82, 82, 82, 0) 42%);background:linear-gradient(to right, #525252 10%, rgba(82, 82, 82, 0) 42%);position:relative;-webkit-animation:PWBCarouselLoader 1.4s infinite linear;animation:PWBCarouselLoader 1.4s infinite linear;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}.pwb-carousel-loader:before{width:50%;height:50%;background:#525252;border-radius:100% 0 0 0;position:absolute;top:0;left:0;content:""}.pwb-carousel-loader:after{background:#fff;width:75%;height:75%;border-radius:50%;content:"";margin:auto;position:absolute;top:0;left:0;bottom:0;right:0}@-webkit-keyframes PWBCarouselLoader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes PWBCarouselLoader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.pwb-all-brands .pwb-pagination-wrapper{margin-top:20px;padding-top:10px;border-top:1px solid #ededed;text-align:right}.pwb-all-brands .pwb-pagination{display:inline-block;margin-right:10px;background-color:#ededed;color:#333;text-align:center;padding:10px}.pwb-brands-cols-outer{display:flex;flex-wrap:wrap;gap:15px}.pwb-all-brands .pwb-brands-cols-outer:after{content:"";display:table;clear:both}.pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3{box-sizing:border-box;width:calc(20% - 15px);display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.pwb-az-listing-row{margin-bottom:20px}.pwb-az-listing-row-in{margin-left:-5px;margin-right:-5px}.pwb-az-listing-col{padding:5px}.pwb-az-listing-col>a{display:block;text-transform:uppercase;white-space:nowrap;overflow:hidden}.pwb-az-listing-title{border-bottom:1px solid #ddd;font-weight:bold;font-size:115%;text-transform:uppercase}.pwb-az-listing-header{margin-bottom:30px}.pwb-az-listing-header ul{margin:0;padding:0;list-style:none;margin-right:-2px;margin-left:-2px}.pwb-az-listing-header li{display:inline-block;float:left;width:25px;height:25px;margin:2px;line-height:25px;border:1px solid #ddd;text-align:center}.pwb-az-listing-header a{text-transform:uppercase}.pwb-filter-products input[type=checkbox]{margin-right:10px}.pwb-filter-products li{margin-bottom:5px}.pwb-row:after{content:"";display:table;clear:both}.pwb-columns-2{width:50%}.pwb-columns-3{width:33.33333%}.pwb-columns-4{width:25%}.pwb-columns-5{width:20%}.pwb-columns-6{width:16.66666%}.pwb-columns{float:left}.pwb-single-product-brands{padding-top:1em;display:flex;gap:.1em}.product_meta .pwb-single-product-brands{padding-top:0}.pwb-text-before-brands-links{margin-right:4px}@media screen and (max-width: 1000px){.pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3{width:25%}}@media screen and (max-width: 700px){.pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3{width:50%}.pwb-columns-5,.pwb-columns-6{width:25%}}@media screen and (max-width: 480px){.pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3{width:100%;float:none}.pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3>p:first-child{height:auto}.pwb-columns-3,.pwb-columns-4,.pwb-columns-5,.pwb-columns-6{width:50%}}@media(min-width: 576px){.pwb-az-listing-col{width:50%;float:left}}@media(min-width: 992px){.pwb-az-listing-col{width:25%}}.fs-free-shipping-notice-and-button-wrapper{align-content:start;align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.fs-free-shipping-notice-continue-shopping-button-wrapper,.fs-free-shipping-notice-text-and-progress-bar-wrapper{flex:0 1 auto;margin:0 .5em}.fs-free-shipping-notice-progress-bar-wrapper{align-items:center;display:flex;flex-direction:row}.fs-free-shipping-notice-progress-bar{border:1px solid #fff;border-radius:10px;height:10px;margin-left:10px;margin-right:10px;position:relative;width:100%}.fs-free-shipping-notice-progress-bar>span{background-color:#fff;border-bottom-left-radius:10px;border-top-left-radius:10px;display:block;height:100%;overflow:hidden;position:relative}.button.flexible-shipping-free-shipping-button{margin-left:0}