@keyframes pxl_scale1 {
0% {
transform: scale(1);
opacity: 0.67;
}
100% {
transform: scale(2.2);
opacity: 0;
}
}
@-webkit-keyframes pxl_scale1 {
0% {
transform: scale(1);
opacity: 0.67;
}
100% {
transform: scale(2.2);
opacity: 0;
}
}
@keyframes progress {
from {
width: 0%;
}
to {
width: 100%;
}
}
@keyframes pxl-ken-burns-in {
0% {
transform: scale(1);
}
100% {
transform: scale(1.3);
}
}
@keyframes pxl-ken-burns-out {
0% {
transform: scale(1.3);
}
100% {
transform: scale(1);
}
}
@keyframes pxl-ken-burns-in-out {
0% {
transform: scale(1);
}
50% {
transform: scale(1.3);
}
100% {
transform: scale(1);
}
}
@-ms-keyframes pxl_spin {
from {
-ms-transform: rotate(0deg);
}
to {
-ms-transform: rotate(360deg);
}
}
@-moz-keyframes pxl_spin {
from {
-moz-transform: rotate(0deg);
}
to {
-moz-transform: rotate(360deg);
}
}
@-webkit-keyframes pxl_spin {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
}
}
@keyframes pxl_spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@-webkit-keyframes pxl_right_from_left {
49% {
-webkit-transform: translate(100%);
}
50% {
opacity: 0;
-webkit-transform: translate(-100%);
}
51% {
opacity: 1;
}
}
@-moz-keyframes pxl_right_from_left {
49% {
-moz-transform: translate(100%);
}
50% {
opacity: 0;
-moz-transform: translate(-100%);
}
51% {
opacity: 1;
}
}
@-webkit-keyframes pxl-spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-moz-keyframes pxl-spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-ms-keyframes pxl-spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-o-keyframes pxl-spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes pxl-spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-ms-keyframes pxl_spin {
from {
-ms-transform: rotate(0);
}
to {
-ms-transform: rotate(360deg);
}
}
@-moz-keyframes pxl_spin {
from {
-moz-transform: rotate(0);
}
to {
-moz-transform: rotate(360deg);
}
}
@-webkit-keyframes pxl_spin {
from {
-webkit-transform: rotate(0);
}
to {
-webkit-transform: rotate(360deg);
}
}
@keyframes pxl_spin {
from {
transform: rotate(0);
}
to {
transform: rotate(359deg);
}
}
@keyframes pxlInnerOut {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-100%);
}
}
@keyframes pxlImgOut {
0% {
transform: translateX(0) scale(1);
}
100% {
transform: translateX(100%) scale(1.15);
}
}
@keyframes pxlInnerIn {
0% {
transform: translateX(100%);
}
100% {
transform: translateX(0);
}
}
@keyframes pxlImgIn {
0% {
transform: translateX(-100%) scale(1.15);
}
100% {
transform: translateX(0) scale(1);
}
}
@keyframes pxl_right_from_left {
49% {
transform: translate(100%);
}
50% {
opacity: 0;
transform: translate(-100%);
}
51% {
opacity: 1;
}
}
@-webkit-keyframes pxl_left_from_right {
49% {
-webkit-transform: translate(-100%);
}
50% {
opacity: 0;
-webkit-transform: translate(100%);
}
51% {
opacity: 1;
}
}
@-moz-keyframes pxl_left_from_right {
49% {
-moz-transform: translate(-100%);
}
50% {
opacity: 0;
-moz-transform: translate(100%);
}
51% {
opacity: 1;
}
}
@keyframes pxl_left_from_right {
49% {
transform: translate(-100%);
}
50% {
opacity: 0;
transform: translate(100%);
}
51% {
opacity: 1;
}
}
@keyframes pxl_bounce {
0%, 100%, 20%, 50%, 80% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-8px);
-ms-transform: translateY(-8px);
transform: translateY(-8px);
}
60% {
-webkit-transform: translateY(-4px);
-ms-transform: translateY(-4px);
transform: translateY(-4px);
}
}
@keyframes pxl_zigzag {
0%, 100%, 20%, 50%, 80% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: rotate(10deg);
-ms-transform: rotate(10deg);
transform: rotate(10deg);
}
60% {
-webkit-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
}
}
@keyframes pxl_right_left {
0% {
transform: translateX(0px);
}
25% {
transform: translateX(40px);
}
50% {
transform: translateX(0px);
}
75% {
transform: translateX(-40px);
}
100% {
transform: translateX(0px);
}
}
.slide-right-to-left {
animation: pxl_right_left 12s ease-out infinite;
-webkit-animation: pxl_right_left 12s ease-out infinite;
}
@keyframes pxl_left_right {
0% {
transform: translateX(0px);
}
25% {
transform: translateX(-40px);
}
50% {
transform: translateX(0px);
}
75% {
transform: translateX(40px);
}
100% {
transform: translateX(0px);
}
}
.slide-left-to-right {
animation: pxl_left_right 12s ease-out infinite;
-webkit-animation: pxl_left_right 12s ease-out infinite;
}
@keyframes blink {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes pxl_bottom_top_small {
0% {
transform: translateX(0px);
}
25% {
transform: translateY(10px);
}
50% {
transform: translateY(0px);
}
75% {
transform: translateY(-10px);
}
100% {
transform: translateY(0px);
}
}
@keyframes pxl_bottom_top {
0% {
transform: translateX(0px);
}
25% {
transform: translateY(40px);
}
50% {
transform: translateY(0px);
}
75% {
transform: translateY(-40px);
}
100% {
transform: translateY(0px);
}
}
.slide-bottom-to-top {
animation: pxl_bottom_top 12s ease-out infinite;
-webkit-animation: pxl_bottom_top 12s ease-out infinite;
}
@-webkit-keyframes pxl_reveal {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
80% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
100% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
}
@keyframes pxl_reveal {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
80% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
100% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
}
@keyframes pxl_effect1 {
0% {
transform: translate(0px, 0px);
}
20% {
transform: translate(40px, -5px);
}
40% {
transform: translate(60px, 40px);
}
60% {
transform: translate(40px, 60px);
}
80% {
transform: translate(-40px, 60px);
}
100% {
transform: translate(0px, 0px);
}
}
.slide-effect1 {
animation: pxl_effect1 12s ease-out infinite;
-webkit-animation: pxl_effect1 12s ease-out infinite;
}
@keyframes pxl_effect2 {
0% {
transform: translate(0px, 0px);
}
20% {
transform: translate(-30px, 40px);
}
40% {
transform: translate(60px, 60px);
}
60% {
transform: translate(70px, 40px);
}
80% {
transform: translate(40px, -70px);
}
100% {
transform: translate(0px, 0px);
}
}
.slide-effect2 {
animation: pxl_effect2 12s ease-out infinite;
-webkit-animation: pxl_effect2 12s ease-out infinite;
}
@keyframes pxl_top_bottom {
0% {
transform: translateX(0px);
}
25% {
transform: translateY(-40px);
}
50% {
transform: translateY(0px);
}
75% {
transform: translateY(40px);
}
100% {
transform: translateY(0px);
}
}
.slide-top-to-bottom {
animation: pxl_top_bottom 12s ease-out infinite;
-webkit-animation: pxl_top_bottom 12s ease-out infinite;
}
@-webkit-keyframes img_circle {
0% {
opacity: 1;
}
40% {
opacity: 1;
}
100% {
width: 200%;
height: 200%;
opacity: 0;
}
}
@keyframes img_circle {
0% {
opacity: 1;
}
40% {
opacity: 1;
}
100% {
width: 200%;
height: 200%;
opacity: 0;
}
}
@keyframes shine {
100% {
left: 125%;
}
}
@keyframes pxl-wide-menu-underline {
0% {
background-size: 100% 100%;
background-position-x: 100%;
}
100% {
background-size: 0 100%;
background-position-x: 100%;
}
}
@keyframes pxl-wide-menu-underline-hover {
0% {
background-position-x: 0;
background-size: 0 100%;
}
100% {
background-position-x: 0;
background-size: 100% 100%;
}
}
@keyframes full-circle {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@-webkit-keyframes pxl_loader_bounce {
0%, 100% {
-webkit-transform: scale(0);
}
50% {
-webkit-transform: scale(1);
}
}
@keyframes pxl_loader_bounce {
0%, 100% {
transform: scale(0);
-webkit-transform: scale(0);
}
50% {
transform: scale(1);
-webkit-transform: scale(1);
}
}
.icon-bounce {
animation: icon-bounce 2s ease infinite;
}
@keyframes icon-bounce {
70% {
transform: translateY(0%);
}
80% {
transform: translateY(-15%);
}
90% {
transform: translateY(0%);
}
95% {
transform: translateY(-7%);
}
97% {
transform: translateY(0%);
}
99% {
transform: translateY(-3%);
}
100% {
transform: translateY(0);
}
}
@-webkit-keyframes btn_shine {
100% {
left: 200%;
}
}
@keyframes btn_shine {
100% {
left: 200%;
}
}
@-webkit-keyframes pxl_skew_in {
0% {
-webkit-clip-path: inset(0 100% 0 0);
clip-path: inset(0 100% 0 0);
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
100% {
-webkit-clip-path: inset(0 0 0 0);
clip-path: inset(0 0 0 0);
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes pxl_skew_in {
0% {
-webkit-clip-path: inset(0 100% 0 0);
clip-path: inset(0 100% 0 0);
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
100% {
-webkit-clip-path: inset(0 0 0 0);
clip-path: inset(0 0 0 0);
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.pxl-skew-in {
-webkit-animation-name: pxl_skew_in;
animation-name: pxl_skew_in;
-webkit-animation-duration: 0.8s !important;
animation-duration: 0.8s !important;
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
will-change: transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.pxl-grid .pxl-grid-masonry {
position: relative;
}
.pxl-grid .grid-sizer {
z-index: -1;
}
.pxl-grid .pxl-load-more {
text-align: center;
padding: 0 15px;
margin-top: 10px;
}
.pxl-grid .pxl-load-more .btn {
padding-left: 34px;
padding: 0 30px;
line-height: 42px;
font-size: 15px;
font-weight: 500;
text-transform: uppercase;
color: #fff;
background: var(--primary-color);
z-index: 1;
}
.pxl-grid .pxl-load-more .btn .pxl-load-icon {
width: 24px;
height: 24px;
right: 13px;
position: absolute;
top: 50%;
opacity: 0;
z-index: 1;
-webkit-transform: translate(0, -50%);
-khtml-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
line-height: 24px;
text-align: center;
color: #fff;
}
.pxl-grid .pxl-load-more .btn i {
font-size: 18px;
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
margin: auto;
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: center;
}
.pxl-grid .pxl-load-more.pxl-loadmore-style1 .btn {
position: relative;
}
.pxl-grid .pxl-load-more.pxl-loadmore-style1 .btn:before {
top: 0px;
width: 0px;
left: auto;
right: 0px;
z-index: -1;
bottom: 0px;
content: "";
position: absolute;
background: #ededed;
transition: width 0.2s linear;
}
.pxl-grid .pxl-load-more.pxl-loadmore-style1 .btn:hover {
color: var(--primary-color);
}
.pxl-grid .pxl-load-more.pxl-loadmore-style1 .btn:hover:before {
left: 0px;
width: 100%;
right: auto;
}
.pxl-grid .pxl-load-more.loading .btn {
padding: 0 40px 0px 20px;
color: var(--primary-color);
}
.pxl-grid .pxl-load-more.loading .btn:before {
width: 100%;
}
.pxl-grid .pxl-load-more.loading .btn .pxl-load-icon {
opacity: 1;
color: var(--primary-color);
}
.pxl-grid .pxl-load-more.loading .btn .pxl-load-icon i {
animation: pxl_spin 0.6s infinite linear;
-webkit-animation: pxl_spin 0.6s infinite linear;
}
@media screen and (min-width: 1200px) {
.pxl-grid .col-xl-pxl5 {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
}
.pxl-grid-filter1 {
margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
.pxl-grid-filter1 {
margin-bottom: 40px;
}
}
.pxl-grid-filter1 .filter-item {
color: #383647;
font-weight: 500;
display: inline-flex;
padding: 0px;
line-height: 32px;
cursor: pointer;
position: relative;
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
justify-content: center;
-webkit-border-radius: 0px;
-khtml-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
}
.pxl-grid-filter1 .filter-item:before {
width: 0px;
left: auto;
right: 0px;
bottom: 0px;
height: 1px;
content: "";
position: absolute;
background: #000;
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.pxl-grid-filter1 .filter-item + .filter-item {
margin-left: 40px;
}
@media screen and (max-width: 1199px) {
.pxl-grid-filter1 .filter-item + .filter-item {
margin-left: 20px;
}
}
@media screen and (max-width: 1199px) {
.pxl-grid-filter1 .filter-item {
line-height: 42px;
padding: 0 18px;
}
}
@media screen and (max-width: 1199px) {
.pxl-grid-filter1 .filter-item:last-child {
margin-right: 9px;
}
}
@media screen and (max-width: 767px) {
.pxl-grid-filter1 .filter-item:last-child {
margin-right: 0;
}
}
.pxl-grid-filter1 .filter-item.active:before, .pxl-grid-filter1 .filter-item:hover:before {
left: 0px;
width: 100%;
right: auto;
}
.pxl-grid-filter1 .pxl--filter-inner {
background-color: #fff;
display: inline-block;
}
@media screen and (max-width: 767px) {
.pxl-grid-filter1 .pxl--filter-inner {
background-color: transparent;
}
}
@media screen and (max-width: 767px) {
.pxl-grid-filter1 .pxl--filter-inner {
-webkit-box-shadow: none;
-khtml-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
}
.elementor-editor-active .grid-sizer {
display: none;
}
.pxl-col-align-start > .elementor-widget-wrap {
justify-content: flex-start;
}
.pxl-col-align-start .elementor-inner-section > .elementor-container {
margin-left: 0;
}
.pxl-col-align-center > .elementor-widget-wrap {
justify-content: center;
}
.pxl-col-align-end > .elementor-widget-wrap {
justify-content: flex-end;
}
.pxl-col-align-end .elementor-inner-section > .elementor-container {
margin-right: 0;
}
.pxl-swiper-container {
margin: 0 -15px;
position: relative;
overflow: hidden;
}
.pxl-swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.pxl-swiper-slide {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
padding: 0 15px;
}
.page #pxl-main > #primary {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
#menu-menu-main .bar, #menu-menu-main-1 .bar {
position: absolute;
top: 0;
left: 0;
margin-top: 75px;
width: 50px;
height: 1px;
background: var(--primary-color);
transition: all 0.4s;
transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.pxl-swiper-arrow {
font-size: 16px;
color: #000;
display: block;
z-index: 2;
text-align: center;
cursor: pointer;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-khtml-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
opacity: 0;
visibility: hidden;
}
.pxl-swiper-arrow i {
font-size: 16px;
display: flex;
align-items: center;
justify-content: center;
}
.pxl-swiper-arrow:hover {
color: var(--secondary-color);
}
.pxl-swiper-arrow.swiper-button-disabled {
cursor: not-allowed;
}
.pxl-swiper-arrow.pxl-swiper-arrow-prev {
left: -28px;
}
@media screen and (max-width: 1199px) {
.pxl-swiper-arrow.pxl-swiper-arrow-prev {
left: 30px;
}
}
.pxl-swiper-arrow.pxl-swiper-arrow-next {
right: -28px;
}
@media screen and (max-width: 1199px) {
.pxl-swiper-arrow.pxl-swiper-arrow-next {
right: 30px;
}
}
.pxl-swiper-arrow.style2 {
background-color: #f1f1f3;
color: #fff;
-webkit-box-shadow: none;
-khtml-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
.pxl-swiper-arrow.style2:before {
z-index: -1;
-webkit-border-radius: 100%;
-khtml-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
background-color: ;
background-image: -webkit-gradient(linear, right top, left top, from(), to());
background-image: -webkit-linear-gradient(to right, , );
background-image: -moz-linear-gradient(to right, , );
background-image: -ms-linear-gradient(to right, , );
background-image: -o-linear-gradient(to right, , );
background-image: linear-gradient(to right, , );
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='', endColorStr='', gradientType='1');
opacity: 0;
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.pxl-swiper-arrow.style2:hover {
background-color: #f1f1f3;
}
.pxl-swiper-arrow.style2:hover:before {
opacity: 1;
}
.pxl-swiper-dots {
position: relative;
z-index: 1;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-top: 30px;
}
.pxl-swiper-dots .pxl-swiper-pagination-bullet {
margin: 0 12px;
width: 8px;
height: 8px;
text-align: center;
background: #cacaca;
cursor: pointer;
position: relative;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
border-radius: 8px;
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.pxl-swiper-dots .pxl-swiper-pagination-bullet:hover, .pxl-swiper-dots .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active {
background: var(--primary-color);
}
.pxl-swiper-boxshadow .pxl-carousel-inner {
margin: 0 -30px;
}
.pxl-swiper-boxshadow .pxl-carousel-inner .pxl-swiper-container {
padding: 0 30px;
}
.pxl-swiper-boxshadow .pxl-swiper-slide {
-webkit-transition: opacity 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: opacity 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: opacity 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: opacity 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: opacity 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: opacity 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.pxl-swiper-boxshadow .pxl-swiper-slide:not(.swiper-slide-visible) {
opacity: 0;
}
.pxl-swiper-sliders {
position: relative;
}
.pxl-swiper-sliders:hover .pxl-swiper-arrow {
opacity: 1;
visibility: visible;
}
.pxl-swiper-sliders.pxl-swiper-arrow-show .pxl-swiper-arrow {
opacity: 1;
visibility: visible;
}
.pxl-swiper-nogap .pxl-swiper-container {
margin: 0;
}
.pxl-swiper-nogap .pxl-swiper-container .pxl-swiper-slide {
padding: 0;
}
.pxl-swiper-thumbs {
overflow: hidden;
}
.pxl-swiper-thumbs .swiper-slide {
cursor: pointer;
}
body.page .pxl-page {
overflow-x: hidden;
overflow-y: hidden;
}
.text-start {
text-align: start;
}
.text-end {
text-align: end;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-white {
color: #fff !important;
}
.container {
padding-left: 15px;
padding-right: 15px;
}
@media (max-width: ) {
.d-xxs-none {
display: none;
}
}
.d-flex-wrap {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}
.d-flex-wrap > * {
max-width: 100%;
}
.d-flex-auto {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}
.d-flex-auto > * {
flex: 0 0 auto;
width: auto !important;
max-width: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.d-flex-align-justify-center {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (max-width: ) {
.text-xs-start {
text-align: start !important;
}
.text-xs-end {
text-align: end !important;
}
.text-xs-left {
text-align: left !important;
}
.text-xs-right {
text-align: right !important;
}
.text-xs-center {
text-align: center !important;
}
.justify-content-xs-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-xs-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-xs-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.align-self-xs-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-xs-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-xs-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
}
@media (min-width: ) {
.text-xxxl-start {
text-align: start !important;
}
.text-xxxl-end {
text-align: end !important;
}
.text-xxxl-left {
text-align: left !important;
}
.text-xxxl-right {
text-align: right !important;
}
.text-xxxl-center {
text-align: center !important;
}
.justify-content-xxxl-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-xxxl-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-xxxl-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.align-self-xxxl-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-xxxl-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-xxxl-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.elementor-column.pxl-column-element-widescreen-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto !important;
max-width: 100%;
}
}
.w-100 {
width: 100% !important;
}
.h-100 {
height: 100% !important;
}
.text-primary {
color: var(--primary-color);
}
.text-second {
color: ;
}
.overflow-hidden {
overflow: hidden !important;
}
@media (max-width: ) {
.overflow-hidden-xs {
overflow: hidden !important;
}
}
.bg-image {
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
}
.scale-hover {
overflow: hidden;
}
.scale-hover img {
-webkit-transition: 0.35s cubic-bezier(0.24, 0.74, 0.58, 1);
-khtml-transition: 0.35s cubic-bezier(0.24, 0.74, 0.58, 1);
-moz-transition: 0.35s cubic-bezier(0.24, 0.74, 0.58, 1);
-ms-transition: 0.35s cubic-bezier(0.24, 0.74, 0.58, 1);
-o-transition: 0.35s cubic-bezier(0.24, 0.74, 0.58, 1);
transition: 0.35s cubic-bezier(0.24, 0.74, 0.58, 1);
}
.scale-hover:hover img {
opacity: 0.9;
-webkit-transform: scale3d(1.05, 1.05, 1);
transform: scale3d(1.05, 1.05, 1);
}
.text-truncate-1 {
display: block;
display: -webkit-box;
max-height: 25.6px;
font-size: 16px;
line-height: 1.6;
overflow: hidden;
text-overflow: ellipsis;
line-clamp: 1;
-webkit-line-clamp: 1;
-khtml-line-clamp: 1;
-moz-line-clamp: 1;
-ms-line-clamp: 1;
-o-line-clamp: 1;
box-orient: vertical;
-webkit-box-orient: vertical;
-khtml-box-orient: vertical;
-moz-box-orient: vertical;
-ms-box-orient: vertical;
-o-box-orient: vertical;
}
.text-truncate-1 > * {
display: block;
display: -webkit-box;
max-height: 25.6px;
font-size: 16px;
line-height: 1.6;
overflow: hidden;
text-overflow: ellipsis;
line-clamp: 1;
-webkit-line-clamp: 1;
-khtml-line-clamp: 1;
-moz-line-clamp: 1;
-ms-line-clamp: 1;
-o-line-clamp: 1;
box-orient: vertical;
-webkit-box-orient: vertical;
-khtml-box-orient: vertical;
-moz-box-orient: vertical;
-ms-box-orient: vertical;
-o-box-orient: vertical;
}
.text-truncate-2 {
display: block;
display: -webkit-box;
max-height: 51.2px;
font-size: 16px;
line-height: 1.6;
overflow: hidden;
text-overflow: ellipsis;
line-clamp: 2;
-webkit-line-clamp: 2;
-khtml-line-clamp: 2;
-moz-line-clamp: 2;
-ms-line-clamp: 2;
-o-line-clamp: 2;
box-orient: vertical;
-webkit-box-orient: vertical;
-khtml-box-orient: vertical;
-moz-box-orient: vertical;
-ms-box-orient: vertical;
-o-box-orient: vertical;
}
.text-truncate-2 > * {
display: block;
display: -webkit-box;
max-height: 51.2px;
font-size: 16px;
line-height: 1.6;
overflow: hidden;
text-overflow: ellipsis;
line-clamp: 2;
-webkit-line-clamp: 2;
-khtml-line-clamp: 2;
-moz-line-clamp: 2;
-ms-line-clamp: 2;
-o-line-clamp: 2;
box-orient: vertical;
-webkit-box-orient: vertical;
-khtml-box-orient: vertical;
-moz-box-orient: vertical;
-ms-box-orient: vertical;
-o-box-orient: vertical;
}
.text-truncate-3 {
display: block;
display: -webkit-box;
max-height: 72px;
font-size: 15px;
line-height: 1.6;
overflow: hidden;
text-overflow: ellipsis;
line-clamp: 3;
-webkit-line-clamp: 3;
-khtml-line-clamp: 3;
-moz-line-clamp: 3;
-ms-line-clamp: 3;
-o-line-clamp: 3;
box-orient: vertical;
-webkit-box-orient: vertical;
-khtml-box-orient: vertical;
-moz-box-orient: vertical;
-ms-box-orient: vertical;
-o-box-orient: vertical;
}
.text-truncate-3 > * {
display: block;
display: -webkit-box;
max-height: 72px;
font-size: 15px;
line-height: 1.6;
overflow: hidden;
text-overflow: ellipsis;
line-clamp: 3;
-webkit-line-clamp: 3;
-khtml-line-clamp: 3;
-moz-line-clamp: 3;
-ms-line-clamp: 3;
-o-line-clamp: 3;
box-orient: vertical;
-webkit-box-orient: vertical;
-khtml-box-orient: vertical;
-moz-box-orient: vertical;
-ms-box-orient: vertical;
-o-box-orient: vertical;
}
.text-truncate-4 {
display: block;
display: -webkit-box;
max-height: 96px;
font-size: 15px;
line-height: 1.6;
overflow: hidden;
text-overflow: ellipsis;
line-clamp: 4;
-webkit-line-clamp: 4;
-khtml-line-clamp: 4;
-moz-line-clamp: 4;
-ms-line-clamp: 4;
-o-line-clamp: 4;
box-orient: vertical;
-webkit-box-orient: vertical;
-khtml-box-orient: vertical;
-moz-box-orient: vertical;
-ms-box-orient: vertical;
-o-box-orient: vertical;
}
.text-truncate-4 > * {
display: block;
display: -webkit-box;
max-height: 96px;
font-size: 15px;
line-height: 1.6;
overflow: hidden;
text-overflow: ellipsis;
line-clamp: 4;
-webkit-line-clamp: 4;
-khtml-line-clamp: 4;
-moz-line-clamp: 4;
-ms-line-clamp: 4;
-o-line-clamp: 4;
box-orient: vertical;
-webkit-box-orient: vertical;
-khtml-box-orient: vertical;
-moz-box-orient: vertical;
-ms-box-orient: vertical;
-o-box-orient: vertical;
}
.text-truncate-5 {
display: block;
display: -webkit-box;
max-height: 120px;
font-size: 15px;
line-height: 1.6;
overflow: hidden;
text-overflow: ellipsis;
line-clamp: 5;
-webkit-line-clamp: 5;
-khtml-line-clamp: 5;
-moz-line-clamp: 5;
-ms-line-clamp: 5;
-o-line-clamp: 5;
box-orient: vertical;
-webkit-box-orient: vertical;
-khtml-box-orient: vertical;
-moz-box-orient: vertical;
-ms-box-orient: vertical;
-o-box-orient: vertical;
}
.text-truncate-5 > * {
display: block;
display: -webkit-box;
max-height: 120px;
font-size: 15px;
line-height: 1.6;
overflow: hidden;
text-overflow: ellipsis;
line-clamp: 5;
-webkit-line-clamp: 5;
-khtml-line-clamp: 5;
-moz-line-clamp: 5;
-ms-line-clamp: 5;
-o-line-clamp: 5;
box-orient: vertical;
-webkit-box-orient: vertical;
-khtml-box-orient: vertical;
-moz-box-orient: vertical;
-ms-box-orient: vertical;
-o-box-orient: vertical;
}
.text-multi-line-1 {
font-size: 20px;
line-height: 1.4;
min-height: 56px;
max-height: 56px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.text-multi-line-2 {
font-size: 30px;
line-height: 1.5;
min-height: 90px;
max-height: 90px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.text-multi-line-242 {
font-size: 24px;
line-height: 1.16667;
min-height: 56px;
max-height: 56px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.bypostauthor {
display: block;
}
.alignleft, .alignright, .aligncenter {
margin-top: 6px;
margin-bottom: 45px;
}
.alignleft {
display: inline;
float: left;
margin-right: 35px;
}
.alignright {
display: inline;
float: right;
margin-left: 35px;
clear: right;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
.sticky {
display: block;
}
.list-style-none {
list-style: none;
}
.italic {
font-style: italic;
}
.no-padding {
padding: 0 !important;
}
.text-underline {
text-decoration: underline;
}
.relative {
position: relative;
}
.absolute {
position: absolute;
}
.absoluted {
position: absolute;
z-index: 1;
}
.pxl-absoluted {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.pxl-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.pos-fix {
position: fixed;
}
.img-cover {
object-fit: cover;
}
.img-cover-center {
object-fit: cover;
object-position: center;
}
.pxl-page-overlay {
position: fixed;
z-index: 999;
top: 0;
right: 0;
width: 0;
height: 0;
background: rgba(var(--heading-color-rgb),0.8);
opacity: 0;
-webkit-transition: opacity 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-khtml-transition: opacity 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-transition: opacity 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-ms-transition: opacity 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-transition: opacity 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: opacity 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.transition, .pxl-transition {
-webkit-transition: all 300ms ease-in-out;
-khtml-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.pxl-invisible {
visibility: hidden;
}
.font-body {
font-family:  !important;
}
.font-heading {
font-family: ;
}
.pxl-heading {
color: ;
font-weight: ;
margin-top: 0;
}
.text-heading {
color: ;
}
.empty-none:empty {
display: none !important;
}
.clearfix::after, .clearfix::before {
display: block;
clear: both;
content: "";
}
.pxl-spin {
-webkit-animation: pxl-spin 2s linear infinite;
-khtml-animation: pxl-spin 2s linear infinite;
-moz-animation: pxl-spin 2s linear infinite;
-ms-animation: pxl-spin 2s linear infinite;
-o-animation: pxl-spin 2s linear infinite;
animation: pxl-spin 2s linear infinite;
}
.pxl-spin1 {
-webkit-animation: pxl-spin 15s linear infinite;
-khtml-animation: pxl-spin 15s linear infinite;
-moz-animation: pxl-spin 15s linear infinite;
-ms-animation: pxl-spin 15s linear infinite;
-o-animation: pxl-spin 15s linear infinite;
animation: pxl-spin 15s linear infinite;
}
.pxl-dot-animate {
max-width: 100%;
height: 100%;
margin: 0 auto;
position: relative;
overflow: hidden;
z-index: 0;
}
.pxl-dot-animate .dot-item {
position: relative;
}
.pxl-dot-animate .dot-item span {
width: 6px;
height: 6px;
background-color: #7a7a7a;
position: absolute;
bottom: 14%;
left: 50%;
margin-left: -2px;
z-index: 1;
}
.pxl-dot-animate .dot-item:before {
content: "";
position: absolute;
left: 50%;
top: 0;
bottom: 0;
width: 1px;
height: 100%;
background-color: #292929;
}
.pxl-dot-animate .dot-1 span {
bottom: 8%;
-webkit-animation: dotAnimatedBottomToTop1 30s infinite linear;
-khtml-animation: dotAnimatedBottomToTop1 30s infinite linear;
-moz-animation: dotAnimatedBottomToTop1 30s infinite linear;
-ms-animation: dotAnimatedBottomToTop1 30s infinite linear;
-o-animation: dotAnimatedBottomToTop1 30s infinite linear;
animation: dotAnimatedBottomToTop1 30s infinite linear;
}
.pxl-dot-animate .dot-2 span {
bottom: 98%;
-webkit-animation: dotAnimatedBottomToTop2 30s infinite linear;
-khtml-animation: dotAnimatedBottomToTop2 30s infinite linear;
-moz-animation: dotAnimatedBottomToTop2 30s infinite linear;
-ms-animation: dotAnimatedBottomToTop2 30s infinite linear;
-o-animation: dotAnimatedBottomToTop2 30s infinite linear;
animation: dotAnimatedBottomToTop2 30s infinite linear;
}
.pxl-dot-animate .dot-3 span {
bottom: 6%;
-webkit-animation: dotAnimatedBottomToTop3 30s infinite linear;
-khtml-animation: dotAnimatedBottomToTop3 30s infinite linear;
-moz-animation: dotAnimatedBottomToTop3 30s infinite linear;
-ms-animation: dotAnimatedBottomToTop3 30s infinite linear;
-o-animation: dotAnimatedBottomToTop3 30s infinite linear;
animation: dotAnimatedBottomToTop3 30s infinite linear;
}
.pxl-dot-animate .dot-4 span {
bottom: 96%;
-webkit-animation: dotAnimatedBottomToTop4 30s infinite linear;
-khtml-animation: dotAnimatedBottomToTop4 30s infinite linear;
-moz-animation: dotAnimatedBottomToTop4 30s infinite linear;
-ms-animation: dotAnimatedBottomToTop4 30s infinite linear;
-o-animation: dotAnimatedBottomToTop4 30s infinite linear;
animation: dotAnimatedBottomToTop4 30s infinite linear;
}
.pxl-dot-animate .dot-5 span {
bottom: 12%;
-webkit-animation: dotAnimatedBottomToTop5 30s infinite linear;
-khtml-animation: dotAnimatedBottomToTop5 30s infinite linear;
-moz-animation: dotAnimatedBottomToTop5 30s infinite linear;
-ms-animation: dotAnimatedBottomToTop5 30s infinite linear;
-o-animation: dotAnimatedBottomToTop5 30s infinite linear;
animation: dotAnimatedBottomToTop5 30s infinite linear;
}
.pxl-dot-animate .dot-6 span {
bottom: 94%;
-webkit-animation: dotAnimatedBottomToTop6 30s infinite linear;
-khtml-animation: dotAnimatedBottomToTop6 30s infinite linear;
-moz-animation: dotAnimatedBottomToTop6 30s infinite linear;
-ms-animation: dotAnimatedBottomToTop6 30s infinite linear;
-o-animation: dotAnimatedBottomToTop6 30s infinite linear;
animation: dotAnimatedBottomToTop6 30s infinite linear;
}
.pxl-transforms {
-webkit-transform: perspective(var(--pxl-transform-perspective, 0)) rotate(var(--pxl-transform-rotateZ, 0)) rotateX(var(--pxl-transform-rotateX, 0)) rotateY(var(--pxl-transform-rotateY, 0)) translate(var(--pxl-transform-translate, 0)) translateX(var(--pxl-transform-translateX, 0)) translateY(var(--pxl-transform-translateY, 0)) scaleX(calc(var(--pxl-transform-flipX, 1) * var(--pxl-transform-scaleX, var(--pxl-transform-scale, 1)))) scaleY(calc(var(--pxl-transform-flipY, 1) * var(--pxl-transform-scaleY, var(--pxl-transform-scale, 1)))) skewX(var(--pxl-transform-skewX, 0)) skewY(var(--pxl-transform-skewY, 0));
transform: perspective(var(--pxl-transform-perspective, 0)) rotate(var(--pxl-transform-rotateZ, 0)) rotateX(var(--pxl-transform-rotateX, 0)) rotateY(var(--pxl-transform-rotateY, 0)) translate(var(--pxl-transform-translate, 0)) translateX(var(--pxl-transform-translateX, 0)) translateY(var(--pxl-transform-translateY, 0)) scaleX(calc(var(--pxl-transform-flipX, 1) * var(--pxl-transform-scaleX, var(--pxl-transform-scale, 1)))) scaleY(calc(var(--pxl-transform-flipY, 1) * var(--pxl-transform-scaleY, var(--pxl-transform-scale, 1)))) skewX(var(--pxl-transform-skewX, 0)) skewY(var(--pxl-transform-skewY, 0));
-webkit-transform-origin: var(--pxl-transform-origin-y) var(--pxl-transform-origin-x);
-ms-transform-origin: var(--pxl-transform-origin-y) var(--pxl-transform-origin-x);
transform-origin: var(--pxl-transform-origin-y) var(--pxl-transform-origin-x);
-webkit-transition: -webkit-transform var(--pxl-transform-transition-duration, 0.4s);
transition: -webkit-transform var(--pxl-transform-transition-duration, 0.4s);
-o-transition: transform var(--pxl-transform-transition-duration, 0.4s);
transition: transform var(--pxl-transform-transition-duration, 0.4s);
transition: transform var(--pxl-transform-transition-duration, 0.4s), -webkit-transform var(--pxl-transform-transition-duration, 0.4s);
}
.pxl-rotate1 {
transform: rotate(-90deg);
transform-origin: 0 0;
}
.transform-origin-0 .elementor-widget-container {
transform-origin: 0 0;
}
.elementor-column.pxl-bg-ken-burns .elementor-widget-wrap {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
-webkit-animation: pxl-ken-burns-in-out 30s linear infinite;
-khtml-animation: pxl-ken-burns-in-out 30s linear infinite;
-moz-animation: pxl-ken-burns-in-out 30s linear infinite;
-ms-animation: pxl-ken-burns-in-out 30s linear infinite;
-o-animation: pxl-ken-burns-in-out 30s linear infinite;
animation: pxl-ken-burns-in-out 30s linear infinite;
}
.pxl-ken-burns {
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 10s;
-o-transition-duration: 10s;
transition-duration: 10s;
-webkit-transition-timing-function: linear;
-o-transition-timing-function: linear;
transition-timing-function: linear;
}
.pxl-ken-burns--out {
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
}
.pxl-ken-burns--active {
-webkit-transition-duration: 20s;
-o-transition-duration: 20s;
transition-duration: 20s;
}
.pxl-ken-burns--active.pxl-ken-burns--out {
-webkit-animation: pxl-ken-burns-out 20s linear infinite;
-khtml-animation: pxl-ken-burns-out 20s linear infinite;
-moz-animation: pxl-ken-burns-out 20s linear infinite;
-ms-animation: pxl-ken-burns-out 20s linear infinite;
-o-animation: pxl-ken-burns-out 20s linear infinite;
animation: pxl-ken-burns-out 20s linear infinite;
}
.pxl-ken-burns--active.pxl-ken-burns--in {
-webkit-animation: pxl-ken-burns-in 20s linear infinite;
-khtml-animation: pxl-ken-burns-in 20s linear infinite;
-moz-animation: pxl-ken-burns-in 20s linear infinite;
-ms-animation: pxl-ken-burns-in 20s linear infinite;
-o-animation: pxl-ken-burns-in 20s linear infinite;
animation: pxl-ken-burns-in 20s linear infinite;
}
.elementor-section.pxl-border-section-anm {
border-width: 0 !important;
}
.elementor-column.pxl-border-column-anm > .elementor-element-populated {
border-width: 0 !important;
}
.elementor-element.pxl-wg-bd-anm-yes > .elementor-widget-container {
border-width: 0 !important;
position: relative;
}
.pxl-border-animated .pxl-border-anm {
position: absolute;
transition: transform 2s cubic-bezier(0.77, 0, 0.175, 1);
}
.pxl-border-animated .pxl-border-anm.bt {
top: 0;
left: 0;
transform: scaleX(0);
transform-origin: 0 0;
}
.pxl-border-animated .pxl-border-anm.br {
top: 0;
right: 0;
transform: scaleY(0);
transform-origin: 100% 0;
}
.pxl-border-animated .pxl-border-anm.bb {
left: 0;
bottom: 0;
transform: scaleX(0);
transform-origin: 0 100%;
}
.pxl-border-animated .pxl-border-anm.bl {
top: 0;
left: 0;
transform: scaleY(0);
transform-origin: 0 0;
}
.pxl-border-animated.num-3 .pxl-border-anm.br, .pxl-border-animated.num-4 .pxl-border-anm.br, .pxl-border-animated.num-3 .pxl-border-anm.bb, .pxl-border-animated.num-4 .pxl-border-anm.bb {
transition-delay: 2s;
}
.pxl-border-animated.pxl-animated .pxl-border-anm {
transform: scale(1);
}
.pxl-bd-anm {
border-width: 0 0 1px 0;
border-style: solid;
border-color: #e4e4e4;
transform: scale(0);
transition: transform 2s cubic-bezier(0.77, 0, 0.175, 1);
}
.pxl-bd-anm.bt {
border-width: 1px 0 0 0;
transform-origin: 0 0;
}
.pxl-bd-anm.br {
border-width: 0 1px 0 0;
transform-origin: 100% 0;
}
.pxl-bd-anm.bb {
border-width: 0 0 1px 0;
transform-origin: 0 100%;
}
.pxl-bd-anm.bl {
border-width: 0 0 0 1px;
transform-origin: 0 0;
}
.pxl-bd-anm.pxl-animated {
transform: scale(1);
}
.elementor-widget-divider .elementor-divider-separator {
transform: scaleX(0);
transform-origin: 0 100%;
transition: transform 2s cubic-bezier(0.77, 0, 0.175, 1);
}
.elementor-widget-divider.pxl-animated .elementor-divider-separator {
transform: scale(1);
}
.pxl-divider.animated .pxl-divider-separator {
transform: scaleX(0);
transform-origin: 0 100%;
transition: transform 2s cubic-bezier(0.77, 0, 0.175, 1);
}
.pxl-divider.animated.reversal .pxl-divider-separator {
transform-origin: 100% 100%;
}
.pxl-divider.animated.slow .pxl-divider-separator {
transition: transform 2.5s cubic-bezier(0.77, 0, 0.175, 1);
}
.pxl-divider.animated.normal .pxl-divider-separator {
transition: transform 1.8s cubic-bezier(0.77, 0, 0.175, 1);
}
.pxl-divider.animated.fast .pxl-divider-separator {
transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1);
}
.pxl-divider.animated.pxl-animated .pxl-divider-separator {
transform: scale(1);
}
.slow {
transition: transform 2.5s cubic-bezier(0.77, 0, 0.175, 1);
}
.normal {
transition: transform 1.8s cubic-bezier(0.77, 0, 0.175, 1);
}
.fast {
transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1);
}
.pxl-hd-bd-left .elementor-widget-container:before, .pxl-hd-bd-right .elementor-widget-container:before {
transform: scaleY(0);
transform-origin: 100% 0;
transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1);
}
.pxl-hd-bd-left.pxl-animated .elementor-widget-container:before, .pxl-hd-bd-right.pxl-animated .elementor-widget-container:before {
transform: scale(1);
}
.pxl-section-bg-parallax {
background-repeat: no-repeat;
background-size: cover;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
}
.pxl-column-bg-parallax {
background-repeat: no-repeat;
background-size: cover;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
}
.pxl-section-divider-top-img {
background-repeat: no-repeat;
background-size: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.pxl-section-divider-bot-img {
background-repeat: no-repeat;
background-size: cover;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.pxl-section-line-item {
position: absolute;
top: 0;
bottom: 0;
width: 1px;
height: 100%;
transform-origin: 0 0;
transform: scale(0);
transition: transform 2s cubic-bezier(0.77, 0, 0.175, 1);
}
.pxl-section-line-item.pxl-animated {
transform: scale(1);
}
.cursor-map-target:hover .pxl-map-wrap {
opacity: 1;
}
.pxl-map-wrap {
position: absolute;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
z-index: -1;
-webkit-transition: opacity 0.3s, visibility 0.3s;
-khtml-transition: opacity 0.3s, visibility 0.3s;
-moz-transition: opacity 0.3s, visibility 0.3s;
-ms-transition: opacity 0.3s, visibility 0.3s;
-o-transition: opacity 0.3s, visibility 0.3s;
transition: opacity 0.3s, visibility 0.3s;
}
.pxl-map-wrap .pxl-map-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
-webkit-transform: scale(0.5);
-khtml-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
transform-origin: 50% 50%;
-webkit-transition: all 0.3s ease-in-out;
-khtml-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.pxl-map-wrap .pxl-map-content iframe {
width: 100%;
height: 100%;
}
.pxl-map-wrap.active {
opacity: 1;
visibility: visible;
z-index: 999999;
}
.pxl-map-wrap.active .pxl-map-content {
opacity: 1;
-webkit-transform: scale(1);
-khtml-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.pxl-map-wrap.clicked {
-webkit-transform: translate(-50%, -50%);
-khtml-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media (max-width: ) {
.pxl-map-wrap.clicked {
-webkit-transform: translate(0, -50%);
-khtml-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
}
}
.list-text-hover .text-hover-item {
transition: z-index 0.11s 0.17s;
}
.list-text-hover .text-hover-item.active {
z-index: 3;
}
.pxl-imgs-hover {
opacity: 0;
transform: translate(calc(var(--pxl-mouse-x) - 50%), calc(var(--pxl-mouse-y) - 50%));
transition: opacity 0.3s;
z-index: 1;
pointer-events: none;
position: absolute;
top: 0;
left: 0;
}
.pxl-imgs-hover .img-inner {
transform: translateX(-100%);
}
.pxl-imgs-hover .img-hv-ac {
transform: translateX(100%) scale(1.4);
}
.pxl-imgs-hover .img-item.active {
z-index: 2;
}
.pxl-imgs-hover .img-item.deactive .img-hv-ac {
animation: pxlImgOut 0.55s ease-in-out both;
}
.pxl-imgs-hover .img-item.deactive .img-inner {
animation: pxlInnerOut 0.55s ease-in-out both;
}
.pxl-imgs-hover .img-item.active .img-hv-ac {
animation: pxlImgIn 0.55s ease-in-out both;
}
.pxl-imgs-hover .img-item.active .img-inner {
animation: pxlInnerIn 0.55s ease-in-out both;
}
.pxl-text-img-wrap .content-inner:hover .pxl-imgs-hover {
opacity: 1;
}
.pxl-text-stroke {
position: relative;
display: inline-block;
line-height: 1;
-webkit-text-stroke: 3px rgba(0, 0, 0, 0.08);
color: transparent;
text-transform: uppercase;
}
.pxl-bg-parallax {
position: relative;
overflow: hidden;
}
.parallax-inner {
position: absolute;
top: -10%;
left: -10%;
height: calc(100% + 20%);
width: calc(100% + 20%);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.pxl-split-text .split-line {
overflow: hidden;
}
@media (max-width: 1023px) {
.stop-splittext-anm .pxl-split-text .split-line {
overflow: inherit;
}
.stop-splittext-anm .pxl-split-text .split-line * {
transform: scale(1, 1) !important;
transform: rotateX(0) !important;
transform: translateX(0) !important;
transform: translateY(0) !important;
opacity: 1 !important;
}
}
.text-slide-to-left {
-webkit-animation: pxl_text_slide_l 16s linear infinite;
animation: pxl_text_slide_l 16s linear infinite;
}
.text-slide-to-right {
-webkit-animation: pxl_text_slide_r 16s linear infinite;
animation: pxl_text_slide_r 16s linear infinite;
}
.elementor-section .elementor-container {
flex-wrap: wrap;
justify-content: center;
}
.elementor-section.pxl-section-static-pos-yes .elementor-container {
position: static;
}
.elementor-section.pxl-section-static-pos-yes .elementor-column, .elementor-section.pxl-section-static-pos-yes .elementor-column-wrap {
position: static;
}
.elementor-section.pxl-section-static-pos-yes .elementor-widget-wrap {
position: static;
}
.elementor-section.pxl-section-overflow-hidden-yes {
overflow: hidden !important;
}
.elementor-column.pxl-column-overflow-hidden-yes {
overflow: hidden !important;
}
.elementor-editor-active .pxl-header-sticky {
display: none;
}
.elementor-editor-active .pxl-header-main-sticky.h-fixed {
display: none;
}
.elementor-editor-active .pxl-header-mobile-sticky {
display: none;
}
.elementor-editor-active .elementor-widget-divider .elementor-divider-separator {
transform: scale(1);
}
.elementor-editor-active .pxl-border-animated .pxl-border-anm.bb {
transform: scale(1);
}
.elementor-editor-active .pxl-hd-bd-left .elementor-widget-container:before, .elementor-editor-active .pxl-hd-bd-right .elementor-widget-container:before {
transform: scale(1);
}
.elementor-editor-active .elementor-widget-pxl_layer .elementor-widget-empty-icon {
display: none !important;
}
.elementor-editor-active .pxl-page.header-pos-fixed-left, .elementor-editor-active .pxl-page.header-pos-fixed-right {
padding-left: 0;
padding-right: 0;
}
.elementor-editor-active .pxl-page.header-pos-fixed-left .pxl-header, .elementor-editor-active .pxl-page.header-pos-fixed-right .pxl-header {
display: none;
}
@media (min-width: ) {
.elementor-editor-active .pxl-primary-menu li:hover > .sub-menu {
z-index: -1;
opacity: 0;
visibility: hidden;
}
}
.elementor-editor-active .pxl-scroll-top {
opacity: 1;
-webkit-transform: translate(0, 0);
-khtml-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.elementor-editor-active .pxl-footer.pxl-footer-absoluted {
bottom: 314px;
}
.elementor-column {
min-height: 0px;
}
.elementor-lightbox .swiper-zoom-container > canvas, .elementor-lightbox .swiper-zoom-container > img, .elementor-lightbox .swiper-zoom-container > svg {
object-fit: cover;
-o-object-fit: cover;
}
.elementor-column-gap-default > .elementor-column > .elementor-element-populated {
padding: 0 15px;
}
.elementor-column-gap-extended > .elementor-column > .elementor-element-populated {
padding: 0 15px;
}
.pxl-single-post .single-elementor-content > .elementor {
margin: 0 -15px;
}
.pxl-single-post .elementor-inner-section > .elementor-column-gap-default {
margin: 0 -15px;
}
.pxl-single-portfolio .single-elementor-content > .elementor {
margin: 0 -15px;
}
.pxl-single-portfolio .elementor-inner-section > .elementor-column-gap-default {
margin: 0 -15px;
}
.pxl-entry-content .elementor-inner-section > .elementor-column-gap-default {
margin: 0 -15px;
}
.pxl-hidden-template .elementor-inner-section > .elementor-column-gap-default {
margin: 0 -15px;
}
.elementor-column.pxl-column-element-grow {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.elementor-column.pxl-column-element-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto !important;
max-width: 100%;
}
@media (min-width: ) {
.elementor-column.pxl-column-element-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto !important;
max-width: 100%;
}
}
@media (min-width: ) {
.elementor-column.pxl-column-element-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto !important;
max-width: 100%;
}
}
@media (min-width: ) {
.elementor-column.pxl-column-element-tablet_extra-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto !important;
max-width: 100%;
}
}
@media (min-width: ) {
.elementor-column.pxl-column-element-tablet-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto !important;
max-width: 100%;
}
}
@media (min-width: ) {
.elementor-column.pxl-column-element-mobile_extra-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto !important;
max-width: 100%;
}
}
.elementor-column.pxl-skew .elementor-element-populated:before {
content: "";
background-color: inherit;
position: absolute;
top: 0;
bottom: 0;
width: 50vw;
right: 100%;
}
.elementor-column.pxl-skew .elementor-element-populated:after {
content: "";
background-color: inherit;
position: absolute;
top: 0;
bottom: 0;
width: 22px;
left: 100%;
height: 100%;
background-size: cover;
clip-path: polygon(0% 100%, 100% 100%, 0% 0%);
}
.pxl-shape-divider-pos-top .pxl-shape-divider {
top: -1px;
}
.pxl-shape-divider-mask .pxl-shape-divider {
width: 100%;
height: 25px;
overflow: hidden;
position: absolute;
left: 0;
width: 100%;
line-height: 0;
direction: ltr;
mask-image: var(--ss-mask-url);
-webkit-mask-image: var(--ss-mask-url);
-ms-mask-image: var(--ss-mask-url);
-o-mask-image: var(--ss-mask-url);
-webkit-mask-repeat: no-repeat;
-ms-mask-repeat: no-repeat;
-o-mask-repeat: no-repeat;
-webkit-mask-position: center top;
-ms-mask-position: center top;
-o-mask-position: center top;
mask-position: center top;
}
@media (max-width: ) {
.pxl-section-line span.line-1, .pxl-section-line span.line-4, .pxl-section-line span.line-6 {
display: none;
}
}
@media (max-width: ) {
.pxl-section-line span.line-1, .pxl-section-line span.line-2, .pxl-section-line span.line-3, .pxl-section-line span.line-4, .pxl-section-line span.line-5, .pxl-section-line span.line-6, .pxl-section-line span.line-7 {
display: none;
}
}
.pxl-section-line span {
width: 1px;
height: 100%;
position: absolute;
top: 0;
background-color: #f4f4f4;
}
.pxl-section-line span.line-1 {
left: 3.3%;
}
.pxl-section-line span.line-2 {
left: 8.5%;
}
.pxl-section-line span.line-3 {
left: 35.2%;
}
.pxl-section-line span.line-4 {
left: 60.9%;
}
.pxl-section-line span.line-5 {
left: 64.6%;
}
.pxl-section-line span.line-6 {
left: 77.6%;
}
.pxl-section-line span.line-7 {
left: 82.8%;
}
.section-line-custom .pxl-section-line span {
position: absolute;
top: auto;
bottom: 0;
background-color: #f4f4f4;
z-index: 1;
}
.section-line-custom .pxl-section-line span.line-1 {
height: 8px;
}
.section-line-custom .pxl-section-line span.line-2 {
height: 18px;
}
.section-line-custom .pxl-section-line span.line-3 {
height: 70px;
}
.section-line-custom .pxl-section-line span.line-4 {
height: 40px;
}
.section-line-custom .pxl-section-line span.line-5 {
height: 50px;
}
.section-line-custom .pxl-section-line span.line-6 {
height: 85px;
}
.section-line-custom .pxl-section-line span.line-7 {
height: 100px;
}
@media (max-width: ) {
.section-line-custom .pxl-section-line span.line-1 {
height: 5px;
}
.section-line-custom .pxl-section-line span.line-2 {
height: 13px;
}
.section-line-custom .pxl-section-line span.line-3 {
height: 50px;
}
.section-line-custom .pxl-section-line span.line-4 {
height: 18px;
}
.section-line-custom .pxl-section-line span.line-5 {
height: 23px;
}
.section-line-custom .pxl-section-line span.line-6 {
height: 45px;
}
.section-line-custom .pxl-section-line span.line-7 {
height: 53px;
}
}
@media (max-width: ) {
.section-line-custom .pxl-section-line span.line-2 {
height: 7px;
}
.section-line-custom .pxl-section-line span.line-3 {
height: 28px;
}
.section-line-custom .pxl-section-line span.line-5 {
height: 53px;
}
.section-line-custom .pxl-section-line span.line-7 {
height: 67px;
}
}
@media (min-width: ) {
.pxl-section-line-left-yes .elementor-container:before {
content: "";
position: absolute;
top: 0;
left: -45px;
bottom: 0;
width: 1px;
}
.pxl-section-line-right-yes .elementor-container:after {
content: "";
position: absolute;
top: 0;
right: -45px;
bottom: 0;
width: 1px;
}
}
.pxl-section-offset-left.pxl-section-line-left-yes .elementor-container:before {
left: -60px;
}
.pxl-section-offset-left.pxl-section-line-right-yes .elementor-container:after {
right: auto;
left: 1229px;
}
@media (min-width: 1280px) {
.pxl-section-offset-left.pxl-container-width-container-1200 {
padding-left: calc((100% - 1200px)/2) !important;
}
.pxl-section-offset-left.pxl-container-width-container-1200.pxl-section-gap-no {
padding-left: calc((100% - 1170px)/2) !important;
}
}
@media (min-width: 1280px) {
.pxl-section-offset-right.pxl-container-width-container-1200 {
padding-right: calc((100% - 1200px)/2) !important;
}
.pxl-section-offset-right.pxl-container-width-container-1200.pxl-section-gap-no {
padding-right: calc((100% - 1170px)/2) !important;
}
}
@media (min-width: ) {
.pxl-swiper-arrows {
left: calc((100vw - 1170px)/2) !important;
}
}
@font-face {
font-family: 'GT Walsheim Pro';
font-weight: 300;
font-style: normal;
src: url(//elissahotel.com.my/wp-content/themes/seaside/assets/fonts/walsheim/GTWalsheimPro-Light.woff2) format('woff2'), url(//elissahotel.com.my/wp-content/themes/seaside/assets/fonts/walsheim/GTWalsheimPro-Light.woff) format('woff');
}
@font-face {
font-family: 'GT Walsheim Pro';
font-weight: 400;
font-style: normal;
src: url(//elissahotel.com.my/wp-content/themes/seaside/assets/fonts/walsheim/GTWalsheimPro-Regular.woff2) format('woff2'), url(//elissahotel.com.my/wp-content/themes/seaside/assets/fonts/walsheim/GTWalsheimPro-Regular.woff) format('woff');
}
@font-face {
font-family: 'GT Walsheim Pro';
font-weight: 500;
font-style: normal;
src: url(//elissahotel.com.my/wp-content/themes/seaside/assets/fonts/walsheim/GTWalsheimPro-Medium.woff2) format('woff2'), url(//elissahotel.com.my/wp-content/themes/seaside/assets/fonts/walsheim/GTWalsheimPro-Medium.woff) format('woff');
}
@font-face {
font-family: 'GT Walsheim Pro';
font-weight: 700;
font-style: normal;
src: url(//elissahotel.com.my/wp-content/themes/seaside/assets/fonts/walsheim/GTWalsheimPro-Bold.woff2) format('woff2'), url(//elissahotel.com.my/wp-content/themes/seaside/assets/fonts/walsheim/GTWalsheimPro-Bold.woff) format('woff');
}
.ft-walsheim {
font-family: 'GT Walsheim Pro' !important;
}
.ft-fahkwang, blockquote, #pxl-page-title-default .pxl-page-title, .error404 .pxl-error-title-top, .error404 .pxl-error-title, .error404 .btn, .pxl-loader.style-1 .letters-loading, .pxl-cursor-drag, .pxl-cursor-drag .text, .pxl-text-editor a, .pxl-link li a .pxl-link-container .pxl-link1, .pxl-cart-sidebar-button .pxl_cart_counter, .pxl-contact-form .contact-form-faq .input-contact .btn-form > p button, .pxl-item--archive .pxl-item--excerpt, .pxl-item--archive .pxl-item--meta a, .pxl--post-footer .pxl--tags a, .pxl--author-info .entry-author-meta .author-name, .pxl-pagination-wrap .page-numbers, .pxl-post--navigation .pxl--meta a, .widget_text .widget-content .widget-title, .widget_text .widget-content .wrap-ctf2 .btn-form p button, .widget-title, .widget_tag_cloud a, .widget_product_tag_cloud a, .widget_pxl_recent_posts .pxl-item--title, #pxl-main .widget_product_categories ul li a, #pxl-main .widget_categories ul li a, #pxl-main .widget_nav_menu ul li a, #pxl-main .widget_pages ul li a, #pxl-main .widget_archive ul li a, #pxl-main .widget_meta ul li a, #pxl-main .widget_recent_entries ul li a, .widget_calendar table > caption, .widget_calendar .wp-calendar-nav a, .widget_block .widget-content .wp-block-search__label, .widget_block .widget-content .wp-block-group__inner-container > h2, .widget_layered_nav .woocommerce-widget-layered-nav-list a, .comment-title, .comment-reply a, .pxl-wrap-table .pxl-table-inner .wrap-table:first-child .pxl-table--item span, .pxl-wrap-table .pxl-table-inner .wrap-table .pxl-table--inner .pxl-table--title, .pxl-side-cart .pxl-panel-header .pxl-title, button:not(.rm-style-default), .button, input[type="submit"], .pxl-blog-grid-layout1 .pxl-item--excerpt, .pxl-post-carousel1 .pxl-item--excerpt, .pxl-blog-grid-layout1 .btn-readmore span, .pxl-post-carousel1 .btn-readmore span, .pxl-blog-grid-layout1 .item--meta a, .pxl-post-carousel1 .item--meta a, .ci-content-wrap .ci-content .ci-title, .ci-content-wrap .ci-content .ci-desc, .pxl-fancy-box1 .pxl-item--holder .pxl-item--title a, .pxl-fancy-box1 .pxl-item--holder .btn-readmore span {
font-family: 'Heebo' !important;
}
html {
box-sizing: border-box;
}
body {
background-color: #606060;
font-size: 14.5px;
font-weight: 300;
line-height: 1.8em;
color: var(--secondary-color);
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
overflow-x: hidden;
font-family: 'Montserrat', sans-serif;
margin: 0;
padding: 0;
}
a {
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
color: var(--link-color);
}
a:before, a:after {
-webkit-transition: inherit;
-khtml-transition: inherit;
-moz-transition: inherit;
-ms-transition: inherit;
-o-transition: inherit;
transition: inherit;
}
a:hover, a:focus {
color: var(--link-color-hover);
}
a:active {
color: var(--link-color-active);
}
.clearfix::after {
display: block;
clear: both;
content: "";
}
a, a:hover, a:focus, a:before, a:after {
outline: none;
text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Montserrat', sans-serif;
color: var(--secondary-color);
font-weight: 600;
margin: 0 0 15px;
clear: both;
line-height: 1.1;
}
h1, .h1 {
font-size: 42px;
}
@media (max-width: 991px) {
h1, .h1 {
font-size: 42px;
}
}
h2, .h2 {
font-size: 32px;
line-height: 1.2em;
}
h3, .h3 {
font-size: 18px;
letter-spacing: 3px;
}
h4, .h4 {
font-size: 28px;
}
@media (max-width: 991px) {
h4, .h4 {
font-size: 24px;
}
}
h5, .h5 {
font-size: 22px;
}
@media (max-width: 991px) {
h5, .h5 {
font-size: 20px;
}
}
h6, .h6 {
font-size: 18px;
}
img {
width: auto;
max-width: 100%;
height: auto;
vertical-align: middle;
border-style: none;
}
p {
margin: 0 0 15px;
}
.wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
padding: 0.8075em 0;
font-size: 0.875em;
font-style: italic;
}
.gallery-caption {
opacity: 1;
}
.wp-caption-text {
text-align: center;
}
.alignleft, .alignright, .aligncenter {
margin-top: 6px;
margin-bottom: 45px;
}
.alignleft {
display: inline;
float: left;
margin-right: 35px;
}
.alignright {
display: inline;
float: right;
margin-left: 35px;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
.sticky {
display: block;
}
.screen-reader-text {
display: none;
}
.bypostauthor {
display: block;
}
blockquote {
background-color: #f5f5f5;
padding: 60px;
font-size: 28px;
line-height: 30px;
color: var(--secondary-color);
position: relative;
margin-left: 0;
font-weight: 400;
}
@media (max-width: 1366px) {
blockquote {
margin-right: 0;
}
}
@media screen and (max-width: 767px) {
blockquote {
padding-left: 20px;
padding-right: 20px;
margin-right: 0;
font-size: 18px;
}
}
blockquote:before {
content: '';
width: 5px;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
blockquote cite {
display: block;
font-size: 15px;
font-style: italic;
margin-top: 15px;
font-weight: 700;
}
blockquote p:last-child {
margin-bottom: 0;
font-size: 14px;
font-weight: 500;
font-family: 'Montserrat';
font-style: normal;
text-transform: uppercase;
line-height: 20px;
}
blockquote.is-style-large.wp-block-quote {
padding: 32px 57px 32px 37px;
}
blockquote.wp-block-quote p {
margin-bottom: 16px !important;
}
blockquote.wp-block-quote cite br {
display: none;
}
blockquote.wp-block-quote.has-text-align-right:before {
left: auto;
right: 0;
}
#tslOverlay {
background-color: transparent !important;
z-index: 999999 !important;
}
.page-social-follow-me {
width: 20px;
position: fixed;
z-index: 1000;
margin-left: 30px;
text-align: center;
letter-spacing: 2px;
font-size: 12px;
top: 50%;
left: 15px;
transform: translate(-50%, -50%);
}
.page-social-follow-me a i {
color: var(--secondary-color);
font-size: 15px;
letter-spacing: 0.75px;
}
.page-social-follow-me .pxl-title-social {
color: var(--secondary-color);
margin-left: -3px;
margin-top: 20px;
writing-mode: vertical-rl;
letter-spacing: 0.75px;
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
@media (max-width: 1366px) {
.page-social-follow-me {
display: none;
}
}
table {
border-bottom: 1px solid #ececf0;
border-left: 1px solid #ececf0;
border-collapse: collapse;
border-spacing: 0;
line-height: 2;
margin: 0 0 32px;
width: 100%;
-webkit-border-radius: 0;
-khtml-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
}
table th {
color: #223840;
}
caption, td {
font-weight: normal;
text-align: left;
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
padding: 13px 8px;
}
th {
font-weight: 600;
border-top: 1px solid #ececf0;
padding: 10px;
border-right: 1px solid #ececf0;
}
td {
border-top: 1px solid #ececf0;
padding: 15px;
border-right: 1px solid #ececf0; }
dl dt {
font-weight: normal;
line-height: 26px;
text-transform: uppercase;
font-weight: 700;
color: #000;
}
dl dd {
line-height: normal;
margin-bottom: 20px;
}
dl dd a {
color: #000;
}
dl dd a:hover {
color: var(--primary-color);
}
code, kbd {
background-color: transparent;
border-radius: 4px;
color: inherit;
font-size: 100%;
padding: 2px 4px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
ins {
color: #fff;
border: none;
padding: 2px;
text-decoration: none;
background-color: var(--primary-color);
}
pre {
background: #f5f5f5;
color: #666;
font-size: 14px;
margin: 20px 0;
overflow: auto;
padding: 20px;
white-space: pre-wrap;
word-wrap: break-word;
}
ol {
list-style: outside none decimal;
margin-bottom: 32px;
}
ul {
padding: 0;
margin: 0 0 32px;
}
ul li {
list-style-position: inside;
}
dl + h2 + ul {
padding-left: 35px;
}
dl + h2 + ul ul {
padding-left: 35px;
}
dl + h2 + ul ul li {
list-style: outside;
}
.alignleft, .alignright, .aligncenter {
margin-top: 6px;
margin-bottom: 45px;
}
.alignleft {
display: inline;
float: left;
margin-right: 35px;
}
.alignright {
display: inline;
float: right;
margin-left: 35px;
clear: right;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
.sticky {
display: block;
}
.updated:not(.published) {
display: none;
}
.post-password-form label {
display: block;
max-width: 60%;
}
.post-password-form input {
margin: 10px 0;
}
.has-background-dim {
color: #fff;
margin-bottom: 30px;
}
.wp-block-gallery .blocks-gallery-item {
float: left;
}
.wp-block-gallery .blocks-gallery-caption {
margin-bottom: 22px;
}
.blocks-gallery-grid:not(.has-nested-images).alignleft, .blocks-gallery-grid:not(.has-nested-images).alignright, .wp-block-gallery:not(.has-nested-images).alignleft, .wp-block-gallery:not(.has-nested-images).alignright {
max-width: max-content;
width: 100%;
}
@media screen and (max-width: 767px) {
.post-password-form label {
max-width: 60%;
}
}
.wp-block-button {
margin-bottom: 20px;
}
.wp-block-button .wp-block-button__link {
background-color: var(--primary-color);
border-color: var(--primary-color);
color: #fff;
}
.wp-block-button .wp-block-button__link:not([href]) {
color: #fff;
}
.wp-block-button .wp-block-button__link:hover {
background-color: var(--secondary-color);
border-color: var(--secondary-color);
color: #fff;
}
.wp-block-button .wp-block-button__link:hover:not([href]) {
color: #fff;
}
.wp-block-button.is-style-outline .wp-block-button__link {
background-color: transparent;
color: var(--primary-color);
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
background-color: var(--primary-color);
border-color: var(--primary-color);
color: #fff;
}
.wp-block-button.is-style-squared .wp-block-button__link {
-webkit-border-radius: 0px;
-khtml-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
}
.wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
padding: 0.8075em 0;
font-size: 0.875em;
font-style: italic;
}
.gallery-caption {
opacity: 1;
}
.wp-caption-text {
text-align: center;
}
.no-results.not-found { }
.no-results.not-found .searchform-wrap {
position: relative;
}
.no-results.not-found .search-submit {
position: absolute;
top: 0;
right: 0;
height: 51px;
line-height: 51px;
padding: 0;
width: 61px;
background-color: transparent;
color: #222;
}
.woocommerce div.product form.cart .variations {
width: auto;
}
.pxl-image-wg.bg-halp {
padding: 5px 5px 0 5px;
position: relative;
}
.pxl-image-wg.bg-halp:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 68%;
background-color: var(--primary-color);
}
.pxl-image-wg.bg-halp img {
width: 100%;
position: relative;
}
.pxl-image-wg.move-from-left {
clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}
.pxl-image-wg.move-from-left img {
transform-origin: 50% 50%;
transition: 2s cubic-bezier(0.5, 0.5, 0, 1);
-webkit-transform: scale(1.5) translate(-100px, 0px);
-khtml-transform: scale(1.5) translate(-100px, 0px);
-moz-transform: scale(1.5) translate(-100px, 0px);
-ms-transform: scale(1.5) translate(-100px, 0px);
-o-transform: scale(1.5) translate(-100px, 0px);
transform: scale(1.5) translate(-100px, 0px);
}
.pxl-image-wg.move-from-left.pxl-animated {
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.pxl-image-wg.move-from-left.pxl-animated img {
-webkit-transform: scale(1) translate(0px, 0px);
-khtml-transform: scale(1) translate(0px, 0px);
-moz-transform: scale(1) translate(0px, 0px);
-ms-transform: scale(1) translate(0px, 0px);
-o-transform: scale(1) translate(0px, 0px);
transform: scale(1) translate(0px, 0px);
}
.pxl-image-wg.move-from-right {
clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%);
}
.pxl-image-wg.move-from-right img {
transform-origin: 50% 50%;
transition: 2s cubic-bezier(0.5, 0.5, 0, 1);
-webkit-transform: scale(1.5) translate(100px, 0px);
-khtml-transform: scale(1.5) translate(100px, 0px);
-moz-transform: scale(1.5) translate(100px, 0px);
-ms-transform: scale(1.5) translate(100px, 0px);
-o-transform: scale(1.5) translate(100px, 0px);
transform: scale(1.5) translate(100px, 0px);
}
.pxl-image-wg.move-from-right.pxl-animated {
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.pxl-image-wg.move-from-right.pxl-animated img {
-webkit-transform: scale(1) translate(0px, 0px);
-khtml-transform: scale(1) translate(0px, 0px);
-moz-transform: scale(1) translate(0px, 0px);
-ms-transform: scale(1) translate(0px, 0px);
-o-transform: scale(1) translate(0px, 0px);
transform: scale(1) translate(0px, 0px);
}
.pxl-image-wg.skew-in.pxl-animated {
-webkit-animation-name: pxl_skew_in;
animation-name: pxl_skew_in;
-webkit-animation-duration: 1s !important;
animation-duration: 1s !important;
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
will-change: transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.overflow-hiden {
overflow: hidden;
}
#pxl-wapper {
overflow: hidden;
}
@media screen and (min-width: 1200px) {
#pxl-wapper .container {
max-width: 1240px;
width: 100%;
}
}
@media screen and (max-width: 1199px) {
#pxl-wapper .container {
max-width: 100%;
}
}
#pxl-wapper .elementor-widget:not(:last-child) {
margin-bottom: 0;
}
@media screen and (max-width: 991px) {
#pxl-wapper #pxl-sidebar-area {
margin-top: 60px;
}
}
@media screen and (min-width: 992px) {
#pxl-wapper .pxl-has-sidebar.pxl-sidebar-left {
flex-direction: row-reverse;
}
}
#pxl-wapper .elementor-top-section:not(.elementor-section-full_width) .elementor-section.elementor-inner-section > .elementor-container {
margin: 0 -15px;
max-width: inherit !important;
}
@media screen and (max-width: 1199px) {
#pxl-wapper .elementor-top-section > .elementor-column-gap-extended .elementor-inner-section > .elementor-column-gap-extended {
margin-left: -15px;
margin-right: -15px;
}
}
@media screen and (max-width: 1024px) {
#backgrond-body-image {
background-attachment: inherit !important;
}
}
#backgrond-body-image {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -2;
background: url(//elissahotel.com.my/wp-content/themes/seaside/assets/img/bg-blog.jpg) 0% 0% / cover fixed;
background-size: cover;
background-position: fixed;
}
#backgrond-body-image:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
z-index: -1;
background: rgba(34, 34, 34, .5);
}
#pxl-main {
padding: 84px 0 128px;
}
#pxl-main .elementor-section.elementor-section-boxed > .elementor-container {
max-width: 1240px;
margin: 0 auto;
}
.single-post #pxl-main {
padding: 84px 0 110px;
}
@media screen and (max-width: 1199px) {
.single-post #pxl-main {
padding: 60px 0 60px;
}
}
@media screen and (min-width: 1200px) {
.pxl-row-scroll-fixed > .elementor-container {
align-items: flex-start;
justify-content: space-between;
}
.pxl-row-scroll-fixed .pxl-column-sticky {
position: sticky;
top: 30px;
}
}
.single-post .pxl-item--content > .elementor {
margin: 0 -15px;
}
.pxl-bg-color-left {
z-index: 1;
}
.pxl-bg-color-left:before {
z-index: -1;
content: '';
background-color: #070f01;
position: absolute;
top: 0;
left: 80px;
right: 0;
bottom: 0;
}
@media screen and (max-width: 1400px) {
.pxl-bg-color-left:before {
left: 0;
}
}
.pxl-breadcrumb {
padding: 0;
margin: 0;
list-style: none;
}
.pxl-breadcrumb a {
color: inherit;
}
.pxl-breadcrumb a:hover {
color: var(--primary-color);
}
.pxl-breadcrumb li {
display: inline-block;
align-items: center;
}
.pxl-breadcrumb li:first-child:before {
content: "\f147";
margin-right: 6px;
color: inherit;
font-family: caseicon;
font-size: 16px;
line-height: 1;
position: relative;
top: 2px;
}
.pxl-breadcrumb li span {
font-size: inherit;
}
#pxl-page-title-default {
padding: 74px 0 72px;
text-align: center;
position: relative;
background-repeat: no-repeat;
background-size: cover;
background-position: bottom center !important;
}
@media (max-width: 767px) {
#pxl-page-title-default {
padding: 35px 0 45px;
}
}
#pxl-page-title-default .container {
z-index: 99;
position: relative;
}
#pxl-page-title-default .pxl-page-title {
font-size: 62px;
margin-bottom: 33px;
font-weight: 500;
line-height: 66px;
word-break: break-word;
}
@media screen and (max-width: 1199px) {
#pxl-page-title-default .pxl-page-title {
font-size: 42px;
margin-bottom: 15px;
}
}
#pxl-page-title-default .pxl-page-title ~ .pxl-breadcrumb {
display: inline-flex;
justify-content: center;
}
#pxl-page-title-default .pxl-breadcrumb {
display: flex;
flex-wrap: wrap;
padding: 0;
margin: 0;
list-style: none;
justify-content: left;
font-size: 14px;
font-weight: 500;
line-height: 20px;
color: #839297;
}
#pxl-page-title-default .pxl-breadcrumb a {
font-size: inherit;
text-transform: uppercase;
}
#pxl-page-title-default .pxl-breadcrumb a:hover {
text-decoration: underline;
}
#pxl-page-title-default .pxl-breadcrumb li {
margin-right: 41px;
position: relative;
line-height: 20px;
font-family: 'montserrat';
}
@media (max-width: 575px) {
#pxl-page-title-default .pxl-breadcrumb li {
text-align: left;
}
}
#pxl-page-title-default .pxl-breadcrumb li:before {
content: '';
position: absolute;
margin: 0;
top: 0;
right: -21px;
width: 1px;
height: 100%;
background-color: #c0c6c6;
}
#pxl-page-title-default .pxl-breadcrumb li:first-child a {
color: var(--primary-color);
}
#pxl-page-title-default .pxl-breadcrumb li:last-child {
margin-right: 0;
}
#pxl-page-title-default .pxl-breadcrumb li:last-child:before {
content: none !important;
}
.error404 {
overflow: hidden;
}
.error404 #pxl-main {
padding: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
display: flex;
align-items: center;
}
.error404 #pxl-page-title-default {
position: relative;
z-index: 1;
}
.error404 #pxl-page-title-default .pxl-page-title {
font-size: 48px;
color: #fff;
margin-bottom: 25px;
line-height: 1;
}
@media screen and (max-width: 1199px) {
.error404 #pxl-page-title-default .pxl-page-title {
font-size: 30px;
}
}
.error404 #pxl-page-title-default .pxl-breadcrumb li {
color: #fff;
}
.error404 #pxl-page-title-default .pxl-breadcrumb li a {
color: #fff;
}
.error404 #pxl-page-title-default .pxl-breadcrumb li span {
color: inherit;
}
.error404 .pxl-error-title-top {
font-size: 150px;
font-weight: 700;
line-height: 1;
color: #fff;
margin-bottom: 40px;
text-transform: uppercase;
}
@media screen and (max-width: 1199px) {
.error404 .pxl-error-title-top {
font-size: 40px;
line-height: 50px;
}
}
.error404 .pxl-error-title {
font-size: 35px;
color: var(--secondary-color);
text-transform: uppercase;
margin-bottom: 14px;
line-height: 50px;
}
@media screen and (max-width: 1199px) {
.error404 .pxl-error-title {
font-size: 30px;
line-height: 1;
}
}
.error404 .excerpt-404 {
font-family: 'montserrat';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 24px;
color: var(--secondary-color);
margin-bottom: 31px;
}
.error404 .error-img-container {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
z-index: -1;
}
.error404 .error-img-container .error-img {
animation: pxl-spin 15s linear infinite;
}
.error404 .error-img-container .error-img2 {
max-width: 1017px;
position: absolute;
}
.error404 .btn {
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 19px;
color: #fff;
}
.error404 .btn i {
font-size: 12px;
margin-top: 3px;
color: #fff;
margin-left: 10px;
}
.error404 .btn i:before {
font-weight: 300;
}
.error404 .btn:hover i {
animation: pxl_right_from_left 0.5s forwards;
}
.error404 .pxl-error-inner {
max-width: 372px;
margin: 0 auto;
text-align: center;
}
.error404 .pxl-error-inner .search-field {
height: 60px;
line-height: 60px;
padding: 0 25px 0 40px;
}
.error404 .pxl-error-inner .search-submit {
top: 50%;
padding: 0;
background-color: transparent;
right: 20px;
color: #000;
font-size: 20px;
position: absolute;
transform: translatey(-50%);
}
.error404 .pxl-error-inner .searchform-wrap {
position: relative;
}
.error404 .pxl-error-inner .search-form {
max-width: 400px;
margin: 0 auto;
}
#pxl-footer-default {
padding: 40px 0;
text-align: center;
background-color: #000;
color: #fff;
font-weight: 500;
}
#pxl-footer-default a {
color: inherit;
}
#pxl-footer-default a:hover {
color: #fff;
text-decoration: underline;
}
.pxl-scroll-top {
position: fixed;
width: 40px;
height: 40px;
line-height: 40px;
right: 40px;
bottom: 40px;
font-size: 14px;
background-color: #fff;
color: var(--primary-color);
text-align: center;
z-index: 9999;
opacity: 0;
visibility: hidden;
-webkit-border-radius: 50px;
-khtml-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
-o-border-radius: 50px;
border-radius: 50px;
-webkit-box-shadow: 0 0 20px rgba(23, 23, 23, .25);
-khtml-box-shadow: 0 0 20px rgba(23, 23, 23, .25);
-moz-box-shadow: 0 0 20px rgba(23, 23, 23, .25);
-ms-box-shadow: 0 0 20px rgba(23, 23, 23, .25);
-o-box-shadow: 0 0 20px rgba(23, 23, 23, .25);
box-shadow: 0 0 20px rgba(23, 23, 23, .25);
-webkit-transition: 0.4s;
-khtml-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.pxl-scroll-top.pxl-on {
bottom: 40px;
opacity: 1;
visibility: visible;
}
@media screen and (max-width: 1199px) {
.pxl-scroll-top.pxl-on {
bottom: 15px;
right: 20px;
}
}
.pxl-scroll-top:before {
content: "\f142";
font-family: caseicon;
position: absolute;
left: 12px;
top: 0px;
font-size: 15px;
font-weight: 500;
transform: rotate(-90deg);
-webkit-transition: 0.2s;
-khtml-transition: 0.2s;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
.pxl-scroll-top:hover, .pxl-scroll-top:focus {
margin-bottom: 4px;
}
.pxl-scroll-top:hover:before, .pxl-scroll-top:focus:before {
color: var(--primary-color);
}
.pxl-scroll-top .pxl-progress-circle path {
fill: none;
stroke: var(--primary-color);
stroke-width: 4;
box-sizing: border-box;
-webkit-transition: all 200ms linear;
-khtml-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-ms-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
}
.pxl-footer-fixed #pxl-footer-elementor {
width: 100%;
position: fixed;
bottom: 0;
left: 0;
z-index: -1;
}
@media screen and (max-width: 1199px) {
.pxl-footer-fixed #pxl-footer-elementor {
position: static;
}
}
.pxl-footer-fixed #pxl-header-elementor {
background-color: #fff;
}
.pxl-footer-fixed #pxl-main {
background-color: #fff;
}
@media screen and (max-width: 1199px) {
.pxl-footer-fixed #pxl-main {
margin-bottom: 0 !important;
}
}
.elementor-editor-active #pxl-header-default, .elementor-editor-active #pxl-header-elementor, .elementor-editor-active #pxl-page-title-default, .elementor-editor-active #pxl-footer-elementor, .elementor-editor-active .pxl-menu-primary .sub-menu, .elementor-editor-active .pxl-menu-primary .children, .elementor-editor-active #pxl-page-title-elementor {
display: none;
}
.elementor-editor-active.single-footer #pxl-main, .elementor-editor-active.single-header #pxl-main {
max-width: 1240px;
padding: 0 15px;
margin: auto;
}
body img.mfp-img {
padding: 0 !important;
}
body .mfp-fade.mfp-bg.mfp-ready {
opacity: 0.85;
background-color: #000;
}
body .mfp-bottom-bar {
margin-top: 0;
}
body .mfp-wrap .mfp-container .mfp-content {
max-width: 1170px;
position: static;
}
body .mfp-wrap .mfp-container .mfp-content .entry-summary .price {
text-align: left;
}
body .mfp-wrap .mfp-container .mfp-content .entry-summary .woocommerce-product-details__short-description {
padding: 15px 0;
}
body .mfp-wrap .mfp-container .mfp-content .entry-summary .woocommerce-product-details__short-description p {
margin: 0;
}
body .mfp-wrap .mfp-container .mfp-content .entry-summary .cart {
padding-top: 20px;
}
body .mfp-wrap .mfp-container .mfp-content .entry-summary .cart .quantity {
border: none;
}
body .mfp-wrap .mfp-container .mfp-content .entry-summary .cart .quantity .qty-suff {
top: -35px;
}
body .mfp-wrap .mfp-container .mfp-content .entry-summary .cart button {
margin-top: 0;
}
body .mfp-wrap .mfp-container .mfp-content .mfp-close {
padding: 0;
right: 0;
text-align: center;
top: -36px;
width: 36px;
height: 36px;
-webkit-border-radius: 0;
-khtml-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
background: #fff;
cursor: pointer;
opacity: 1;
font-size: 0px;
border: 9px solid transparent;
position: absolute;
}
body .mfp-wrap .mfp-container .mfp-content .mfp-close:before, body .mfp-wrap .mfp-container .mfp-content .mfp-close:after {
content: '';
position: absolute;
height: 2px;
width: 100%;
top: 50%;
left: 0;
margin-top: -1px;
transform-origin: 50% 50%;
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
background-color: #222;
}
body .mfp-wrap .mfp-container .mfp-content .mfp-close:before {
-webkit-transform: rotate(45deg);
-khtml-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
body .mfp-wrap .mfp-container .mfp-content .mfp-close:after {
-webkit-transform: rotate(-45deg);
-khtml-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
body .mfp-wrap .mfp-container .mfp-content .mfp-close:hover:before, body .mfp-wrap .mfp-container .mfp-content .mfp-close:hover:after {
-webkit-transform: rotate(0deg);
-khtml-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
body .mfp-wrap .mfp-container .mfp-iframe-scaler {
position: relative;
overflow: visible;
}
body .mfp-wrap .mfp-container .mfp-arrow {
background-color: var(--primary-color);
width: 60px;
height: 120px;
opacity: 1;
}
body .mfp-wrap .mfp-container .mfp-arrow:before, body .mfp-wrap .mfp-container .mfp-arrow:after {
border: none;
}
body .mfp-wrap .mfp-container .mfp-arrow:before {
font-family: 'font awesome 5 pro';
font-size: 20px;
color: #fff;
margin: 0;
padding: 0;
line-height: normal;
position: absolute;
top: 50%;
display: block;
-webkit-transform: translate(-50%, -50%);
-khtml-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 1;
left: 50%;
width: auto;
height: auto;
}
body .mfp-wrap .mfp-container .mfp-arrow.mfp-arrow-left:before {
content: "\f104";
}
body .mfp-wrap .mfp-container .mfp-arrow.mfp-arrow-right:before {
content: "\f105";
}
@media screen and (min-width: 1200px) {
body .mfp-wrap .mfp-container {
padding: 0 120px;
}
}
@media screen and (min-width: 992px) {
body.blog .pxl-content-wrap.no-sidebar .pxl-content-area, body.single-post .pxl-content-wrap.no-sidebar .pxl-content-area {
max-width: 1240px;
margin-left: auto;
margin-right: auto;
}
}
.pxl-row-divider-angle-top {
z-index: 1;
}
.pxl-row-divider-angle-top .pxl-row-angle {
z-index: -1;
position: absolute;
left: 0;
right: 0;
top: 0;
-webkit-transform: scalex(-1) scaley(-1);
-khtml-transform: scalex(-1) scaley(-1);
-moz-transform: scalex(-1) scaley(-1);
-ms-transform: scalex(-1) scaley(-1);
-o-transform: scalex(-1) scaley(-1);
transform: scalex(-1) scaley(-1);
}
@keyframes pxl_loader_digital1 {
0% {
left: 20%;
}
50% {
left: 50%;
}
100% {
left: 20%;
}
}
@keyframes pxl_loader_digital2 {
0% {
left: 80%;
}
50% {
left: 50%;
}
100% {
left: 80%;
}
}
@keyframes letters-loading {
0%, 75%, 100% {
opacity: 0;
transform: rotatey(-90deg);
}
25%, 50% {
opacity: 1;
transform: rotatey(0deg);
}
}
.pxl-loader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99999; }
.pxl-loader .pxl-loader-effect {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.pxl-loader.style-business {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1005;
position: fixed;
overflow: visible;
background: #fff url(//elissahotel.com.my/wp-content/themes/seaside/assets/img/preloader.svg) no-repeat center center;
}
.pxl-loader.style-1 .pxl-loader-holder {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
display: flex;
align-items: center;
justify-content: center;
}
.pxl-loader.style-1 .letters-loading {
font-weight: 500;
letter-spacing: 15px;
display: inline-block;
color: rgba(44, 76, 89, 0.15);
position: relative;
font-size: 160px;
line-height: 160px;
}
@media (max-width: 991px) {
.pxl-loader.style-1 .letters-loading {
font-size: 100px;
line-height: 100px;
letter-spacing: 5px;
}
}
@media (max-width: 991px) and (max-width: 767px) {
.pxl-loader.style-1 .letters-loading {
font-size: 60px;
line-height: 60px;
}
}
.pxl-loader.style-1 .letters-loading:nth-child(2):before {
animation-delay: 0.2s;
}
.pxl-loader.style-1 .letters-loading:nth-child(3):before {
animation-delay: 0.4s;
}
.pxl-loader.style-1 .letters-loading:nth-child(4):before {
animation-delay: 0.6s;
}
.pxl-loader.style-1 .letters-loading:nth-child(5):before {
animation-delay: 0.8s;
}
.pxl-loader.style-1 .letters-loading:nth-child(6):before {
animation-delay: 1s;
}
.pxl-loader.style-1 .letters-loading:nth-child(7):before {
animation-delay: 1.2s;
}
.pxl-loader.style-1 .letters-loading:nth-child(8):before {
animation-delay: 1.4s;
}
.pxl-loader.style-1 .letters-loading:before {
animation: letters-loading 4s infinite;
color: var(--secondary-color);
content: attr(data-text-preloader);
left: 0;
opacity: 0;
top: 0;
line-height: 160px;
position: absolute;
}
@media (max-width: 991px) {
.pxl-loader.style-1 .letters-loading:before {
line-height: 100px;
}
}
@media (max-width: 991px) and (max-width: 767px) {
.pxl-loader.style-1 .letters-loading:before {
line-height: 60px;
}
}
.enable-cursor .cursor-drag-area {
cursor: none;
}
.pxl-cursor {
position: fixed;
background-color: var(--primary-color);
width: 20px;
height: 20px;
border-radius: 100%;
z-index: 1;
transition: transform 0.3s linear, opacity 0.2s linear;
user-select: none;
pointer-events: none;
z-index: 10000;
transform: scale(1);
transform-origin: center;
}
.pxl-cursor.active {
opacity: 1;
transform: scale(0);
color: #fff;
background-color: var(--primary-color);
}
.pxl-cursor:not(.active) {
mix-blend-mode: multiply;
}
.pxl-cursor.none-follower.active {
transform: scale(2.5);
}
.pxl-cursor.hide {
display: none;
}
.pxl-cursor-follower {
position: fixed;
background-color: var(--primary-color);
opacity: 0.2;
width: 30px;
height: 30px;
border-radius: 100%;
z-index: 1;
transition: 0.6s transform linear, opacity 0.2s linear, background 0.2s linear;
user-select: none;
pointer-events: none;
z-index: 10000;
transform: translate(2px, 2px);
transform-origin: center;
}
.pxl-cursor-follower.active {
opacity: 0.5;
transform: scale(3);
color: #fff;
background-color: var(--primary-color);
}
.pxl-cursor-follower.active.video {
background-color: var(--primary-color);
}
.pxl-cursor-follower:not(.active) {
mix-blend-mode: multiply;
}
.pxl-cursor-follower.hide {
display: none;
}
.pxl-cursor-arrow-prev {
position: fixed;
background-color: var(--primary-color);
width: 104px;
height: 104px;
border-radius: 100%;
z-index: 1;
transition: transform 0.3s linear, opacity 0.2s linear;
user-select: none;
pointer-events: none;
z-index: 10000;
opacity: 0;
transform: scale(0.5);
transform-origin: center;
color: #fff;
font-size: 14px;
line-height: 30px;
font-family: ;
letter-spacing: 0.1em;
text-transform: uppercase;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.pxl-cursor-arrow-prev.active {
opacity: 1;
transform: scale(1);
}
.pxl-cursor-arrow-prev.hide {
display: none;
}
.pxl-cursor-arrow-prev .icon {
margin-right: 8px;
}
.pxl-cursor-arrow-prev .rotate-180 {
-webkit-transform: rotate(180deg);
-khtml-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.pxl-cursor-arrow-prev .text {
margin-top: 1px;
}
.pxl-cursor-arrow-next {
position: fixed;
background-color: var(--primary-color);
width: 104px;
height: 104px;
border-radius: 100%;
z-index: 1;
transition: transform 0.3s linear, opacity 0.2s linear;
user-select: none;
pointer-events: none;
z-index: 10000;
opacity: 0;
transform: scale(0.5);
transform-origin: center;
color: #fff;
font-size: 14px;
line-height: 30px;
letter-spacing: 0.1em;
text-transform: uppercase;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.pxl-cursor-arrow-next.active {
opacity: 1;
transform: scale(1);
}
.pxl-cursor-arrow-next.hide {
display: none;
}
.pxl-cursor-arrow-next .icon {
margin-left: 7px;
}
.pxl-cursor-arrow-next .rotate-180 {
-webkit-transform: rotate(180deg);
-khtml-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.pxl-cursor-arrow-next .text {
margin-top: 1px;
}
.pxl-cursor-drag {
position: fixed;
width: 104px;
height: 104px;
border-radius: 100%;
z-index: 1;
user-select: none;
pointer-events: none;
z-index: 1000;
opacity: 0;
transform: scale(0.5);
transform-origin: center;
color: #fff;
font-size: 14px;
line-height: 30px;
letter-spacing: 0.1em;
text-transform: uppercase;
margin: 0 -8px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
mix-blend-mode: difference;
-webkit-transition: all 0.08s linear;
-khtml-transition: all 0.08s linear;
-moz-transition: all 0.08s linear;
-ms-transition: all 0.08s linear;
-o-transition: all 0.08s linear;
transition: all 0.08s linear;
}
.pxl-cursor-drag > * {
display: inline-flex;
}
.pxl-cursor-drag.active {
opacity: 1;
transform: scale(1);
}
.pxl-cursor-drag.hide {
display: none;
}
.pxl-cursor-drag .pxl-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--primary-color);
border-radius: 100%;
-webkit-transition: all 0.3s ease;
-khtml-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.pxl-cursor-drag .icon {
font-size: 14px;
color: #fff;
margin: 0 8px;
z-index: 1;
-webkit-transition: all 0.3s ease;
-khtml-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.pxl-cursor-drag .text {
z-index: 1;
opacity: 1;
transform: scale(1);
-webkit-transition: all 0.3s ease 0.4s;
-khtml-transition: all 0.3s ease 0.4s;
-moz-transition: all 0.3s ease 0.4s;
-ms-transition: all 0.3s ease 0.4s;
-o-transition: all 0.3s ease 0.4s;
transition: all 0.3s ease 0.4s;
}
.pxl-cursor-drag .rotate-180 {
-webkit-transform: rotate(180deg);
-khtml-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.pxl-cursor-drag.clicked {
width: 70px;
height: 70px;
}
.pxl-cursor-drag.clicked .pxl-overlay {
transform: scale(0.8);
}
.pxl-cursor-drag.clicked .text {
opacity: 0;
transform: scale(0);
display: none;
}
.pxl-cursor-drag.clicked .icon-left {
-webkit-transform: translatex(-50px);
-khtml-transform: translatex(-50px);
-moz-transform: translatex(-50px);
-ms-transform: translatex(-50px);
-o-transform: translatex(-50px);
transform: translatex(-50px);
}
.pxl-cursor-drag.clicked .icon-left.rotate-180 {
-webkit-transform: translatex(-50px) rotate(180deg);
-khtml-transform: translatex(-50px) rotate(180deg);
-moz-transform: translatex(-50px) rotate(180deg);
-ms-transform: translatex(-50px) rotate(180deg);
-o-transform: translatex(-50px) rotate(180deg);
transform: translatex(-50px) rotate(180deg);
}
.pxl-cursor-drag.clicked .icon-right {
-webkit-transform: translatex(50px);
-khtml-transform: translatex(50px);
-moz-transform: translatex(50px);
-ms-transform: translatex(50px);
-o-transform: translatex(50px);
transform: translatex(50px);
}
.pxl-cursor-drag.clicked .icon-right.rotate-180 {
-webkit-transform: translatex(50px) rotate(180deg);
-khtml-transform: translatex(50px) rotate(180deg);
-moz-transform: translatex(50px) rotate(180deg);
-ms-transform: translatex(50px) rotate(180deg);
-o-transform: translatex(50px) rotate(180deg);
transform: translatex(50px) rotate(180deg);
}
.pxl-cursor-map {
position: fixed;
background-color: var(--primary-color);
width: 101px;
height: 101px;
border-radius: 100%;
z-index: 1;
transition: transform 0.3s linear, opacity 0.2s linear;
user-select: none;
pointer-events: none;
z-index: 10000;
opacity: 0;
transform: scale(0.5);
transform-origin: center;
color: #fff;
font-size: 14px;
line-height: 26px;
text-transform: uppercase;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.pxl-cursor-map.active {
opacity: 1;
transform: scale(1);
}
.pxl-cursor-map.hide {
display: none;
}
.cursor-outline .pxl-cursor {
width: 5px;
height: 5px;
}
.cursor-outline .pxl-cursor-follower {
background-color: transparent;
border: 1px solid var(--primary-color);
}
.cursor-outline .pxl-cursor-arrow-prev {
background-color: transparent;
border: 2px solid var(--primary-color);
text-transform: capitalize;
}
.cursor-outline .pxl-cursor-arrow-prev .icon {
font-size: 10px;
}
.cursor-outline .pxl-cursor-arrow-next {
background-color: transparent;
border: 2px solid var(--primary-color);
text-transform: capitalize;
}
.cursor-outline .pxl-cursor-arrow-next .icon {
font-size: 10px;
}
.cursor-outline .pxl-cursor-drag {
mix-blend-mode: unset;
}
.cursor-outline .pxl-cursor-drag .pxl-overlay {
background-color: transparent;
border: 2px solid var(--primary-color);
}
@media (min-width: 1920px) { .single #pxl-wapper, .blog #pxl-wapper, .single-post #pxl-wapper {
overflow: unset;
}
}
#jpreOverlay {
background-position: center;
background-color: #312b24;
background-repeat: no-repeat;
position: absolute;
width: 100%;
height: 100%;
}
#jpreSlide {
font-size: 22px;
color: #ccc;
text-align: center;
width: 50%;
height: 30%;
}
#jpreLoader {
width: 200px;
margin-top: 40px;
height: 1px;
background: #333;
border-radius: 25px;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
}
#jpreBar {
background-color: var(--primary-color);
border-radius: 25px;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
}
#jprePercentage {
display: none;
color: #111;
z-index: -1;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
margin-top: 10px;
font-size: 96px;
margin-top: -10px;
}
.text-center {
text-align: center;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.pxl-img--mask {
width: 100px;
height: 100px;
position: relative;
}
.pxl-img--mask .pxl--mask {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-mask-repeat: no-repeat;
-ms-mask-repeat: no-repeat;
-o-mask-repeat: no-repeat;
-webkit-mask-position: center center;
-ms-mask-position: center center;
-o-mask-position: center center;
mask-position: center center;
mask-size: cover;
-webkit-mask-size: cover;
}
.pxl-flex-grow {
flex-grow: 1;
}
.pxl--effect-slide:after {
transform-origin: right center;
-webkit-transform-origin: right center;
-webkit-transform: scale(0, 1);
-khtml-transform: scale(0, 1);
-moz-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transition: transform 0.3s cubic-bezier(0.37, 0.31, 0.2, 0.85);
-khtml-transition: transform 0.3s cubic-bezier(0.37, 0.31, 0.2, 0.85);
-moz-transition: transform 0.3s cubic-bezier(0.37, 0.31, 0.2, 0.85);
-ms-transition: transform 0.3s cubic-bezier(0.37, 0.31, 0.2, 0.85);
-o-transition: transform 0.3s cubic-bezier(0.37, 0.31, 0.2, 0.85);
transition: transform 0.3s cubic-bezier(0.37, 0.31, 0.2, 0.85);
}
.pxl--effect-slide:hover:after {
transform-origin: left center;
-webkit-transform-origin: left center;
-webkit-transform: scale(1, 1);
-khtml-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
.pxl-icon--plus {
height: 10px;
width: 10px;
position: relative;
}
.pxl-icon--plus:before, .pxl-icon--plus:after {
content: '';
background-color: var(--primary-color);
position: absolute;
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.pxl-icon--plus:before {
width: 10px;
height: 2px;
top: 4px;
left: 0;
}
.pxl-icon--plus:after {
width: 2px;
height: 10px;
left: 4px;
top: 0;
}
.btn-hover-5 {
z-index: 1;
position: relative;
overflow: hidden;
}
.btn-hover-5 span {
position: relative;
z-index: 1;
}
.btn-hover-5:before {
content: "";
height: 0;
width: 100%;
background-color: var(--secondary-color);
position: absolute;
bottom: 0;
right: 0;
left: 0;
z-index: -1;
transform-origin: top;
-moz-transform-origin: top;
-ms-transform-origin: top;
-webkit-transform-origin: top;
-o-transform-origin: top;
-webkit-transition: all 0.3s;
-khtml-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.btn-hover-5:hover {
color: #fff;
}
.btn-hover-5:hover span {
color: #fff;
}
.btn-hover-5:hover:before {
width: 100%;
height: 100%;
top: 0;
bottom: auto;
transform-origin: bottom;
-moz-transform-origin: bottom;
-ms-transform-origin: bottom;
-webkit-transform-origin: bottom;
-o-transform-origin: bottom;
animation-duration: 0.3s;
}
.pxl-inline-flex {
display: inline-flex;
align-items: center;
}
.pxl-flex {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.pxl-widget-flex > .elementor-widget-container > div {
display: flex;
}
.el-empty:empty {
display: none !important;
}
.pxl-spill, .pxl-swiper-arrow.style2:before, .pxl-button-video1.style2:after, .pxl-gallery .pxl--item-inner.video-active:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.pxl-middle {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-khtml-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.pxl-icon--middle {
position: relative;
}
.pxl-icon--middle * {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-khtml-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.pxl-item--flex {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.pxl-item--flexnw {
display: flex;
flex-wrap: nowrap;
align-items: center;
}
.color-primary {
color: var(--primary-color);
}
.text-gradient, .pxl-button-video1.style1 i, .pxl-title-effect.pxl-type-gradient .pxl-item--title, .btn-slider-custom i, body.rtl #pxl-page-title-default .pxl-breadcrumb li:before, .pxl-btn-line i, .swiper-filter-wrap .filter-item.active span, .pxl-grid-filter3 .filter-item.active span, .pxl-swiper-arrow-style3 .pxl-swiper-arrow:hover, .swiper-filter-wrap .filter-item.active span, .pxl-grid-filter3 .filter-item.active span, .pxl-swiper-arrow-style3 .pxl-swiper-arrow:hover {
background-color: ;
background-image: -webkit-gradient(linear, right top, left top, from(), to());
background-image: -webkit-linear-gradient(to right, , );
background-image: -moz-linear-gradient(to right, , );
background-image: -ms-linear-gradient(to right, , );
background-image: -o-linear-gradient(to right, , );
background-image: linear-gradient(to right, , );
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='', endColorStr='', gradientType='1');
background-color: transparent;
background-clip: text;
-o-background-clip: text;
-ms-background-clip: text;
-moz-background-clip: text;
-webkit-background-clip: text;
text-fill-color: transparent;
-o-text-fill-color: transparent;
-ms-text-fill-color: transparent;
-moz-text-fill-color: transparent;
-webkit-text-fill-color: transparent;
}
.rm-text-gradient {
text-fill-color: inherit;
-webkit-text-fill-color: inherit;
background-image: none;
}
.bg-gradient-revert {
background-color: ;
background-image: -webkit-gradient(linear, right top, left top, from(), to());
background-image: -webkit-linear-gradient(to right, , );
background-image: -moz-linear-gradient(to right, , );
background-image: -ms-linear-gradient(to right, , );
background-image: -o-linear-gradient(to right, , );
background-image: linear-gradient(to right, , );
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='', endColorStr='', gradientType='1');
}
.bg-gradient-bottom {
background-image: -webkit-gradient(linear, left top, left bottom, from(), to());
background-image: -webkit-linear-gradient(to bottom, , );
background-image: -moz-linear-gradient(to bottom, , );
background-image: -ms-linear-gradient(to bottom, , );
background-image: -o-linear-gradient(to bottom, , );
background-image: linear-gradient(to bottom, , );
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='', endColorStr='');
}
.bg-gradient-top, .pxl-contact-box .pxl-item--inner .shape-left, .pxl-contact-box .pxl-item--inner .shape-right {
background-image: -webkit-gradient(linear, left top, left bottom, from(), to());
background-image: -webkit-linear-gradient(to bottom, , );
background-image: -moz-linear-gradient(to bottom, , );
background-image: -ms-linear-gradient(to bottom, , );
background-image: -o-linear-gradient(to bottom, , );
background-image: linear-gradient(to bottom, , );
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='', endColorStr='');
}
.bg-image {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.pxl-close {
color: #777;
width: 30px;
height: 30px;
display: inline-flex;
justify-content: center;
align-items: center;
position: absolute;
cursor: pointer;
top: 40px;
z-index: 1;
right: 40px;
}
.pxl-close:before, .pxl-close:after {
content: '';
position: absolute;
height: 1px;
width: 100%;
top: 50%;
left: 0;
margin-top: -1px;
transform-origin: 50% 50%;
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
background-color: #fff;
}
.pxl-close:before {
-webkit-transform: rotate(45deg);
-khtml-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.pxl-close:after {
-webkit-transform: rotate(-45deg);
-khtml-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.pxl-close:hover:before, .pxl-close:hover:after {
-webkit-transform: rotate(0deg);
-khtml-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
.pxl-left {
float: left;
}
.pxl-right {
float: right;
}
.pxl-hide {
display: none;
}
@media screen and (min-width: 1200px) {
.pxl-hide-xl {
display: none !important;
}
.pxl-col-line1 {
position: relative !important;
}
.pxl-col-line1:before {
content: '';
position: absolute;
width: 1px;
height: calc(100% - 50px);
background-color: rgba(0, 0, 0, 0.08);
top: 50%;
right: 25px;
-webkit-transform: translate(0, -50%);
-khtml-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.pxl-col-line2 {
position: relative !important;
}
.pxl-col-line2:before {
content: '';
position: absolute;
width: 1px;
height: 80px;
background-color: #ededed;
top: 50%;
right: 0;
-webkit-transform: translate(0, -50%);
-khtml-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
}
}
@media screen and (max-width: 1199px) {
.pxl-hide-lg {
display: none !important;
}
}
.image-carousel-custom.elementor-pagination-position-inside .swiper-container-horizontal > .swiper-pagination-bullets {
bottom: 35px;
}
@media screen and (min-width: 1400px) {
.pxl-section-padding-60 {
padding-left: 60px;
padding-right: 60px;
}
}
.tp-thumbs-inner-wrapper .tp-thumb {
border: 6px solid transparent;
}
.tp-thumbs-inner-wrapper .tp-thumb.selected {
border-color: #fefefe;
}
.tp-thumbs-inner-wrapper .tp-thumb .tp-thumb-title {
opacity: 0 !important;
}
.elementor-widget-image-carousel .elementor-widget-container {
border-radius: inherit;
overflow: hidden;
}
@media screen and (max-width: 991px) {
.rs-parallax-wrap.pxl-group-center {
min-width: 600px;
top: 50% !important;
-webkit-transform: translate(0, -50%);
-khtml-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
}
}
body:not(.elementor-editor-active) .elementor-widget-pxl_particle {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.pxl-particle .pxl-item--particle {
position: absolute;
}
.pxl-particle + .elementor-container {
z-index: 99;
}
.pxl-logo a {
display: inline-block;
}
.pxl-logo img {
width: auto;
vertical-align: middle;
}
.pxl-blockquote .pxl-blockquote--inner {
margin: 20px 30px;
padding-left: 30px;
font-size: 24px;
font-family: "Georgia";
line-height: 1.5em;
font-weight: 300;
border-left: solid 1px #fff;
}
.pxl-blockquote .pxl-item--content {
font-size: 24px;
font-family: "Georgia";
line-height: 1.5em;
font-weight: 300;
}
.pxl-blockquote .pxl-item--author {
margin-top: 20px;
}
.pxl-blockquote .pxl-item--author span {
color: ;
}
.pxl-heading .pxl-item--title b {
font-weight: 700;
}
.pxl-heading .typed-cursor {
margin-left: -10px;
animation: blink 0.8s infinite;
font-size: 64px;
}
.pxl-heading .heading-highlight {
font-size: 64px;
line-height: 80px;
letter-spacing: -0.1rem;
font-weight: bold;
font-family: "Montserrat";
}
@media (max-width: 767px) {
.pxl-heading .heading-highlight {
font-size: 40px;
line-height: 1.2;
}
}
.pxl-heading .pxl-heading--inner {
display: inline-block;
}
.pxl-heading .pxl-heading--inner .pxl-item--title {
color: var(--secondary-color);
}
.pxl-heading .pxl-heading--inner .pxl-item--title.divider-left {
position: relative;
}
@media screen and (min-width: 992px) {
.pxl-heading .pxl-heading--inner .pxl-item--title.divider-left:before {
width: 40px;
height: 2px;
background-color: var(--primary-color);
content: "";
display: inline-block;
top: -24px;
left: 0;
position: absolute;
}
}
.pxl-heading .pxl-heading--inner .pxl-item--title.divider-right {
position: relative;
}
@media screen and (min-width: 992px) {
.pxl-heading .pxl-heading--inner .pxl-item--title.divider-right:after {
width: 40px;
height: 2px;
background-color: var(--primary-color);
content: "";
display: inline-block;
bottom: -24px;
left: 0;
position: absolute;
}
}
.pxl-heading .pxl-item--subtitle span {
font-size: 14px;
color: var(--secondary-color);
}
.pxl-heading .pxl-text--slide {
display: inline-block;
overflow: hidden;
vertical-align: middle;
position: relative;
}
.pxl-heading .pxl-text--slide span {
display: inline-block;
}
.pxl-heading .wow.letter {
-webkit-transform: translateY(100%);
-khtml-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: 0.4s cubic-bezier(0.24, 0.74, 0.58, 1);
-khtml-transition: 0.4s cubic-bezier(0.24, 0.74, 0.58, 1);
-moz-transition: 0.4s cubic-bezier(0.24, 0.74, 0.58, 1);
-ms-transition: 0.4s cubic-bezier(0.24, 0.74, 0.58, 1);
-o-transition: 0.4s cubic-bezier(0.24, 0.74, 0.58, 1);
transition: 0.4s cubic-bezier(0.24, 0.74, 0.58, 1);
}
.pxl-heading .wow.letter.animated {
-webkit-transform: translateY(0px);
-khtml-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
}
.heading-custom .pxl-item--title span {
display: inline-block;
padding-bottom: 13px;
border-bottom: 3px solid #000;
}
.pxl-text-editor .btn {
margin: 0 12px;
}
.pxl-text-editor .sc-button-wrap {
display: inline-flex;
}
.pxl-text-editor .pxl-item--inner {
display: inline-block;
}
.pxl-text-editor .pxl-item--inner p:last-child {
margin-bottom: 0;
}
.pxl-text-editor.style-bg-box {
padding: 0px 55px 0px 60px;
position: relative;
z-index: 1;
}
.pxl-text-editor.style-bg-box:before {
content: "";
display: inline-block;
height: 100%;
width: 100%;
background-color: var(--primary-color);
-webkit-transform: skew(-35deg);
-khtml-transform: skew(-35deg);
-moz-transform: skew(-35deg);
-ms-transform: skew(-35deg);
-o-transform: skew(-35deg);
transform: skew(-35deg);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
}
.pxl-text-editor.style-bg-box .pxl-item--inner {
line-height: 33px;
}
.pxl-link {
list-style: none;
margin: 0;
padding: 0;
}
@media (max-width: 767px) {
.pxl-link.style1 li {
display: block !important;
}
}
.pxl-link li {
margin: 5px 0 5px 0;
}
.pxl-link li a {
display: inline-flex;
align-items: center;
position: relative;
}
.pxl-link li a .pxl-link-container {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0px;
}
.pxl-link li a .pxl-link-container .pxl-link1 {
color: var(--secondary-color);
}
@media (max-width: 767px) {
.pxl-link li a .pxl-link-container .pxl-link1 {
margin-bottom: 10px;
}
}
.pxl-link li i {
margin-right: 15px;
margin-top: 0px;
font-size: 14.5px;
line-height: 14.5px;
display: flex;
color: var(--primary-color);
align-items: center;
justify-content: center;
}
.pxl-link li .pxl-link1 {
font-family: 'Heebo';
}
.pxl-link.pxl-inline-block li {
display: inline-block;
margin-top: 5px;
margin-bottom: 5px;
}
.pxl-link.pxl-inline-block li + li {
margin-left: 20px;
}
.pxl-megamenu .pxl-link li a:before {
display: none;
}
.pxl-social {
list-style: none;
margin: 0;
padding: 0;
}
.pxl-social li {
margin-bottom: 14px;
}
.pxl-social li a {
color: #222;
display: inline-flex;
align-items: center;
position: relative;
}
.pxl-social li a:after {
content: '';
background-color: var(--primary-color);
width: 0;
height: 1px;
position: absolute;
bottom: 2px;
left: 0;
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.pxl-social li a:hover {
color: var(--primary-color);
}
.pxl-social li a:hover:after {
width: 100%;
}
.pxl-social.pxl-inline-block li {
display: inline-block;
margin-top: 7px;
margin-bottom: 7px;
}
.pxl-social.pxl-inline-block li + li:before {
width: 4px;
height: 4px;
content: "";
display: inline-block;
-webkit-border-radius: 100%;
-khtml-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
background-color: #abc;
position: relative;
margin-right: 12px;
top: -2px;
}
.btn-video {
background-color: transparent;
width: 100px;
height: 100px;
line-height: 100px;
text-align: center;
color: var(--primary-color);
-webkit-border-radius: 100%;
-khtml-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
display: inline-block;
border: 2px solid var(--primary-color);
}
.btn-video:before {
content: "";
position: absolute;
z-index: 0;
left: 0;
top: 0;
display: block;
width: 100%;
height: 100%;
border: 1px solid;
border-color: rgba(0, 1, 0, );
background-color: initial;
border-radius: 50%;
animation: pxl_scale1 1500ms ease-out infinite;
-webkit-animation: pxl_scale1 1500ms ease-out infinite;
z-index: -2;
}
.btn-video:hover, .btn-video:focus {
color: #000;
}
.btn-video:hover:before {
-webkit-animation-play-state: paused;
-moz-animation-play-state: paused;
-o-animation-play-state: paused;
animation-play-state: paused;
}
.pxl-button-video1.style1 {
width: 62px;
height: 62px;
line-height: 62px;
}
.pxl-button-video1.style2 {
width: 104px;
height: 104px;
line-height: 104px;
position: relative;
z-index: 1;
font-size: 20px;
background: none;
color: #fff;
}
.pxl-button-video1.style2:before {
display: none;
}
.pxl-button-video1.style2:after {
background-color: rgba(255, 255, 255, 0.13);
z-index: -1;
-webkit-border-radius: 100%;
-khtml-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
-webkit-backdrop-filter: blur(4px);
-ms-backdrop-filter: blur(4px);
-o-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
}
.pxl-project-detail1 {
color: #000;
font-weight: 500;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
font-size: 14px;
}
.pxl-project-detail1 .pxl--item + .pxl--item {
margin-top: 45px;
}
@media screen and (max-width: 991px) {
.pxl-project-detail1 .pxl--item + .pxl--item {
margin-top: 25px;
}
}
.pxl-project-detail1 label {
font-size: 12px;
text-transform: uppercase;
color: #434343;
font-weight: 700;
display: block;
margin-bottom: 2px;
}
@media screen and (min-width: 768px) {
.pxl-pagination1 {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.pxl-pagination1 > div {
width: 50%;
}
}
.pxl-pagination1 a.btn-nav {
display: inline-flex;
align-items: center;
margin-bottom: 35px;
font-size: 12px;
font-weight: 500;
color: #6a6777;
text-transform: uppercase;
position: relative;
}
.pxl-pagination1 a.btn-nav:after {
bottom: 0;
left: 50%;
width: 0%;
content: "";
height: 1px;
position: absolute;
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-webkit-transform: translateX(-50%);
-khtml-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.pxl-pagination1 a.btn-nav:hover:after {
width: 100%;
}
.pxl-pagination1 .pxl-title-pagination {
margin-bottom: 0;
font-size: 24px;
font-weight: bold;
}
.pxl-pagination1 .pxl-title-pagination a {
font-size: inherit;
}
.pxl-pagination1 .item--prev {
text-align: right;
padding: 60px 60px 65px 30px;
background-color: #f7f7f7;
}
.pxl-pagination1 .item--prev a.btn-nav:after {
background-color: #000;
}
.pxl-pagination1 .item--next {
text-align: left;
padding: 60px 30px 65px 60px;
background-color: #000;
}
.pxl-pagination1 .item--next .pxl-title-pagination a {
color: #fff;
}
.pxl-pagination1 .item--next a.btn-nav {
color: #fff;
}
.pxl-pagination1 .item--next a.btn-nav:after {
background-color: #fff;
}
@media screen and (max-width: 767px) {
.pxl-pagination1 .pxl--item {
padding: 40px 15px;
}
.pxl-pagination1 .pxl--item .pxl-title-pagination {
font-size: 20px;
}
}
.pxl-search-popup-button, .pxl-cart-sidebar-button {
display: flex;
align-items: center;
color: var(--primary-color);
justify-content: center;
gap: 10px;
cursor: pointer;
}
.pxl-search-popup-button i, .pxl-cart-sidebar-button i {
font-size: 24px;
line-height: 25px;
}
.pxl-search-popup-button span, .pxl-cart-sidebar-button span {
font-family: 'Montserrat';
line-height: 20px;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
}
.pxl-cart-sidebar-button .pxl_cart_counter {
color: var(--primary-color);
position: relative;
}
.pxl-cart-sidebar-button .pxl_cart_counter:after {
content: ')';
position: absolute;
top: 0;
right: -5px;
color: var(--primary-color);
font-family: 'Montserrat';
}
.pxl-cart-sidebar-button .pxl_cart_counter:before {
content: '(';
position: absolute;
top: 0;
left: -5px;
color: var(--primary-color);
font-family: 'Montserrat';
}
.pxl-getintouch.layout1 {
padding-left: 0;
list-style: none;
}
.pxl-getintouch.layout1 li {
color: var(--primary-color);
display: flex;
}
.pxl-getintouch.layout1 li a {
color: var(--primary-color);
}
.pxl-getintouch.layout1 li i {
font-size: 20px;
position: relative;
top: 6px;
margin-right: 5px;
line-height: 1;
}
.pxl-contact-form button .btn {
background-color: transparent;
border: solid 2px rgba(255, 255, 255, .3);
letter-spacing: 3px;
line-height: 20px;
}
.pxl-contact-form button .btn:before {
z-index: -1;
}
.pxl-contact-form button .btn:hover {
color: var(--secondary-color);
border-color: var(--primary-color);
}
.pxl-contact-form button .btn:hover:before {
background-color: var(--primary-color);
}
.pxl-contact-form.btn-w-full button, .pxl-contact-form.btn-w-full .wpcf7-submit {
width: 100%;
}
.pxl-contact-form .contact-form-faq .input-contact .ctf-faq-check {
margin: 17px 0 14px;
}
.pxl-contact-form .contact-form-faq .input-contact .btn-form > p {
max-width: 217px;
background-color: var(--primary-color);
border-radius: 28px;
padding: 17px 30px 19px 32px;
display: flex;
margin: 15px 0 0 0;
}
@media (max-width: 767px) {
.pxl-contact-form .contact-form-faq .input-contact .btn-form > p {
margin: 0;
}
}
.pxl-contact-form .contact-form-faq .input-contact .btn-form > p:hover i {
animation: pxl_right_from_left 0.5s forwards;
}
.pxl-contact-form .contact-form-faq .input-contact .btn-form > p button {
font-size: 15px;
line-height: 19px;
color: #fff;
}
.pxl-contact-form .contact-form-faq .input-contact .btn-form > p i {
font-size: 23px;
color: #fff;
margin-left: 15px;
line-height: 19px;
}
.pxl-contact-form .contact-form-faq .input-contact .wpcf7-form-control-wrap input {
font-weight: 400;
margin: 14px 0 3px;
}
.pxl-contact-form .contact-form-faq .input-contact .wpcf7-form-control-wrap .wpcf7-checkbox input, .pxl-contact-form .contact-form-faq .input-contact .wpcf7-form-control-wrap .wpcf7-checkbox span:before, .pxl-contact-form .contact-form-faq .input-contact .wpcf7-form-control-wrap .wpcf7-checkbox span:after {
position: absolute;
width: 20px;
height: 20px;
left: 0;
top: 3px;
cursor: pointer;
border-radius: 50%;
background-color: transparent;
border: 1px solid #c0c6c6;
}
.pxl-contact-form .contact-form-faq .input-contact .wpcf7-form-control-wrap .wpcf7-checkbox span {
cursor: pointer;
padding-left: 11px;
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: var(--secondary-color);
}
.pxl-contact-form .contact-form-faq .input-contact .wpcf7-form-control-wrap .wpcf7-checkbox span:before {
content: '';
z-index: 1;
background-color: #e9e9e9;
}
.pxl-contact-form .contact-form-faq .input-contact .wpcf7-form-control-wrap .wpcf7-checkbox span:after {
content: '\f119';
font-family: "Caseicon";
font-weight: 400;
z-index: 2;
font-size: 10px;
color: #000;
opacity: 0;
line-height: 16px;
text-align: center;
top: 3px;
}
.pxl-contact-form .contact-form-faq .input-contact .wpcf7-form-control-wrap .wpcf7-checkbox input {
z-index: 99;
opacity: 0;
}
.pxl-contact-form .contact-form-faq .input-contact .wpcf7-form-control-wrap .wpcf7-checkbox input:checked + span:after {
opacity: 1;
}
.pxl-contact-form .wrap-ctf1 > .input-filled {
display: inline-flex;
gap: 35px;
align-items: center;
justify-content: center;
}
.pxl-contact-form .wrap-ctf1 .btn-form:hover button:after {
animation: pxl_right_from_left 0.5s forwards;
}
.pxl-contact-form .wrap-ctf1 .btn-form:hover p i {
animation: pxl_right_from_left 0.5s forwards;
}
.pxl-contact-form .wrap-ctf1 .btn-form button {
position: relative;
margin-right: 10px;
overflow: hidden;
}
.pxl-contact-form .wrap-ctf1 .btn-form button:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background-color: var(--primary-color);
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.pxl-contact-form .wrap-ctf1 .btn-form p {
display: flex;
align-items: center;
justify-content: center;
}
.pxl-contact-form .wrap-ctf1 .btn-form p i {
font-size: 20px;
}
.pxl-contact-form .wpcf7-form-control-wrap {
display: inline-flex;
width: 100%;
position: relative;
}
.pxl-contact-form .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
position: absolute;
top: 50%;
right: 18px;
transform: translate(0, -50%);
font-size: 12px;
background-color: #dc3232;
color: rgba(255, 255, 255, 0.87);
padding: 0 6px;
border-radius: 3px;
line-height: 22px;
z-index: 99;
}
.pxl-contact-form form {
position: relative;
}
.pxl-contact-form form .wpcf7-response-output {
margin: 30px 0 10px;
border: none;
background-color: #fff;
border-radius: 5px;
font-size: 15px;
padding: 12px 20px;
color: red;
text-align: center;
}
.pxl-contact-form form .wpcf7-spinner {
display: none;
}
.pxl-contact-form form:before {
content: '';
width: 30px;
height: 30px;
-webkit-border-radius: 100%;
-khtml-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
border-color: transparent var(--primary-color) transparent var(--primary-color);
border-width: 2px;
border-style: solid;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
animation: pxl_spin 0.6s infinite linear;
-webkit-animation: pxl_spin 0.6s infinite linear;
box-sizing: border-box;
z-index: 2;
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
visibility: hidden;
}
.pxl-contact-form form.submitting * {
opacity: 0.66;
}
.pxl-contact-form form.submitting:before {
opacity: 1;
visibility: visible;
}
.pxl-contact-form textarea {
height: 168px;
}
.pxl-contact-form.button-style1 button.wpcf7-submit {
background-color: var(--primary-color);
background-position: top 0;
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.pxl-contact-form.button-style1 button.wpcf7-submit i {
margin-left: 20px;
font-size: 12px;
}
.pxl-contact-form1 .wpcf7-form-control:not(.wpcf7-submit) {
font-size: 16px;
}
.pxl-contact-form1 .pxl-range-slider {
height: 21px;
background-color: #fff;
-webkit-border-radius: 21px;
-khtml-border-radius: 21px;
-moz-border-radius: 21px;
-ms-border-radius: 21px;
-o-border-radius: 21px;
border-radius: 21px;
-webkit-box-shadow: 0 10px 18px rgba(14, 14, 14, 0.17);
-khtml-box-shadow: 0 10px 18px rgba(14, 14, 14, 0.17);
-moz-box-shadow: 0 10px 18px rgba(14, 14, 14, 0.17);
-ms-box-shadow: 0 10px 18px rgba(14, 14, 14, 0.17);
-o-box-shadow: 0 10px 18px rgba(14, 14, 14, 0.17);
box-shadow: 0 10px 18px rgba(14, 14, 14, 0.17);
position: relative;
margin-bottom: 38px;
}
.pxl-contact-form1 .pxl-range-slider .ui-slider-range {
position: relative;
height: 21px;
background-color: #8da735;
-webkit-border-radius: 21px;
-khtml-border-radius: 21px;
-moz-border-radius: 21px;
-ms-border-radius: 21px;
-o-border-radius: 21px;
border-radius: 21px;
}
.pxl-contact-form1 .pxl-range-slider .ui-slider-handle {
width: 34px;
height: 34px;
border: 2px solid #fff;
-webkit-border-radius: 100%;
-khtml-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
background-color: #126727;
position: absolute;
top: -7px;
margin-left: -17px;
cursor: pointer;
}
.pxl-contact-form1 .pxl-range-meta {
display: flex;
flex-wrap: nowrap;
align-items: center;
margin-bottom: 6px;
padding: 10px 7px 0 7px;
}
.pxl-contact-form1 .pxl-range-meta .wpcf7-form-control-wrap {
display: inline-block !important;
margin: 0 !important;
width: auto !important;
}
.pxl-contact-form1 .pxl-range-meta label {
font-weight: 500;
color: #000;
flex-grow: 1;
font-style: italic;
margin-right: 20px;
}
.pxl-contact-form1 .pxl-range-meta .pxl-range-result {
border: none !important;
padding: 0 !important;
margin: 0 !important;
-webkit-box-shadow: none !important;
-khtml-box-shadow: none !important;
-moz-box-shadow: none !important;
-ms-box-shadow: none !important;
-o-box-shadow: none !important;
box-shadow: none !important;
background-color: transparent !important;
color: 16px !important;
font-weight: 700 !important;
color: #126727 !important;
min-width: 100px;
max-width: 150px;
text-align: right;
height: auto !important;
}
@media screen and (max-width: 767px) {
.pxl-contact-form1 .pxl-range-meta .pxl-range-result {
min-width: 90px;
max-width: 90px;
}
}
.pxl-contact-form1 .pxl-range-meta + .pxl-range-slider {
margin-left: 7px;
margin-right: 7px;
}
.pxl-contact-form1 .pxl-range-footer {
margin-top: 8px;
font-size: 15px;
color: #000;
padding-right: 7px;
}
.pxl-contact-form1 .pxl-range-footer a {
color: inherit;
font-weight: 700;
border-bottom: 1px solid #000;
}
.pxl-contact-form1 .pxl-range-footer a:hover {
color: var(--primary-color);
border-bottom: none;
}
.pxl-contact-form1 .wpcf7-form.failed .wpcf7-response-output {
padding: 7px 20px 3px;
border: 2px solid red;
}
.pxl-contact-form1 .wpcf7-form .input-filled label {
display: inline-block;
margin-bottom: 5px;
font-size: 14px;
color: #000;
}
.pxl-contact-form1 .wpcf7-form .input-filled .pxl-select-higthlight {
height: 53px;
}
.pxl-contact-form1 .wpcf7-form .input-filled .wpcf7-submit i {
margin-left: 0;
margin-right: 10px;
font-size: 22px;
position: relative;
top: 7px;
}
.pxl-contact-form1 .wpcf7-form .pxl-select .pxl-select-higthlight:before {
right: 5px;
}
.pxl-contact-form1 .row {
justify-content: center;
}
@media screen and (max-width: 991px) {
.ct7-from-custom .pxl-contact-form1 .input-filled {
margin-bottom: 30px;
}
}
.ct7-from-custom .pxl-contact-form1 .input-filled label {
color: #222;
}
.ct7-from-custom .pxl-contact-form1 .input-filled br {
display: none;
}
.ct7-from-custom .pxl-contact-form1 .wp-row-ctf7 .row {
align-items: center;
}
.ct7-from-custom .pxl-contact-form1 .wpcf7-form-control-wrap {
margin-bottom: 0;
}
.ct7-from-custom .pxl-contact-form1 .input-filled-btn {
text-align: right;
}
@media screen and (max-width: 991px) {
.ct7-from-custom .pxl-contact-form1 .input-filled-btn {
text-align: left;
}
}
.ct7-from-custom .pxl-contact-form1 .wpcf7-form .input-filled .wpcf7-submit i {
margin-right: 0;
font-size: 40px;
color: #000;
}
.pxl-icon1.style-1 {
margin-left: -5px;
margin-right: -5px;
}
.pxl-icon1.style-1 a {
display: inline-block;
margin: 5px;
}
.pxl-icon1.style-1 a i {
text-shadow: none;
color: #fff;
padding: 8px;
width: 28px;
height: 28px;
text-align: center;
font-size: 16px;
border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
}
.pxl-icon1.style-1 a i:hover {
background-color: var(--primary-color);
}
.pxl-icon1.style-2 {
margin-left: -5px;
margin-right: -5px;
}
.pxl-icon1.style-2 a {
position: relative;
display: inline-block;
width: 44px;
height: 44px;
line-height: 44px;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
background-color: transparent;
color: #000;
margin: 5px;
text-align: center;
display: inline-flex;
align-items: center;
justify-content: center;
transition: 0.4s ease-out !important;
overflow: visible;
}
.pxl-icon1.style-2 a:hover .pxl-svg-circle circle {
transform: rotate(55deg);
transition: all 0.6s cubic-bezier(0.43, 0.41, 0.36, 0.9);
}
3 .pxl-icon1.style-2 a:hover .pxl-svg-circle circle:first-child {
stroke-dashoffset: -115;
}
.pxl-icon1.style-2 a:hover .pxl-svg-circle circle:last-child {
stroke-dashoffset: 0;
}
.pxl-icon1.style-2 .pxl-svg-circle {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: visible;
}
.pxl-icon1.style-2 .pxl-svg-circle circle {
fill: none;
stroke-width: 1px;
transform-origin: center;
transform: rotate(-145deg);
transition: all 0.6s cubic-bezier(0.43, 0.41, 0.36, 0.9);
}
.pxl-icon1.style-2 .pxl-svg-circle circle:first-child {
stroke: #c0c6c6;
stroke-dashoffset: 0;
stroke-dasharray: 135;
}
.pxl-icon1.style-2 .pxl-svg-circle circle:last-child {
stroke: var(--primary-color);
stroke-dashoffset: 135;
stroke-dasharray: 135;
}
.pxl-title-effect .pxl-item--title {
margin-bottom: 0;
}
.pxl-title-effect.pxl-type-gradient .pxl-item--title {
background-image: -webkit-gradient(linear, left top, left bottom, from(), to());
background-image: -webkit-linear-gradient(to bottom, , );
background-image: -moz-linear-gradient(to bottom, , );
background-image: -ms-linear-gradient(to bottom, , );
background-image: -o-linear-gradient(to bottom, , );
background-image: linear-gradient(to bottom, , );
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='', endColorStr='');
}
.elementor-widget__width-initial.elementor-widget-pxl_image > .elementor-widget-container {
width: 100%;
}
.el-bounce.bounce-active, .pxl-image-effect1.bounce-active {
animation: pxl_zigzag 600ms ease-out infinite;
-webkit-animation: pxl_zigzag 600ms ease-out infinite;
}
.pxl-image-effect2 {
animation: pxl_bottom_top_small 3s ease-out infinite;
-webkit-animation: pxl_bottom_top_small 3s ease-out infinite;
}
.pxl-partner-carousel1 .pxl-item--logo {
text-align: center;
position: relative;
overflow: hidden;
display: block;
width: auto;
margin: 0 auto;
-webkit-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
-khtml-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
-moz-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
-ms-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
-o-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
}
.pxl-partner-carousel1 .pxl-item--logo img {
max-height: 100px;
width: auto;
-webkit-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
-khtml-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
-moz-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
-ms-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
-o-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
}
.pxl-partner-carousel1 .pxl-item--logo img:nth-child(2) {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -150%);
-khtml-transform: translate(-50%, -150%);
-moz-transform: translate(-50%, -150%);
-ms-transform: translate(-50%, -150%);
-o-transform: translate(-50%, -150%);
transform: translate(-50%, -150%);
opacity: 0;
}
.pxl-partner-carousel1 .pxl-item--logo:hover img {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
.pxl-partner-carousel1 .pxl-item--logo:hover img:nth-child(1) {
-webkit-transform: translateY(100%);
-khtml-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
opacity: 0;
}
.pxl-partner-carousel1 .pxl-item--logo:hover img:nth-child(2) {
-webkit-transform: translate(-50%, -50%);
-khtml-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 1;
}
.pxl-partner-carousel1.box-style2 .pxl-item--logo img:nth-child(1) {
opacity: 0.2;
}
.pxl-partner-carousel1.box-style2 .pxl-item--logo:hover img:nth-child(2) {
-webkit-transform: translate(-50%, -50%);
-khtml-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 1;
}
.pxl-partner-carousel1 .pxl-item--inner {
text-align: center;
}
.pxl-partner-carousel1 .pxl-swiper-slide.swiper-slide-visible .pxl-item--inner:before {
opacity: 1;
}
.pxl-partner-carousel1 .swiper-slide-visible.swiper-slide-next + .pxl-swiper-slide .pxl-item--inner:before {
opacity: 0;
}
.pxl-partner-carousel1 .pxl-swiper-arrow {
height: 39px;
width: 39px;
line-height: 39px;
-webkit-box-shadow: none;
-khtml-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
font-size: 11px;
}
.pxl-partner-carousel1 .pxl-swiper-arrow.pxl-swiper-arrow-prev {
left: 0;
}
.pxl-partner-carousel1 .pxl-swiper-arrow.pxl-swiper-arrow-next {
right: 0;
}
.pxl-partner-carousel1[data-arrow="true"] {
padding: 0 40px;
}
.pxl-partner-carousel1 .pxl-swiper-dots .pxl-swiper-pagination-bullet {
margin: 5px 7px;
width: 4px;
height: 4px;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-transform: scale(0.6);
-khtml-transform: scale(0.6);
-moz-transform: scale(0.6);
-ms-transform: scale(0.6);
-o-transform: scale(0.6);
transform: scale(0.6);
}
.pxl-partner-carousel1 .pxl-swiper-dots .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active {
-webkit-transform: scale(1);
-khtml-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.pxl-recent-news1 {
position: relative;
z-index: 1;
}
.pxl-recent-news1 .pxl-item--image {
min-height: 320px;
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media screen and (min-width: 768px) {
.pxl-recent-news1 .pxl-item--image {
position: absolute;
overflow: hidden;
height: 100%;
max-width: 45%;
width: 100%;
left: 0;
top: 0;
bottom: 0;
opacity: 0;
}
}
@media screen and (max-width: 767px) {
.pxl-recent-news1 .pxl-item--image {
position: relative;
}
}
.pxl-recent-news1 .pxl-item--image .bg-image {
position: absolute;
width: 100%;
height: 100%;
display: block;
}
.pxl-recent-news1 .pxl-item--title {
font-size: 22px;
font-weight: bold;
color: var(--primary-color);
margin-bottom: 20px;
}
@media screen and (min-width: 992px) {
.pxl-recent-news1 .pxl-item--title {
max-width: 70%;
}
}
.pxl-recent-news1 .pxl-item--title a {
color: inherit;
}
.pxl-recent-news1 .pxl-item--title a:hover {
color: inherit;
}
.pxl-recent-news1 .pxl-meta--post {
margin-top: 0;
margin-bottom: 15px;
padding-left: 0;
list-style: none;
display: inline-flex;
}
.pxl-recent-news1 .pxl-meta--post li {
font-size: 14px;
display: inline-block;
color: #888;
}
.pxl-recent-news1 .pxl-meta--post li a {
color: #888;
}
.pxl-recent-news1 .pxl-meta--post li a:hover {
color: var(--primary-color);
}
.pxl-recent-news1 .pxl-meta--post li i {
margin-right: 10px;
}
.pxl-recent-news1 .pxl-meta--post li + li {
margin-left: 10px;
}
@media screen and (max-width: 767px) {
.pxl-recent-news1 .pxl-item--body {
padding: 30px 25px;
}
}
.pxl-recent-news1 .btn-readmore {
display: inline-flex;
align-items: center;
color: var(--secondary-color);
font-weight: bold;
}
.pxl-recent-news1 .btn-readmore span {
text-decoration: underline;
text-shadow: 0px 5px 5px #e8f4e6;
}
.pxl-recent-news1 .btn-readmore i {
margin: 0 10px;
width: 26px;
height: 26px;
-webkit-border-radius: 26px;
-khtml-border-radius: 26px;
-moz-border-radius: 26px;
-ms-border-radius: 26px;
-o-border-radius: 26px;
border-radius: 26px;
line-height: 26px;
text-align: center;
background-color: #26a02c;
font-size: 10px;
color: #fff;
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-webkit-transform: rotate(-90deg);
-khtml-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.pxl-recent-news1 .btn-readmore:hover {
color: var(--primary-color);
}
.pxl-recent-news1 .btn-readmore:hover i {
-webkit-transform: rotate(0deg);
-khtml-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
.pxl-recent-news1 .pxl-grid-item {
background-color: #f9f9f9;
width: 100%;
}
@media screen and (min-width: 768px) {
.pxl-recent-news1 .pxl-grid-item {
padding: 30px 30px 40px 50%;
}
}
@media screen and (max-width: 767px) {
.pxl-recent-news1 .pxl-grid-item {
margin-bottom: 40px;
}
}
.pxl-recent-news1 .pxl-grid-item.active {
background-color: #e8f4e6;
}
@media screen and (min-width: 768px) {
.pxl-recent-news1 .pxl-grid-item.active .pxl-item--image {
z-index: 1;
opacity: 1;
}
}
.pxl-recent-news1 .pxl-grid-item.active .btn-readmore span {
text-shadow: none;
}
.pxl-recent-news1 .pxl-grid-inner {
display: flex;
flex-wrap: wrap;
position: relative;
}
.pxl-instagram1 {
display: flex;
flex-wrap: wrap;
}
.pxl-instagram1 .pxl--item {
width: 20%;
position: relative;
}
.pxl-instagram1 .pxl--item img {
width: 100%;
}
.pxl-instagram1 .pxl--item a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
z-index: 99;
color: #fff;
opacity: 0;
font-size: 26px;
visibility: hidden;
}
.pxl-instagram1 .pxl--item a i {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-khtml-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.pxl-instagram1 .pxl--item.active a {
opacity: 1;
visibility: visible;
}
.elementor-widget-overlay {
width: 100% !important;
height: 100%;
}
.elementor-widget-overlay .elementor-widget-container {
width: 100%;
height: 100%;
}
.pxl-image-single {
-webkit-border-radius: inherit;
-khtml-border-radius: inherit;
-moz-border-radius: inherit;
-ms-border-radius: inherit;
-o-border-radius: inherit;
border-radius: inherit;
}
.pxl-image-single *, .pxl-image-single img {
-webkit-border-radius: inherit;
-khtml-border-radius: inherit;
-moz-border-radius: inherit;
-ms-border-radius: inherit;
-o-border-radius: inherit;
border-radius: inherit;
}
.pxl-spacer1 > div {
display: none;
}
@media screen and (min-width: 1200px) {
.pxl-spacer1 .pxl-space--xl {
display: block;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.pxl-spacer1 .pxl-space--lg {
display: block;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.pxl-spacer1 .pxl-space--md {
display: block;
}
}
@media (min-width: 576px) and (max-width: 767px) {
.pxl-spacer1 .pxl-space--sm {
display: block;
}
}
@media screen and (max-width: 575px) {
.pxl-spacer1 .pxl-space--xs {
display: block;
}
}
.pxl-contact-box .pxl-item--bg {
-webkit-transform: scale(1.2);
-khtml-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
z-index: -2;
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.pxl-contact-box .pxl-item--text1 {
color: var(--primary-color);
}
.pxl-contact-box .pxl-item--text2 {
font-size: 36px;
color: #fff;
border-bottom: 1px solid #5b685e;
margin-bottom: 15px;
margin: 0 20px 20px;
padding-bottom: 13px;
}
.pxl-contact-box .pxl-item--number {
font-size: 40px;
color: #fff;
letter-spacing: -2px;
margin-bottom: 10px;
}
.pxl-contact-box .pxl-item--description {
font-size: 20px;
color: #fff;
margin-bottom: 32px;
}
.pxl-contact-box .pxl-item--link a {
display: inline-block;
line-height: 46px;
padding: 0 76px 0px 25px;
background-color: #fff;
color: #002813;
font-size: 14px;
font-weight: bold;
position: relative;
}
.pxl-contact-box .pxl-item--link a i {
width: 56px;
height: 100%;
position: absolute;
top: 0;
right: 0;
text-align: center;
color: #fff;
background-image: -webkit-gradient(linear, left top, left bottom, from(), to());
background-image: -webkit-linear-gradient(to bottom, , );
background-image: -moz-linear-gradient(to bottom, , );
background-image: -ms-linear-gradient(to bottom, , );
background-image: -o-linear-gradient(to bottom, , );
background-image: linear-gradient(to bottom, , );
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='', endColorStr='');
}
.pxl-contact-box .pxl-item--link a:hover i {
background-image: -webkit-gradient(linear, left top, left bottom, from(), to());
background-image: -webkit-linear-gradient(to bottom, , );
background-image: -moz-linear-gradient(to bottom, , );
background-image: -ms-linear-gradient(to bottom, , );
background-image: -o-linear-gradient(to bottom, , );
background-image: linear-gradient(to bottom, , );
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='', endColorStr='');
}
.pxl-contact-box .pxl-item--inner {
background-color: #000;
position: relative;
overflow: hidden;
z-index: 1;
text-align: center;
padding: 115px 20px;
}
.pxl-contact-box .pxl-item--inner .shape-left, .pxl-contact-box .pxl-item--inner .shape-right {
position: absolute;
width: 200px;
height: 200px;
}
.pxl-contact-box .pxl-item--inner .shape-left {
left: -135px;
top: -65px;
-webkit-transform: rotate(47deg);
-khtml-transform: rotate(47deg);
-moz-transform: rotate(47deg);
-ms-transform: rotate(47deg);
-o-transform: rotate(47deg);
transform: rotate(47deg);
}
.pxl-contact-box .pxl-item--inner .shape-right {
right: -150px;
bottom: -70px;
-webkit-transform: rotate(47deg);
-khtml-transform: rotate(47deg);
-moz-transform: rotate(47deg);
-ms-transform: rotate(47deg);
-o-transform: rotate(47deg);
transform: rotate(47deg);
}
.pxl-contact-box .pxl-item--inner:before {
content: "";
width: 100%;
height: 100%;
display: block;
background-color: rgba(0, 13, 6, 0.78);
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.pxl-contact-box .pxl-item--inner:hover .pxl-item--bg {
-webkit-transform: scale(1);
-khtml-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.tp-bullets.bullets-nav-style1.vertical {
width: 60px !important;
}
.tp-bullets.bullets-nav-style1.vertical .tp-bullet {
height: 2px;
background-color: #bbb;
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
width: 50%;
}
.tp-bullets.bullets-nav-style1.vertical .tp-bullet.selected {
width: 100%;
background-color: #000;
}
.tp-bullets.bullets-nav-style1-white.vertical {
width: 60px !important;
}
.tp-bullets.bullets-nav-style1-white.vertical .tp-bullet {
height: 2px;
background-color: #bbb;
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
width: 50%;
}
.tp-bullets.bullets-nav-style1-white.vertical .tp-bullet.selected {
width: 100%;
background-color: #fff;
}
.tp-bullets.bullets-nav-style2.vertical .tp-bullet {
height: 8px;
width: 8px;
background-color: #bbb;
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-transform: scale(0.7);
-khtml-transform: scale(0.7);
-moz-transform: scale(0.7);
-ms-transform: scale(0.7);
-o-transform: scale(0.7);
transform: scale(0.7);
}
.tp-bullets.bullets-nav-style2.vertical .tp-bullet.selected {
background-color: #fff;
-webkit-transform: scale(1);
-khtml-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.tp-bullets.bullets-nav-style2.horizontal .tp-bullet {
height: 8px;
width: 8px;
background-color: #bbb;
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-transform: scale(0.7);
-khtml-transform: scale(0.7);
-moz-transform: scale(0.7);
-ms-transform: scale(0.7);
-o-transform: scale(0.7);
transform: scale(0.7);
}
.tp-bullets.bullets-nav-style2.horizontal .tp-bullet.selected {
background-color: #fff;
-webkit-transform: scale(1);
-khtml-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.btn-slider-custom i {
margin-left: 15px !important;
}
.btn-slider-custom:hover i {
background-color: #fff;
background-image: -webkit-gradient(linear, right top, left top, from(#fff), to(#fff));
background-image: -webkit-linear-gradient(to right, #fff, #fff);
background-image: -moz-linear-gradient(to right, #fff, #fff);
background-image: -ms-linear-gradient(to right, #fff, #fff);
background-image: -o-linear-gradient(to right, #fff, #fff);
background-image: linear-gradient(to right, #fff, #fff);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fff', endColorStr='#fff', gradientType='1');
}
.pxl-showcase.layout1 {
-webkit-transition: all 0.5s;
-khtml-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.pxl-showcase.layout1 .item-feature {
position: relative;
overflow: hidden;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
border-radius: 8px;
}
.pxl-showcase.layout1 .item-feature img {
width: 100%;
-webkit-transition: all 0.5s;
-khtml-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.pxl-showcase.layout1 .item-title {
font-size: 15px;
color: #1a2530;
font-weight: 800;
margin-top: 20px;
padding-bottom: 10px;
letter-spacing: -0.01rem;
}
.pxl-showcase.layout1 .item-title span {
color: #fff;
background: #3552ff !important;
padding: 0 10px 3px 10px;
padding-top: 2px;
line-height: 0;
margin-right: 5px;
border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
font-size: 12px;
text-transform: uppercase;
font-weight: 600;
}
.pxl-showcase.layout1 .item-title a {
font-size: inherit;
color: #1a2530;
font-weight: 800;
}
.pxl-showcase.layout1 .item-title .notification {
-webkit-box-shadow: 0 6px 18px rgba(255, 213, 50, 0.15);
-khtml-box-shadow: 0 6px 18px rgba(255, 213, 50, 0.15);
-moz-box-shadow: 0 6px 18px rgba(255, 213, 50, 0.15);
-ms-box-shadow: 0 6px 18px rgba(255, 213, 50, 0.15);
-o-box-shadow: 0 6px 18px rgba(255, 213, 50, 0.15);
box-shadow: 0 6px 18px rgba(255, 213, 50, 0.15);
line-height: 23px;
height: 23px;
font-size: 13px;
font-weight: 700;
color: #fff;
background-color: var(--primary-color);
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
padding: 0 10px;
position: relative;
text-transform: capitalize;
margin-left: 8px;
z-index: 2;
text-align: center;
display: inline-block;
top: -2px;
}
.pxl-showcase.layout1 .item-title .notification:before {
position: absolute;
content: '';
top: 7px;
left: -8px;
border-right: 10px solid var(--primary-color);
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
z-index: 1;
}
.pxl-showcase.layout1 .pxl-item-links {
opacity: 0;
position: absolute;
z-index: 2;
top: 50%;
left: 0;
position: 0;
-webkit-transform: translateY(-50%);
-khtml-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
-webkit-transition: all 200ms linear 0ms;
-khtml-transition: all 200ms linear 0ms;
-moz-transition: all 200ms linear 0ms;
-ms-transition: all 200ms linear 0ms;
-o-transition: all 200ms linear 0ms;
transition: all 200ms linear 0ms;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.pxl-showcase.layout1 .pxl-item-links a {
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
display: inline-block;
min-width: 180px;
background-color: #fff;
line-height: 25.5px;
padding: 5px 10px;
font-weight: 500;
margin: 5px;
color: #111;
font-size: 14px;
overflow: hidden;
transition: 0.5s;
position: relative;
}
.pxl-showcase.layout1 .pxl-item-links a:hover {
color: #fff;
background-color: #111;
}
.pxl-showcase.layout1 .pxl-item-links a span {
margin-top: 0;
}
.pxl-showcase.layout1 .inner-box {
text-align: center;
}
.pxl-showcase.layout1:hover .item-feature img {
transform: scale(1.1);
}
.pxl-showcase.layout1:hover .pxl-item-links {
top: 50%;
opacity: 1;
}
.pxl-image-before-after1 img {
width: 100%;
}
.pxl-image-before-after1.style2 .twentytwenty-handle {
background-color: #126727;
border-color: #126727;
width: 60px;
height: 60px;
border: none;
margin-left: -30px;
}
.pxl-image-before-after1.style2 .twentytwenty-handle:before {
margin-bottom: 33px;
}
.pxl-image-before-after1.style2 .twentytwenty-handle:after {
margin-top: 33px;
}
.pxl-image-before-after2 {
display: inline-block;
position: relative;
z-index: 1;
}
@media screen and (max-width: 767px) {
.pxl-image-before-after2 {
margin-left: 28px;
}
}
.pxl-image-before-after2:before {
content: '';
z-index: -1;
position: absolute;
bottom: -3px;
left: -5px;
width: 100%;
height: 100%;
-webkit-border-radius: 284px;
-khtml-border-radius: 284px;
-moz-border-radius: 284px;
-ms-border-radius: 284px;
-o-border-radius: 284px;
border-radius: 284px;
background-color: #fff;
}
.pxl-image-before-after2:after {
content: '';
z-index: -2;
position: absolute;
bottom: 0px;
width: 100%;
height: 100%;
-webkit-border-radius: 284px;
-khtml-border-radius: 284px;
-moz-border-radius: 284px;
-ms-border-radius: 284px;
-o-border-radius: 284px;
border-radius: 284px;
background-color: var(--primary-color);
-webkit-transform: scale(1.11);
-khtml-transform: scale(1.11);
-moz-transform: scale(1.11);
-ms-transform: scale(1.11);
-o-transform: scale(1.11);
transform: scale(1.11);
left: -17px;
}
.pxl-image-before-after2 .twentytwenty-before-label, .pxl-image-before-after2 .twentytwenty-after-label {
display: none;
}
.pxl-image-before-after2 .twentytwenty-wrapper {
height: 284px;
width: 284px;
-webkit-border-radius: 284px;
-khtml-border-radius: 284px;
-moz-border-radius: 284px;
-ms-border-radius: 284px;
-o-border-radius: 284px;
border-radius: 284px;
overflow: hidden;
}
.pxl-image-before-after2 .twentytwenty-wrapper .twentytwenty-container {
-webkit-border-radius: 284px;
-khtml-border-radius: 284px;
-moz-border-radius: 284px;
-ms-border-radius: 284px;
-o-border-radius: 284px;
border-radius: 284px;
overflow: hidden;
}
@media screen and (max-width: 767px) {
.pxl-image-before-after2 .twentytwenty-wrapper {
height: 264px;
width: 264px;
-webkit-border-radius: 264px;
-khtml-border-radius: 264px;
-moz-border-radius: 264px;
-ms-border-radius: 264px;
-o-border-radius: 264px;
border-radius: 264px;
}
.pxl-image-before-after2 .twentytwenty-wrapper .twentytwenty-container {
-webkit-border-radius: 264px;
-khtml-border-radius: 264px;
-moz-border-radius: 264px;
-ms-border-radius: 264px;
-o-border-radius: 264px;
border-radius: 264px;
}
}
.pxl-image-before-after2 .twentytwenty-horizontal .twentytwenty-handle {
margin-left: -12px;
margin-top: -12px;
width: 24px;
height: 24px;
border: none;
background-color: #fff;
}
.pxl-image-before-after2 .twentytwenty-horizontal .twentytwenty-handle:before {
margin-bottom: 10px;
-webkit-box-shadow: none;
-khtml-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
.pxl-image-before-after2 .twentytwenty-horizontal .twentytwenty-handle:after {
margin-top: 10px;
-webkit-box-shadow: none;
-khtml-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
.pxl-image-before-after2 .twentytwenty-horizontal .twentytwenty-handle .twentytwenty-left-arrow {
margin-left: -14px;
}
.pxl-image-before-after2 .twentytwenty-horizontal .twentytwenty-handle .twentytwenty-left-arrow:before {
content: '\f104';
font-family: "";
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translate(0, -50%);
-khtml-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
font-weight: 14px;
}
.pxl-image-before-after2 .twentytwenty-horizontal .twentytwenty-handle .twentytwenty-right-arrow {
margin-right: -14px;
}
.pxl-image-before-after2 .twentytwenty-horizontal .twentytwenty-handle .twentytwenty-right-arrow:before {
content: '\f105';
font-family: "";
right: 0;
-webkit-transform: translate(0, -50%);
-khtml-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
position: absolute;
font-weight: 14px;
}
.pxl-image-before-after2 .item--holder {
position: absolute;
width: 94px;
height: 94px;
background-color: var(--secondary-color);
border-radius: 94px;
top: -78px;
right: 20px;
z-index: 99;
color: #fff;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.pxl-image-before-after2 .item--holder:before {
content: '';
position: absolute;
bottom: -2px;
left: 9px;
border-width: 10px;
border-style: solid;
border-color: transparent var(--secondary-color) var(--secondary-color) transparent;
transform: rotate(-28deg);
z-index: -1;
}
.pxl-image-before-after2 .item--holder .item--icon {
line-height: 1;
margin-bottom: 2px;
}
.pxl-image-before-after2 .item--holder .item--icon i {
font-size: 29px;
color: var(--primary-color);
}
.pxl-image-before-after2 .item--holder .item--title {
font-size: 12px;
line-height: 1;
margin-bottom: 4px;
}
.pxl-image-before-after2 .item--holder .item--year {
line-height: 1;
font-size: 19px;
font-weight: 700;
}
.pxl-image-before-after2 .item--holder .item--meta {
margin-top: -2px;
}
.pxl-anchor-wrap {
display: flex;
}
.pxl-anchor-wrap .pxl-anchor {
-webkit-transition: all 0.3s ease;
-khtml-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
cursor: pointer;
}
.pxl-anchor-wrap .pxl-anchor.pxl-icon--right {
display: inline-flex;
flex-direction: row-reverse;
-webkit-border-radius: 0px;
-khtml-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
line-height: 46px;
padding: 0 35px;
color: #fff;
}
.pxl-anchor-wrap .pxl-anchor.pxl-icon--right .pxl-anchor-icon {
margin-left: 15px;
line-height: 1;
}
.pxl-anchor-wrap .pxl-anchor.pxl-icon--right:hover {
background-color: var(--primary-color);
color: #fff;
}
.pxl-anchor-wrap .pxl-anchor.pxl-icon--left {
display: inline-flex;
}
.pxl-anchor-wrap .pxl-anchor.pxl-icon--left .pxl-anchor-icon {
line-height: 1;
}
.pxl-anchor-wrap .pxl-anchor.btn-default {
background-color: var(--primary-color);
color: #fff;
}
.pxl-anchor-wrap.search-mask a {
display: inline-block;
width: 50px;
height: 50px;
font-size: 20px;
line-height: 54px;
position: relative;
z-index: 1;
-webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
-khtml-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
-moz-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
-ms-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
-o-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
color: #111c16;
text-align: center;
background-color: #f4f3f0;
mask-image: url(//elissahotel.com.my/wp-content/themes/seaside/assets/images/bg-search-mask.png);
-webkit-mask-image: url(//elissahotel.com.my/wp-content/themes/seaside/assets/images/bg-search-mask.png);
-ms-mask-image: url(//elissahotel.com.my/wp-content/themes/seaside/assets/images/bg-search-mask.png);
-o-mask-image: url(//elissahotel.com.my/wp-content/themes/seaside/assets/images/bg-search-mask.png);
-webkit-mask-repeat: no-repeat;
-ms-mask-repeat: no-repeat;
-o-mask-repeat: no-repeat;
-webkit-mask-position: center top;
-ms-mask-position: center top;
-o-mask-position: center top;
mask-position: center top;
}
.pxl-anchor-wrap.search-mask a:hover {
color: #fff;
background-color: ;
}
.pxl-anchor-wrap .pxl-anchor-icon.custom {
display: inline-block;
width: 30px;
min-width: 30px;
height: 23px;
position: relative;
text-decoration: none;
}
.pxl-anchor-wrap .pxl-anchor-icon.custom span {
position: absolute;
height: 3px;
background-color: #000;
border-radius: 3px;
-webkit-transition: width 0.3s linear 0s, background-color 0.3s ease;
-khtml-transition: width 0.3s linear 0s, background-color 0.3s ease;
-moz-transition: width 0.3s linear 0s, background-color 0.3s ease;
-ms-transition: width 0.3s linear 0s, background-color 0.3s ease;
-o-transition: width 0.3s linear 0s, background-color 0.3s ease;
transition: width 0.3s linear 0s, background-color 0.3s ease;
}
.pxl-anchor-wrap .pxl-anchor-icon.custom span:nth-child(1) {
width: 24px;
top: 0;
bottom: auto;
}
.pxl-anchor-wrap .pxl-anchor-icon.custom span:nth-child(2) {
width: 32px;
top: 10px;
bottom: auto;
}
.pxl-anchor-wrap .pxl-anchor-icon.custom span:nth-child(3) {
width: 18px;
top: auto;
bottom: 0;
}
.pxl-anchor-wrap .pxl-anchor-icon.custom:hover span {
background-color: var(--primary-color);
}
.pxl-anchor-wrap .pxl-anchor-icon.custom:hover span:nth-child(1) {
width: 32px;
}
.pxl-anchor-wrap .pxl-anchor-icon.custom:hover span:nth-child(2) {
width: 18px;
}
.pxl-anchor-wrap .pxl-anchor-icon.custom:hover span:nth-child(3) {
width: 24px;
}
.anchor-align-end .pxl-anchor-wrap .pxl-anchor-icon.custom span:nth-child(1) {
left: auto;
right: 0;
}
.anchor-align-end .pxl-anchor-wrap .pxl-anchor-icon.custom span:nth-child(2) {
left: auto;
right: 0;
}
.anchor-align-end .pxl-anchor-wrap .pxl-anchor-icon.custom span:nth-child(3) {
left: auto;
right: 0;
}
.pxl-gallery-grid3 .grid-filter-wrap .filter-item {
-webkit-transition: all 200ms linear 0ms;
-khtml-transition: all 200ms linear 0ms;
-moz-transition: all 200ms linear 0ms;
-ms-transition: all 200ms linear 0ms;
-o-transition: all 200ms linear 0ms;
transition: all 200ms linear 0ms;
margin: 5px 10px 8px;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
display: inline-block;
padding: 5px 0px;
background-color: transparent;
-webkit-border-radius: 35px;
-khtml-border-radius: 35px;
-moz-border-radius: 35px;
-ms-border-radius: 35px;
-o-border-radius: 35px;
border-radius: 35px;
color: #fff;
position: relative;
cursor: pointer;
}
.pxl-gallery-grid3 .grid-filter-wrap .filter-item:before {
z-index: -1;
opacity: 0;
-webkit-transition: all 200ms linear 0ms;
-khtml-transition: all 200ms linear 0ms;
-moz-transition: all 200ms linear 0ms;
-ms-transition: all 200ms linear 0ms;
-o-transition: all 200ms linear 0ms;
transition: all 200ms linear 0ms;
width: 100%;
height: 100%;
top: 50%;
left: 50%;
content: "";
-webkit-transform: translate(-50%, -50%) scale(0.5);
-khtml-transform: translate(-50%, -50%) scale(0.5);
-moz-transform: translate(-50%, -50%) scale(0.5);
-ms-transform: translate(-50%, -50%) scale(0.5);
-o-transform: translate(-50%, -50%) scale(0.5);
transform: translate(-50%, -50%) scale(0.5);
background-color: var(--primary-color);
position: absolute;
}
.pxl-gallery-grid3 .grid-filter-wrap .filter-item.active {
color: #fff;
}
.pxl-gallery-grid3 .grid-filter-wrap .filter-item.active:before {
opacity: 1;
-webkit-transform: translate(-50%, -50%) scale(1);
-khtml-transform: translate(-50%, -50%) scale(1);
-moz-transform: translate(-50%, -50%) scale(1);
-ms-transform: translate(-50%, -50%) scale(1);
-o-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
}
.pxl-gallery-grid3 .grid-filter-wrap .filter-item:first-child {
margin-left: 0;
}
.pxl-gallery-grid3 .grid-filter-wrap .filter-item:last-child {
margin-right: 0;
}
.pxl-gallery-grid3 .pxl-grid-item .pxl-item--holder {
position: absolute;
}
.pxl-gallery-grid3 .pxl-grid-item .pxl-item--inner {
overflow: hidden;
position: relative;
}
.pxl-gallery-grid3 .pxl-grid-item .pxl-item--inner > a {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 99;
}
.pxl-gallery-grid3 .pxl-grid-item .pxl-item--inner > a i {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.pxl-gallery-grid3 .pxl-item--image {
position: relative;
overflow: hidden;
}
.pxl-gallery-grid3 .pxl-item--image a {
display: block;
}
.pxl-gallery-grid3 .pxl-item--image img {
width: 100%;
-webkit-transition: all 0.5s;
-khtml-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.pxl-gallery-grid3 .pxl-item--title {
margin: 0;
font-size: 16px;
text-transform: capitalize;
color: #fff;
font-family: "Heebo", Arial, Helvetica, sans-serif;
-webkit-transform: translateY(30px);
-khtml-transform: translateY(30px);
-moz-transform: translateY(30px);
-ms-transform: translateY(30px);
-o-transform: translateY(30px);
transform: translateY(30px);
opacity: 0;
-webkit-transition: all 0.5s;
-khtml-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
margin-bottom: 10px;
font-weight: 300;
}
@media screen and (max-width: 991px) {
.pxl-gallery-grid3 .pxl-item--title {
font-size: 16px;
}
}
.pxl-gallery-grid3 .pxl-item--holder {
position: absolute;
top: 0;
bottom: 0;
left: 50%;
z-index: 1;
padding: 20px;
overflow: visible;
-webkit-transition-delay: 0.12s;
-moz-transition-delay: 0.12s;
transition-delay: 0.12s;
-webkit-transform: translateX(-50%) scaleX(0);
-khtml-transform: translateX(-50%) scaleX(0);
-moz-transform: translateX(-50%) scaleX(0);
-ms-transform: translateX(-50%) scaleX(0);
-o-transform: translateX(-50%) scaleX(0);
transform: translateX(-50%) scaleX(0);
transform-origin: center center;
-webkit-transform-origin: center center;
background-color: var(--primary-color);
-webkit-transition: all 0.5s;
-khtml-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
opacity: 0;
width: 100%;
height: 100%;
}
.pxl-gallery-grid3 .pxl-holder-inner {
width: 100%;
height: 100%;
padding: 20px;
display: flex;
align-items: center;
flex-direction: column;
text-align: center;
justify-content: center;
}
.pxl-gallery-grid3 .pxl-item--inner {
position: relative;
overflow: hidden;
}
.pxl-gallery-grid3 .pxl-item--inner:hover .pxl-item--holder {
-webkit-transform: translateX(-50%) scaleX(1);
-khtml-transform: translateX(-50%) scaleX(1);
-moz-transform: translateX(-50%) scaleX(1);
-ms-transform: translateX(-50%) scaleX(1);
-o-transform: translateX(-50%) scaleX(1);
transform: translateX(-50%) scaleX(1);
opacity: 0.8;
}
.pxl-gallery-grid3 .pxl-item--inner:hover .pxl-item--title {
-webkit-transform: translateY(0px);
-khtml-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
opacity: 1;
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.pxl-gallery-grid3 .pxl-item--inner:hover .pxl-item--image img {
transform: scale(1.1);
}
.pxl-casestudy-carousel1 .container-custom {
max-width: 1170px;
margin-bottom: 65px;
}
.pxl-casestudy-carousel1 .container-custom.alignment-left {
margin-left: 0;
margin-right: auto;
}
.pxl-casestudy-carousel1 .container-custom.alignment-center {
margin: 0 auto 65px;
}
.pxl-casestudy-carousel1 .container-custom.alignment-right {
margin-left: auto;
margin-right: 0;
}
@media screen and (min-width: 768px) {
.pxl-casestudy-carousel1 .container-custom {
display: flex;
justify-content: space-between;
align-items: center;
flex-direction: row-reverse;
}
}
@media screen and (max-width: 767px) {
.pxl-casestudy-carousel1 .container-custom {
margin-bottom: 30px;
}
.pxl-casestudy-carousel1 .container-custom .wp-title {
margin-bottom: 35px;
}
}
.pxl-casestudy-carousel1 .container-custom .wp-title {
flex-grow: 1;
display: flex;
justify-content: end;
}
.pxl-casestudy-carousel1 .container-custom .el--title {
font-size: 42px;
margin-bottom: 10px;
color: #000;
font-weight: 600;
max-width: 670px;
padding-left: 30px;
border-left: 2px solid #000;
}
@media screen and (min-width: 992px) {
.pxl-casestudy-carousel1 .container-custom .el--title {
padding-left: 100px;
}
}
@media screen and (max-width: 1199px) {
.pxl-casestudy-carousel1 .container-custom .el--title {
font-size: 30px;
}
}
@media screen and (max-width: 767px) {
.pxl-casestudy-carousel1 .container-custom .el--title {
margin-bottom: 20px;
}
}
.pxl-casestudy-carousel1 .container-custom .wp-arrow {
display: flex;
align-items: center;
min-width: 40%;
max-width: 40%;
margin-bottom: 10px;
}
.pxl-casestudy-carousel1 .container-custom .wp-arrow .pxl-swiper-arrow {
position: static;
-webkit-transform: translateY(0);
-khtml-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1;
visibility: visible;
line-height: 1;
font-size: 26px;
color: #b8b8b8;
}
.pxl-casestudy-carousel1 .container-custom .wp-arrow .pxl-swiper-arrow + .pxl-swiper-arrow {
margin-left: 10px;
}
.pxl-casestudy-carousel1 .container-custom .wp-arrow .pxl-swiper-arrow:hover {
color: var(--primary-color);
background-color: transparent;
}
.pxl-casestudy-carousel1 .container-custom .wp-arrow .pxl-swiper-dots {
margin-top: 0;
}
.pxl-casestudy-carousel1 .container-custom .wp-arrow .pxl-swiper-dots .pxl-swiper-pagination-bullet {
margin: 0 8px;
width: 5px;
height: 5px;
}
.pxl-casestudy-carousel2 .container-custom {
max-width: 1170px;
padding-top: 95px;
padding-bottom: 50px;
margin-bottom: 30px;
position: relative;
z-index: 1;
}
.pxl-casestudy-carousel2 .container-custom:before {
width: 5000px;
height: 100%;
content: "";
display: block;
position: absolute;
z-index: -1;
left: 50%;
-webkit-transform: translateX(-50%);
-khtml-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
top: 0;
bottom: 0;
background-color: #000;
}
@media screen and (min-width: 768px) {
.pxl-casestudy-carousel2 .container-custom {
display: flex;
justify-content: space-between;
align-items: end;
}
}
@media screen and (max-width: 991px) {
.pxl-casestudy-carousel2 .container-custom {
padding-top: 45px;
padding-bottom: 35px;
}
}
@media screen and (max-width: 767px) {
.pxl-casestudy-carousel2 .container-custom {
margin-bottom: 30px;
}
.pxl-casestudy-carousel2 .container-custom .wp-title {
margin-bottom: 35px;
}
}
.pxl-casestudy-carousel2 .container-custom .wp-title {
flex-grow: 1;
}
.pxl-casestudy-carousel2 .container-custom .el--title {
font-size: 42px;
margin-bottom: 10px;
color: #fff;
font-weight: bold;
}
@media screen and (max-width: 1199px) {
.pxl-casestudy-carousel2 .container-custom .el--title {
font-size: 30px;
}
}
@media screen and (max-width: 767px) {
.pxl-casestudy-carousel2 .container-custom .el--title {
margin-bottom: 20px;
}
}
.pxl-casestudy-carousel2 .container-custom .el--sub-title {
font-size: 14px;
color: #bbb;
}
.pxl-casestudy-carousel2 .container-custom .wp-arrow {
display: flex;
align-items: center;
margin-bottom: 10px;
}
.pxl-casestudy-carousel2 .container-custom .wp-arrow .pxl-swiper-arrow {
position: static;
-webkit-transform: translateY(0);
-khtml-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1;
visibility: visible;
line-height: 1;
font-size: 26px;
color: #b8b8b8;
}
.pxl-casestudy-carousel2 .container-custom .wp-arrow .pxl-swiper-arrow + .pxl-swiper-arrow {
margin-left: 10px;
}
.pxl-casestudy-carousel2 .container-custom .wp-arrow .pxl-swiper-arrow:hover {
color: #fff;
background-color: transparent;
}
.pxl-casestudy-carousel2 .container-custom .wp-arrow .pxl-swiper-dots {
margin-top: 0;
}
.pxl-casestudy-carousel2 .container-custom .wp-arrow .pxl-swiper-dots .pxl-swiper-pagination-bullet {
margin: 0 8px;
width: 5px;
height: 5px;
}
.pxl-casestudy-carousel2 .pxl-item--feature {
margin-bottom: 20px;
}
.pxl-casestudy-carousel2 .pxl-item--feature img {
width: 100%;
}
.pxl-casestudy-carousel2 .pxl-item--title {
font-size: 21px;
font-weight: 400;
}
.pxl-casestudy-carousel2 .pxl-item--inner {
text-align: center;
}
.pxl-casestudy-carousel3 .pxl-item--feature {
margin-bottom: 20px;
}
.pxl-casestudy-carousel3 .pxl-item--feature img {
width: 100%;
}
.pxl-casestudy-carousel3 .pxl-item--title {
font-size: 21px;
font-weight: 400;
}
.pxl-casestudy-carousel3 .pxl-item--inner {
text-align: center;
}
.pxl-casestudy-carousel4 .container-custom {
max-width: 1170px;
padding-top: 95px;
padding-bottom: 50px;
position: relative;
z-index: 1;
margin: 0 auto;
}
.pxl-casestudy-carousel4 .container-custom:before {
width: 5000px;
height: 100%;
content: "";
display: block;
position: absolute;
z-index: -1;
left: 50%;
-webkit-transform: translateX(-50%);
-khtml-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
top: 0;
bottom: 0;
background-color: #000;
}
@media screen and (max-width: 1199px) {
.pxl-casestudy-carousel4 .container-custom {
padding-left: 15px;
padding-right: 15px;
}
}
@media screen and (min-width: 768px) {
.pxl-casestudy-carousel4 .container-custom {
display: flex;
justify-content: space-between;
align-items: end;
}
}
@media screen and (max-width: 991px) {
.pxl-casestudy-carousel4 .container-custom {
padding-top: 45px;
padding-bottom: 35px;
}
}
@media screen and (max-width: 767px) {
.pxl-casestudy-carousel4 .container-custom {
margin-bottom: 30px;
}
.pxl-casestudy-carousel4 .container-custom .wp-title {
margin-bottom: 35px;
}
}
.pxl-casestudy-carousel4 .container-custom .wp-title {
flex-grow: 1;
}
.pxl-casestudy-carousel4 .container-custom .el--title {
font-size: 42px;
margin-bottom: 10px;
color: #fff;
font-weight: bold;
}
@media screen and (max-width: 1199px) {
.pxl-casestudy-carousel4 .container-custom .el--title {
font-size: 30px;
}
}
@media screen and (max-width: 767px) {
.pxl-casestudy-carousel4 .container-custom .el--title {
margin-bottom: 20px;
}
}
.pxl-casestudy-carousel4 .container-custom .el--sub-title {
font-size: 16px;
color: #bbb;
}
@media screen and (min-width: 768px) {
.pxl-casestudy-carousel4 .container-custom .el--sub-title {
max-width: 510px;
}
}
.pxl-casestudy-carousel4 .container-custom .wp-arrow {
display: flex;
align-items: center;
margin-bottom: 10px;
}
.pxl-casestudy-carousel4 .container-custom .wp-arrow .pxl-swiper-arrow {
position: static;
-webkit-transform: translateY(0);
-khtml-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1;
visibility: visible;
line-height: 1;
font-size: 26px;
color: #b8b8b8;
}
.pxl-casestudy-carousel4 .container-custom .wp-arrow .pxl-swiper-arrow + .pxl-swiper-arrow {
margin-left: 10px;
}
.pxl-casestudy-carousel4 .container-custom .wp-arrow .pxl-swiper-arrow:hover {
color: #fff;
background-color: transparent;
}
.pxl-casestudy-carousel4 .container-custom .wp-arrow .pxl-swiper-dots {
margin-top: 0;
}
.pxl-casestudy-carousel4 .container-custom .wp-arrow .pxl-swiper-dots .pxl-swiper-pagination-bullet {
margin: 0 8px;
width: 5px;
height: 5px;
}
.pxl-casestudy-carousel4 .pxl-item--feature {
background-color: #000;
overflow: hidden;
position: relative;
transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.pxl-casestudy-carousel4 .pxl-item--feature img {
transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
width: 100%;
}
.pxl-casestudy-carousel4 .btn-showcase {
height: 45px;
font-size: 14px;
line-height: 45px;
color: #000;
min-width: 120px;
padding: 0px 20px;
top: 60%;
left: 50%;
opacity: 0;
position: absolute;
display: inline-block;
background-color: #fff;
-webkit-transform: translate(-50%, -60%);
-khtml-transform: translate(-50%, -60%);
-moz-transform: translate(-50%, -60%);
-ms-transform: translate(-50%, -60%);
-o-transform: translate(-50%, -60%);
transform: translate(-50%, -60%);
transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.pxl-casestudy-carousel4 .pxl-item--inner {
text-align: center;
}
.pxl-casestudy-carousel4 .pxl-item--inner:hover .pxl-item--feature img {
opacity: 0.3;
}
.pxl-casestudy-carousel4 .pxl-item--inner:hover .btn-showcase {
top: 50%;
opacity: 1;
transition-delay: 0.1s;
-webkit-transform: translate(-50%, -50%);
-khtml-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.pxl-casestudy-carousel5 .pxl-item--feature {
margin-bottom: 20px;
position: relative;
}
.pxl-casestudy-carousel5 .pxl-item--feature img {
width: 100%;
}
.pxl-casestudy-carousel5 .pxl-item--title {
font-size: 32px;
font-weight: bold;
position: absolute;
bottom: 0;
left: 0;
display: inline-block;
margin-bottom: 0;
padding: 5px 30px;
background-color: #fff;
}
@media screen and (max-width: 991px) {
.pxl-casestudy-carousel5 .pxl-item--title {
font-size: 20px;
}
}
.pxl-casestudy-carousel5 .pxl-item--inner {
text-align: center;
}
.pxl-slider-carousel1 {
position: relative;
}
.pxl-slider-carousel1 .wp-arrow {
display: flex;
flex-direction: column;
width: 30px;
align-items: center;
position: absolute;
top: 50%;
left: 13px;
transform: translateY(-50%);
z-index: 1;
}
@media screen and (max-width: 767px) {
.pxl-slider-carousel1 .wp-arrow {
top: 40%;
}
}
.pxl-slider-carousel1 .wp-arrow .pxl-swiper-arrow {
position: static;
transform: translate(0, 0);
}
.pxl-slider-carousel1 .wp-arrow .pxl-swiper-arrow.pxl-swiper-arrow-prev i {
-webkit-transform: rotate(90deg);
-khtml-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.pxl-slider-carousel1 .wp-arrow .pxl-swiper-arrow.pxl-swiper-arrow-next i {
-webkit-transform: rotate(90deg);
-khtml-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.pxl-slider-carousel1 .wp-arrow .pxl-swiper-dots {
display: flex;
flex-wrap: wrap;
margin-top: 0px;
flex-direction: column;
width: 20px;
}
.pxl-slider-carousel1 .wp-arrow .pxl-swiper-dots .pxl-swiper-pagination-bullet {
margin: 8px;
}
.pxl-slider-carousel1 .pxl-socials {
display: flex;
}
@media screen and (min-width: 768px) {
.pxl-slider-carousel1 .pxl-socials {
flex-direction: column;
width: 60px;
justify-content: center;
align-items: center;
position: absolute;
top: 50%;
right: 0px;
transform: translateY(-50%);
}
.pxl-slider-carousel1 .pxl-socials a {
color: var(--secondary-color);
margin: 20px 5px;
}
.pxl-slider-carousel1 .pxl-socials a:hover {
color: var(--primary-color);
}
}
@media screen and (max-width: 767px) {
.pxl-slider-carousel1 .pxl-socials {
justify-content: center;
}
.pxl-slider-carousel1 .pxl-socials a {
margin: 20px 10px;
}
}
.pxl-slider-carousel1 .pxl-carousel-inner {
padding-left: 15px;
padding-right: 15px;
}
@media screen and (min-width: 768px) {
.pxl-slider-carousel1 .pxl-carousel-inner {
padding-left: 75px;
padding-right: 75px;
}
}
.pxl-slider-carousel1 .pxl-swiper-slide {
padding-left: 0;
padding-right: 0;
}
.pxl-slider-carousel1 .pxl-item--title {
padding: 45px 70px;
display: block;
background-color: #000;
margin-bottom: 0;
font-size: 48px;
font-weight: 300;
color: #fff;
}
@media screen and (min-width: 992px) {
.pxl-slider-carousel1 .pxl-item--title {
position: absolute;
bottom: 0;
right: 0;
text-align: right;
max-width: 770px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.pxl-slider-carousel1 .pxl-item--title {
display: block;
font-size: 30px;
padding: 15px 20px;
}
}
@media screen and (max-width: 991px) {
.pxl-slider-carousel1 .pxl-item--title {
padding: 15px 30px;
font-size: 20px;
text-align: center;
}
}
.pxl-slider-carousel1 .pxl-item--feature {
position: relative;
}
.pxl-slider-carousel1 .pxl-item--feature img {
width: 100%;
}
.pxl-countdown-layout1 {
display: flex;
flex-wrap: wrap;
}
.pxl-countdown-layout1.svg-on .countdown-amount {
font-size: 40px;
line-height: 1;
font-weight: bold;
color: #080808;
margin-top: 2px;
margin-bottom: 0px;
}
@media screen and (max-width: 767px) {
.pxl-countdown-layout1.svg-on .countdown-amount {
font-size: 30px;
}
}
.pxl-countdown-layout1.svg-on .countdown-period {
font-size: 16px;
}
.pxl-countdown-layout1.svg-on .countdown-item-inner {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
text-align: center;
min-width: 110px;
width: 110px;
height: 110px;
-webkit-border-radius: 110px;
-khtml-border-radius: 110px;
-moz-border-radius: 110px;
-ms-border-radius: 110px;
-o-border-radius: 110px;
border-radius: 110px;
position: relative;
z-index: 1;
}
.pxl-countdown-layout1.svg-on .countdown-item-inner svg {
width: 110px;
height: 110px;
display: block;
fill: #7d7d7d;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
@media screen and (max-width: 767px) {
.pxl-countdown-layout1.svg-on .countdown-item-inner {
min-width: 105px;
width: 105px;
height: 105px;
}
.pxl-countdown-layout1.svg-on .countdown-item-inner svg {
height: 105px;
width: 105px;
}
}
.pxl-countdown-layout1.svg-on .countdown-item {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
@media screen and (min-width: 768px) {
.pxl-countdown-layout1.svg-on .countdown-item {
margin-right: 30px;
}
}
@media screen and (max-width: 767px) {
.pxl-countdown-layout1.svg-on .countdown-item {
width: 50%;
margin-bottom: 30px;
}
}
.pxl-countdown-layout1.svg-on .countdown-item:last-child {
margin-right: 0;
}
.pxl-countdown-layout1.svg-off .countdown-amount {
font-size: 80px;
}
.pxl-countdown-layout1.svg-off .countdown-period {
font-size: 16px;
text-transform: uppercase;
}
.pxl-countdown-layout1.svg-off .countdown-item {
padding: 0 15px;
display: flex;
flex-wrap: wrap;
justify-content: center;
position: relative;
text-align: center;
}
.pxl-countdown-layout1.svg-off .countdown-item svg {
display: none;
}
@media screen and (max-width: 767px) {
.pxl-countdown-layout1.svg-off .countdown-item {
width: 50%;
margin-bottom: 30px;
}
}
@media screen and (min-width: 768px) {
.pxl-countdown-layout1.svg-off .countdown-item {
margin-right: 15px;
}
.pxl-countdown-layout1.svg-off .countdown-item:after {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-khtml-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
opacity: 0.3;
right: 0;
content: "";
width: 10px;
height: 10px;
display: inline-block;
border-radius: 100%;
background-color: #fff;
}
}
@media screen and (min-width: 768px) {
.pxl-countdown-layout1.svg-off .countdown-item:last-child {
min-width: 140px;
margin-right: 0;
}
}
.pxl-countdown-layout1.svg-off .countdown-item:last-child:after {
display: none;
}
#pxl-header-default {
position: relative;
z-index: 999;
background-color: transparent;
line-height: 80px;
}
#pxl-header-default .row {
align-items: center;
margin-left: 0;
margin-right: 0;
justify-content: space-between;
}
@media screen and (min-width: 1200px) {
#pxl-header-default .row > div {
padding: 0 15px;
}
#pxl-header-default .row .pxl-header-branding {
max-width: 22%;
}
#pxl-header-default .row .pxl-header-menu {
padding-right: 0;
padding-left: 50px;
flex-grow: 1;
}
#pxl-header-default .row .pxl-header-menu-scroll {
width: 100%;
display: flex;
justify-content: end;
}
#pxl-header-default .row .pxl-header-menu-backdrop {
display: none;
}
}
#pxl-header-default .row .pxl-header-branding img {
max-height: 36px;
max-width: inherit;
}
#pxl-header-default #pxl-nav-mobile {
display: none;
}
.px-header--default.pxl-header-elementor-mobile {
position: relative;
z-index: 1;
}
@media screen and (min-width: 1200px) {
.px-header--default.pxl-header-elementor-mobile {
display: none;
}
}
.pxl-hidden-panel-button {
width: 40px;
height: 40px;
cursor: pointer;
position: relative; }
.pxl-hidden-panel-button .pxl-icon-line {
height: 1px;
display: block;
line-height: 1;
position: absolute;
background-color: #fff;
transition: all 0.2s ease-in-out;
}
.pxl-hidden-panel-button .pxl-icon-line.pxl-icon-line1 {
top: 12px;
right: 10px;
width: 30px;
}
.pxl-hidden-panel-button .pxl-icon-line.pxl-icon-line2 {
top: 50%;
width: 30px;
right: 10px;
}
.pxl-hidden-panel-button .pxl-icon-line.pxl-icon-line3 {
width: 30px;
right: 10px;
bottom: 11px;
}
.pxl-hidden-panel-button:hover .pxl-icon-line.pxl-icon-line1 {
width: 20px;
}
.pxl-hidden-panel-button:hover .pxl-icon-line.pxl-icon-line2 {
width: 25px;
}
.pxl-hidden-panel-button:hover .pxl-icon-line.pxl-icon-line3 {
width: 30px;
}
#pxl-header-elementor { }
#pxl-header-elementor #pxl-header-mobile {
display: none;
}
#pxl-header-elementor .pxl-header-elementor-main {
position: relative;
z-index: 999;
}
#pxl-header-elementor .pxl-header-elementor-sticky {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 999;
top: 0;
-webkit-transform: translateY(-100%);
-khtml-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
-khtml-transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
-moz-transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
-ms-transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
-o-transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
visibility: hidden;
}
#pxl-header-elementor .pxl-header-elementor-sticky.pxl-header-fixed {
-webkit-transform: translateY(0%);
-khtml-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%);
visibility: visible;
-webkit-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
-khtml-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
-moz-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
-ms-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
-o-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
}
#pxl-header-elementor .px-header--transparent {
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
z-index: 999;
}
#pxl-header-elementor .elementor-section .elementor-container, #pxl-header-elementor .elementor-widget, #pxl-header-elementor .elementor-widget-wrap, #pxl-header-elementor .elementor-column, #pxl-header-elementor .elementor-column-wrap {
position: static;
}
@media screen and (min-width: 1200px) { .primary-menu-not-set {
list-style: none;
margin: 0;
}
.primary-menu-not-set > li {
text-align: center;
}
.primary-menu-not-set > li a {
font-size: 14px;
color: #fff;
font-weight: 700;
line-height: 95px;
position: relative;
text-transform: uppercase;
padding: 0;
}
.primary-menu-not-set > li a:hover {
color: var(--primary-color);
}
.pxl-menu-primary {
list-style: none;
margin: 0;
padding: 0;
}
.pxl-menu-primary ul {
list-style: none;
margin: 0;
}
.pxl-menu-primary li {
position: relative;
color: #fff;
}
.pxl-menu-primary li.current-menu-item a, .pxl-menu-primary li.current_page_item a {
font-size: 14px;
color: #fff;
position: relative;
font-weight: 400;
}
.pxl-menu-primary li.current-menu-item a > i, .pxl-menu-primary li.current_page_item a > i {
opacity: 0;
}
.pxl-menu-primary > li {
display: inline-block;
vertical-align: middle;
}
.pxl-menu-primary > li > a {
padding: 23px 0px 22px 26px;
line-height: 35px;
font-size: 14px;
font-weight: 400;
display: inline-block;
}
.pxl-menu-primary > li > a > i {
display: none;
padding-left: 10px;
font-size: 10px;
opacity: 0;
}
.pxl-menu-primary > li > a:hover, .pxl-menu-primary > li.current_page_item > a, .pxl-menu-primary > li.current-menu-item > a, .pxl-menu-primary > li.current_page_ancestor > a, .pxl-menu-primary > li.current-menu-ancestor > a {
color: var(--primary-color);
}
.pxl-menu-primary > li:first-child .sub-menu:after, .pxl-menu-primary > li:first-child .children:after {
width: 100px;
}
.pxl-menu-primary .sub-menu, .pxl-menu-primary .children {
position: absolute;
top: 73px;
left: 0;
min-width: 200px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
opacity: 0;
visibility: hidden;
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-transform: scaleY(0) translateZ(100px);
transform: scaleY(0) translateZ(100px);
transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease;
z-index: 99;
background-color: #222327;
}
.pxl-menu-primary .sub-menu:after, .pxl-menu-primary .children:after {
content: '';
position: absolute;
width: 50%;
height: 50px;
background-color: transparent;
top: -50px;
left: 0;
}
.pxl-menu-primary .sub-menu li, .pxl-menu-primary .children li {
white-space: nowrap;
border-bottom: solid 1px #333;
}
.pxl-menu-primary .sub-menu li a, .pxl-menu-primary .children li a {
line-height: 30px !important;
padding: 0px 12px 0px 12px;
position: relative;
font-family: 'Montserrat';
font-weight: 400;
color: #ccc;
font-size: 14px;
display: block;
text-align: left;
}
.pxl-menu-primary .sub-menu li a span, .pxl-menu-primary .children li a span {
position: relative;
display: inline-block;
font-weight: 400;
color: #ccc;
font-size: 14px;
}
.pxl-menu-primary .sub-menu li > a:hover span, .pxl-menu-primary .children li > a:hover span, .pxl-menu-primary .sub-menu li.current_page_item > a span, .pxl-menu-primary .children li.current_page_item > a span, .pxl-menu-primary .sub-menu li.current-menu-item > a span, .pxl-menu-primary .children li.current-menu-item > a span, .pxl-menu-primary .sub-menu li.current_page_ancestor > a span, .pxl-menu-primary .children li.current_page_ancestor > a span, .pxl-menu-primary .sub-menu li.current-menu-ancestor > a span, .pxl-menu-primary .children li.current-menu-ancestor > a span {
color: var(--primary-color);
}
.pxl-menu-primary .sub-menu .sub-menu, .pxl-menu-primary .children .sub-menu, .pxl-menu-primary .sub-menu .children, .pxl-menu-primary .children .children {
top: 0px;
left: 100%;
}
.pxl-menu-primary .sub-menu .sub-menu.back, .pxl-menu-primary .children .sub-menu.back, .pxl-menu-primary .sub-menu .children.back, .pxl-menu-primary .children .children.back {
left: auto;
right: 100%;
}
.pxl-menu-primary .sub-menu .pxl-heading .pxl-item--title, .pxl-menu-primary .children .pxl-heading .pxl-item--title {
color: inherit !important;
}
.pxl-menu-primary li:hover > .sub-menu, .pxl-menu-primary li.focus > .sub-menu, .pxl-menu-primary li:hover > .children, .pxl-menu-primary li.focus > .children {
visibility: visible;
opacity: 1;
clip: inherit;
-webkit-transform: scaleY(1);
-khtml-transform: scaleY(1);
-moz-transform: scaleY(1);
-ms-transform: scaleY(1);
-o-transform: scaleY(1);
transform: scaleY(1);
}
.pxl-menu-primary .pxl-megamenu {
position: static;
}
.pxl-menu-primary .pxl-megamenu > a {
position: relative;
}
.pxl-menu-primary .pxl-megamenu > .sub-menu {
max-width: 1320px;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
padding: 0;
-webkit-border-radius: 0 0 5px 5px;
-khtml-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
-ms-border-radius: 0 0 5px 5px;
-o-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
border: none;
}
.pxl-menu-primary .pxl-megamenu .pxl-link li {
padding: 0;
margin-bottom: 0;
}
.pxl-menu-primary .pxl-megamenu .sub-menu, .pxl-menu-primary .pxl-megamenu .children {
padding-top: 50px;
background-color: transparent;
-webkit-box-shadow: none;
-khtml-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
.pxl-menu-toggle {
display: none;
}
#pxl-header-default .pxl-header-main .container {
max-width: 1660px;
}
#pxl-header-default .pxl-menu-primary > li.pxl-megamenu > a {
position: relative;
}
#pxl-header-default .pxl-menu-primary > li.pxl-megamenu .sub-menu:before {
display: none;
opacity: 0;
}
#pxl-header-default .pxl-menu-primary > li.pxl-megamenu:hover > a:before {
-webkit-transform: translateX(-50%) scale(1) rotate(45deg);
-khtml-transform: translateX(-50%) scale(1) rotate(45deg);
-moz-transform: translateX(-50%) scale(1) rotate(45deg);
-ms-transform: translateX(-50%) scale(1) rotate(45deg);
-o-transform: translateX(-50%) scale(1) rotate(45deg);
transform: translateX(-50%) scale(1) rotate(45deg);
}
.pxl-nav-menu .pxl-megamenu > a {
position: relative;
}
.pxl-nav-menu .pxl-megamenu .sub-menu:before {
display: none;
opacity: 0;
}
.pxl-nav-menu .pxl-megamenu:hover > a:before {
-webkit-transform: translateX(-50%) scale(1) rotate(45deg);
-khtml-transform: translateX(-50%) scale(1) rotate(45deg);
-moz-transform: translateX(-50%) scale(1) rotate(45deg);
-ms-transform: translateX(-50%) scale(1) rotate(45deg);
-o-transform: translateX(-50%) scale(1) rotate(45deg);
transform: translateX(-50%) scale(1) rotate(45deg);
}
.pxl-header-nav .pxl-menu-primary > li {
margin: 0 0px;
}
.pxl-header-nav .pxl-menu-primary > li > a {
padding: 0 20px;
}
}
@media screen and (max-width: 1199px) { #pxl-header-elementor .pxl-header-elementor-main, #pxl-header-elementor .pxl-header-elementor-sticky {
display: none;
}
#pxl-header-elementor #pxl-header-mobile {
display: block;
position: relative;
z-index: 999;
}
#pxl-header-default, #pxl-header-elementor {
position: relative;
}
#pxl-header-default .pxl-header-main, #pxl-header-elementor .pxl-header-main {
position: relative;
}
#pxl-header-default .pxl-header-branding, #pxl-header-elementor .pxl-header-branding {
margin: 15px;
min-height: 50px;
align-items: center;
display: flex;
}
#pxl-header-default .pxl-header-branding img, #pxl-header-elementor .pxl-header-branding img {
height: 50px;
}
#pxl-header-default #pxl-nav-mobile, #pxl-header-elementor #pxl-nav-mobile {
display: block;
position: absolute;
top: 50%;
right: 15px;
-webkit-transform: translate(0, -50%);
-khtml-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
display: flex;
flex-wrap: wrap;
align-items: center;
}
#pxl-header-default #pxl-nav-mobile .pxl-mobile-meta-item, #pxl-header-elementor #pxl-nav-mobile .pxl-mobile-meta-item {
margin-left: 10px;
}
.pxl-nav-mobile-button {
width: 30px;
height: 17px;
position: relative;
cursor: pointer;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
.pxl-nav-mobile-button:before, .pxl-nav-mobile-button:after, .pxl-nav-mobile-button span {
width: 30px;
content: '';
background-color: var(--secondary-color);
height: 1px;
position: absolute;
margin: auto;
right: 0;
-webkit-transition: all 0.5s;
-khtml-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.pxl-nav-mobile-button:before {
top: 0px;
}
.pxl-nav-mobile-button:after {
bottom: 0px;
}
.pxl-nav-mobile-button span {
top: 8px;
}
.pxl-nav-mobile-button:hover:before {
width: 20px;
}
.pxl-nav-mobile-button:hover span {
width: 25px;
}
.pxl-header-menu-backdrop {
z-index: 998;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(34, 34, 55, 0.6);
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
opacity: 0;
visibility: hidden;
}
.pxl-header-menu {
position: fixed;
height: 100%;
max-height: 100vh;
width: 100%;
top: 0;
left: 0;
bottom: 0;
margin: 0;
overflow: hidden;
z-index: 999;
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-webkit-transform: translateX(-100%);
-khtml-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
visibility: hidden;
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
-khtml-box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
-ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
-o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
background-color: rgba(20, 20, 20, 0.6);
overflow-y: scroll;
}
.pxl-header-menu.active {
visibility: visible;
opacity: 1;
-webkit-transform: translateX(0%);
-khtml-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);
}
.pxl-header-menu.active + .pxl-header-menu-backdrop {
opacity: 1;
visibility: visible;
}
.pxl-header-menu .pxl-header-nav {
width: 196px;
}
.pxl-header-menu-scroll {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
height: 100%;
}
.pxl-header-menu-scroll .pxl-close {
position: absolute;
top: 10px;
right: 20px;
background-color: transparent;
}
.pxl-header-menu-scroll .pxl-close:before, .pxl-header-menu-scroll .pxl-close:after {
background-color: #fff;
}
.pxl-header-menu-scroll .pxl-close:hover {
background-color: transparent;
}
.pxl-header-menu-scroll .pxl-close:hover:before, .pxl-header-menu-scroll .pxl-close:hover:after {
background-color: #fff;
}
.pxl-header-menu-scroll .pxl-menu-primary > li > a .left-icon {
margin-right: 4px;
}
.pxl-header-menu-scroll .pxl-menu-primary > li .elementor-section {
max-width: 100%;
}
.pxl-header-menu-scroll .pxl-menu-primary > li .elementor-container {
margin: 10px 0 !important;
}
.pxl-menu-toggle {
position: absolute;
top: 9px;
height: 28px;
line-height: 28px;
text-align: center;
right: 18px;
width: 28px;
cursor: pointer;
font-size: 10px;
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
color: #fff;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
background-color: rgba(0, 0, 0, 0.03);
}
.pxl-menu-toggle:before {
content: "\f150";
font-family: "Caseicon";
}
.pxl-menu-toggle.active:before {
content: "\f13d";
}
.pxl-menu-primary {
list-style: none;
margin: 0;
padding: 0;
text-align: center;
}
.pxl-menu-primary li {
position: relative;
}
.pxl-menu-primary li a {
display: block;
font-family: "Montserrat";
font-weight: 600;
text-transform: uppercase;
font-size: 20px;
cursor: pointer;
letter-spacing: 5px;
padding: 10px 0;
}
.pxl-menu-primary li > a:hover, .pxl-menu-primary li > a.current, .pxl-menu-primary li.current_page_item > a, .pxl-menu-primary li.current-menu-item > a, .pxl-menu-primary li.current_page_ancestor > a, .pxl-menu-primary li.current-menu-ancestor > a {
color: var(--primary-color);
}
.pxl-menu-primary .sub-menu, .pxl-menu-primary .children {
position: relative;
display: none;
list-style: none;
margin: 0;
padding: 0;
}
.pxl-menu-primary .sub-menu li a, .pxl-menu-primary .children li a {
font-family: "Montserrat";
font-weight: 500;
text-transform: uppercase;
font-size: 16px;
padding: 5px 0;
display: block;
cursor: pointer;
letter-spacing: 0;
opacity: 0.75;
}
.pxl-menu-primary > li > .sub-menu > li > .sub-menu > li a {
padding-left: 28px;
}
.pxl-menu-primary .pxl-megamenu .elementor-container > .elementor-column {
width: 100%;
}
.pxl-menu-primary .pxl-megamenu .elementor-container .elementor-widget-wrap {
padding: 0 !important;
}
.pxl-menu-primary .pxl-megamenu .pxl-link li {
margin: 0;
}
.pxl-menu-primary .pxl-megamenu .pxl-heading {
padding-left: 14px;
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
padding-top: 12px;
padding-bottom: 12px;
}
.pxl-menu-primary .pxl-megamenu .pxl-heading .pxl-item--title {
margin-bottom: 0 !important;
font-size: 15px !important;
border-bottom: none !important;
}
.pxl-menu-primary .pxl-megamenu .elementor-widget-heading > .elementor-widget-container {
margin-bottom: 0 !important;
border-bottom: none !important;
}
.pxl-menu-primary .pxl-megamenu .elementor-section .elementor-container {
flex-wrap: wrap;
}
.pxl-logo-mobile {
margin-bottom: 40px;
}
.pxl-logo-mobile img {
height: 50px;
}
.pxl-header-mobile-search {
margin-bottom: 20px;
}
.pxl-header-mobile-search form {
position: relative;
}
.pxl-header-mobile-search .search-field {
height: 40px;
border: none;
padding: 0;
border-bottom: 2px solid #ececec;
}
.pxl-header-mobile-search .search-submit {
position: absolute;
top: 0;
right: 0;
-webkit-border-radius: 0px;
-khtml-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
line-height: 36px;
padding: 0;
width: 30px;
height: 40px;
line-height: 40px;
background: none;
color: var(--primary-color);
}
.pxl-header-mobile-search .search-submit:hover, .pxl-header-mobile-search .search-submit:focus {
color: var(--primary-color);
}
.pxl-menu-close {
background-color: rgba(0, 0, 0, 0.03);
position: absolute;
top: 0;
right: 0;
-webkit-border-radius: 0px;
-khtml-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
}
}
@media screen and (max-width: 1199px) and (max-height: 480px) {
.pxl-header-menu-scroll {
height: auto;
}
}
#pxl-search-popup {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -2;
-webkit-transition: 0.1s ease;
-khtml-transition: 0.1s ease;
-moz-transition: 0.1s ease;
-ms-transition: 0.1s ease;
-o-transition: 0.1s ease;
transition: 0.1s ease;
opacity: 0;
background-color: transparent;
}
#pxl-search-popup.open {
overflow: hidden;
-webkit-transform: translateY(0%);
-khtml-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%);
opacity: 1;
z-index: 9999;
}
#pxl-search-popup.open .pxl-item--conent {
width: 100%;
opacity: 1;
transition-delay: 0.7s;
-webkit-transition-delay: 0.7s;
}
#pxl-search-popup.open .pxl-item--close {
opacity: 1;
visibility: visible;
-webkit-transform: scale(1);
-khtml-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
transition-delay: 0.3s;
-webkit-transition-delay: 0.3s;
}
#pxl-search-popup.open .pxl-item--overlay {
-webkit-transform: scale(1);
-khtml-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
transition-delay: 0s;
-webkit-transition-delay: 0s;
opacity: 1;
-webkit-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
-khtml-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
-moz-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
-ms-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
-o-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
}
#pxl-search-popup .pxl-item--close {
position: absolute;
top: 60px;
right: 60px;
line-height: 60px;
color: #fff;
font-size: 22px;
cursor: pointer;
height: 60px;
width: 60px;
z-index: 99;
color: #000;
-webkit-border-radius: 100%;
-khtml-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
text-align: center;
-webkit-transition: all 0.8s cubic-bezier(0.4, 0, 0, 1);
-khtml-transition: all 0.8s cubic-bezier(0.4, 0, 0, 1);
-moz-transition: all 0.8s cubic-bezier(0.4, 0, 0, 1);
-ms-transition: all 0.8s cubic-bezier(0.4, 0, 0, 1);
-o-transition: all 0.8s cubic-bezier(0.4, 0, 0, 1);
transition: all 0.8s cubic-bezier(0.4, 0, 0, 1);
transition-delay: 0s;
-webkit-transform: scale(0);
-khtml-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
opacity: 0;
visibility: hidden;
}
#pxl-search-popup .pxl-item--conent {
position: fixed;
width: 100%;
max-width: 900px;
padding: 10px 0 10px 30px;
background-color: #fff;
left: 50%;
top: 50%;
z-index: 3;
margin-top: 60px;
transition-delay: 500ms;
opacity: 0;
-webkit-transition: all 0.5s cubic-bezier(0.24, 0.74, 0.58, 1);
-khtml-transition: all 0.5s cubic-bezier(0.24, 0.74, 0.58, 1);
-moz-transition: all 0.5s cubic-bezier(0.24, 0.74, 0.58, 1);
-ms-transition: all 0.5s cubic-bezier(0.24, 0.74, 0.58, 1);
-o-transition: all 0.5s cubic-bezier(0.24, 0.74, 0.58, 1);
transition: all 0.5s cubic-bezier(0.24, 0.74, 0.58, 1);
transform: translate(-50%, -50%);
}
#pxl-search-popup .pxl-item--conent form {
max-width: 900px;
margin: 0 auto;
width: 100%;
position: relative;
}
#pxl-search-popup .pxl-item--conent form .search-field {
background-color: initial;
border: none;
height: 60px;
padding-left: 0;
padding-right: 60px;
padding-top: 16px;
padding-bottom: 16px;
color: var(--secondary-color);
font-size: 20px;
font-weight: 500;
border-bottom: 1px solid rgba(255, 255, 255, .87);
font-family: 'Montserrat', sans-serif;
}
#pxl-search-popup .pxl-item--conent form .search-submit {
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translate(0, -50%);
-khtml-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
width: 80px;
height: 80px;
line-height: 80px;
text-align: center;
border: none;
border-left: 1px solid #c6c6c6;
background: none;
font-size: 28px;
transition: 0.3s linear;
padding: 0;
z-index: 99;
cursor: pointer;
background-color: var(--primary-color);
overflow: hidden;
}
#pxl-search-popup .pxl-item--conent form .search-submit i {
color: #fff;
display: block;
}
#pxl-search-popup .pxl-item--conent form .search-submit:hover i {
animation: pxl_right_from_left 0.5s forwards;
}
#pxl-search-popup .pxl--search-divider {
height: 2px;
position: absolute;
width: 100%;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.6);
}
#pxl-search-popup .pxl-item--overlay {
position: fixed;
width: 224vw;
height: 224vw;
top: calc(90px - 112vw);
right: calc(100px - 112vw);
z-index: 3;
display: block;
background-color: rgba(44, 76, 89, 0.33);
-webkit-border-radius: 100%;
-khtml-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
border-radius: 50%;
-webkit-transform: scale(0);
-khtml-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transition: transform 0.8s ease-in-out;
-khtml-transition: transform 0.8s ease-in-out;
-moz-transition: transform 0.8s ease-in-out;
-ms-transition: transform 0.8s ease-in-out;
-o-transition: transform 0.8s ease-in-out;
transition: transform 0.8s ease-in-out;
transition-delay: 0.3s;
-webkit-transition-delay: 0.3s;
}
.admin-bar { }
.admin-bar #pxl-header-elementor .pxl-header-elementor-sticky.pxl-header-fixed, .admin-bar .pxl-header-menu, .admin-bar #pxl-header-elementor .px-header--transparent, .admin-bar #pxl-search-popup {
top: 32px;
}
@media screen and (max-width: 782px) {
.admin-bar #pxl-header-elementor .pxl-header-elementor-sticky.pxl-header-fixed, .admin-bar .pxl-header-menu, .admin-bar #pxl-header-elementor .px-header--transparent, .admin-bar #pxl-search-popup {
top: 46px;
}
}
@media screen and (max-width: 600px) {
.admin-bar #pxl-header-elementor .pxl-header-elementor-sticky.pxl-header-fixed, .admin-bar .pxl-header-menu, .admin-bar #pxl-header-elementor .px-header--transparent, .admin-bar #pxl-search-popup {
top: 0;
}
}
.elementor-editor-active .pxl-type-header-clip > .elementor-container .pxl-header-shape {
display: none;
}
.elementor-editor-active .pxl-type-header-clip > .elementor-container .pxl-header-shape:last-child {
display: block;
}
.pxl-type-header-clip > .elementor-container {
position: relative !important;
z-index: 1;
}
.pxl-type-header-clip > .elementor-container .pxl-header-shape {
position: absolute;
top: 50%;
left: 15px;
right: 15px;
height: 100px;
-webkit-transform: translate(0, -50%);
-khtml-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
z-index: -1;
filter: drop-shadow(0px 10px 35px rgba(0, 0, 0, 0.08));
margin-left: 52px;
margin-right: 190px;
}
.pxl-type-header-clip > .elementor-container .pxl-header-shape span {
clip-path: polygon(0% 0%, 100% 22%, 100% 78%, 0% 100%);
-webkit-clip-path: polygon(0% 0%, 100% 22%, 100% 78%, 0% 100%);
background-color: #fff;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100px;
}
.pxl-type-header-clip > .elementor-container .pxl-header-shape svg {
fill: var(--primary-color);
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-khtml-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
}
.pxl-type-header-clip > .elementor-container .pxl-header-shape:before, .pxl-type-header-clip > .elementor-container .pxl-header-shape:after {
content: '';
position: absolute;
width: 100px;
height: 100px;
-webkit-border-radius: 100px;
-khtml-border-radius: 100px;
-moz-border-radius: 100px;
-ms-border-radius: 100px;
-o-border-radius: 100px;
border-radius: 100px;
top: 0;
}
.pxl-type-header-clip > .elementor-container .pxl-header-shape:before {
left: -45px;
background-color: #fff;
z-index: 99;
}
.pxl-type-header-clip > .elementor-container .pxl-header-shape:after {
left: -52px;
background-color: var(--primary-color);
z-index: 88;
}
.pxl-item--archive {
position: relative;
overflow: hidden;
margin-bottom: 40px;
}
.pxl-item--archive:hover .pxl-item--image {
opacity: 1;
transform: scale(1);
}
.pxl-item--archive .sticky--post {
font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 20px;
text-transform: uppercase;
color: var(--secondary-color);
position: relative;
margin-left: 21px;
margin-bottom: 15px;
}
.pxl-item--archive .sticky--post:after {
content: '';
position: absolute;
left: -21px;
top: 50%;
width: 6px;
max-width: 6px;
height: 6px;
transform: translateY(-50%);
border-radius: 50%;
border: 1px solid #e5b789;
}
.pxl-item--archive .pxl-item--image {
position: relative;
display: inline-block;
transform: scale(1.1);
transition: 0.5s;
opacity: 0;
width: 100%;
max-height: 450px;
}
.pxl-item--archive .pxl-item--image ~ .pxl-item--holder {
position: absolute;
padding: 0 15%;
}
@media (max-width: 767px) {
.pxl-item--archive .pxl-item--image {
position: absolute;
height: 100%;
}
}
.pxl-item--archive .pxl-item--image > a {
display: inline-block;
position: relative;
overflow: hidden;
}
.pxl-item--archive .pxl-item--image img {
width: 100%;
}
@media (max-width: 767px) {
.pxl-item--archive .pxl-item--image img {
height: 100%;
}
}
.pxl-item--archive .pxl-item--image a ~ .pxl-item--meta {
position: absolute;
top: 35px;
left: 35px;
display: flex;
flex-wrap: wrap;
}
@media (max-width: 767px) {
.pxl-item--archive .pxl-item--image a ~ .pxl-item--meta {
top: 15px;
left: 15px;
}
}
.pxl-item--archive .pxl--tags {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
bottom: 5%;
left: 50%;
transform: translateX(-50%);
}
.pxl-item--archive .pxl--tags a {
font-size: 10px;
letter-spacing: 7px;
color: var(--secondary-color);
white-space: nowrap;
width: 100%;
text-align: center;
text-transform: uppercase;
margin-left: 10px;
}
@media (max-width: 767px) {
.pxl-item--archive .pxl--tags a {
position: relative;
}
}
.pxl-item--archive .pxl--tags a:first-child {
margin-left: 0;
}
.pxl-item--archive .pxl-item--title {
font-size: 32px;
font-weight: 600;
line-height: 1.2;
text-align: left;
margin-bottom: 17px;
}
@media (max-width: 767px) {
.pxl-item--archive .pxl-item--title {
font-size: 24px;
}
}
.pxl-item--archive .pxl-item--title a {
color: var(--secondary-color);
word-break: break-word;
background-repeat: no-repeat;
background-position-y: -1px;
background-image: linear-gradient(transparent calc(100% - 1px), var(--primary-color) 1px);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
animation: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) pxl-wide-menu-underline forwards;
}
.pxl-item--archive .pxl-item--title a:hover {
animation: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) pxl-wide-menu-underline-hover forwards;
}
.pxl-item--archive .pxl-item--excerpt {
color: #fff;
display: block;
position: relative;
text-align: left;
transition: 0.5s;
margin-bottom: 10px;
color: var(--secondary-color);
}
.pxl-item--archive .pxl-item--meta {
display: flex;
flex-wrap: wrap;
}
.pxl-item--archive .pxl-item--meta li {
font-size: 0;
}
.pxl-item--archive .pxl-item--meta li > a {
display: inline-flex;
align-items: center;
color: #fff;
}
.pxl-item--archive .pxl-item--meta li.pxl-item--date {
display: inline-block;
align-items: center;
color: var(--secondary-color);
color: #fff;
list-style: none;
font-size: 14px;
}
.pxl-item--archive .pxl-item--meta li:first-child {
padding-right: 20px;
margin-right: 20px;
}
.pxl-item--archive .pxl-item--meta li + li {
position: relative;
}
.pxl-item--archive .pxl-item--meta a {
color: #fff;
font-weight: 500;
font-size: 15px;
line-height: 19px;
}
.pxl-item--archive .pxl-item--holder {
display: flex;
justify-content: center;
align-items: flex-start;
background: rgba(49, 43, 36, .5);
color: #aaa;
top: 0;
flex-direction: column;
z-index: 1;
width: 100%;
height: 100%;
padding: 55px 15%;
text-align: center;
}
@media (max-width: 767px) {
.pxl-item--archive .pxl-item--holder {
position: relative;
padding: 15px;
}
}
.search-results .pxl-item--post.pxl-template .pxl-item--meta .pxl-item--category {
display: none;
}
.search-results .pxl-item--post.type-page .pxl-item--meta .pxl-item--category {
display: none;
}
.search-results .pxl-item--post.type-product .pxl-item--image {
margin-bottom: 30px;
}
.search-results .pxl-item--post.type-product .pxl-item--meta {
display: none;
}
.search-results .pxl-item--post.type-product .pxl-item--readmore {
display: none;
}
.search-results .pxl-item--post.type-product .pxl-item--excerpt {
margin-bottom: 0;
}
.single-post #pxl-main .pxl-sidebar-right .pxl-sidebar-area .pxl-sidebar-sticky {
margin: 0 0 0 30px;
}
.single-post .pxl-item-single-post .pxl-link li {
position: relative;
margin-left: 22px;
}
.single-post .pxl-item-single-post .pxl-link li:before {
content: '';
position: absolute;
left: -21px;
top: 50%;
width: 6px;
max-width: 6px;
height: 6px;
transform: translateY(-50%);
border-radius: 50%;
border: 1px solid #e5b789;
}
.single-post .pxl-item-single-post .pxl-item--meta {
font-family: 'Montserrat';
margin: 15px 0 10px 0px;
border: solid 1px #222;
border-left: none;
font-size: 11px;
display: table;
table-layout: fixed;
}
.single-post .pxl-item-single-post .pxl-item--title {
font-style: normal;
color: var(--secondary-color);
text-transform: uppercase;
letter-spacing: 5px;
text-align: center;
word-wrap: break-word;
}
.single-post .pxl-item--image {
margin-bottom: 70px;
width: 100%;
}
.single-post .pxl-item--image img {
max-height: 528px;
overflow: hidden;
width: 100%;
object-fit: cover;
}
@media screen and (max-width: 991px) {
.single-post .pxl-item--image {
margin-bottom: 30px;
}
}
@media (max-width: 1366px) {
.single-post .pxl-item--image {
padding: 0 15px;
}
}
.single-post .single-heading {
font-size: 26px;
}
.single-post .pxl-item--post .pxl-item--holder {
margin-bottom: 45px;
}
@media screen and (max-width: 767px) {
.single-post .pxl-item--post .pxl-item--holder {
padding-bottom: 30px;
}
}
.single-post .pxl-item--content {
margin-bottom: 0;
}
.single-post .pxl-item--content p {
margin-bottom: 25px;
}
.single-post .pxl-item--content p:last-child {
margin-bottom: 0;
}
.single-post .pxl-item--meta {
list-style: none;
position: relative;
font-size: 14px;
color: var(--secondary-color);
margin-bottom: 0px;
padding-bottom: 0;
}
@media screen and (max-width: 767px) {
.single-post .pxl-item--meta {
margin-bottom: 30px;
}
}
.single-post .pxl-item--meta li {
display: inline-flex;
align-items: center;
position: relative;
display: table-cell;
padding: 10px 20px 10px 20px;
text-align: center;
border-left: solid 1px #222;
font-size: 11px;
border-color: #222;
text-transform: capitalize;
}
.single-post .pxl-item--meta li i {
float: none;
color: var(--primary-color);
margin-right: 20px;
font-size: 11px;
}
.single-post .pxl-item--meta a {
color: var(--secondary-color);
}
.single-post .pxl-item--meta a:hover {
text-decoration: underline;
color: var(--primary-color);
}
.single-post .pxl--social {
margin-bottom: 45px;
}
.single-post .pxl--social a {
display: inline-block;
height: 40px;
line-height: 40px;
text-align: center;
color: #fff;
margin-right: 5px;
padding-left: 60px;
padding-right: 12px;
font-size: 15px;
transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
position: relative;
}
.single-post .pxl--social a i {
position: absolute;
height: 100%;
text-align: center;
width: 45px;
left: 0;
top: 0;
}
.single-post .pxl--social a.fb-social {
background-color: #3d5b96;
}
.single-post .pxl--social a.fb-social i {
background-color: #375288;
}
.single-post .pxl--social a.tw-social {
background-color: #1dadeb;
}
.single-post .pxl--social a.tw-social i {
background-color: #199cd4;
}
.single-post .pxl--social a.pin-social {
background-color: #e8453c;
}
.single-post .pxl--social a.pin-social i {
background-color: #d13e36;
}
.single-post .pxl--social a.lin-social {
background-color: #0a66c2;
}
.single-post .pxl--social a.lin-social i {
background-color: #02318e;
}
.single-post .pxl--social a span {
-webkit-transition: all 0.3s;
-khtml-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
margin-left: 0px;
}
.single-post .pxl-item-single-post.content-center {
text-align: center;
}
@media screen and (min-width: 1025px) {
.single-post .pxl-item-single-post.content-center {
max-width: 970px;
margin: 0 auto;
}
}
.single-post .pxl-item-single-post.content-center .entry-author-avatar {
margin-right: 0;
margin-bottom: 30px;
}
.single-post .pxl-item-single-post.content-center .pxl--author-info {
display: flex;
padding: 60px 0;
flex-direction: column;
align-items: center;
justify-content: center;
}
@media screen and (min-width: 1025px) {
.single-post .pxl-item-single-post.content-center .pxl--author-info .author-description {
padding: 0 100px;
}
}
.single-post .pxl-item-single-post.content-center + .comments-area {
text-align: center;
}
@media screen and (min-width: 1025px) {
.single-post .pxl-item-single-post.content-center + .comments-area {
max-width: 970px;
margin: 0 auto;
}
}
.single-post .pxl-item-single-post.content-center + .comments-area .comment-reply-title {
padding-bottom: 30px;
padding-left: 15px;
}
.single-post .pxl-item-single-post.content-center + .comments-area .comment-reply-title:after {
right: auto;
bottom: 0px;
left: 50%;
-webkit-transform: translatex(-50%);
-khtml-transform: translatex(-50%);
-moz-transform: translatex(-50%);
-ms-transform: translatex(-50%);
-o-transform: translatex(-50%);
transform: translatex(-50%);
}
.single-post .pxl-item-single-post.content-center + .comments-area .comments-title {
padding-bottom: 30px;
margin-bottom: 50px;
}
.single-post .pxl-item-single-post.content-center + .comments-area .comments-title:after {
right: auto;
bottom: 0px;
left: 50%;
-webkit-transform: translatex(-50%);
-khtml-transform: translatex(-50%);
-moz-transform: translatex(-50%);
-ms-transform: translatex(-50%);
-o-transform: translatex(-50%);
transform: translatex(-50%);
}
.single-post .pxl-item-single-post.content-center + .comments-area .comment-list {
text-align: left;
}
.single-post .pxl-item-single-post.content-center + .comments-area .comment-form textarea, .single-post .pxl-item-single-post.content-center + .comments-area .comment-form input {
text-align: center;
}
.single-post .pxl-item-single-post.content-center + .comments-area .comment-form .comment-form-cookies-consent {
display: inline-block;
}
.single-post .pxl-item-single-post.content-right {
text-align: right;
}
.pxl--post-footer {
display: flex;
flex-wrap: wrap;
width: 100%;
margin: 20px 0 0px;
}
@media screen and (max-width: 991px) {
.pxl--post-footer {
padding-left: 0;
padding-right: 0;
}
}
.pxl--post-footer > div {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 20px;
}
.pxl--post-footer label {
font-size: 15px;
color: #1b1b1b;
font-weight: 700;
margin-right: 18px;
}
.pxl--post-footer .pxl--tags {
margin-right: 30px;
flex-grow: 1;
}
.pxl--post-footer .pxl--tags a {
line-height: 39px;
display: inline-block;
padding: 0 20px;
background-color: transparent;
border: 1px solid #c0c6c6;
-webkit-border-radius: 100px;
-khtml-border-radius: 100px;
-moz-border-radius: 100px;
-ms-border-radius: 100px;
-o-border-radius: 100px;
border-radius: 100px;
color: var(--primary-color);
font-size: 15px;
font-weight: 500;
margin: 5px 13px 5px 0;
position: relative;
z-index: 1;
}
.pxl--post-footer .pxl--tags a:before {
-webkit-border-radius: inherit;
-khtml-border-radius: inherit;
-moz-border-radius: inherit;
-ms-border-radius: inherit;
-o-border-radius: inherit;
border-radius: inherit;
z-index: -1;
opacity: 0;
}
.pxl--post-footer .pxl--tags a:hover {
background-color: var(--primary-color);
color: #fff;
}
.pxl--post-footer .pxl--tags a:hover:before {
opacity: 1;
}
.pxl--author-info {
display: flex;
align-items: center;
padding: 40px;
margin-top: 45px;
border: 1px solid #c0c6c6;
}
@media (max-width: 767px) {
.pxl--author-info {
flex-direction: column;
align-items: flex-start;
gap: 20px;
}
}
.pxl--author-info .entry-author-avatar {
min-width: 120px;
width: 142px;
height: 150px;
overflow: hidden;
margin-right: 30px;
border-radius: 71px 71px 0px 0px;
}
.pxl--author-info .entry-author-avatar img {
width: 100%;
}
.pxl--author-info .entry-author-meta .author-name {
font-size: 22px;
font-weight: 400;
line-height: 30px;
color: var(--secondary-color);
margin-bottom: 16px;
}
.pxl--author-info .entry-author-meta .author-name > p {
font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 20px;
text-transform: uppercase;
color: #839297;
margin-bottom: 10px;
}
.pxl--author-info .entry-author-meta .author-description {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: var(--secondary-color);
margin-bottom: 30px;
}
.pxl--author-info .entry-author-meta .user-social {
display: flex;
align-items: center;
margin-bottom: 0;
}
.pxl--author-info .entry-author-meta .user-social li {
list-style: none;
margin-right: 13px;
}
.pxl--author-info .entry-author-meta .user-social li a {
display: flex;
align-items: center;
text-align: center;
width: 30px;
height: 30px;
line-height: 30px;
border: 1px solid #c0c6c6;
background-color: transparent;
border-radius: 50%;
color: var(--primary-color);
font-size: 13px;
font-weight: 400;
transition: 0.3s linear;
}
.pxl--author-info .entry-author-meta .user-social li a:hover {
background-color: var(--primary-color);
}
.pxl--author-info .entry-author-meta .user-social li a:hover i {
color: #fff;
}
.pxl--author-info .entry-author-meta .user-social li a i {
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
line-height: 30px;
transition: 0.3s linear;
}
.pxl-pagination-wrap .page-numbers {
background-color: transparent;
text-align: center;
font-size: 15px;
font-weight: 500;
display: inline-block;
margin: 5px;
color: var(--secondary-color);
position: relative;
transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
z-index: 1;
border-top-left-radius: 0.375em;
border-bottom-left-radius: 0.375em;
padding: 10px 15px 10px 15px;
border: 1px solid rgba(255, 255, 255, .5);
}
.pxl-pagination-wrap .page-numbers.current, .pxl-pagination-wrap .page-numbers:hover {
color: #fff;
background-color: var(--primary-color);
border-color: var(--primary-color);
}
.pxl-pagination-wrap .page-numbers.next, .pxl-pagination-wrap .page-numbers.prev {
font-size: 14px;
width: auto;
border: none;
}
.pxl-pagination-wrap .page-numbers.next:hover, .pxl-pagination-wrap .page-numbers.prev:hover {
background-color: transparent;
color: var(--secondary-color);
}
.pxl-pagination-wrap .pxl-pagination-links {
display: flex;
justify-content: center;
}
.pxl-post--navigation {
border-bottom: 1px solid #e2e2e2;
padding: 32px 0 40px;
display: flex;
flex-wrap: wrap;
}
@media (max-width: 1200px) {
.pxl-post--navigation {
border: none;
padding: 32px 0 0px;
}
}
.pxl-post--navigation .pxl--items {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.pxl-post--navigation .pxl--items .pxl--item {
width: 50%;
}
@media screen and (max-width: 575px) {
.pxl-post--navigation .pxl--items .pxl--item {
width: 100%;
}
.pxl-post--navigation .pxl--items .pxl--item + .pxl--item {
margin-top: 30px;
}
}
.pxl-post--navigation .pxl--label {
position: relative;
font-size: 14px;
font-weight: 500;
color: #222;
text-transform: uppercase;
display: inline-block;
}
.pxl-post--navigation .pxl--label:before {
content: '';
width: 0;
-webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
-khtml-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
-moz-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
-ms-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
-o-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
height: 1px;
background-color: rgba(0, 1, 0, );
position: absolute;
bottom: 3px;
left: 0;
}
.pxl-post--navigation .pxl--label:hover {
color: ;
}
.pxl-post--navigation .pxl--label:hover:before {
width: 100%;
}
.pxl-post--navigation .pxl--label i {
font-size: 10px;
}
.pxl-post--navigation .pxl--img {
width: 90px;
min-width: 90px;
position: relative;
}
.pxl-post--navigation .pxl--img a {
display: block;
}
.pxl-post--navigation .pxl--img a:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-border-radius: 1px;
-khtml-border-radius: 1px;
-moz-border-radius: 1px;
-ms-border-radius: 1px;
-o-border-radius: 1px;
border-radius: 1px;
background-color: rgba(var(--primary-color-rgb),0.8);
-webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
-khtml-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
-moz-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
-ms-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
-o-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
opacity: 0;
}
.pxl-post--navigation .pxl--img a:after {
content: '+';
font-size: 24px;
color: #fff;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-khtml-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
-khtml-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
-moz-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
-ms-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
-o-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
opacity: 0;
}
.pxl-post--navigation .pxl--img img {
-webkit-border-radius: 1px;
-khtml-border-radius: 1px;
-moz-border-radius: 1px;
-ms-border-radius: 1px;
-o-border-radius: 1px;
border-radius: 1px;
}
.pxl-post--navigation .pxl--img:hover a:before {
opacity: 0.76;
}
.pxl-post--navigation .pxl--img:hover a:after {
opacity: 1;
}
.pxl-post--navigation .pxl--meta {
max-width: 207px;
display: flex;
flex-direction: column;
}
.pxl-post--navigation .pxl--meta a {
color: var(--primary-color);
font-size: 15px;
line-height: 19px;
font-weight: 500;
max-height: 40px;
overflow: hidden;
background-repeat: no-repeat;
background-position-y: -1px;
background-image: linear-gradient(transparent calc(100% - 1px), var(--primary-color) 1px);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
animation: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) pxl-wide-menu-underline forwards;
}
.pxl-post--navigation .pxl--meta a .pxl--meta-date {
text-transform: uppercase;
}
.pxl-post--navigation .pxl--meta a:hover {
animation: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) pxl-wide-menu-underline-hover forwards;
}
.pxl-post--navigation .pxl--holder {
margin-top: 14px;
display: flex;
flex-wrap: nowrap;
align-items: center;
flex-direction: row-reverse;
}
.pxl-post--navigation .pxl--item-prev {
padding-right: 35px;
display: flex;
align-items: center;
justify-content: space-between;
}
.pxl-post--navigation .pxl--item-prev .pxl--label {
margin-right: 15px;
}
.pxl-post--navigation .pxl--item-prev .pxl--label i {
margin-right: 4px;
}
.pxl-post--navigation .pxl--item-prev .pxl--img {
margin-left: 25px;
}
.pxl-post--navigation .pxl--item-next {
display: flex;
flex-direction: row-reverse;
align-items: center;
justify-content: space-between;
}
.pxl-post--navigation .pxl--item-next .pxl--label i {
margin-left: 4px;
}
.pxl-post--navigation .pxl--item-next .pxl--img {
margin-right: 25px;
}
.pxl-post--navigation .pxl--item-next .pxl--holder {
justify-content: flex-end;
}
.page-links {
margin-top: 10px;
margin-bottom: 25px;
clear: left;
}
.page-links .post-page-numbers {
background-color: var(--primary-color);
height: 25px;
width: 25px;
line-height: 25px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
text-align: center;
display: inline-block;
color: #fff;
font-weight: 700;
font-size: 14px;
}
.page-links .post-page-numbers.current, .page-links .post-page-numbers:hover {
background-color: var(--primary-color);
}
.page-links .post-page-numbers + .post-page-numbers {
margin-left: 4px;
}
@media (min-width: 992px) {
body.blog .pxl-content-wrap.no-sidebar .pxl-content-area, body.archive:not(.post-type-archive) .pxl-content-wrap.no-sidebar .pxl-content-area, body.single-post .pxl-content-wrap.no-sidebar .pxl-content-area {
max-width: 1035px;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (min-width: 1200px) {
.pxl-sidebar-sticky {
position: -webkit-sticky;
position: sticky;
top: 72px;
padding: 40px;
border: 1px solid #e8d7cc;
margin-right: 30px;
}
}
.pxl-sidebar-area .widget {
margin-bottom: 48px;
}
.pxl-sidebar-area .widget:last-child {
margin-bottom: 0;
}
.pxl-sidebar-area .widget.widget_media_gallery .gallery {
margin: -5px !important;
}
.pxl-sidebar-area .widget.widget_text {
font-size: 14px;
}
.widget_text .widget-content {
padding: 30px;
background-color: #f5f5f5;
}
.widget_text .widget-content .widget-title {
font-style: normal;
font-weight: 400;
font-size: 28px;
line-height: 30px;
color: var(--secondary-color);
margin-bottom: 15px;
}
.widget_text .widget-content .textwidget > p {
margin-bottom: 18px;
}
.widget_text .widget-content .textwidget strong {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: var(--secondary-color);
}
.widget_text .widget-content .wrap-ctf2 .input-filled > p {
margin-bottom: 25px;
}
.widget_text .widget-content .wrap-ctf2 .wpcf7-form-control {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
padding: 16px 0;
color: var(--secondary-color);
}
.widget_text .widget-content .wrap-ctf2 .btn-form p {
background-color: var(--primary-color);
border-radius: 28px;
padding: 18px 64px;
display: flex;
align-items: center;
gap: 15px;
position: relative;
transition: 0.25s linear;
}
@media (min-width: 991px) {
.widget_text .widget-content .wrap-ctf2 .btn-form p {
max-width: 248px;
}
}
.widget_text .widget-content .wrap-ctf2 .btn-form p button {
position: unset;
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 19px;
color: #fff;
}
.widget_text .widget-content .wrap-ctf2 .btn-form p button:after {
content: '';
position: absolute;
width: 100%;
height: 100%;
border-radius: 28px;
top: 0;
left: 0;
z-index: 1;
}
.widget_text .widget-content .wrap-ctf2 .btn-form p i {
font-size: 23px;
color: #fff;
}
.widget_text .widget-content .wrap-ctf2 .btn-form p:hover {
background-color: var(--primary-color);
}
.widget_text .widget-content .wrap-ctf2 .btn-form p:hover i {
animation: pxl_right_from_left 0.5s forwards;
}
.widget-title {
font-size: 22px;
font-weight: 400;
line-height: 30px;
margin-bottom: 35px;
padding-bottom: 0px;
position: relative;
}
.widget-title span {
display: inline-block;
position: relative;
}
.comment-reply-title, .comments-title {
font-size: 18px;
font-weight: 600;
position: relative;
line-height: 1.2;
letter-spacing: 3px;
margin-bottom: 6px;
color: var(--secondary-color);
display: inline-block;
text-transform: uppercase;
}
.widget_search {
margin-bottom: 50px;
}
.widget_search .searchform-wrap {
position: relative;
}
.widget_search .search-submit {
height: 50px;
width: 50px;
background: transparent;
top: 0;
right: 0;
-webkit-border-radius: 0px;
-khtml-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
padding: 0;
position: absolute;
color: #222;
line-height: 50px;
z-index: 1;
}
.widget_search .search-submit i {
font-size: 16px;
color: #000;
}
.widget_search .search-submit:before, .widget_search .search-submit:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.widget_search .search-submit:before {
z-index: -2;
}
.widget_search .search-submit:after {
z-index: -1;
opacity: 0;
}
.widget_search .search-submit:hover, .widget_search .search-submit:focus {
color: var(--primary-color);
}
.widget_search .search-field {
border-color: #f6f6f6;
background-color: #f6f6f6;
color: #222;
height: 51px;
padding-bottom: 15px;
padding-top: 15px;
padding-left: 24px;
-webkit-border-radius: 50px;
-khtml-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
-o-border-radius: 50px;
border-radius: 50px;
}
.widget_search .search-field:focus + .search-submit {
color: var(--primary-color);
border-color: #f6f6f6;
}
.widget_search .search-field:focus + .search-submit:before {
opacity: 0;
}
.widget_search .search-field:focus + .search-submit:after {
opacity: 1;
}
.widget_product_categories ul, .widget_categories ul, .widget_nav_menu ul, .widget_pages ul, .widget_archive ul, .widget_meta ul, .widget_recent_entries ul {
list-style: none;
margin-top: -3px;
margin-bottom: 0;
padding: 0;
}
.widget_product_categories ul li a, .widget_categories ul li a, .widget_nav_menu ul li a, .widget_pages ul li a, .widget_archive ul li a, .widget_meta ul li a, .widget_recent_entries ul li a {
color: #1b1b1b;
display: block;
font-size: 15px;
font-weight: 700;
line-height: 24px;
padding: 12px 0 12px 15px;
position: relative;
z-index: 1;
}
.widget_product_categories ul li a:before, .widget_categories ul li a:before, .widget_nav_menu ul li a:before, .widget_pages ul li a:before, .widget_archive ul li a:before, .widget_meta ul li a:before, .widget_recent_entries ul li a:before {
content: '';
position: absolute;
left: -21px;
top: 50%;
width: 6px;
max-width: 6px;
height: 6px;
transform: translateY(-50%);
border-radius: 50%;
border: 1px solid #e5b789;
}
.widget_product_categories ul li a .pxl-count, .widget_categories ul li a .pxl-count, .widget_nav_menu ul li a .pxl-count, .widget_pages ul li a .pxl-count, .widget_archive ul li a .pxl-count, .widget_meta ul li a .pxl-count, .widget_recent_entries ul li a .pxl-count {
width: 19px;
height: 19px;
display: inline-block;
text-align: center;
line-height: 19px;
padding: 0 10px;
font-size: 15px;
font-weight: 500;
color: var(--primary-color);
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
position: relative;
z-index: 1;
}
.widget_product_categories ul li a .pxl-count:before, .widget_categories ul li a .pxl-count:before, .widget_nav_menu ul li a .pxl-count:before, .widget_pages ul li a .pxl-count:before, .widget_archive ul li a .pxl-count:before, .widget_meta ul li a .pxl-count:before, .widget_recent_entries ul li a .pxl-count:before {
z-index: -1;
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
opacity: 0;
}
.widget_product_categories ul li.current-menu-item > a, .widget_categories ul li.current-menu-item > a, .widget_nav_menu ul li.current-menu-item > a, .widget_pages ul li.current-menu-item > a, .widget_archive ul li.current-menu-item > a, .widget_meta ul li.current-menu-item > a, .widget_recent_entries ul li.current-menu-item > a, .widget_product_categories ul li.current-cat > a, .widget_categories ul li.current-cat > a, .widget_nav_menu ul li.current-cat > a, .widget_pages ul li.current-cat > a, .widget_archive ul li.current-cat > a, .widget_meta ul li.current-cat > a, .widget_recent_entries ul li.current-cat > a, .widget_product_categories ul li.current-cat-parent > a, .widget_categories ul li.current-cat-parent > a, .widget_nav_menu ul li.current-cat-parent > a, .widget_pages ul li.current-cat-parent > a, .widget_archive ul li.current-cat-parent > a, .widget_meta ul li.current-cat-parent > a, .widget_recent_entries ul li.current-cat-parent > a, .widget_product_categories ul li > a:hover, .widget_categories ul li > a:hover, .widget_nav_menu ul li > a:hover, .widget_pages ul li > a:hover, .widget_archive ul li > a:hover, .widget_meta ul li > a:hover, .widget_recent_entries ul li > a:hover {
padding-left: 16px;
}
.widget_product_categories ul li.current-menu-item > a .pxl-count, .widget_categories ul li.current-menu-item > a .pxl-count, .widget_nav_menu ul li.current-menu-item > a .pxl-count, .widget_pages ul li.current-menu-item > a .pxl-count, .widget_archive ul li.current-menu-item > a .pxl-count, .widget_meta ul li.current-menu-item > a .pxl-count, .widget_recent_entries ul li.current-menu-item > a .pxl-count, .widget_product_categories ul li.current-cat > a .pxl-count, .widget_categories ul li.current-cat > a .pxl-count, .widget_nav_menu ul li.current-cat > a .pxl-count, .widget_pages ul li.current-cat > a .pxl-count, .widget_archive ul li.current-cat > a .pxl-count, .widget_meta ul li.current-cat > a .pxl-count, .widget_recent_entries ul li.current-cat > a .pxl-count, .widget_product_categories ul li.current-cat-parent > a .pxl-count, .widget_categories ul li.current-cat-parent > a .pxl-count, .widget_nav_menu ul li.current-cat-parent > a .pxl-count, .widget_pages ul li.current-cat-parent > a .pxl-count, .widget_archive ul li.current-cat-parent > a .pxl-count, .widget_meta ul li.current-cat-parent > a .pxl-count, .widget_recent_entries ul li.current-cat-parent > a .pxl-count, .widget_product_categories ul li > a:hover .pxl-count, .widget_categories ul li > a:hover .pxl-count, .widget_nav_menu ul li > a:hover .pxl-count, .widget_pages ul li > a:hover .pxl-count, .widget_archive ul li > a:hover .pxl-count, .widget_meta ul li > a:hover .pxl-count, .widget_recent_entries ul li > a:hover .pxl-count {
color: var(--primary-color);
}
.widget_product_categories ul li.current-menu-item > a .pxl-count:before, .widget_categories ul li.current-menu-item > a .pxl-count:before, .widget_nav_menu ul li.current-menu-item > a .pxl-count:before, .widget_pages ul li.current-menu-item > a .pxl-count:before, .widget_archive ul li.current-menu-item > a .pxl-count:before, .widget_meta ul li.current-menu-item > a .pxl-count:before, .widget_recent_entries ul li.current-menu-item > a .pxl-count:before, .widget_product_categories ul li.current-cat > a .pxl-count:before, .widget_categories ul li.current-cat > a .pxl-count:before, .widget_nav_menu ul li.current-cat > a .pxl-count:before, .widget_pages ul li.current-cat > a .pxl-count:before, .widget_archive ul li.current-cat > a .pxl-count:before, .widget_meta ul li.current-cat > a .pxl-count:before, .widget_recent_entries ul li.current-cat > a .pxl-count:before, .widget_product_categories ul li.current-cat-parent > a .pxl-count:before, .widget_categories ul li.current-cat-parent > a .pxl-count:before, .widget_nav_menu ul li.current-cat-parent > a .pxl-count:before, .widget_pages ul li.current-cat-parent > a .pxl-count:before, .widget_archive ul li.current-cat-parent > a .pxl-count:before, .widget_meta ul li.current-cat-parent > a .pxl-count:before, .widget_recent_entries ul li.current-cat-parent > a .pxl-count:before, .widget_product_categories ul li > a:hover .pxl-count:before, .widget_categories ul li > a:hover .pxl-count:before, .widget_nav_menu ul li > a:hover .pxl-count:before, .widget_pages ul li > a:hover .pxl-count:before, .widget_archive ul li > a:hover .pxl-count:before, .widget_meta ul li > a:hover .pxl-count:before, .widget_recent_entries ul li > a:hover .pxl-count:before {
opacity: 1;
}
.widget_product_categories ul li:last-child > a, .widget_categories ul li:last-child > a, .widget_nav_menu ul li:last-child > a, .widget_pages ul li:last-child > a, .widget_archive ul li:last-child > a, .widget_meta ul li:last-child > a, .widget_recent_entries ul li:last-child > a {
border-bottom: none;
}
.widget_rss ul {
padding-left: 0;
list-style: none;
}
.widget_product_categories .widget-title, .widget_categories .widget-title, .widget_nav_menu .widget-title, .widget_pages .widget-title, .widget_archive .widget-title {
margin-bottom: 15px;
}
.widget_tag_cloud .tagcloud, .widget_product_tag_cloud .tagcloud {
display: flex;
flex-wrap: wrap;
}
.widget_tag_cloud a, .widget_product_tag_cloud a {
font-size: 15px !important;
color: var(--primary-color);
font-weight: 500;
padding: 10px 20px;
line-height: 17px;
border: 1px solid #c0c6c6;
border-radius: 100px;
position: relative;
z-index: 1;
display: inline-block;
margin-right: 6px;
margin-bottom: 15px;
}
.widget_pxl_recent_posts .widget-title, .widget_tag_cloud .widget-title {
margin-bottom: 21px;
}
.widget_pxl_recent_posts { }
.widget_pxl_recent_posts .pxl-item--img {
width: 112px;
min-width: 112px;
max-height: 100px;
overflow: hidden;
margin-right: 12px;
}
.widget_pxl_recent_posts .pxl-item--title {
margin-top: 0px;
margin-bottom: 0px;
font-size: 15px;
line-height: 19px;
}
.widget_pxl_recent_posts .pxl-item--title a {
font-weight: 500;
color: var(--secondary-color);
}
.widget_pxl_recent_posts .pxl-item--title a:hover {
color: var(--primary-color);
}
.widget_pxl_recent_posts .pxl-item--date {
font-size: 12px;
color: #839297;
font-weight: 500;
font-family: 'Montserrat';
line-height: 20px;
text-transform: uppercase;
display: inline-flex;
align-items: center;
margin-bottom: 11px;
}
.widget_pxl_recent_posts .pxl--item {
display: flex;
flex-wrap: nowrap;
margin-bottom: 41px;
position: relative;
}
.widget_pxl_recent_posts .pxl--item:after {
position: absolute;
content: '';
width: 100%;
height: 1px;
background-color: #c0c6c6;
bottom: -21px;
left: 0;
}
.widget_pxl_recent_posts .pxl--item:last-child {
margin-bottom: 0;
}
.widget_pxl_recent_posts .pxl--item:last-child:after {
content: none !important;
}
.widget_pxl_recent_posts .pxl--item .pxl-item--meta {
margin-bottom: 0px;
display: flex;
flex-direction: column;
justify-content: center;
}
.wpcf7-form .wp-sidebar-form {
padding: 35px 25px;
background-color: #000;
text-align: center;
}
.wpcf7-form .wp-sidebar-form .ct-form-title {
color: #fff;
font-size: 16px;
font-weight: 700;
line-height: 1.625;
margin-bottom: 35px;
}
.wpcf7-form .wp-sidebar-form .input-filled {
margin-bottom: 35px;
}
.wpcf7-form .wp-sidebar-form .wpcf7-submit {
background-color: #000;
color: #fff;
border: 1px solid #fff;
position: relative;
z-index: 1;
}
.wpcf7-form .wp-sidebar-form .wpcf7-submit:before {
top: 0px;
width: 0px;
left: auto;
right: 0px;
z-index: -1;
bottom: 0px;
content: "";
position: absolute;
background: #fff;
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.wpcf7-form .wp-sidebar-form .wpcf7-submit:hover {
color: var(--primary-color);
}
.wpcf7-form .wp-sidebar-form .wpcf7-submit:hover:before {
left: 0px;
width: 100%;
right: auto;
}
.wpcf7-form .wp-sidebar-form p {
margin-bottom: 10px;
}
.gallery {
margin: -16px -12px 43px -12px;
display: flex;
flex-wrap: wrap;
}
.gallery .gallery-item {
padding: 0 12px;
margin-top: 24px;
margin-bottom: 0;
}
.gallery.gallery-columns-2 .gallery-item {
width: 50%;
}
.gallery.gallery-columns-3 .gallery-item {
width: 33.33%;
}
.gallery.gallery-columns-4 .gallery-item {
width: 25%;
}
.gallery.gallery-columns-5 .gallery-item {
width: 20%;
}
.widget_media_gallery .gallery, .elementor-widget-wp-widget-media_gallery .gallery, .elementor-widget-image-gallery .gallery {
margin: -10px -5px 0 -5px;
}
.widget_media_gallery .gallery .gallery-item, .elementor-widget-wp-widget-media_gallery .gallery .gallery-item, .elementor-widget-image-gallery .gallery .gallery-item {
padding: 0;
margin-top: 0px !important;
margin-bottom: 0;
}
.widget_media_gallery .gallery .gallery-item img, .elementor-widget-wp-widget-media_gallery .gallery .gallery-item img, .elementor-widget-image-gallery .gallery .gallery-item img {
-webkit-border-radius: 0px;
-khtml-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
width: 100%;
border: none !important;
}
.widget_media_gallery .gallery .gallery-item a, .elementor-widget-wp-widget-media_gallery .gallery .gallery-item a, .elementor-widget-image-gallery .gallery .gallery-item a {
display: flex;
position: relative;
flex-wrap: wrap;
overflow: hidden;
}
.widget_media_gallery .gallery .gallery-item a:before, .elementor-widget-wp-widget-media_gallery .gallery .gallery-item a:before, .elementor-widget-image-gallery .gallery .gallery-item a:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.67);
-webkit-transition: all 250ms linear 0ms;
-khtml-transition: all 250ms linear 0ms;
-moz-transition: all 250ms linear 0ms;
-ms-transition: all 250ms linear 0ms;
-o-transition: all 250ms linear 0ms;
transition: all 250ms linear 0ms;
opacity: 0;
z-index: 1;
}
.widget_media_gallery .gallery .gallery-item a:after, .elementor-widget-wp-widget-media_gallery .gallery .gallery-item a:after, .elementor-widget-image-gallery .gallery .gallery-item a:after {
content: "\f12c";
font-size: 14px;
font-family: "Caseicon";
color: #fff;
z-index: 2;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-khtml-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 250ms linear 0ms;
-khtml-transition: all 250ms linear 0ms;
-moz-transition: all 250ms linear 0ms;
-ms-transition: all 250ms linear 0ms;
-o-transition: all 250ms linear 0ms;
transition: all 250ms linear 0ms;
opacity: 0;
font-weight: 400;
}
.widget_media_gallery .gallery .gallery-item a:hover:before, .elementor-widget-wp-widget-media_gallery .gallery .gallery-item a:hover:before, .elementor-widget-image-gallery .gallery .gallery-item a:hover:before, .widget_media_gallery .gallery .gallery-item a:hover:after, .elementor-widget-wp-widget-media_gallery .gallery .gallery-item a:hover:after, .elementor-widget-image-gallery .gallery .gallery-item a:hover:after {
opacity: 1;
}
.elementor-lightbox .swiper-container .elementor-lightbox-image {
width: auto;
height: auto;
}
.elementor-lightbox .swiper-container .swiper-slide {
background-color: transparent;
}
.pxl-gallery {
margin: -8px -15px 50px -15px;
display: flex;
flex-wrap: wrap;
}
.pxl-gallery img {
width: 100%;
}
.pxl-gallery .pxl--item {
padding: 30px 15px 0 15px;
}
.pxl-gallery .pxl--item-inner {
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
border-radius: 8px;
overflow: hidden;
position: relative;
}
.pxl-gallery .pxl--item-inner.video-active:before {
background-color: rgba(27, 27, 27, 0.8);
}
.pxl-gallery .pxl--item-inner .btn-video {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-khtml-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 99;
}
.pxl-gallery.gallery-2-columns .pxl--item {
width: 50%;
}
@media screen and (max-width: 575px) {
.pxl-gallery.gallery-2-columns .pxl--item {
width: 100%;
}
}
.pxl-gallery.gallery-3-columns .pxl--item {
width: 33.33%;
}
@media screen and (max-width: 575px) {
.pxl-gallery.gallery-3-columns .pxl--item {
width: 100%;
}
}
.pxl-gallery.gallery-4-columns .pxl--item {
width: 25%;
}
@media screen and (max-width: 767px) {
.pxl-gallery.gallery-4-columns .pxl--item {
width: 50%;
}
}
@media screen and (max-width: 575px) {
.pxl-gallery.gallery-4-columns .pxl--item {
width: 100%;
}
}
.pxl-gallery.gallery-5-columns .pxl--item {
width: 20%;
}
@media screen and (max-width: 767px) {
.pxl-gallery.gallery-5-columns .pxl--item {
width: 50%;
}
}
@media screen and (max-width: 575px) {
.pxl-gallery.gallery-5-columns .pxl--item {
width: 100%;
}
}
#pxl-main .pxl-select .pxl-select-options {
max-height: 285px;
overflow: auto;
padding: 20px 20px;
margin-top: 0;
z-index: 9;
}
#pxl-main .pxl-select .pxl-select-options li {
padding: 10px 0;
}
#pxl-main .pxl-select .pxl-select-options li + li {
border-top: 1px solid #e4e4e4;
}
#pxl-main .widget_categories ul ul ul ul ul, #pxl-main .widget_pages ul ul ul ul ul, #pxl-main .widget_nav_menu ul ul ul ul ul, #pxl-main .widget_meta ul ul ul ul ul, #pxl-main .widget_recent_entries ul ul ul ul ul {
padding-left: 0;
}
#pxl-main .widget_product_categories, #pxl-main .widget_categories, #pxl-main .widget_nav_menu, #pxl-main .widget_pages, #pxl-main .widget_archive, #pxl-main .widget_meta, #pxl-main .widget_recent_entries {
margin-bottom: 40px;
}
#pxl-main .widget_product_categories ul li a, #pxl-main .widget_categories ul li a, #pxl-main .widget_nav_menu ul li a, #pxl-main .widget_pages ul li a, #pxl-main .widget_archive ul li a, #pxl-main .widget_meta ul li a, #pxl-main .widget_recent_entries ul li a {
color: var(--primary-color);
display: inline-block;
font-size: 15px;
font-weight: 500;
line-height: 20px;
padding: 10px 0 10px;
margin-left: 21px;
position: relative;
z-index: 1;
}
#pxl-main .widget_product_categories ul li a .count, #pxl-main .widget_categories ul li a .count, #pxl-main .widget_nav_menu ul li a .count, #pxl-main .widget_pages ul li a .count, #pxl-main .widget_archive ul li a .count, #pxl-main .widget_meta ul li a .count, #pxl-main .widget_recent_entries ul li a .count {
float: right;
}
#pxl-main .widget_product_categories ul li a:after, #pxl-main .widget_categories ul li a:after, #pxl-main .widget_nav_menu ul li a:after, #pxl-main .widget_pages ul li a:after, #pxl-main .widget_archive ul li a:after, #pxl-main .widget_meta ul li a:after, #pxl-main .widget_recent_entries ul li a:after {
content: '';
position: absolute;
width: 0;
height: 1px;
background-color: var(--primary-color);
bottom: 0;
left: 0;
transition: 0.25s linear;
}
#pxl-main .widget_product_categories ul li a:hover .count, #pxl-main .widget_categories ul li a:hover .count, #pxl-main .widget_nav_menu ul li a:hover .count, #pxl-main .widget_pages ul li a:hover .count, #pxl-main .widget_archive ul li a:hover .count, #pxl-main .widget_meta ul li a:hover .count, #pxl-main .widget_recent_entries ul li a:hover .count {
color: var(--primary-color);
}
#pxl-main .widget_product_categories ul li a:hover:after, #pxl-main .widget_categories ul li a:hover:after, #pxl-main .widget_nav_menu ul li a:hover:after, #pxl-main .widget_pages ul li a:hover:after, #pxl-main .widget_archive ul li a:hover:after, #pxl-main .widget_meta ul li a:hover:after, #pxl-main .widget_recent_entries ul li a:hover:after {
width: 100%;
}
#pxl-main .widget_product_categories ul li.current-menu-item > a, #pxl-main .widget_categories ul li.current-menu-item > a, #pxl-main .widget_nav_menu ul li.current-menu-item > a, #pxl-main .widget_pages ul li.current-menu-item > a, #pxl-main .widget_archive ul li.current-menu-item > a, #pxl-main .widget_meta ul li.current-menu-item > a, #pxl-main .widget_recent_entries ul li.current-menu-item > a, #pxl-main .widget_product_categories ul li.current-cat > a, #pxl-main .widget_categories ul li.current-cat > a, #pxl-main .widget_nav_menu ul li.current-cat > a, #pxl-main .widget_pages ul li.current-cat > a, #pxl-main .widget_archive ul li.current-cat > a, #pxl-main .widget_meta ul li.current-cat > a, #pxl-main .widget_recent_entries ul li.current-cat > a, #pxl-main .widget_product_categories ul li.current-cat-parent > a, #pxl-main .widget_categories ul li.current-cat-parent > a, #pxl-main .widget_nav_menu ul li.current-cat-parent > a, #pxl-main .widget_pages ul li.current-cat-parent > a, #pxl-main .widget_archive ul li.current-cat-parent > a, #pxl-main .widget_meta ul li.current-cat-parent > a, #pxl-main .widget_recent_entries ul li.current-cat-parent > a, #pxl-main .widget_product_categories ul li > a:hover, #pxl-main .widget_categories ul li > a:hover, #pxl-main .widget_nav_menu ul li > a:hover, #pxl-main .widget_pages ul li > a:hover, #pxl-main .widget_archive ul li > a:hover, #pxl-main .widget_meta ul li > a:hover, #pxl-main .widget_recent_entries ul li > a:hover {
color: var(--primary-color);
}
#pxl-main .widget_product_categories ul li.current-menu-item > a:after, #pxl-main .widget_categories ul li.current-menu-item > a:after, #pxl-main .widget_nav_menu ul li.current-menu-item > a:after, #pxl-main .widget_pages ul li.current-menu-item > a:after, #pxl-main .widget_archive ul li.current-menu-item > a:after, #pxl-main .widget_meta ul li.current-menu-item > a:after, #pxl-main .widget_recent_entries ul li.current-menu-item > a:after, #pxl-main .widget_product_categories ul li.current-cat > a:after, #pxl-main .widget_categories ul li.current-cat > a:after, #pxl-main .widget_nav_menu ul li.current-cat > a:after, #pxl-main .widget_pages ul li.current-cat > a:after, #pxl-main .widget_archive ul li.current-cat > a:after, #pxl-main .widget_meta ul li.current-cat > a:after, #pxl-main .widget_recent_entries ul li.current-cat > a:after, #pxl-main .widget_product_categories ul li.current-cat-parent > a:after, #pxl-main .widget_categories ul li.current-cat-parent > a:after, #pxl-main .widget_nav_menu ul li.current-cat-parent > a:after, #pxl-main .widget_pages ul li.current-cat-parent > a:after, #pxl-main .widget_archive ul li.current-cat-parent > a:after, #pxl-main .widget_meta ul li.current-cat-parent > a:after, #pxl-main .widget_recent_entries ul li.current-cat-parent > a:after, #pxl-main .widget_product_categories ul li > a:hover:after, #pxl-main .widget_categories ul li > a:hover:after, #pxl-main .widget_nav_menu ul li > a:hover:after, #pxl-main .widget_pages ul li > a:hover:after, #pxl-main .widget_archive ul li > a:hover:after, #pxl-main .widget_meta ul li > a:hover:after, #pxl-main .widget_recent_entries ul li > a:hover:after {
width: 100%;
}
#pxl-main .widget_product_categories ul li .sub-menu, #pxl-main .widget_categories ul li .sub-menu, #pxl-main .widget_nav_menu ul li .sub-menu, #pxl-main .widget_pages ul li .sub-menu, #pxl-main .widget_archive ul li .sub-menu, #pxl-main .widget_meta ul li .sub-menu, #pxl-main .widget_recent_entries ul li .sub-menu, #pxl-main .widget_product_categories ul li .children, #pxl-main .widget_categories ul li .children, #pxl-main .widget_nav_menu ul li .children, #pxl-main .widget_pages ul li .children, #pxl-main .widget_archive ul li .children, #pxl-main .widget_meta ul li .children, #pxl-main .widget_recent_entries ul li .children {
padding-left: 15px;
}
#pxl-main .widget_product_categories .nice-select ul li, #pxl-main .widget_categories .nice-select ul li, #pxl-main .widget_nav_menu .nice-select ul li, #pxl-main .widget_pages .nice-select ul li, #pxl-main .widget_archive .nice-select ul li, #pxl-main .widget_meta .nice-select ul li, #pxl-main .widget_recent_entries .nice-select ul li {
border: none;
font-size: 14px;
line-height: normal;
padding: 8px 24px;
font-weight: 500;
}
.widget_recent_entries .widget-title, .widget_recent_comments .widget-title {
margin-bottom: 15px;
}
.widget_recent_entries ul, .widget_recent_comments ul {
list-style: none;
margin: 0;
}
.widget_recent_comments ul li {
position: relative;
font-size: 16px;
font-weight: 400;
padding: 14px 0 0;
font-family: 'Montserrat';
margin-left: 27px;
}
.widget_recent_comments ul li .comment-author-link {
font-weight: 500;
position: relative;
}
.widget_recent_comments ul li .comment-author-link:after {
position: absolute;
content: '\f132';
font-family: Caseicon;
width: 22px;
height: 19px;
top: 0;
left: -26px;
color: #e5b789;
display: flex;
align-items: center;
}
.widget_recent_comments ul li:last-child {
border-bottom: none;
}
.widget_recent_comments ul li a {
color: var(--primary-color);
}
.widget_recent_comments ul li a:hover {
color: var(--primary-color);
}
.widget_rss ul {
list-style: none;
padding: 0;
margin-bottom: 0;
}
.widget_rss li {
position: relative;
padding: 12px 0;
}
.widget_rss li:before {
content: '';
background-color: #e7e7e7;
width: 100%;
height: 1px;
position: absolute;
top: 0;
left: 0;
}
.widget_rss li:last-child {
margin-bottom: 0;
}
.widget_rss .rsswidget {
font-weight: 500;
display: inline-block;
color: var(--secondary-color);
}
.widget_rss .rsswidget:hover {
color: var(--primary-color);
}
.widget_rss .rss-date {
font-size: 0.875em;
font-style: italic;
display: block;
color: var(--secondary-color);
margin: 6px 0 6px;
}
.widget_rss cite {
font-weight: 700;
font-size: 0.875em;
color: var(--secondary-color);
display: block;
margin: 6px 0 6px;
}
.widget_calendar th, .widget_calendar td {
text-align: center;
line-height: normal;
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 20px;
border: none;
color: var(--secondary-color);
}
.widget_calendar th a, .widget_calendar td a {
font-weight: 500;
background-color: var(--secondary-color);
border-radius: 50%;
color: #fff;
padding: 7px 9px;
}
.widget_calendar table {
margin: 0;
border-left: none;
}
@media (min-width: 991px) {
.widget_calendar table {
display: block;
}
}
@media (max-width: 1366px) and (min-width: 1200px) {
.widget_calendar table > thead, .widget_calendar table > tbody {
position: relative;
left: -20px;
overflow: hidden;
width: 120%;
}
.widget_calendar table > thead {
display: inline-table;
}
.widget_calendar table > thead th {
text-align: left;
}
.widget_calendar table > tbody {
display: block;
}
}
@media (min-width: 991px) {
.widget_calendar table > thead, .widget_calendar table > tbody {
position: relative;
left: -20px;
}
}
.widget_calendar table > caption {
background-color: transparent;
border: none;
border-top: none;
padding: 12px 10px;
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 19px;
color: var(--secondary-color);
border: 1px solid #2c4c59;
border-radius: 25px;
text-align: center;
caption-side: top;
margin-bottom: 30px;
}
@media (min-width: 991px) {
.widget_calendar table > caption {
display: block;
}
}
.widget_calendar .wp-calendar-nav {
display: flex;
flex-wrap: nowrap;
align-items: center;
margin-top: 10px;
}
.widget_calendar .wp-calendar-nav a {
font-size: 14px;
color: #fff;
font-weight: normal;
line-height: 36px;
display: inline-block;
padding: 0 18px;
border: none;
background-color: var(--primary-color);
background-size: 200%, 1px;
background-position: 0%;
font-weight: 700;
border-radius: 20px;
}
.widget_calendar .wp-calendar-nav a:hover {
background-color: var(--secondary-color);
}
.widget_calendar .wp-calendar-nav .wp-calendar-nav-prev {
margin-right: 20px;
flex-grow: 1;
}
.widget_ef_recent_posts { }
.widget_ef_recent_posts li {
padding-bottom: 14px;
}
.widget_ef_recent_posts li:last-child {
padding-bottom: 0;
}
.widget_ef_recent_posts .entry-posted-in a {
font-size: 15px;
font-weight: 500;
color: rgba(0, 0, 0, 0.66);
}
.widget_ef_recent_posts .entry-posted-in a:hover {
color: var(--primary-color);
}
.widget_ef_recent_posts .entry-title {
font-size: 16px;
line-height: 24px;
margin-top: 4px;
font-family: inherit;
font-weight: 500;
}
.widget_ef_recent_posts .entry-title a {
color: #fff;
}
.widget_ef_recent_posts .entry-title a:hover {
color: var(--primary-color);
}
.widget_ef_recent_posts .entry-title + .entry-meta {
margin-top: 15px;
}
.widget_block .widget-content .wp-block-search__label, .widget_block .widget-content .wp-block-group__inner-container > h2 {
font-size: 22px;
font-weight: 400;
line-height: 30px;
padding-bottom: 0px;
margin-bottom: 6px;
position: relative;
display: block;
}
.widget_block .widget-content ol, .widget_block .widget-content ul {
padding-left: 0;
}
.widget_block.widget_search {
position: relative;
}
.widget_block.widget_search .widget-content .wp-block-search__label {
margin-bottom: 25px;
}
.widget_block.widget_search .wp-block-search__button {
padding: 0;
border: none;
line-height: 51px;
height: 51px;
width: 51px;
border-left: 1px solid #ececf0;
position: absolute;
top: 0;
right: 0;
color: #000;
font-size: 15px;
background-image: none;
background-color: transparent;
-webkit-box-shadow: none;
-khtml-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 0px;
-khtml-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
font-size: 0px;
}
.widget_block.widget_search .wp-block-search__button:before {
content: "\f12c";
font-family: 'Caseicon';
font-size: 15px;
font-weight: 400;
}
.widget_block.widget_search .wp-block-search__button:after {
display: none;
}
.widget_block.widget_search .wp-block-search__button:hover {
color: var(--primary-color);
}
.widget_block.widget_search .wp-block-search__input {
font-size: 15px;
border-color: #f6f6f6;
background-color: #f6f6f6;
color: #222;
height: 51px;
padding-left: 20px;
padding-right: 51px;
padding-top: 15px;
padding-bottom: 15px;
-webkit-border-radius: 50px;
-khtml-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
-o-border-radius: 50px;
border-radius: 50px;
}
.widget_block.widget_search .wp-block-search__input:focus {
border-color: var(--primary-color);
}
.widget_block.widget_search .wp-block-search__input:focus + .wp-block-search__button {
border-color: var(--primary-color);
}
.widget_block.widget_search .wp-block-search__inside-wrapper {
display: block;
position: relative;
}
.widget_block .wp-block-latest-posts__list {
list-style: none;
margin-bottom: 0;
}
.widget_block .wp-block-latest-posts__list li {
font-size: 0px;
}
.widget_block .wp-block-latest-posts__list li a {
color: var(--secondary-color);
display: block;
font-size: 15px;
font-weight: 500;
padding: 12px 0;
position: relative;
border-bottom: 1px solid #ececf0;
position: relative;
}
.widget_block .wp-block-latest-posts__list li:last-child > a {
border-bottom: none;
padding-bottom: 0;
}
.widget_block .wp-block-latest-posts__list li a:hover {
color: var(--primary-color);
}
.widget_block .wp-block-latest-comments {
list-style: none;
margin-bottom: 0;
}
.widget_block .wp-block-latest-comments li {
position: relative;
font-size: 16px;
font-weight: 400;
padding: 6px 0 0;
font-family: 'Montserrat';
}
.widget_block .wp-block-latest-comments li .comment-author-link {
font-weight: 500;
position: relative;
}
.widget_block .wp-block-latest-comments li .comment-author-link:after {
position: absolute;
content: '\f132';
font-family: Caseicon;
width: 22px;
height: 19px;
top: 0;
left: -26px;
color: #e5b789;
display: flex;
align-items: center;
}
.widget_block .wp-block-latest-comments li:last-child {
border-bottom: none;
}
.widget_block .wp-block-latest-comments li a {
color: #000;
}
.widget_block .wp-block-latest-comments li a:hover {
color: var(--primary-color);
}
.widget_block .wp-block-latest-comments .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
position: relative;
}
.widget_block .wp-block-latest-comments .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta:before {
width: 20px;
height: 25px;
line-height: 25px;
font-size: 12px;
color: #e5b789;
content: '\f132';
font-family: Caseicon;
display: inline-block;
}
.widget_block .wp-block-categories, .widget_block .wp-block-archives {
margin-bottom: 0;
}
.widget_block .wp-block-categories li, .widget_block .wp-block-archives li {
font-size: 0px;
}
.widget_block .wp-block-categories li a, .widget_block .wp-block-archives li a {
color: #222;
display: block;
font-size: 16px;
font-weight: 700;
line-height: 27px;
padding: 12px 0;
position: relative;
z-index: 1;
}
.widget_block .wp-block-categories li a:before, .widget_block .wp-block-archives li a:before {
content: "";
width: 0px;
height: 2px;
background-color: var(--primary-color);
margin-right: 6px;
font-weight: 400;
position: absolute;
left: 0px;
opacity: 0;
-webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
-khtml-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
-moz-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
-ms-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
-o-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
}
.widget_block .wp-block-categories li a .count, .widget_block .wp-block-archives li a .count {
float: right;
}
.widget_block .wp-block-categories li a:hover, .widget_block .wp-block-archives li a:hover {
padding-left: 18px;
}
.widget_block .wp-block-categories li a:hover .count, .widget_block .wp-block-archives li a:hover .count {
color: var(--primary-color);
}
.widget_block .wp-block-categories li a:hover:before, .widget_block .wp-block-archives li a:hover:before {
width: 12px;
opacity: 1;
left: 0px;
}
.widget_block .wp-block-categories li.current-menu-item > a, .widget_block .wp-block-archives li.current-menu-item > a, .widget_block .wp-block-categories li.current-cat > a, .widget_block .wp-block-archives li.current-cat > a, .widget_block .wp-block-categories li.current-cat-parent > a, .widget_block .wp-block-archives li.current-cat-parent > a, .widget_block .wp-block-categories li > a:hover, .widget_block .wp-block-archives li > a:hover {
color: var(--primary-color);
}
.widget_block .wp-block-categories li .sub-menu, .widget_block .wp-block-archives li .sub-menu, .widget_block .wp-block-categories li .children, .widget_block .wp-block-archives li .children {
padding-left: 15px;
}
.widget_archive .pxl-select {
margin-top: 35px;
}
.widget_categories form {
margin-top: 35px;
}
.widget_meta h2.widget-title {
margin-bottom: 20px;
}
.widget_layered_nav .woocommerce-widget-layered-nav-list .count {
display: none;
}
.widget_layered_nav .woocommerce-widget-layered-nav-list a {
font-weight: 500;
font-size: 15px;
line-height: 19px;
color: #3d5b65;
}
input::-moz-placeholder, textarea::-moz-placeholder {
color: inherit;
opacity: 1;
text-overflow: ellipsis;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: inherit;
opacity: 1;
text-overflow: ellipsis;
}
input::-o-placeholder, textarea::-o-placeholder {
color: inherit;
opacity: 1;
text-overflow: ellipsis;
}
input::-ms-placeholder, textarea::-ms-placeholder {
color: inherit;
opacity: 1;
text-overflow: ellipsis;
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, select, .pxl-select-higthlight {
background-color: transparent;
border: 1px solid;
border-color: rgba(255, 255, 255, 0.3);
color: var(--secondary-color);
padding: 10px;
line-height: normal;
font-size: 14px;
font-weight: 400;
height: 46px;
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-webkit-box-shadow: none;
-khtml-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 0px;
-khtml-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
width: 100%;
outline: none;
font-family: 'montserrat', sans-serif;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus, select:focus, .pxl-select-higthlight:focus {
outline: 0;
}
@media (max-width: 575px) {
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, select, .pxl-select-higthlight {
padding: 8px 22px 26px 0;
}
}
input[type="range"] {
padding: 0;
background-color: transparent;
height: auto;
border: none;
}
select {
height: 50px;
}
textarea {
padding-top: 18px;
padding-bottom: 18px;
height: 150px;
margin: 0;
}
#commentform {
display: flex;
flex-direction: column;
}
#commentform .row {
display: flex;
order: 2;
}
#commentform .form-submit {
display: block;
width: 100%;
order: 6;
margin: 15px 0 0 15px !important;
}
@media (max-width: 991px) {
#commentform .form-submit {
margin-bottom: 0 !important;
}
}
.comments-area {
overflow: hidden;
}
.comments-area .comment-list-wrap {
margin-top: 28px;
}
@media (max-width: 767px) {
.comments-area .comment-list-wrap {
margin-top: 28px;
}
}
.comments-area .comment-list-wrap .comments-title {
margin-bottom: 32px;
}
@media (max-width: 767px) {
.comments-area .comment-list-wrap .comments-title {
margin-bottom: 27px;
}
}
.comments-area .comment-respond {
margin-top: 50px;
background-color: transparent;
}
.comments-area .comment-respond label {
font-family: "heebo", arial, helvetica, sans-serif;
}
.comments-area .comment-respond .logged-in-as {
display: flex;
order: 1;
margin-top: 25px;
margin-bottom: 25px;
font-size: 14px;
}
.comments-area .comment-respond .logged-in-as a {
color: inherit;
}
.comments-area .comment-respond .logged-in-as a:hover {
color: var(--primary-color);
}
.comments-area .comment-respond .logged-in-as a:nth-child(2) {
font-weight: 700;
text-decoration: underline;
}
.comments-area .no-comments {
display: none;
}
.comments-area input:focus, .comments-area textarea:focus {
border-color: var(--primary-color);
}
.comment-title {
font-size: 14.5px;
font-weight: 700;
text-transform: capitalize;
margin-bottom: 2px;
}
.comment-title a {
color: inherit;
}
.comment-title a:hover {
color: inherit;
}
.comment-list {
padding: 0;
list-style: none;
}
.comment-list li .children {
margin-left: 120px;
}
@media screen and (max-width: 767px) {
.comment-list li .children {
margin-left: 78px;
}
}
@media screen and (max-width: 575px) {
.comment-list li .children {
margin-left: 0;
}
}
.comment-list li .children li {
list-style: none;
margin-top: 35px;
}
.comment-list li .comment-respond {
margin-top: 60px;
margin-bottom: 50px;
margin-left: 130px;
}
@media screen and (max-width: 767px) {
.comment-list li .comment-respond {
margin-left: 78px;
margin-top: 0;
}
}
@media screen and (max-width: 575px) {
.comment-list li .comment-respond {
margin-left: 0;
margin-top: 20px;
}
}
.comment-list > li {
margin-bottom: 35px;
}
.comment-list > li ul {
margin-top: 20px;
padding-top: 20px;
border-top: solid 1px rgba(255, 255, 255, 0.1);
}
.comment-list > li ul.children > li {
margin-top: 0;
}
.comment-list > li + li {
margin-top: 20px;
padding-top: 20px;
border-top: solid 1px rgba(255, 255, 255, 0.1);
}
.comment-list > li:last-child {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: solid 1px rgba(255, 255, 255, 0.1);
}
.comment-list > li > .children > li > .children > li > .children > li > .children {
padding-left: 0;
}
.comment-list > li > .children > li > .children > li > .children > li > .children .children {
padding-left: 0;
}
.comment-date {
font-size: 12px;
color: var(--primary-color);
margin-bottom: 14px;
line-height: normal;
display: inline-block;
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.comment-content {
position: relative;
flex-grow: 1;
-webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
-khtml-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
-moz-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
-ms-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
-o-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
display: flex;
order: 3;
flex-direction: column;
}
@media screen and (max-width: 767px) {
.comment-content {
padding-left: 0;
padding-right: 0;
}
}
@media screen and (max-width: 575px) {
.comment-content {
padding-top: 70px;
}
}
.comment-content a {
word-wrap: break-word;
}
.comment-content .comment-text {
line-height: 1.6em;
}
.comment-content .comment-text p:last-child {
margin-bottom: 0;
}
.comment-content .comment-text ol, .comment-content .comment-text ul {
margin-bottom: 32px;
}
.comment-content .comment-text ol ul, .comment-content .comment-text ul ul, .comment-content .comment-text ol ol, .comment-content .comment-text ul ol {
margin-bottom: 0;
}
.comment-content .comment-text ul li {
list-style: outside;
}
.comment-content .comment-text img {
margin: 6px 0;
}
.comment-reply {
display: inline-block;
}
.comment-reply a {
padding-left: 20px;
margin-left: 20px;
border-left: solid 1px rgba(255, 255, 255, 0.1);
font-size: 12px;
line-height: 18px;
display: inline-flex;
align-items: center;
color: var(--secondary-color);
font-weight: 300;
position: relative;
z-index: 1;
}
.comment-reply a:hover {
color: var(--primary-color);
}
.comment-reply a i {
margin-left: 5px;
line-height: 1;
font-size: 20px;
}
.comment-reply-title small {
display: inline-block;
vertical-align: top;
margin-top: -9px;
margin-left: 10px;
}
.comment-reply-title small a {
line-height: 36px;
display: inline-block;
padding: 0 16px;
font-size: 14px;
font-weight: 500;
background-color: var(--primary-color);
color: #fff;
}
.comment-holder {
display: flex;
flex-wrap: nowrap;
margin-top: 5px;
}
.comment-holder .comment-meta {
flex-grow: 1;
margin-right: 30px;
}
@media screen and (max-width: 575px) {
.comment-holder {
display: block;
margin-top: 0;
margin-bottom: 14px;
}
.comment-holder .comment-meta {
margin-right: 0;
}
}
.comment-form .row > div {
margin-top: 20px;
}
@media (max-width: 767px) {
.comment-form .row > div {
margin-top: 13px;
}
}
.comment-form .form-submit {
margin-top: 33px;
margin-bottom: 0;
position: relative;
border: solid 2px rgba(255, 255, 255, .3);
padding: 4px 20px;
-webkit-border-radius: 0;
-khtml-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
background-color: transparent;
max-width: 88px;
-webkit-transition: all 0.5s;
-khtml-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
@media (max-width: 767px) {
.comment-form .form-submit {
margin-top: 0;
}
}
.comment-form .form-submit input {
display: inline-block;
font-weight: bold;
letter-spacing: 2px;
text-transform: uppercase;
font-family: "montserrat";
}
.comment-form .form-submit:hover {
background-color: var(--primary-color);
border-color: transparent;
}
.comment-form .form-submit .submit {
font-size: 12px;
display: inline-block;
font-family: "montserrat" !important;
font-weight: bold;
color: #fff;
-webkit-transition: all 0.5s;
-khtml-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.comment-form .comment-form-comment {
order: 3;
display: flex;
flex-wrap: wrap;
}
.comment-inner {
display: flex;
flex-wrap: nowrap;
}
@media (max-width: 575px) {
.comment-inner {
flex-direction: column;
}
.comment-inner .comment-content {
border: none;
}
}
@media screen and (max-width: 575px) {
.comment-inner {
display: block;
}
}
.comment-inner img.avatar {
margin-top: 5px;
width: 70px;
height: 70px;
min-width: 70px;
margin-right: 18px;
float: left;
}
@media screen and (max-width: 767px) {
.comment-inner img.avatar {
width: 70px;
height: 70px;
min-width: 70px;
margin-right: 18px;
}
}
@media screen and (max-width: 575px) {
.comment-inner img.avatar {
float: none;
margin: 0 auto 0 auto;
width: 70px;
height: 70px;
min-width: 70px;
margin-bottom: -45px;
position: relative;
z-index: 99;
opacity: 1;
}
}
.comment-form-cookies-consent {
display: block;
order: 5;
width: 100%;
font-size: 14px;
line-height: 26px;
padding-left: 50px;
position: relative;
margin-top: 15px;
color: var(--secondary-color);
}
.comment-form-cookies-consent input, .comment-form-cookies-consent label:before, .comment-form-cookies-consent label:after {
position: absolute;
width: 20px;
height: 20px;
left: 15px;
top: 3px;
cursor: pointer;
border-radius: 50%;
background-color: transparent;
border: 1px solid #c0c6c6;
}
.comment-form-cookies-consent label {
cursor: pointer;
}
.comment-form-cookies-consent label:before {
content: '';
z-index: 1;
background-color: #e9e9e9;
}
.comment-form-cookies-consent label:after {
content: '\f119';
font-family: "caseicon";
font-weight: 400;
z-index: 2;
font-size: 10px;
color: #000;
opacity: 0;
line-height: 12px;
text-align: center;
top: 3px;
}
.comment-form-cookies-consent input {
z-index: 99;
opacity: 0;
}
.comment-form-cookies-consent input:checked + label:after {
opacity: 1;
}
#commentform {
padding: 0; }
.pxl-select {
width: 100%;
position: relative;
}
.pxl-select .pxl-select-hidden {
display: none;
}
.pxl-select .pxl-select-options {
position: absolute;
top: 100%;
left: 0;
right: 0;
list-style: none;
margin: 10px 0 0;
padding: 12px 18px;
background-color: #fff;
z-index: 99;
font-size: 14px;
color: #696878;
font-family: 'roboto', sans-serif;
box-shadow: 0 3px 65px rgba(0, 0, 0, 0.08);
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
opacity: 0;
margin-top: 30px;
visibility: hidden;
}
.pxl-select .pxl-select-options li {
padding: 9px 8px;
cursor: pointer;
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
line-height: normal !important;
}
.pxl-select .pxl-select-options li:hover {
color: var(--primary-color);
}
.pxl-select .pxl-select-higthlight {
display: flex;
align-items: center;
cursor: pointer;
position: relative;
}
.pxl-select .pxl-select-higthlight:before {
content: "\f150";
font-family: caseicon;
width: 28px;
height: 28px;
border-radius: 28px;
color: #737879;
line-height: 28px;
text-align: center;
font-size: 10px;
font-family: caseicon;
position: absolute;
top: 50%;
right: 10px;
-webkit-transform: translate(0, -50%);
-khtml-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.pxl-select .pxl-select-higthlight.active + .pxl-select-options {
opacity: 1;
margin-top: 10px;
visibility: visible;
}
.pxl-select .pxl-select-higthlight.active:before {
transform: translate(0, -50%) scaley(-1);
}
.pxl-wrap-table .pxl-table-inner .wrap-table:last-child .pxl-table--inner {
border-bottom-color: transparent;
}
.pxl-wrap-table .pxl-table-inner .wrap-table:first-child .pxl-table--item span {
color: var(--primary-color) !important;
font-size: 15px !important;
line-height: 19px !important;
font-weight: 500 !important;
}
.pxl-wrap-table .pxl-table-inner .wrap-table .pxl-table--inner {
display: flex;
align-items: center;
flex: 3;
padding: 22px 0;
border-bottom: 1px solid #e8d7cc;
}
.pxl-wrap-table .pxl-table-inner .wrap-table .pxl-table--inner .pxl-table--title {
flex: 1;
margin: 0;
color: var(--primary-color);
font-size: 15px;
line-height: 19px;
font-weight: 500;
}
.pxl-wrap-table .pxl-table-inner .wrap-table .pxl-table--inner .pxl-table--item {
flex: 2;
display: flex;
justify-content: space-between;
}
.pxl-wrap-table .pxl-table-inner .wrap-table .pxl-table--inner .pxl-table--item span {
min-width: 103px;
text-align: center;
font-family: 'montserrat';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: var(--secondary-color);
}
#booking_form1 {
text-align: center;
}
#booking_form1 option {
color: black;
font-size: 1rem;
line-height: 1.5;
}
#booking_form1.booking_form .form-group.wpbc-form-element-selectroom, #booking_form1.booking_form .form-group.wpbc-form-element-rangetime {
margin: 15px 0px 0;
}
#booking_form1 .booking_form_div {
overflow: hidden;
padding: 30px;
background: rgba(49, 43, 36, .6);
width: 596px;
}
@media (max-width: 767px) {
#booking_form1 .booking_form_div {
width: auto;
padding: 15px;
}
}
#booking_form1 .booking_form_div label {
font-size: 18px;
font-weight: 600;
}
#booking_form1 .booking_form_div input {
color: #fff;
}
#booking_form1 .booking_form_div input, #booking_form1 .booking_form_div select {
height: 40px;
}
#booking_form1 .booking_form_div textarea {
height: 224px;
}
#booking_form1 .booking_form_div input, #booking_form1 .booking_form_div select, #booking_form1 .booking_form_div textarea {
background-color: transparent;
border: 1px solid;
border-color: rgba(255, 255, 255, 0.3);
border-radius: 0;
}
#booking_form1 .booking_form_div .wpbc_times_selector div {
box-shadow: none;
color: #fff;
border-color: rgba(255, 255, 255, 0.3);
}
#booking_form1 .booking_form_div .wpbc_times_selector div:hover {
background-color: var(--primary-color);
}
#booking_form1 .booking_form_div .wpbc_times_selector .wpbc_time_selected {
box-shadow: none;
background-color: var(--primary-color);
}
#booking_form1 .booking_form_div .wpbc_structure_calendar .wpbc_change_over_triangle {
position: relative;
text-align: left;
margin-bottom: 15px;
}
#booking_form1 .booking_form_div .wpbc_structure_calendar .wpbc_change_over_triangle > div.bk_calendar_frame {
max-width: 100% !important;
transition: 0.5s;
z-index: 1;
display: flex;
flex-direction: column-reverse;
}
#booking_form1 .booking_form_div .wpbc_structure_calendar .wpbc_change_over_triangle > div.bk_calendar_frame .datepick-header {
color: #fff;
border-style: solid;
border-color: rgba(255, 255, 255, 0.3);
border-width: 1px 1px 0 1px;
}
#booking_form1 .booking_form_div .wpbc_structure_calendar .wpbc_change_over_triangle > div.bk_calendar_frame .datepick-one-month {
padding: 0;
}
#booking_form1 .booking_form_div .wpbc_structure_calendar .wpbc_change_over_triangle > div.bk_calendar_frame .calendar-links {
padding: 0 15px;
}
#booking_form1 .booking_form_div .wpbc_structure_calendar .wpbc_change_over_triangle > div.bk_calendar_frame .calendar-links a {
color: #fff;
}
#booking_form1 .booking_form_div .wpbc_structure_calendar .wpbc_change_over_triangle > div.bk_calendar_frame .datepick-inline {
background-color: transparent;
border: none;
box-shadow: none;
padding: 0;
}
#booking_form1 .booking_form_div .wpbc_structure_calendar .wpbc_change_over_triangle > div.bk_calendar_frame .datepick-inline th {
color: #fff;
border-color: rgba(255, 255, 255, 0.3);
}
#booking_form1 .booking_form_div .wpbc_structure_calendar .wpbc_change_over_triangle > div.bk_calendar_frame .datepick-inline td {
border-color: rgba(255, 255, 255, 0.3);
}
#booking_form1 .booking_form_div .wpbc_structure_calendar .wpbc_change_over_triangle > div.bk_calendar_frame .datepick-inline .date2approve {
background-color: var(--primary-color);
color: #333;
}
#booking_form1 .booking_form_div .wpbc_structure_calendar .wpbc_change_over_triangle > div.bk_calendar_frame .datepick-inline .datepick-days-cell.datepick-current-day {
background-color: #fff;
}
#booking_form1 .booking_form_div .wpbc_structure_calendar .wpbc_change_over_triangle > div.bk_calendar_frame .datepick-inline .datepick-days-cell.datepick-current-day a {
color: #333;
}
#booking_form1 .booking_form_div .wpbc_structure_calendar .wpbc_change_over_triangle > div.bk_calendar_frame .datepick-inline .date_available {
background-color: rgba(49, 43, 36, .6);
}
#booking_form1 .booking_form_div .wpbc_structure_calendar .wpbc_change_over_triangle > div.bk_calendar_frame .datepick-inline .date_available:hover, #booking_form1 .booking_form_div .wpbc_structure_calendar .wpbc_change_over_triangle > div.bk_calendar_frame .datepick-inline .date_available:active {
background-color: #fff;
}
#booking_form1 .booking_form_div .wpbc_structure_calendar .wpbc_change_over_triangle > div.bk_calendar_frame .datepick-inline .date_available:hover a, #booking_form1 .booking_form_div .wpbc_structure_calendar .wpbc_change_over_triangle > div.bk_calendar_frame .datepick-inline .date_available:active a {
color: #333;
}
#booking_form1 .booking_form_div .wpbc_structure_calendar .wpbc_change_over_triangle > div.bk_calendar_frame .datepick-inline .date_available a {
text-shadow: none;
color: #fff;
}
#booking_form1 .booking_form_div .wpbc_structure_calendar .wpbc_change_over_triangle > div + div {
display: none;
}
#booking_form1 .booking_form_div .wpbc_structure_form {
display: flex;
flex-direction: column;
}
#booking_form1 .booking_form_div .wpbc_structure_form div.input-contact {
order: 2;
}
#booking_form1 .booking_form_div .wpbc_structure_form div.wpbc-form-element-select {
order: 1;
}
#booking_form1 .booking_form_div .wpbc_structure_form > .form-group {
order: 3;
}
#booking_form1 .booking_form_div .wpbc_structure_form .form-group {
text-align: left;
position: relative;
}
#booking_form1 .booking_form_div .wpbc_structure_form .form-group.captcha_booking {
margin-top: 30px;
}
#booking_form1 .booking_form_div .wpbc_structure_form .form-group.captcha_booking .wpdev-help-message .alert-warning {
display: block !important;
}
#booking_form1 .booking_form_div .wpbc_structure_form .form-group .control-label-captcha {
text-transform: capitalize;
position: absolute;
left: 0;
top: -30px;
}
#booking_form1 .booking_form_div .wpbc_structure_form .form-group .captcha_img {
position: absolute;
right: 10px;
top: 50%;
transform: translatey(-50%);
}
#booking_form1 .booking_form_div .wpbc_structure_form .form-group .btn {
overflow: hidden;
font-weight: bold;
border: solid 2px rgba(255, 255, 255, .3);
color: #fff;
letter-spacing: 2px;
background-color: transparent;
text-transform: uppercase;
font-family: "montserrat" !important;
font-size: 12px;
box-shadow: none;
border-radius: 0;
padding: 8px 20px;
}
#booking_form1 .booking_form_div .wpbc_structure_form .form-group .btn:before {
z-index: -1;
background-color: var(--primary-color);
}
.booking_form .form-group .controls select, .booking_form select, .booking_form textarea, .booking_form input[type="text"] {
width: calc(100% - 18px) !important;
}
.wpbc-form-element-adult, .wpbc-form-element-children {
display: flex;
align-items: flex-start;
justify-content: center;
flex-direction: column;
}
.wpbc-form-element-adult .controls, .wpbc-form-element-children .controls {
position: relative;
display: inline-block;
}
.wpbc-form-element-adult .controls .input-xlarge, .wpbc-form-element-children .controls .input-xlarge {
text-align: center;
background-color: transparent;
margin: 0 47px;
width: 40px;
color: var(--secondary-color);
font-size: 14px;
font-weight: 600;
width: 146px;
height: 44px;
-moz-appearance: textfield;
}
.wpbc-form-element-adult .controls .input-xlarge::-webkit-outer-spin-button, .wpbc-form-element-children .controls .input-xlarge::-webkit-outer-spin-button, .wpbc-form-element-adult .controls .input-xlarge::-webkit-inner-spin-button, .wpbc-form-element-children .controls .input-xlarge::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.wpbc-form-element-adult .controls .input-xlarge:focus, .wpbc-form-element-children .controls .input-xlarge:focus {
border-color: var(--secondary-color);
}
.quantity-icon i {
font-size: 20px;
font-weight: 500;
font-style: normal;
color: var(--secondary-color);
background-color: var(--primary-color);
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
position: absolute;
cursor: pointer;
top: 50%;
-webkit-border-radius: 0px;
-khtml-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
-webkit-transform: translate(0, -50%);
-khtml-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.quantity-icon i.quantity-up {
right: 0;
}
.quantity-icon i.quantity-down {
left: 0;
}
.submiting_content.wpdev-help-message {
padding-left: 0 !important;
margin-left: 0 !important; }
.daterangepicker {
position: absolute;
color: #555;
background-color: #fff;
border-radius: 4px;
width: 278px;
padding: 4px;
margin-top: 1px;
top: -100px; left: 20px;
}
.daterangepicker:before, .daterangepicker:after {
position: absolute;
display: inline-block;
border-bottom-color: rgba(0, 0, 0, 0.2);
content: '';
}
.daterangepicker:before {
top: -7px;
border-right: 7px solid transparent;
border-left: 7px solid transparent;
border-bottom: 7px solid #ccc;
}
.daterangepicker:after {
top: -6px;
border-right: 6px solid transparent;
border-bottom: 6px solid #fff;
border-left: 6px solid transparent;
}
.daterangepicker.opensleft:before {
right: 9px;
}
.daterangepicker.opensleft:after {
right: 10px;
}
.daterangepicker.openscenter:before {
left: 0;
right: 0;
width: 0;
margin-left: auto;
margin-right: auto;
}
.daterangepicker.openscenter:after {
left: 0;
right: 0;
width: 0;
margin-left: auto;
margin-right: auto;
}
.daterangepicker.opensright:before {
left: 9px;
}
.daterangepicker.opensright:after {
left: 10px;
}
.daterangepicker.dropup {
margin-top: -5px;
}
.daterangepicker.dropup:before {
top: initial;
bottom: -7px;
border-bottom: initial;
border-top: 7px solid #ccc;
}
.daterangepicker.dropup:after {
top: initial;
bottom: -6px;
border-bottom: initial;
border-top: 6px solid #fff;
}
.daterangepicker.dropdown-menu {
max-width: none;
z-index: 3001;
}
.daterangepicker.single .ranges, .daterangepicker.single .calendar {
float: none;
}
.daterangepicker.show-calendar .calendar {
display: block;
}
.daterangepicker .calendar {
display: none;
max-width: 270px;
margin: 4px;
}
.daterangepicker .calendar.single .calendar-table {
border: none;
}
.daterangepicker .calendar th, .daterangepicker .calendar td {
white-space: nowrap;
text-align: center;
min-width: 32px;
padding: 1px;
}
.daterangepicker .calendar-table {
border: 1px solid #fff;
padding: 4px;
border-radius: 4px;
background-color: #fff;
}
.daterangepicker table {
width: 100%;
margin: 0;
}
.daterangepicker td, .daterangepicker th {
font-size: 14px;
text-align: center;
width: 20px;
height: 20px;
border-radius: 4px;
border: 1px solid transparent;
white-space: nowrap;
cursor: pointer;
}
.daterangepicker td.available:hover, .daterangepicker th.available:hover {
color: #fff;
background-color: #eee;
border-color: transparent;
}
.daterangepicker td.week, .daterangepicker th.week {
font-size: 80%;
color: #ccc;
}
.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
background-color: #fff;
border-color: transparent;
color: #999;
}
.daterangepicker td.in-range {
background-color: rgba(53, 126, 189, .9);
border-color: transparent;
color: #fff;
border-radius: 0;
}
.daterangepicker td.start-date {
border-radius: 4px 0 0 4px;
}
.daterangepicker td.end-date {
border-radius: 0 4px 4px 0;
}
.daterangepicker td.start-date.end-date {
border-radius: 4px;
}
.daterangepicker td.active, .daterangepicker td.active:hover {
background-color: #357ebd;
border-color: transparent;
color: #fff;
}
.daterangepicker th.month {
width: auto;
}
.daterangepicker td.disabled, .daterangepicker option.disabled {
color: #999;
cursor: not-allowed;
text-decoration: line-through;
}
.daterangepicker select.monthselect, .daterangepicker select.yearselect {
font-size: 12px;
padding: 1px;
height: auto;
margin: 0;
cursor: default;
}
.daterangepicker select.monthselect {
margin-right: 2%;
width: 56%;
}
.daterangepicker select.yearselect {
width: 40%;
}
.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
width: 50px;
margin-bottom: 0;
}
.daterangepicker .input-mini {
border: 1px solid #ccc;
border-radius: 4px;
color: #555;
height: 30px;
line-height: 30px;
display: block;
vertical-align: middle;
margin: 0 0 5px 0;
padding: 0 6px 0 28px;
width: 100%;
}
.daterangepicker .input-mini.active {
border: 1px solid #08c;
border-radius: 4px;
}
.daterangepicker .daterangepicker_input {
position: relative;
}
.daterangepicker .daterangepicker_input i {
position: absolute;
left: 8px;
top: 8px;
}
.daterangepicker.rtl .input-mini {
padding-right: 28px;
padding-left: 6px;
}
.daterangepicker.rtl .daterangepicker_input i {
left: auto;
right: 8px;
}
.daterangepicker .calendar-time {
text-align: center;
margin: 5px auto;
line-height: 30px;
position: relative;
padding-left: 28px;
}
.daterangepicker .calendar-time select.disabled {
color: #ccc;
cursor: not-allowed;
}
.ranges {
display: block;
font-size: 11px;
float: none;
margin: 4px;
text-align: left;
}
.ranges ul {
list-style: none;
margin: 0 auto;
padding: 0;
width: 100%;
}
.ranges li {
font-size: 13px;
background-color: #f5f5f5;
border: 1px solid #f5f5f5;
border-radius: 4px;
color: #08c;
padding: 3px 12px;
margin-bottom: 8px;
cursor: pointer;
}
.ranges li:hover {
background-color: #08c;
border: 1px solid #08c;
color: #fff;
}
.ranges li.active {
background-color: #08c;
border: 1px solid #08c;
color: #fff; }
@media (min-width: 564px) {
.daterangepicker {
width: auto;
}
.daterangepicker .ranges ul {
width: 160px;
}
.daterangepicker.single .ranges ul {
width: 100%;
}
.daterangepicker.single .calendar.left {
clear: none;
}
.daterangepicker.single.ltr .ranges, .daterangepicker.single.ltr .calendar {
float: left;
}
.daterangepicker.single.rtl .ranges, .daterangepicker.single.rtl .calendar {
float: right;
}
.daterangepicker.ltr {
direction: ltr;
text-align: left;
}
.daterangepicker.ltr .calendar.left {
clear: left;
margin-right: 0;
}
.daterangepicker.ltr .calendar.left .calendar-table {
border-right: none;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.daterangepicker.ltr .calendar.right {
margin-left: 0;
}
.daterangepicker.ltr .calendar.right .calendar-table {
border-left: none;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.daterangepicker.ltr .left .daterangepicker_input {
padding-right: 12px;
}
.daterangepicker.ltr .calendar.left .calendar-table {
padding-right: 12px;
}
.daterangepicker.ltr .calendar {
float: left;
}
.daterangepicker.rtl {
direction: rtl;
text-align: right;
}
.daterangepicker.rtl .calendar.left {
clear: right;
margin-left: 0;
}
.daterangepicker.rtl .calendar.left .calendar-table {
border-left: none;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.daterangepicker.rtl .calendar.right {
margin-right: 0;
}
.daterangepicker.rtl .calendar.right .calendar-table {
border-right: none;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.daterangepicker.rtl .left .daterangepicker_input {
padding-left: 12px;
}
.daterangepicker.rtl .calendar.left .calendar-table {
padding-left: 12px;
}
.daterangepicker.rtl .ranges, .daterangepicker.rtl .calendar {
text-align: right;
float: right;
}
}
@media (min-width: 730px) {
.daterangepicker .ranges {
width: auto;
}
.daterangepicker.ltr .ranges {
float: none;
}
.daterangepicker.rtl .ranges {
float: right;
}
.daterangepicker .calendar.left {
clear: none !important;
}
}
.pxl-slider-item-1 .pxl-slide-item-wrap {
overflow: hidden;
}
@media (min-width: ) and (max-width: 1280px) {
.pxl-slider-item-1 .pxl-slide-item-wrap .container {
max-width: 1024px;
}
}
.pxl-slider-item-1 .pxl-slide-item-wrap .slide-content-wrap {
width: 100%;
}
.pxl-slider-item-1 .pxl-slide-item-wrap .slide-content-wrap .sl-content {
position: relative;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.pxl-slider-item-1 .pxl-slide-item-wrap .slide-content-wrap .sl-content .sl-content-inner {
width: 100%;
}
@media (min-width: ) {
.pxl-slider-item-1 .pxl-slide-item-wrap .slide-content-wrap .sl-content-right {
flex: 0 0 50%;
width: 50%;
}
}
.pxl-slider-item-1 .small-heading {
font-size: 24px;
font-weight: 400;
color: #fff;
}
.pxl-slider-item-1 .small-heading.before-divider {
position: relative;
padding-left: 82px;
}
@media (max-width: ) {
.pxl-slider-item-1 .small-heading.before-divider {
padding-left: 52px;
}
}
.pxl-slider-item-1 .small-heading.before-divider:before {
content: "";
position: absolute;
left: 0;
top: 18px;
width: 61px;
height: 2px;
background-color: #fff;
}
@media (max-width: ) {
.pxl-slider-item-1 .small-heading.before-divider:before {
width: 40px;
}
}
.pxl-slider-item-1 .large-heading {
display: inline-flex !important;
justify-content: center;
font-family: "Montserrat";
font-size: 120px;
display: block;
color: #fff;
font-weight: 600;
line-height: 1.2em;
text-shadow: none;
margin-bottom: 10px;
width: 100%;
text-align: center;
text-transform: uppercase;
letter-spacing: 60px;
padding-left: 60px;
}
@media (max-width: ) {
.pxl-slider-item-1 .large-heading {
font-size: 48px;
}
}
@media (max-width: ) {
.pxl-slider-item-1 .large-heading {
font-size: 45px;
}
}
@media (max-width: ) {
.pxl-slider-item-1 .large-heading {
font-size: 42px;
}
}
@media (max-width: ) {
.pxl-slider-item-1 .large-heading {
font-size: 38px;
}
}
@media (max-width: ) {
.pxl-slider-item-1 .large-heading {
font-size: 32px;
}
}
.pxl-slider-item-1 .desc {
font-size: 18px;
line-height: 30px;
color: #686868;
}
.pxl-sliders-thumbs {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: visible;
z-index: 0;
}
@media (max-width: ) {
.pxl-sliders-thumbs.mobile-hidden {
display: none;
}
}
.pxl-sliders-thumbs.thumbs-1 {
position: absolute;
bottom: 0;
right: 0;
width: 738px;
}
@media (max-width: ) {
.pxl-sliders-thumbs.thumbs-1 {
width: 550px;
}
}
@media (max-width: ) {
.pxl-sliders-thumbs.thumbs-1 {
width: 450px;
}
}
.pxl-sliders-thumbs .pxl-thumbs-wrapper {
width: 100%;
height: 100%;
position: relative;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-sizing: content-box;
box-sizing: content-box;
align-content: flex-end;
}
.pxl-sliders-thumbs .thumb-item {
width: 33.33333%;
height: 337px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-items: end;
align-self: flex-end;
cursor: pointer;
}
@media (max-width: ) {
.pxl-sliders-thumbs .thumb-item {
height: 280px;
}
}
@media (max-width: ) {
.pxl-sliders-thumbs .thumb-item {
height: 220px;
}
}
.pxl-sliders-thumbs .swiper-slide-thumb-active .thumbs-wrap {
height: 100%;
}
.pxl-sliders-thumbs .swiper-slide-thumb-active .thumbs-wrap:before {
-webkit-transform: translateY(100%);
-khtml-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.pxl-sliders-thumbs .swiper-slide-thumb-active .thumbs-wrap .num {
bottom: calc(100% - 58px);
color: #fff;
}
.pxl-sliders-thumbs .swiper-slide-thumb-active .thumbs-wrap .title {
color: #fff;
}
.pxl-sliders-thumbs .thumb-item:hover .thumbs-wrap:before {
-webkit-transform: translateY(100%);
-khtml-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.pxl-sliders-thumbs .thumb-item:hover .thumbs-wrap .num {
color: #fff;
}
.pxl-sliders-thumbs .thumb-item:hover .thumbs-wrap .title {
color: #fff;
}
.pxl-sliders-thumbs .thumbs-wrap {
width: 100%;
height: 222px;
padding: 0 15px 0 40px;
position: relative;
-webkit-transition: height 0.3s linear;
-khtml-transition: height 0.3s linear;
-moz-transition: height 0.3s linear;
-ms-transition: height 0.3s linear;
-o-transition: height 0.3s linear;
transition: height 0.3s linear;
}
@media (max-width: ) {
.pxl-sliders-thumbs .thumbs-wrap {
height: 180px;
padding: 0 10px 0 20px;
}
}
@media (max-width: ) {
.pxl-sliders-thumbs .thumbs-wrap {
height: 150px;
}
}
.pxl-sliders-thumbs .thumbs-wrap:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fff;
-webkit-transform: translateY(0);
-khtml-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transition: transform 0.3s linear;
-khtml-transition: transform 0.3s linear;
-moz-transition: transform 0.3s linear;
-ms-transition: transform 0.3s linear;
-o-transition: transform 0.3s linear;
transition: transform 0.3s linear;
}
.pxl-sliders-thumbs .thumbs-wrap .num {
position: absolute;
font-size: 22px;
line-height: 28px;
font-weight: 700;
color: var(--primary-color);
bottom: 100px;
-webkit-transition: color 0.3s linear;
-khtml-transition: color 0.3s linear;
-moz-transition: color 0.3s linear;
-ms-transition: color 0.3s linear;
-o-transition: color 0.3s linear;
transition: color 0.3s linear;
}
.pxl-sliders-thumbs .thumbs-wrap .title {
position: absolute;
font-size: 30px;
font-weight: 700;
color: #000;
bottom: 35px;
-webkit-transition: color 0.3s linear;
-khtml-transition: color 0.3s linear;
-moz-transition: color 0.3s linear;
-ms-transition: color 0.3s linear;
-o-transition: color 0.3s linear;
transition: color 0.3s linear;
}
@media (max-width: ) {
.pxl-sliders-thumbs .thumbs-wrap .title {
font-size: 24px;
}
}
@media (max-width: ) {
.pxl-sliders-thumbs .thumbs-wrap .title {
font-size: 20px;
}
}
.pxl-sliders-wrap {
position: relative;
}
.pxl-sliders-wrap.slider-fit-to-screen {
height: 100vh;
}
.pxl-slider-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: visible;
z-index: 0;
}
.pxl-slider-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.pxl-slider-item-1 {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
}
.pxl-slider-item-1.swiper-slide-active {
opacity: 1 !important;
}
.pxl-slider-item-1 > div {
width: 100%;
}
.pxl-slider-item-1 .pxl-slide-bg {
width: 100%;
height: 100%;
background-position: 50%;
background-size: cover;
background-position: center center;
}
.pxl-slider-item-1 .pxl-slide-bg .pxl-overlay {
background: linear-gradient(0deg, rgba(20, 20, 20, .5) 25%, rgba(107, 87, 64, 0.5) 100%);
}
.pxl-slider-item-1 .pxl-btn {
position: relative;
z-index: 1;
}
.pxl-slider-arrow-wrap {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
z-index: 2;
}
.pxl-slider-arrow-wrap.pos-absolute.wrap {
position: absolute;
left: 48%;
bottom: 30px;
}
.pxl-slider-arrow-wrap.pos-absolute.separate .pxl-slider-arrow-prev {
position: absolute;
left: 30px;
top: 50%;
-webkit-transform: translateY(-50%);
-khtml-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.pxl-slider-arrow-wrap.pos-absolute.separate .pxl-slider-arrow-next {
position: absolute;
right: 30px;
top: 50%;
-webkit-transform: translateY(-50%);
-khtml-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.pxl-slider-arrow-wrap.pos-df {
margin-top: 30px;
}
.pxl-slider-arrow-wrap.pos-df > div {
margin: 0 10px;
}
.pxl-slider-arrow-wrap.pos-df.wrap {
justify-content: center;
}
.pxl-slider-arrow-wrap.separate {
justify-content: space-between;
}
.pxl-slider-arrow {
text-rendering: auto;
text-rendering: optimizeSpeed;
z-index: 2;
text-align: center;
cursor: pointer;
width: 30px;
height: 30px;
line-height: 30px;
border-radius: 50%;
-webkit-transition: all 0.3s ease;
-khtml-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.pxl-slider-arrow.swiper-button-disabled {
cursor: not-allowed;
}
.pxl-slider-arrow .arrow-text {
font-size: 16px;
position: relative;
}
.pxl-slider-arrow .swiper-button-disabled .arrow-text:after {
display: none;
}
.pxl-slider-arrow:hover {
background-color: rgba(255, 255, 255, .2);
}
.pxl-slider-arrow svg {
margin-top: 3px;
}
.pxl-slider-arrow .pxl-icon {
font-size: 24px;
width: 30px;
height: 30px;
line-height: 30px;
border-radius: 50%;
display: block;
z-index: 2;
text-align: center;
background-color: transparent;
color: #fff;
-webkit-transition: all 0.3s ease;
-khtml-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.pxl-slider-arrow .pxl-icon:hover {
background-color: rgba(255, 255, 255, .2);
}
.pxl-slider-arrow .pxl-icon.swiper-button-disabled {
cursor: not-allowed;
}
.layout-square-thums .pxl-slider-arrow {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
position: relative;
overflow: hidden;
}
.layout-square-thums .pxl-slider-arrow:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(var(--primary-color-rgb),0.21);
-webkit-transition: all 0.3s ease;
-khtml-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.layout-square-thums .pxl-slider-arrow:hover:before {
background-color: rgba(0, 0, 0, 0.3);
}
.layout-square-thums .pxl-slider-arrow .pxl-icon {
font-size: 36px;
width: 92px;
height: 116px;
line-height: 116px;
position: relative;
background-color: transparent;
}
@media (max-width: ) {
.layout-square-thums .pxl-slider-arrow .pxl-icon {
font-size: 26px;
width: 62px;
height: 86px;
line-height: 86px;
}
}
.layout-square-thums .pxl-slider-arrow .pxl-icon:hover {
background-color: transparent;
}
.layout-thums-title {
background-color: #fff;
width: 40.6%;
overflow: hidden;
}
@media (max-width: ) {
.layout-thums-title {
width: 50%;
}
}
@media (max-width: ) {
.layout-thums-title {
width: 70%;
}
}
@media (max-width: ) {
.layout-thums-title {
width: 90%;
}
}
@media (max-width: ) {
.layout-thums-title {
width: 100%;
}
}
.layout-thums-title .thums-title-wrap:before {
content: "";
width: 97px;
height: 1px;
background-color: #7dc001;
position: absolute;
top: 25px;
left: calc(42% - 70px);
z-index: 1;
}
@media (max-width: ) {
.layout-thums-title .thums-title-wrap:before {
width: 90px;
left: calc(38% - 60px);
}
}
@media (max-width: ) {
.layout-thums-title .thums-title-wrap:before {
width: 80px;
left: calc(32% - 60px);
}
}
@media (max-width: ) {
.layout-thums-title .thums-title-wrap:before {
width: 50px;
left: calc(22% - 40px);
}
}
.layout-thums-title .pxl-slider-arrow {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.layout-thums-title .thums-title-next, .layout-thums-title .thums-title-prev {
overflow: hidden;
}
.layout-thums-title .thums-title-prev {
-webkit-transform: translateY(100%);
-khtml-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: transform 0.3s ;
-khtml-transition: transform 0.3s ;
-moz-transition: transform 0.3s ;
-ms-transition: transform 0.3s ;
-o-transition: transform 0.3s ;
transition: transform 0.3s ;
}
.layout-thums-title .thums-title-next {
-webkit-transform: translateY(0);
-khtml-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transition: transform 0.3s ;
-khtml-transition: transform 0.3s ;
-moz-transition: transform 0.3s ;
-ms-transition: transform 0.3s ;
-o-transition: transform 0.3s ;
transition: transform 0.3s ;
}
.layout-thums-title .pxl-icon {
font-size: 42px;
width: 106px;
height: 186px;
line-height: 186px;
position: relative;
background-color: #fff;
color: #000;
}
@media (max-width: ) {
.layout-thums-title .pxl-icon {
font-size: 28px;
width: 70px;
height: 120px;
line-height: 120px;
}
}
@media (max-width: ) {
.layout-thums-title .pxl-icon {
font-size: 20px;
width: 50px;
}
}
.layout-thums-title .pxl-icon:hover {
background-color: transparent;
}
.layout-thums-title .thums-title-img {
width: 42%;
height: 186px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
position: relative;
overflow: hidden;
}
@media (max-width: ) {
.layout-thums-title .thums-title-img {
height: 120px;
}
}
@media (max-width: ) {
.layout-thums-title .thums-title-img {
width: 38%;
}
}
@media (max-width: ) {
.layout-thums-title .thums-title-img {
width: 32%;
}
}
@media (max-width: ) {
.layout-thums-title .thums-title-img {
width: 22%;
}
}
.layout-thums-title .thums-title-title {
padding-left: 45px;
text-align: left;
}
@media (max-width: ) {
.layout-thums-title .thums-title-title {
padding-left: 30px;
}
}
@media (max-width: ) {
.layout-thums-title .thums-title-title {
padding-left: 15px;
}
}
.layout-thums-title .thums-title-title .sub-title {
font-size: 12px;
text-transform: uppercase;
color: #201d1d;
letter-spacing: 0.05em;
font-weight: 500;
}
.layout-thums-title .thums-title-title .custom-title {
font-size: 32px;
line-height: 1.1429;
font-family: ;
font-weight: 700;
color: ;
}
@media (max-width: ) {
.layout-thums-title .thums-title-title .custom-title {
font-size: 28px;
}
}
@media (max-width: ) {
.layout-thums-title .thums-title-title .custom-title {
font-size: 24px;
}
}
.layout-thums-title .pxl-slider-arrow-prev:hover + .thums-title-wrap .thums-title-prev {
-webkit-transform: translateY(0);
-khtml-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.layout-thums-title .pxl-slider-arrow-prev:hover + .thums-title-wrap .thums-title-next {
-webkit-transform: translateY(-100%);
-khtml-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.layout-thums-title.dark {
background-color: #080808;
}
.layout-thums-title.dark .pxl-slider-arrow {
background-color: #080808;
}
.layout-thums-title.dark .pxl-slider-arrow .pxl-icon {
background-color: #080808;
color: #fff;
}
.layout-thums-title.dark .thums-title-title .sub-title {
color: #b7b7b7;
}
.layout-thums-title.dark .thums-title-title .custom-title {
color: #fff;
}
.pxl-slider-left {
position: absolute;
left: 35px;
bottom: 55px;
z-index: 1;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
@media (max-width: 1200px) {
.pxl-slider-left {
bottom: 50px;
}
}
.pxl-slider-dots1 {
z-index: 1;
font-family: "Heebo", Arial, Helvetica, sans-serif;
display: flex;
flex-wrap: wrap;
justify-content: center;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 14.5px;
font-weight: 300;
color: #fff;
line-height: 42px;
transition: 0.5s;
flex-direction: row;
}
.pxl-slider-dots1 .slidenumber {
font-size: 24px;
margin-right: 5px;
margin-bottom: 5px;
}
.pxl-slider-dots {
z-index: 1;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.pxl-slider-dots:not(.absolute) {
margin-top: 20px;
}
.pxl-slider-dots.style-bullets .pxl-slider-pagination-bullet {
flex: 0 0 18px;
width: 18px;
height: 18px;
padding: 0 17px;
line-height: 18px;
text-align: center;
background: transparent;
cursor: pointer;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-opacity: 1;
-khtml-opacity: 1;
-moz-opacity: 1;
-ms-opacity: 1;
-o-opacity: 1;
opacity: 1;
position: relative;
}
.pxl-slider-dots.style-bullets .pxl-slider-pagination-bullet:before {
content: '';
width: 10px;
height: 10px;
border: 2px solid rgba(26, 26, 26, 0.2);
background: transparent;
border-color: #fff;
display: block;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-khtml-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0 0 0 8px rgba(255, 255, 255, );
-khtml-box-shadow: 0 0 0 8px rgba(255, 255, 255, );
-moz-box-shadow: 0 0 0 8px rgba(255, 255, 255, );
-ms-box-shadow: 0 0 0 8px rgba(255, 255, 255, );
-o-box-shadow: 0 0 0 8px rgba(255, 255, 255, );
box-shadow: 0 0 0 8px rgba(255, 255, 255, );
-webkit-transition: all 0.5s;
-khtml-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.pxl-slider-dots.style-bullets .pxl-slider-pagination-bullet:after {
content: '';
width: 10px;
height: 10px;
display: block;
background: transparent;
position: absolute;
top: 50%;
left: 50%;
background-color: #fff;
visibility: hidden;
-webkit-transform: translate(-50%, -50%);
-khtml-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, );
-khtml-box-shadow: 0 0 0 10px rgba(255, 255, 255, );
-moz-box-shadow: 0 0 0 10px rgba(255, 255, 255, );
-ms-box-shadow: 0 0 0 10px rgba(255, 255, 255, );
-o-box-shadow: 0 0 0 10px rgba(255, 255, 255, );
box-shadow: 0 0 0 10px rgba(255, 255, 255, );
-webkit-transition: all 0.5s;
-khtml-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.pxl-slider-dots.style-bullets .pxl-slider-pagination-bullet:hover:after, .pxl-slider-dots.style-bullets .pxl-slider-pagination-bullet.swiper-pagination-bullet-active:after {
opacity: 1;
visibility: visible;
}
.pxl-slider-dots.style-squared .pxl-slider-pagination-bullet {
flex: 0 0 12px;
width: 12px;
height: 12px;
line-height: 12px;
margin: 4px;
text-align: center;
cursor: pointer;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-opacity: 1;
-khtml-opacity: 1;
-moz-opacity: 1;
-ms-opacity: 1;
-o-opacity: 1;
opacity: 1;
position: relative;
background-color: var(--primary-color);
-webkit-transition: background-color 0.3s ease;
-khtml-transition: background-color 0.3s ease;
-moz-transition: background-color 0.3s ease;
-ms-transition: background-color 0.3s ease;
-o-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
}
.pxl-slider-dots.style-squared .pxl-slider-pagination-bullet:hover, .pxl-slider-dots.style-squared .pxl-slider-pagination-bullet.swiper-pagination-bullet-active {
background-color: ;
}
.pxl-slider-dots.vertical-line-true:before {
content: "";
width: 1px;
height: 619px;
position: absolute;
top: -636px;
left: 50%;
background-color: var(--primary-color);
}
@media (max-width: ) {
.pxl-slider-dots.vertical-line-true:before {
top: -470px;
height: 453px;
}
}
@media (max-width: ) {
.pxl-slider-dots.vertical-line-true:before {
top: -370px;
height: 353px;
}
}
@media (max-width: ) {
.pxl-slider-dots.vertical-line-true:before {
top: 50%;
left: calc(100% + 15px);
width: calc(50vw - 60px);
height: 1px;
}
}
.pxl-slider-dots.vertical-line-true:after {
content: "";
width: 1px;
height: 42px;
position: absolute;
top: calc(100% + 8px);
left: 50%;
background-color: var(--primary-color);
}
@media (max-width: ) {
.pxl-slider-dots.vertical-line-true:after {
display: none;
}
}
.pxl-slider-dots.style-fraction {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 14.5px;
font-weight: 300;
color: #fff;
line-height: 42px;
transition: 0.5s;
}
.pxl-slider-dots.style-fraction > * {
margin: 0 1px;
}
.pxl-slider-dots.style-fraction .swiper-pagination-current {
font-size: 24px;
}
.buttons {
display: flex;
z-index: 1;
width: 54px;
height: 42px;
justify-content: center;
}
.buttons.play #pause-slider {
display: none;
}
.buttons.pause #play-slider {
display: none;
}
.buttons button {
background: white;
color: black;
border: none;
position: relative;
padding: 2px 8px 2px;
min-width: 50px;
transition: 0.5s;
opacity: 0.5;
top: -4px;
left: -15px;
}
.buttons #play-slider {
background: url(//elissahotel.com.my/wp-content/themes/seaside/assets/img/play.png) center no-repeat;
}
.buttons #pause-slider {
background: url(//elissahotel.com.my/wp-content/themes/seaside/assets/img/pause.png) center no-repeat;
}
.carousel-progress {
z-index: 5;
position: fixed;
bottom: 0px;
left: 0;
height: 4px;
width: 100%;
}
.swiper-hero-progress {
position: absolute;
height: 4px;
background-color: rgba(255, 255, 255, .2);
animation-name: progress;
animation-duration: 5.2s;
animation-timing-function: linear;
animation-iteration-count: 1;
}
.image-right .sl-content {
display: flex;
width: 100%;
flex: 2;
}
@media (max-width: 767px) {
.image-right .sl-content {
flex-direction: column;
flex: none;
align-items: flex-start !important;
justify-content: center;
}
}
.image-right .sl-content .sl-content-inner {
width: auto;
flex: 1;
padding-right: 60px;
}
@media (max-width: 1200px) {
.image-right .sl-content .sl-content-inner {
padding-right: 0;
}
}
@media (max-width: 1200px) and (max-width: 767px) {
.image-right .sl-content .sl-content-inner {
flex: none;
margin-bottom: 30px;
}
}
.image-right .sl-content .pxl-slide-bg-right {
display: flex;
height: 100%;
width: auto;
flex: 1;
background-position: center;
background-size: cover;
width: 596px;
height: 397px;
min-width: 596px;
}
@media (max-width: 1200px) {
.image-right .sl-content .pxl-slide-bg-right {
min-width: auto;
max-width: 100%;
}
}
@media (max-width: 1200px) and (max-width: 767px) {
.image-right .sl-content .pxl-slide-bg-right {
flex: none;
}
}
.swiper-slide {
z-index: -1;
}
.swiper-slide.swiper-slide-active {
z-index: 1;
}
.admin-bar .pxl-hidden-template {
top: 32px;
height: calc(100% - 32px);
}
@media screen and (max-width: 782px) {
.admin-bar .pxl-hidden-template {
top: 46px;
height: calc(100% - 46px);
}
}
.pxl-hidden-template.open {
-webkit-transform: translate(0, 0);
-khtml-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
z-index: 99999;
}
.pxl-hidden-template {
display: flex;
flex-direction: column;
position: fixed;
top: 0;
height: 100%;
width: 100%;
z-index: -1;
padding: 0;
background: rgba(20, 20, 20, 0.6);
-webkit-backdrop-filter: blur(10px);
-o-backdrop-filter: blur(10px);
-moz-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
right: 0;
-webkit-transform: translate(0, -100%);
-khtml-transform: translate(0, -100%);
-moz-transform: translate(0, -100%);
-ms-transform: translate(0, -100%);
-o-transform: translate(0, -100%);
transform: translate(0, -100%);
will-change: transform;
-webkit-transition-duration: 600ms;
transition-duration: 600ms;
opacity: 0;
max-height: 100vh;
overflow-y: auto;
scrollbar-width: none;
}
.pxl-hidden-template.pxl-hidden-template-47.open .pxl-widget-template-overlay {
transform: scaleX(1);
transition-delay: 0s;
-webkit-transition-delay: 0s;
}
.pxl-hidden-template.pxl-hidden-template-47 .pxl-widget-template-overlay {
background-color: rgba(44, 76, 89, 0.33);
height: 100%;
width: 100%;
right: 0;
top: 0;
position: fixed;
z-index: 1026;
transform: scaleX(0);
transform-origin: 100% 50%;
transition: transform 0.8s ease 0s;
transition-delay: 0.2s;
-webkit-transition-delay: 0.2s;
cursor: url(//elissahotel.com.my/wp-content/themes/seaside/assets/img/pointer.png), auto;
}
.pxl-hidden-template.pxl-hidden-template-47 .pxl-hidden-template-wrap {
overflow-y: auto;
max-width: 767px;
position: fixed;
top: 0;
right: 0;
height: 100%;
z-index: 9999;
width: 787px;
background-color: #f5ede7 !important;
padding-right: 300px;
}
.pxl-hidden-template.pxl-hidden-template-47 .pxl-hidden-template-wrap .pxl-close {
position: absolute;
left: 447px;
top: 30px;
z-index: 1;
}
.pxl-hidden-template.open .pxl-widget-cart-overlay {
transform: scaleX(1);
transition-delay: 0s;
-webkit-transition-delay: 0s;
}
.pxl-hidden-template.open .pxl-hidden-template-wrap {
-webkit-transform: translateX(0px);
-khtml-transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
-o-transform: translateX(0px);
transform: translateX(0px);
transition-delay: 0.3s;
-webkit-transition-delay: 0.3s;
-webkit-box-shadow: 0 2px 27px rgba(54, 54, 54, 0.13);
-khtml-box-shadow: 0 2px 27px rgba(54, 54, 54, 0.13);
-moz-box-shadow: 0 2px 27px rgba(54, 54, 54, 0.13);
-ms-box-shadow: 0 2px 27px rgba(54, 54, 54, 0.13);
-o-box-shadow: 0 2px 27px rgba(54, 54, 54, 0.13);
box-shadow: 0 2px 27px rgba(54, 54, 54, 0.13);
}
.pxl-hidden-template .pxl-widget-cart-overlay {
background-color: rgba(44, 76, 89, 0.33);
height: 100%;
width: 100%;
right: 0;
top: 0;
position: fixed;
z-index: 1026;
transform: scaleX(0);
transform-origin: 100% 50%;
transition: transform 0.8s ease 0s;
transition-delay: 0.2s;
-webkit-transition-delay: 0.2s;
cursor: url(//elissahotel.com.my/wp-content/themes/seaside/assets/img/pointer.png), auto;
}
.pxl-hidden-template .pxl-panel-header .panel-header-inner {
display: flex;
justify-content: flex-end;
align-items: center;
}
.pxl-hidden-template .pxl-panel-content {
position: relative;
flex: 1;
}
.pxl-hidden-template::-webkit-scrollbar {
height: 0;
width: 7px;
background-color: transparent;
}
.pxl-hidden-template::-webkit-scrollbar-track {
border-radius: 0;
}
.pxl-hidden-template::-webkit-scrollbar-thumb {
border-radius: 0;
background-color: transparent;
}
.pxl-hidden-template:hover::-webkit-scrollbar {
width: 7px;
height: auto;
background-color: rgba(255, 255, 255, 0.1);
border-radius: 0;
}
.pxl-hidden-template:hover::-webkit-scrollbar-thumb {
background-color: rgba(48, 48, 48, 0.1);
}
.side-panel-open .pxl-page-overlay {
width: 100%;
height: 100%;
opacity: 1;
}
.pxl-close:before, .pxl-close:after {
content: '';
position: absolute;
height: 2px;
width: 100%;
top: 50%;
left: 0;
margin-top: -1px;
transform-origin: 50% 50%;
opacity: 1;
-webkit-transition: transform ease 0.25s;
-khtml-transition: transform ease 0.25s;
-moz-transition: transform ease 0.25s;
-ms-transition: transform ease 0.25s;
-o-transition: transform ease 0.25s;
transition: transform ease 0.25s;
}
.pxl-close:before {
-webkit-transform: rotate(45deg);
-khtml-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.pxl-close:after {
-webkit-transform: rotate(-45deg);
-khtml-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.pxl-close:hover:before, .pxl-close:hover:after {
-webkit-transform: rotate(0deg);
-khtml-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
color: #fff;
background-color: #fff;
}
.pxl-panel-content .menu-main-container-wrap {
padding: 0;
min-height: calc(100% - 50px);
flex-direction: column;
}
.pxl-hidden-template.pos-left {
width: 100%;
max-width: 460px;
right: auto;
left: 0;
-webkit-transform: translate(-100%, 0);
-khtml-transform: translate(-100%, 0);
-moz-transform: translate(-100%, 0);
-ms-transform: translate(-100%, 0);
-o-transform: translate(-100%, 0);
transform: translate(-100%, 0);
}
.pxl-hidden-template.pos-left .pxl-panel-header {
padding: 30px 35px 0 35px;
}
@media screen and (max-width: 991px) {
.pxl-hidden-template.pos-left .pxl-panel-header {
padding: 20px 20px 0 20px;
}
}
.pxl-hidden-template.pos-left .pxl-panel-content {
padding: 10px 20px 50px 20px;
}
.pxl-hidden-template.pos-left .pxl-qc-wrap.layout-3 .qc-desc-wrap .qc-item {
padding: 5px 15px;
}
.pxl-hidden-template.pos-right {
width: 100%;
right: 0;
left: auto;
background-color: transparent;
-webkit-transform: translate(100%, 0);
-khtml-transform: translate(100%, 0);
-moz-transform: translate(100%, 0);
-ms-transform: translate(100%, 0);
-o-transform: translate(100%, 0);
transform: translate(100%, 0);
}
@media screen and (max-width: 991px) {
.pxl-hidden-template.pos-right {
max-width: 300px;
}
}
.pxl-hidden-template.pos-right .pxl-panel-header {
padding: 30px 30px 0 30px;
}
.pxl-hidden-template.pos-right .pxl-panel-header .panel-header-inner {
justify-content: flex-end;
}
.pxl-hidden-template.pos-right .pxl-close {
background-color: var(--secondary-color);
width: 40px;
height: 40px;
}
.pxl-hidden-template.pos-right .pxl-close:after, .pxl-hidden-template.pos-right .pxl-close:before {
background-color: #fff;
}
.pxl-hidden-template.pos-right .pxl-close:hover:after, .pxl-hidden-template.pos-right .pxl-close:hover:before {
background-color: #fff;
}
.pxl-hidden-template.pos-right .pxl-panel-content {
padding: 25px 0px 50px 30px;
}
.pxl-hidden-template.pos-right .pxl-nav-inner li a {
font-size: 40px;
font-weight: 700;
letter-spacing: 0.012em;
-webkit-transform: translateX(0);
-khtml-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.pxl-hidden-template.pos-right .pxl-nav-inner li a:before {
content: "...";
display: inline-flex;
margin-right: 10px;
font-size: 24px;
color: var(--primary-color);
}
.pxl-hidden-template.pos-right .pxl-nav-inner li:hover a {
-webkit-transform: translateX(15px);
-khtml-transform: translateX(15px);
-moz-transform: translateX(15px);
-ms-transform: translateX(15px);
-o-transform: translateX(15px);
transform: translateX(15px);
}
.pxl-hidden-template.pos-right .pxl-nav-inner li:hover a:before {
color: #fff;
}
.pxl-hidden-template.pos-right .pxl-qc-wrap.layout-3 .qc-desc-wrap a:hover {
color: #fff;
}
.pxl-hidden-template.pos-right .pxl-menu-primary > li {
display: block;
margin: 0;
padding: 15px 0;
}
.pxl-hidden-template.pos-right .pxl-menu-primary > li > a {
display: block;
line-height: 32px;
font-size: 14px;
}
.pxl-hidden-template.pos-right .pxl-menu-primary li a {
color: #fff;
}
@media screen and (max-width: 1199px) {
.pxl-hidden-template.pos-right .pxl-menu-primary li a {
line-height: 32px;
}
}
.pxl-hidden-template.pos-right .pxl-menu-primary .pxl-menu-toggle {
position: absolute;
top: 10px;
height: 28px;
line-height: 28px;
text-align: center;
right: 0px;
width: 28px;
cursor: pointer;
font-size: 10px;
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
color: #fff;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
background-color: rgba(255, 255, 255, 0.13);
display: block;
}
.pxl-hidden-template.pos-right .pxl-menu-primary .pxl-menu-toggle:before {
content: "\f150";
font-family: "Caseicon";
}
.pxl-hidden-template.pos-right .pxl-menu-primary .pxl-menu-toggle.active:before {
content: "\f13d";
}
.pxl-hidden-template.pos-right.pxl-side-cart {
max-width: none;
}
.pxl-hidden-template.pos-top {
width: 100%;
max-height: 350px;
left: 0;
right: 0;
-webkit-transform: translate(0, -100%);
-khtml-transform: translate(0, -100%);
-moz-transform: translate(0, -100%);
-ms-transform: translate(0, -100%);
-o-transform: translate(0, -100%);
transform: translate(0, -100%);
}
.pxl-hidden-template.pos-top .pxl-panel-header {
padding: 0;
position: absolute;
top: 30px;
right: 30px;
z-index: 1;
}
.pxl-hidden-template.pos-center {
background-color: rgba(0, 0, 0, 0.7);
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.pxl-hidden-template.pos-center .pxl-hidden-template-wrap {
width: 100%;
max-width: 870px;
position: relative;
-webkit-transition: all 0.3s ease;
-khtml-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transform: scale(0.6);
-khtml-transform: scale(0.6);
-moz-transform: scale(0.6);
-ms-transform: scale(0.6);
-o-transform: scale(0.6);
transform: scale(0.6);
border: 1px solid #ddd;
}
.pxl-hidden-template.pos-center .pxl-panel-header {
padding: 0;
position: absolute;
top: 15px;
right: 15px;
z-index: 1;
}
.pxl-hidden-template.pos-center .pxl-panel-content {
padding: 0;
}
.pxl-hidden-template.pos-center .pxl-close {
background-color: transparent;
}
.pxl-hidden-template.pos-center .pxl-close:after, .pxl-hidden-template.pos-center .pxl-close:before {
background-color: #fff;
}
.pxl-hidden-template.pos-center .pxl-close:hover {
background-color: transparent;
}
.pxl-hidden-template.pos-center .pxl-close:hover:after, .pxl-hidden-template.pos-center .pxl-close:hover:before {
background-color: #fff;
}
.pxl-hidden-template.pos-center.open .pxl-hidden-template-wrap {
-webkit-transform: translateX(0px);
-khtml-transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
-o-transform: translateX(0px);
transform: translateX(0px);
transition-delay: 0.3s;
-webkit-transition-delay: 0.3s;
-webkit-box-shadow: 0 2px 27px #363636;
-khtml-box-shadow: 0 2px 27px rgba(54, 54, 54, 0.13);
-moz-box-shadow: 0 2px 27px rgba(54, 54, 54, 0.13);
-ms-box-shadow: 0 2px 27px rgba(54, 54, 54, 0.13);
-o-box-shadow: 0 2px 27px rgba(54, 54, 54, 0.13);
box-shadow: 0 2px 27px rgba(54, 54, 54, 0.13);
}
.pxl-hidden-template.pos-full .pxl-panel-header {
padding: 0;
position: absolute;
top: 30px;
right: 30px;
z-index: 1;
}
.pxl-hidden-template.pos-full .pxl-panel-content {
padding: 0;
}
.pxl-hidden-template.pos-full.open .pxl-hidden-template-wrap {
-webkit-transform: scale(1);
-khtml-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.pxl-hidden-template.pxl-side-mobile.el-builder .pxl-panel-header {
padding: 20px 35px;
}
@media screen and (max-width: 575px) {
.pxl-hidden-template.pxl-side-mobile.el-builder .pxl-panel-header {
padding: 20px 15px;
}
}
.pxl-hidden-template.pxl-side-mobile.el-builder .pxl-panel-content {
padding: 10px 35px 50px 35px;
}
@media screen and (max-width: 575px) {
.pxl-hidden-template.pxl-side-mobile.el-builder .pxl-panel-content {
padding: 5px 15px 30px 15px;
}
}
.pxl-hidden-template.pxl-side-mobile.el-builder .pxl-panel-content .elementor-column-gap-default > .elementor-column.elementor-element > .elementor-element-populated {
padding: 0;
}
.admin-bar .pxl-side-cart {
top: 32px;
height: 100vh;
}
.pxl-side-cart {
width: 100%;
height: auto;
min-height: 540px;
max-width: 370px;
left: auto;
top: 0;
-webkit-transform: translate(100%, 0);
-khtml-transform: translate(100%, 0);
-moz-transform: translate(100%, 0);
-ms-transform: translate(100%, 0);
-o-transform: translate(100%, 0);
transform: translate(100%, 0);
}
.pxl-side-cart.open {
-webkit-transform: translate(0, 0);
-khtml-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.pxl-side-cart .pxl-panel-header .panel-header-inner {
justify-content: space-between;
}
.pxl-side-cart .pxl-panel-header .pxl-title {
font-size: 18px;
color: var(--primary-color);
text-transform: uppercase;
font-weight: 600;
flex-grow: 1;
}
.pxl-side-cart .pxl-panel-header .pxl-close {
background-color: transparent;
right: 0;
}
.pxl-side-cart .pxl-panel-header .pxl-close:before, .pxl-side-cart .pxl-panel-header .pxl-close:after {
background-color: var(--primary-color);
}
.pxl-side-cart .pxl-panel-header .pxl-close:hover {
background-color: transparent;
}
.pxl-side-cart .pxl-panel-header .pxl-close:hover:before, .pxl-side-cart .pxl-panel-header .pxl-close:hover:after {
background-color: var(--primary-color);
}
.pxl-side-cart .pxl-panel-content {
padding: 0 24px 35px 24px;
overflow: hidden;
position: static;
}
@media (max-width: 400px) {
.pxl-side-cart .pxl-panel-content {
padding: 0 15px 35px 15px;
}
}
.pxl-side-cart .widget_shopping_cart_content ul {
list-style: none outside;
padding: 0;
margin: 0 0 15px;
}
.pxl-side-cart .widget_shopping_cart_content ul li {
padding: 24px 10px 24px 0 !important;
position: relative;
display: block;
clear: both;
overflow: hidden;
}
.pxl-side-cart .widget_shopping_cart_content ul li + li {
border-top: 1px solid rgba(215, 215, 215, 0.3);
}
.pxl-side-cart .widget_shopping_cart_content ul li a {
display: block;
font-weight: 400;
font-size: 16px;
line-height: 1.5;
color: var(--secondary-color);
}
.pxl-side-cart .widget_shopping_cart_content ul li .remove {
position: absolute;
top: 50% !important;
transform: translateY(-50%);
right: 20px !important;
line-height: 1;
color: var(--secondary-color);
left: auto !important;
font-size: 25px;
background-color: transparent;
}
.pxl-side-cart .widget_shopping_cart_content ul li .remove:hover {
color: var(--secondary-color);
}
.pxl-side-cart .widget_shopping_cart_content ul li .quantity {
font-size: 14px;
font-weight: 600;
margin-top: 8px;
color: var(--secondary-color);
}
.pxl-side-cart .widget_shopping_cart_content ul li .amount {
color: var(--secondary-color);
font-weight: 600;
font-size: 14px;
}
.pxl-side-cart .widget_shopping_cart_content ul li .variation-Size, .pxl-side-cart .widget_shopping_cart_content ul li .variation-Size {
font-weight: 700;
padding: 0;
margin: 0;
clear: left;
color: var(--secondary-color);
margin-right: 10px;
}
.pxl-side-cart .widget_shopping_cart_content ul li .variation {
display: flex;
align-items: center;
color: var(--secondary-color);
padding-left: 0;
}
.pxl-side-cart .widget_shopping_cart_content ul li .star-rating + .woocommerce-Price-amount, .pxl-side-cart .widget_shopping_cart_content ul li .star-rating + .reviewer {
display: block;
width: 100%;
padding-left: 92px;
}
.pxl-side-cart .widget_shopping_cart_content ul li img {
float: left;
margin-right: 20px;
width: 72px;
height: auto;
-webkit-border-radius: 1px;
-khtml-border-radius: 1px;
-moz-border-radius: 1px;
-ms-border-radius: 1px;
-o-border-radius: 1px;
border-radius: 1px;
}
.pxl-side-cart .widget_shopping_cart_content ul li dl {
margin: 0;
padding-left: 1em;
border-left: 2px solid rgba(0, 0, 0, 0.1);
}
.pxl-side-cart .widget_shopping_cart_content ul li dl dt, .pxl-side-cart .widget_shopping_cart_content ul li dl dd {
display: inline-block;
float: left;
margin-bottom: 1em;
}
.pxl-side-cart .widget_shopping_cart_content ul li dl dt {
font-weight: 700;
padding: 0 0 0.25em;
margin: 0 4px 0 0;
clear: left;
}
.pxl-side-cart .widget_shopping_cart_content ul li dl dd {
padding: 0 0 0.25em;
}
.pxl-side-cart .widget_shopping_cart_content ul li dl dd p:last-child {
margin-bottom: 0;
}
.pxl-side-cart .widget_shopping_cart_content .woocommerce-mini-cart__total {
padding: 22px 0px;
border-top: 1px solid rgba(215, 215, 215, 0.3);
margin: 0;
color: var(--secondary-color);
}
.pxl-side-cart .widget_shopping_cart_content .woocommerce-mini-cart__total strong {
font-weight: 400;
}
.pxl-side-cart .widget_shopping_cart_content .woocommerce-mini-cart__total .amount {
font-weight: 500;
font-size: 20px;
line-height: 32px;
color: var(--secondary-color);
}
.pxl-side-cart .widget_shopping_cart_content .buttons .button {
display: inline-block;
}
.pxl-side-cart .pxl-hidden-template-wrap {
-webkit-transition: transform 0.8s ease 0s;
-khtml-transition: transform 0.8s ease 0s;
-moz-transition: transform 0.8s ease 0s;
-ms-transition: transform 0.8s ease 0s;
-o-transition: transform 0.8s ease 0s;
transition: transform 0.8s ease 0s;
-webkit-transform: translatex(100%);
-khtml-transform: translatex(100%);
-moz-transform: translatex(100%);
-ms-transform: translatex(100%);
-o-transform: translatex(100%);
transform: translatex(100%);
padding-bottom: 137px;
background-color: #f5ede7;
position: fixed;
top: 0;
right: 0;
height: 100%;
z-index: 9999;
width: 320px;
overflow: hidden;
}
.pxl-side-cart p.woocommerce-mini-cart__buttons {
width: 100%;
margin-bottom: 0;
display: flex;
justify-content: space-between;
flex-direction: column;
gap: 20px;
}
.pxl-side-cart p.woocommerce-mini-cart__buttons a {
font-size: 12px;
text-transform: uppercase;
background-color: var(--primary-color);
font-size: 15px;
font-weight: 500;
line-height: 19px;
border-radius: 28px 28px 28px 28px;
padding: 17px 30px 19px 32px;
display: inline-block;
width: 100%;
text-align: center;
color: #fff;
margin-left: 0;
transition: 0.3s linear;
margin-right: 0;
}
.pxl-side-cart p.woocommerce-mini-cart__buttons a:hover {
background-color: #223840;
}
.pxl-side-cart .blockOverlay {
background-color: rgba(255, 255, 255, .2) !important;
}
.pxl-side-cart .woocommerce-mini-cart__empty-message {
margin-top: 30px;
text-align: center;
color: var(--primary-color);
padding-top: 220px;
position: relative;
}
.pxl-side-cart .woocommerce-mini-cart__empty-message:before {
width: 120px;
height: 120px;
line-height: 120px;
text-align: center;
content: "\f07a";
font-family: "Font Awesome 5 Pro";
font-weight: 100;
font-size: 70px;
position: absolute;
bottom: 60px;
left: 50%;
-webkit-transform: translateX(-50%);
-khtml-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.pxl-hidden-template.pos-right.pxl-side-cart, .pxl-hidden-template.pos-left.pxl-side-cart {
background-color: transparent;
max-width: none;
height: 100%;
}
.pxl-hidden-template.pos-right.pxl-side-cart .pxl-panel-header, .pxl-hidden-template.pos-left.pxl-side-cart .pxl-panel-header {
padding: 15px 30px 15px 30px;
position: relative;
border-bottom: 1px solid #c0c6c6;
}
@media (max-width: 400px) {
.pxl-hidden-template.pos-right.pxl-side-cart .pxl-panel-header, .pxl-hidden-template.pos-left.pxl-side-cart .pxl-panel-header {
padding: 15px;
}
}
body.rtl {
direction: rtl;
unicode-bidi: embed;
text-align: right;
}
body.rtl .rtl-icon {
-webkit-transform: scaleX(-1);
-khtml-transform: scaleX(-1);
-moz-transform: scaleX(-1);
-ms-transform: scaleX(-1);
-o-transform: scaleX(-1);
transform: scaleX(-1);
display: inline-block;
}
@media screen and (min-width: 1200px) {
body.rtl .pxl-nav-menu .pxl-menu-primary > li.menu-item-has-children > a .caseicon-angle-arrow-down {
margin-left: 0;
margin-right: 8px;
}
body.rtl .pxl-menu-primary .sub-menu, body.rtl .pxl-menu-primary .children {
text-align: right;
}
body.rtl .pxl-menu-primary li a span:before {
left: auto;
right: 0;
}
body.rtl .pxl-menu-primary > li > .sub-menu:not(.pxl-mega-menu), body.rtl .pxl-menu-primary > li > .children:not(.pxl-mega-menu) {
left: auto;
right: 0;
text-align: right;
}
body.rtl .pxl-menu-primary > li > .sub-menu:not(.pxl-mega-menu) li > .sub-menu, body.rtl .pxl-menu-primary > li > .children:not(.pxl-mega-menu) li > .sub-menu, body.rtl .pxl-menu-primary > li > .sub-menu:not(.pxl-mega-menu) li > .children, body.rtl .pxl-menu-primary > li > .children:not(.pxl-mega-menu) li > .children {
left: auto;
right: 100%;
text-align: right;
}
body.rtl .pxl-menu-primary .sub-menu li.menu-item-has-children > a::after {
content: "\f136";
right: auto;
left: 0;
}
body.rtl .pxl-nav-menu.hv-style1 .pxl-menu-primary > li > a::before {
left: auto;
right: 0;
}
}
@media screen and (max-width: 1199px) {
body.rtl #pxl-header-default #pxl-nav-mobile, body.rtl #pxl-header-elementor #pxl-nav-mobile {
right: auto;
left: 15px;
}
body.rtl .pxl-header-menu {
left: auto;
right: 0;
-webkit-transform: translateX(100%);
-khtml-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
body.rtl .pxl-header-menu.active {
-webkit-transform: translateX(0%);
-khtml-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);
}
body.rtl .pxl-menu-toggle, body.rtl .pxl-menu-close, body.rtl .pxl-header-mobile-search .search-submit {
right: auto;
left: 0;
}
body.rtl .pxl-menu-primary .sub-menu li a, body.rtl .pxl-menu-primary .children li a {
padding-left: 0;
padding-right: 14px;
}
body.rtl .pxl-menu-primary .pxl-megamenu .pxl-heading {
padding-left: 0;
padding-right: 14px;
}
}
body.rtl #pxl-search-popup .pxl-item--conent form .search-submit {
right: auto;
left: 0;
text-align: left;
}
body.rtl .pxl-type-header-clip > .elementor-container .pxl-header-shape {
margin-left: 190px;
margin-right: 52px;
}
body.rtl .pxl-type-header-clip > .elementor-container .pxl-header-shape span {
transform: scaleX(-1);
}
body.rtl .pxl-type-header-clip > .elementor-container .pxl-header-shape::before {
left: auto;
right: -45px;
}
body.rtl .pxl-type-header-clip > .elementor-container .pxl-header-shape::after {
left: auto;
right: -52px;
}
body.rtl .pxl-item--post .pxl-item--meta li {
margin-right: 0;
margin-left: 20px;
}
body.rtl .pxl-item--post .pxl-item--meta li i {
margin-right: 0;
margin-left: 8px;
}
body.rtl blockquote {
padding-left: 40px;
padding-right: 40px;
margin-left: 0;
margin-right: 0;
}
body.rtl blockquote:before {
left: auto;
right: 0;
}
body.rtl .pxl--post-footer label {
margin-right: 0;
margin-left: 18px;
}
body.rtl .pxl--post-footer .pxl--tags {
margin-right: 0;
margin-left: 30px;
}
body.rtl .pxl-post--navigation .pxl--item-prev .pxl--img {
margin-right: 0;
margin-left: 22px;
}
body.rtl .pxl-post--navigation .pxl--item-prev .pxl--label i {
margin-right: 0;
margin-left: 4px;
}
body.rtl .pxl-post--navigation .pxl--item-prev .pxl--label i:before {
content: "\f134";
}
body.rtl .pxl-post--navigation .pxl--item-next {
text-align: left;
}
body.rtl .pxl-post--navigation .pxl--item-next .pxl--img {
margin-left: 0;
margin-right: 22px;
}
body.rtl .pxl-post--navigation .pxl--item-next .pxl--label i {
margin-left: 0;
margin-right: 4px;
}
body.rtl .pxl-post--navigation .pxl--item-next .pxl--label i:before {
content: "\f13a";
}
body.rtl .pxl-item--post .pxl-item--meta::before {
right: 0;
left: auto;
}
body.rtl .comment-inner img.avatar {
margin-right: 0;
margin-left: 18px;
}
body.rtl .comment-reply {
right: auto;
left: 23px;
}
body.rtl .comment-reply a i {
-webkit-transform: scaleX(-1);
-khtml-transform: scaleX(-1);
-moz-transform: scaleX(-1);
-ms-transform: scaleX(-1);
-o-transform: scaleX(-1);
transform: scaleX(-1);
margin-left: 0;
margin-right: 5px;
}
body.rtl .comment-form-cookies-consent {
padding-left: 0;
padding-right: 24px;
}
body.rtl .comment-form-cookies-consent input, body.rtl .comment-form-cookies-consent label::before, body.rtl .comment-form-cookies-consent label::after {
left: auto;
right: 0;
}
body.rtl .comment-list li .comment-respond {
margin-left: 0;
margin-right: 130px;
}
@media screen and (max-width: 767px) {
body.rtl .comment-list li .comment-respond {
margin-left: 0px;
margin-right: 78px;
}
}
@media screen and (max-width: 575px) {
body.rtl .comment-list li .comment-respond {
margin-right: 0;
}
}
body.rtl .comment-list li .children {
padding-right: 120px;
padding-left: 0;
}
@media screen and (max-width: 767px) {
body.rtl .comment-list li .children {
padding-right: 78px;
padding-left: 0;
}
}
@media screen and (max-width: 575px) {
body.rtl .comment-list li .children {
padding-right: 0;
}
}
body.rtl .comment-reply-title small {
margin-left: 0;
margin-right: 10px;
}
body.rtl .pxl-item--post .pxl-item--readmore a:hover {
padding-right: 30px;
padding-left: 48px;
}
body.rtl .pxl-item--post .pxl-item--readmore i {
right: auto;
left: 36px;
transform: translate(0, -50%) scaleX(-1);
}
body.rtl .pxl-item--post .pxl-item--readmore a:hover i {
left: 24px;
}
body.rtl .pxl-pagination-wrap .page-numbers i {
-webkit-transform: scaleX(-1);
-khtml-transform: scaleX(-1);
-moz-transform: scaleX(-1);
-ms-transform: scaleX(-1);
-o-transform: scaleX(-1);
transform: scaleX(-1);
}
body.rtl .widget-title::before, body.rtl .comment-reply-title::before, body.rtl .comments-title::before {
left: auto;
right: 0;
}
body.rtl .widget_product_categories ul li a:before, body.rtl .widget_categories ul li a:before, body.rtl .widget_nav_menu ul li a:before, body.rtl .widget_pages ul li a:before, body.rtl .widget_archive ul li a:before, body.rtl .widget_meta ul li a:before, body.rtl .widget_recent_entries ul li a:before {
content: "\f136";
margin-right: 0;
margin-left: 8px;
float: right;
}
body.rtl .widget_product_categories ul li.current-menu-item > a, body.rtl .widget_categories ul li.current-menu-item > a, body.rtl .widget_nav_menu ul li.current-menu-item > a, body.rtl .widget_pages ul li.current-menu-item > a, body.rtl .widget_archive ul li.current-menu-item > a, body.rtl .widget_meta ul li.current-menu-item > a, body.rtl .widget_recent_entries ul li.current-menu-item > a, body.rtl .widget_product_categories ul li.current-cat > a, body.rtl .widget_categories ul li.current-cat > a, body.rtl .widget_nav_menu ul li.current-cat > a, body.rtl .widget_pages ul li.current-cat > a, body.rtl .widget_archive ul li.current-cat > a, body.rtl .widget_meta ul li.current-cat > a, body.rtl .widget_recent_entries ul li.current-cat > a, body.rtl .widget_product_categories ul li.current-cat-parent > a, body.rtl .widget_categories ul li.current-cat-parent > a, body.rtl .widget_nav_menu ul li.current-cat-parent > a, body.rtl .widget_pages ul li.current-cat-parent > a, body.rtl .widget_archive ul li.current-cat-parent > a, body.rtl .widget_meta ul li.current-cat-parent > a, body.rtl .widget_recent_entries ul li.current-cat-parent > a, body.rtl .widget_product_categories ul li > a:hover, body.rtl .widget_categories ul li > a:hover, body.rtl .widget_nav_menu ul li > a:hover, body.rtl .widget_pages ul li > a:hover, body.rtl .widget_archive ul li > a:hover, body.rtl .widget_meta ul li > a:hover, body.rtl .widget_recent_entries ul li > a:hover {
padding-left: 0px;
padding-right: 16px;
}
body.rtl .widget_search .search-submit {
right: auto;
left: 0;
}
body.rtl .widget_pxl_recent_posts .pxl-item--img {
margin-right: 0;
margin-left: 12px;
}
body.rtl .widget_pxl_recent_posts .pxl-item--date i, body.rtl .widget_tag_cloud a {
margin-right: 0;
margin-left: 6px;
}
body.rtl .pxl-banner1 .pxl-item--meta {
left: auto;
right: -85px;
direction: ltr;
}
body.rtl .pxl-testimonial-carousel1 .pxl-item--star {
margin-right: 0;
margin-left: 20px;
}
body.rtl .pxl-testimonial-carousel1 .pxl-swiper-arrow {
right: auto;
left: 0;
}
body.rtl .pxl-testimonial-carousel1 .pxl-swiper-arrow.pxl-swiper-arrow-prev {
left: 74px;
}
body.rtl .pxl-testimonial-carousel1 .pxl-item--image {
margin-right: 0;
margin-left: 14px;
}
body.rtl .pxl-grid-filter .filter-item.active {
margin-right: 0;
margin-left: 24px;
}
body.rtl .pxl-grid-filter .filter-item.active:last-child {
margin-left: 0;
}
body.rtl .pxl-mailchimp.style-outline [type="email"] {
margin-right: 0;
margin-left: 20px;
}
@media screen and (max-width: 767px) {
body.rtl .pxl-mailchimp.style-outline [type="email"] {
margin-left: 0;
}
}
body.rtl .pxl-post-carousel1 .pxl-item--author img {
margin-right: 0;
margin-left: 14px;
}
body.rtl .pxl-post-carousel1 .pxl-item--date i {
margin-right: 0;
margin-left: 6px;
}
body.rtl .pxl-btn-line:hover i {
margin-left: 0;
margin-right: 12px;
}
body.rtl .pxl-link.hv-style2 a::before {
right: 0;
left: auto;
}
body.rtl .pxl-link li i {
margin-right: 0;
margin-left: 8px;
}
body.rtl .pxl-link.hv-style6 li i {
right: auto;
left: 10px;
margin: 0;
}
body.rtl .pxl-link.hv-style5 li a {
padding-left: 42px;
padding-right: 20px;
}
body.rtl .pxl-link.hv-style5 li i {
margin: 0;
right: auto;
left: 20px;
-webkit-transform: translate(0, -50%) scaleX(-1);
-khtml-transform: translate(0, -50%) scaleX(-1);
-moz-transform: translate(0, -50%) scaleX(-1);
-ms-transform: translate(0, -50%) scaleX(-1);
-o-transform: translate(0, -50%) scaleX(-1);
transform: translate(0, -50%) scaleX(-1);
}
body.rtl .pxl-link.hv-style3 a {
padding: 18px 40px 18px 20px;
}
@media screen and (max-width: 767px) {
body.rtl .pxl-link.hv-style3 a {
padding-right: 20px;
}
}
body.rtl .pxl-link.hv-style3 a:before {
left: auto;
right: 11px;
}
body.rtl .pxl-link.hv-style3 a:hover {
padding-right: 55px;
}
@media screen and (max-width: 767px) {
body.rtl .pxl-link.hv-style3 a:hover {
padding-right: 35px;
}
}
body.rtl .pxl-link.hv-style3 a:hover:before {
right: 40px;
}
@media screen and (max-width: 767px) {
body.rtl .pxl-link.hv-style3 a:hover:before {
right: 20px;
}
}
body.rtl .pxl-mailchimp.style-default [type="submit"] {
right: auto;
left: 0;
}
body.rtl .pxl-process1 .pxl--item:nth-child(2) .pxl-item--divider, body.rtl .pxl-process1 .pxl--item:nth-child(1) .pxl-item--divider {
left: -101px;
right: auto;
}
body.rtl .pxl-process1 .pxl-item--image {
right: auto;
left: 0;
}
body.rtl .pxl-testimonial-carousel2 .pxl-item--image {
margin-right: 0;
margin-left: 24px;
}
body.rtl .pxl-partner-carousel1 .pxl-swiper-arrow.pxl-swiper-arrow-next {
right: auto;
left: 0;
}
body.rtl .pxl-partner-carousel1 .pxl-swiper-arrow.pxl-swiper-arrow-prev {
left: auto;
right: 0;
}
body.rtl .pxl-partner-carousel1 .pxl-item--inner::before {
right: auto;
left: -15px;
}
body.rtl .pxl-mailchimp.style-primary [type="email"] {
margin-right: 0;
margin-left: 16px;
}
body.rtl .pxl-testimonial-single1 .pxl-item--image {
margin-right: 0;
margin-left: 20px;
}
body.rtl .pxl-testimonial-single1.style-img-larger .pxl-item--image {
margin-right: 30px;
}
body.rtl .pxl-testimonial-carousel1 .pxl-item--image, body.rtl .pxl-testimonial-grid1 .pxl-item--image {
margin-right: 0;
margin-left: 16px;
}
body.rtl .pxl-testimonial-grid1 .pxl-item--holder::before {
left: auto;
right: 40px;
transform: scaleX(-1);
}
body.rtl .pxl-icon-box2.style2 .pxl-item--icon {
margin-right: 0px;
margin-left: 20px;
}
body.rtl .pxl-icon-box2.style3 .pxl-item--icon {
margin-right: 0;
margin-left: 14px;
}
body.rtl .pxl-icon-box3 .pxl-item--icon {
margin-left: 85px;
}
@media screen and (max-width: 1199px) {
body.rtl .pxl-icon-box3 .pxl-item--icon {
margin-left: 48px;
}
}
@media screen and (max-width: 575px) {
body.rtl .pxl-icon-box3 .pxl-item--icon {
margin-left: 0;
}
}
body.rtl .pxl-banner2 .pxl-item--project .pxl-project--icon {
margin-right: 0;
margin-left: 10px;
}
body.rtl .pxl-banner2 .pxl-item--team {
margin-right: 0;
margin-left: 16px;
}
body.rtl .pxl-banner2 .pxl-item--meta {
margin-right: 0;
margin-left: 22px;
}
body.rtl .pxl-portfolio-carousel2 .pxl-item--meta {
padding-right: 20px;
padding-left: 70px;
}
body.rtl .pxl-portfolio-carousel2 .pxl-item--readmore {
right: auto;
left: 20px;
}
body.rtl .pxl-testimonial-carousel4 .pxl-item--image {
margin-right: 0;
margin-left: 28px;
}
body.rtl .pxl-swiper-arrow-style2 .pxl-swiper-arrow-wrap {
right: auto;
left: 20px;
}
body.rtl .pxl-swiper-arrow-style2 .pxl-swiper-arrow.pxl-swiper-arrow-prev {
margin-right: 0;
margin-left: 16px;
}
body.rtl .pxl-mailchimp.style-box-white2 [type="email"] {
padding-left: 0;
padding-right: 30px;
}
body.rtl .pxl-getintouch {
padding-right: 0;
}
body.rtl .pxl-getintouch li {
display: flex;
}
body.rtl .pxl-getintouch li a {
display: inherit;
}
body.rtl .pxl-getintouch li i {
margin-right: 0px;
margin-left: 10px;
top: 2px;
}
body.rtl .pxl-getintouch li i.flaticon-phone-call {
top: -2px;
-webkit-transform: rotate(-90deg);
-khtml-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
body.rtl .pxl-pricing1 .pxl-feature i {
margin-right: 0px;
margin-left: 15px;
}
@media  {
body.rtl .pxl-pricing1 .pxl-excerpt {
padding-right: 0px;
padding-left: 55px;
}
}
body.rtl .pxl-tabs1 .pxl-tabs--inner {
position: relative;
}
body.rtl .pxl-tabs1.style-button-radio .pxl-tabs--title .pxl-item--title span.pxl-notification {
margin-left: 0px;
margin-right: 15px;
}
body.rtl .pxl-tabs1.style-button-radio .pxl-tabs--title .pxl-item--title:before {
left: auto;
right: 0;
}
body.rtl .pxl-tabs1.style-button-radio .pxl-tabs--title .pxl-item--title:after {
left: auto;
right: 3px;
}
body.rtl .pxl-service-grid-layout2 a.btn-link i {
-webkit-transform: rotate(-180deg);
-khtml-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
transform: rotate(-180deg);
}
body.rtl .pxl-swiper-arrow-style1 .pxl-swiper-dots.pxl-swiper-pagination-fraction span.swiper-pagination-current {
margin-right: 0;
margin-left: 50px;
}
body.rtl .pxl-swiper-arrow-style1 .pxl-swiper-dots.pxl-swiper-pagination-fraction span.swiper-pagination-current::before {
left: auto;
right: 32px;
}
body.rtl .pxl-wapper .btn-plus-text {
flex-direction: row-reverse;
}
body.rtl .btn.btn-slider1 i {
margin-left: 0;
margin-right: 18px;
-webkit-transform: scaleX(-1);
-khtml-transform: scaleX(-1);
-moz-transform: scaleX(-1);
-ms-transform: scaleX(-1);
-o-transform: scaleX(-1);
transform: scaleX(-1);
}
body.rtl #pxl-page-title-default .pxl-breadcrumb li:before {
content: "\f13a";
margin: 0 14px;
color: inherit;
font-family: Caseicon;
font-size: 11px;
}
body.rtl #pxl-page-title-default .pxl-breadcrumb li:after {
display: none;
}
body.rtl .pxl-scroll-top {
right: auto;
left: 20px;
}
body.rtl .pxl-col-line1::before {
left: 25px;
right: auto;
}
body.rtl input[type="text"], body.rtl input[type="email"], body.rtl input[type="url"], body.rtl input[type="password"], body.rtl input[type="search"], body.rtl input[type="tel"], body.rtl input[type="number"], body.rtl input[type="range"], body.rtl input[type="date"], body.rtl input[type="month"], body.rtl input[type="week"], body.rtl input[type="time"], body.rtl input[type="datetime"], body.rtl input[type="datetime-local"], body.rtl input[type="color"], body.rtl textarea, body.rtl select, body.rtl .nice-select {
text-align: right;
}
body.rtl .pxl-contact-form .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
right: auto;
left: 18px;
}
button:not(.rm-style-default), .button, input[type="submit"] {
font-size: 15px;
font-weight: 500;
color: var(--primary-color);
padding: 0;
line-height: 26px;
-webkit-transition: all 200ms linear 0ms;
-khtml-transition: all 200ms linear 0ms;
-moz-transition: all 200ms linear 0ms;
-ms-transition: all 200ms linear 0ms;
-o-transition: all 200ms linear 0ms;
transition: all 200ms linear 0ms;
-webkit-border-radius: 0px;
-khtml-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
position: relative;
display: inline-block;
cursor: pointer;
border: none;
background-color: transparent;
background-size: 100%, 1px;
background-position: 0%;
height: auto;
}
button:not(.rm-style-default):hover, .button:hover, input[type="submit"]:hover, button:not(.rm-style-default):focus, .button:focus, input[type="submit"]:focus, button:not(.rm-style-default):active, .button:active, input[type="submit"]:active, button:not(.rm-style-default):not([disabled]):not(.disabled).active, .button:not([disabled]):not(.disabled).active, input[type="submit"]:not([disabled]):not(.disabled).active, button:not(.rm-style-default):not([disabled]):not(.disabled):active, .button:not([disabled]):not(.disabled):active, input[type="submit"]:not([disabled]):not(.disabled):active {
outline: medium none;
text-decoration: none;
background-position: 100%;
}
.btn {
display: inline-flex;
align-items: center;
font-size: 13px;
letter-spacing: 2px;
font-weight: bold;
color: var(--secondary-color);
text-transform: uppercase;
padding: 7px 20px 7px 20px;
line-height: 1em;
-webkit-transition: all 0.5s;
-khtml-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
-webkit-border-radius: 0px;
-khtml-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
position: relative;
overflow: hidden;
cursor: pointer;
border: none;
background-color: var(--primary-color);
height: auto;
}
.btn:hover i {
color: var(--secondary-color);
}
.btn:hover:before {
left: 0;
}
.btn i {
font-size: 12px;
color: var(--primary-color);
z-index: 1;
}
.btn:before {
top: 0;
left: -100%;
content: "";
-webkit-transition: all 0.5s;
-khtml-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
position: absolute;
background: rgba(0, 0, 0, .5);
width: 100%;
height: 100%;
}
.btn.btn-line .pxl--btn-text {
position: relative;
}
.btn.btn-line .pxl--btn-text:after {
content: '';
position: absolute;
width: 100%;
height: 2px;
background-color: var(--primary-color);
left: 0;
bottom: -7px;
}
.btn.outline-under {
border: solid 2px rgba(255, 255, 255, .3);
transition: 0.5s;
background-color: transparent;
padding: 7px 40px 7px 20px;
}
.btn.outline-under:hover {
border-color: var(--primary-color);
}
.btn.outline-under:hover .pxl-button-icon {
right: 10px;
color: #fff;
}
.btn.outline-under:before {
z-index: -1;
background-color: var(--primary-color);
}
.btn.outline-under .pxl-button-icon {
position: absolute;
right: 20px;
transition: 0.5s;
color: var(--primary-color);
}
.btn.outline-under .pxl-button-icon:before {
margin-left: 10px;
font-size: 12px;
}
.btn .pxl--btn-text {
display: flex;
position: relative;
text-transform: uppercase;
font-style: normal;
font-weight: bold;
font-size: 13px;
line-height: 1em;
}
.btn .pxl--btn-text:before {
content: attr(data-text);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 0;
-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
transition: transform 0.2s, opacity 0.2s;
transition-timing-function: ease, ease;
-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
white-space: nowrap;
display: flex;
align-items: center;
justify-content: center;
}
.btn .pxl--btn-text > span {
white-space: nowrap;
display: inline-block;
padding: 0;
opacity: 0;
-webkit-transform: translate3d(0, -14px, 0);
transform: translate3d(0, -14px, 0);
-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
transition: transform 0.2s, opacity 0.2s;
transition-timing-function: ease, ease;
-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
line-height: normal;
}
.btn .pxl--btn-text > span:nth-child(1) {
transition-delay: 0.04s;
}
.btn .pxl--btn-text > span:nth-child(2) {
transition-delay: 0.08s;
}
.btn .pxl--btn-text > span:nth-child(3) {
transition-delay: 0.12s;
}
.btn .pxl--btn-text > span:nth-child(4) {
transition-delay: 0.16s;
}
.btn .pxl--btn-text > span:nth-child(5) {
transition-delay: 0.2s;
}
.btn .pxl--btn-text > span:nth-child(6) {
transition-delay: 0.24s;
}
.btn .pxl--btn-text > span:nth-child(7) {
transition-delay: 0.28s;
}
.btn .pxl--btn-text > span:nth-child(8) {
transition-delay: 0.32s;
}
.btn .pxl--btn-text > span:nth-child(9) {
transition-delay: 0.36s;
}
.btn .pxl--btn-text > span:nth-child(10) {
transition-delay: 0.4s;
}
.btn .pxl--btn-text > span:nth-child(11) {
transition-delay: 0.44s;
}
.btn .pxl--btn-text > span:nth-child(12) {
transition-delay: 0.48s;
}
.btn .pxl--btn-text > span:nth-child(13) {
transition-delay: 0.52s;
}
.btn .pxl--btn-text > span:nth-child(14) {
transition-delay: 0.56s;
}
.btn .pxl--btn-text > span:nth-child(15) {
transition-delay: 0.6s;
}
.btn .pxl--btn-text > span:nth-child(16) {
transition-delay: 0.64s;
}
.btn .pxl--btn-text > span:nth-child(17) {
transition-delay: 0.68s;
}
.btn .pxl--btn-text > span:nth-child(18) {
transition-delay: 0.72s;
}
.btn .pxl--btn-text > span:nth-child(19) {
transition-delay: 0.76s;
}
.btn.btn-nina:hover .pxl--btn-text:before {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
.btn.btn-nina:hover .pxl--btn-text span {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.btn:not(:hover) .pxl--btn-text > span {
transition-delay: 0s !important;
}
.btn i {
line-height: 0;
}
.btn i.flaticon {
line-height: 1;
}
.btn.pxl-icon--right {
flex-direction: row-reverse;
}
.btn:hover, .btn:focus, .btn:active {
outline: medium none;
text-decoration: none;
color: #fff;
}
.pxl-btn-line {
font-size: 15px;
font-weight: 700;
color: #050023;
line-height: 22px;
display: inline-flex;
align-items: center;
}
.pxl-btn-line i {
line-height: 1;
margin-left: 2px;
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
opacity: 0;
}
.pxl-btn-line span {
position: relative;
}
.pxl-btn-line span:before {
content: '';
height: 1px;
background-color: #b1b0b5;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.pxl-btn-line:hover i {
margin-left: 12px;
opacity: 1;
}
.pxl-btn-line:hover span {
color: #fff;
}
.pxl-btn-line:hover span:before {
background-color: var(--primary-color);
opacity: 0.8;
}
.let-it-snow {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
z-index: 1;
}
.lis-flake, .lis-flake--js {
position: absolute;
background: #fff;
border-radius: 50%;
box-shadow: 0 0 4px #fff;
}
.lis-flake--js {
opacity: 0.2;
}
.lis-flake--stuck {
position: absolute;
background: #fff;
border-radius: 50%;
opacity: 0.7;
transition: all 0.3s ease;
}
.lis-flake:nth-child(-n+33) {
-moz-animation: snow1 8s linear infinite;
-webkit-animation: snow1 8s linear infinite;
animation: snow1 8s linear infinite;
}
.lis-flake:nth-child(n+33) {
-moz-animation: snow2 8s 4s linear infinite;
-webkit-animation: snow2 8s 4s linear infinite;
animation: snow2 8s 4s linear infinite;
}
.lis-flake:nth-child(n+66) {
-moz-animation: snow3 8s 6s linear infinite;
-webkit-animation: snow3 8s 6s linear infinite;
animation: snow3 8s 6s linear infinite;
}
.lis-flake:nth-child(1) {
left: 79%;
top: -210px;
width: 4px;
height: 5px;
transform: rotate(39deg);
}
.lis-flake:nth-child(2) {
left: 12%;
top: -500px;
width: 6px;
height: 5px;
transform: rotate(58deg);
}
.lis-flake:nth-child(3) {
left: 6%;
top: -40px;
width: 2px;
height: 5px;
transform: rotate(2deg);
}
.lis-flake:nth-child(4) {
left: 35%;
top: -340px;
width: 3px;
height: 3px;
transform: rotate(17deg);
}
.lis-flake:nth-child(5) {
left: 34%;
top: -680px;
width: 2px;
height: 5px;
transform: rotate(92deg);
}
.lis-flake:nth-child(6) {
left: 9%;
top: -780px;
width: 1px;
height: 2px;
transform: rotate(26deg);
}
.lis-flake:nth-child(7) {
left: 27%;
top: -340px;
width: 2px;
height: 1px;
transform: rotate(8deg);
}
.lis-flake:nth-child(8) {
left: 12%;
top: -310px;
width: 6px;
height: 4px;
transform: rotate(80deg);
}
.lis-flake:nth-child(9) {
left: 21%;
top: -100px;
width: 5px;
height: 1px;
transform: rotate(53deg);
}
.lis-flake:nth-child(10) {
left: 30%;
top: -690px;
width: 3px;
height: 1px;
transform: rotate(74deg);
}
.lis-flake:nth-child(11) {
left: 23%;
top: -920px;
width: 4px;
height: 4px;
transform: rotate(69deg);
}
.lis-flake:nth-child(12) {
left: 37%;
top: -870px;
width: 3px;
height: 3px;
transform: rotate(26deg);
}
.lis-flake:nth-child(13) {
left: 36%;
top: -570px;
width: 5px;
height: 6px;
transform: rotate(47deg);
}
.lis-flake:nth-child(14) {
left: 78%;
top: -730px;
width: 5px;
height: 3px;
transform: rotate(95deg);
}
.lis-flake:nth-child(15) {
left: 3%;
top: -840px;
width: 3px;
height: 2px;
transform: rotate(54deg);
}
.lis-flake:nth-child(16) {
left: 34%;
top: -960px;
width: 2px;
height: 3px;
transform: rotate(56deg);
}
.lis-flake:nth-child(17) {
left: 7%;
top: -660px;
width: 4px;
height: 1px;
transform: rotate(3deg);
}
.lis-flake:nth-child(18) {
left: 16%;
top: -510px;
width: 5px;
height: 5px;
transform: rotate(75deg);
}
.lis-flake:nth-child(19) {
left: 77%;
top: -760px;
width: 3px;
height: 1px;
transform: rotate(77deg);
}
.lis-flake:nth-child(20) {
left: 98%;
top: -240px;
width: 4px;
height: 1px;
transform: rotate(18deg);
}
.lis-flake:nth-child(21) {
left: 71%;
top: -540px;
width: 6px;
height: 5px;
transform: rotate(65deg);
}
.lis-flake:nth-child(22) {
left: 64%;
top: -650px;
width: 2px;
height: 5px;
transform: rotate(96deg);
}
.lis-flake:nth-child(23) {
left: 65%;
top: -70px;
width: 1px;
height: 3px;
transform: rotate(94deg);
}
.lis-flake:nth-child(24) {
left: 76%;
top: -970px;
width: 3px;
height: 4px;
transform: rotate(63deg);
}
.lis-flake:nth-child(25) {
left: 79%;
top: -830px;
width: 3px;
height: 4px;
transform: rotate(86deg);
}
.lis-flake:nth-child(26) {
left: 18%;
top: -540px;
width: 2px;
height: 5px;
transform: rotate(60deg);
}
.lis-flake:nth-child(27) {
left: 99%;
top: -500px;
width: 6px;
height: 6px;
transform: rotate(28deg);
}
.lis-flake:nth-child(28) {
left: 5%;
top: -270px;
width: 6px;
height: 3px;
transform: rotate(57deg);
}
.lis-flake:nth-child(29) {
left: 64%;
top: -630px;
width: 5px;
height: 3px;
transform: rotate(24deg);
}
.lis-flake:nth-child(30) {
left: 4%;
top: -130px;
width: 4px;
height: 1px;
transform: rotate(70deg);
}
.lis-flake:nth-child(31) {
left: 59%;
top: -340px;
width: 4px;
height: 6px;
transform: rotate(65deg);
}
.lis-flake:nth-child(32) {
left: 44%;
top: -100px;
width: 1px;
height: 6px;
transform: rotate(49deg);
}
.lis-flake:nth-child(33) {
left: 15%;
top: -870px;
width: 2px;
height: 6px;
transform: rotate(38deg);
}
.lis-flake:nth-child(34) {
left: 76%;
top: -490px;
width: 2px;
height: 5px;
transform: rotate(65deg);
}
.lis-flake:nth-child(35) {
left: 93%;
top: -320px;
width: 1px;
height: 5px;
transform: rotate(23deg);
}
.lis-flake:nth-child(36) {
left: 4%;
top: -620px;
width: 5px;
height: 5px;
transform: rotate(19deg);
}
.lis-flake:nth-child(37) {
left: 35%;
top: -910px;
width: 5px;
height: 4px;
transform: rotate(66deg);
}
.lis-flake:nth-child(38) {
left: 90%;
top: -460px;
width: 4px;
height: 1px;
transform: rotate(36deg);
}
.lis-flake:nth-child(39) {
left: 36%;
top: -340px;
width: 1px;
height: 1px;
transform: rotate(1deg);
}
.lis-flake:nth-child(40) {
left: 89%;
top: -170px;
width: 6px;
height: 5px;
transform: rotate(65deg);
}
.lis-flake:nth-child(41) {
left: 87%;
top: -330px;
width: 6px;
height: 6px;
transform: rotate(48deg);
}
.lis-flake:nth-child(42) {
left: 63%;
top: -520px;
width: 4px;
height: 1px;
transform: rotate(100deg);
}
.lis-flake:nth-child(43) {
left: 54%;
top: -480px;
width: 4px;
height: 4px;
transform: rotate(69deg);
}
.lis-flake:nth-child(44) {
left: 4%;
top: -290px;
width: 4px;
height: 5px;
transform: rotate(89deg);
}
.lis-flake:nth-child(45) {
left: 19%;
top: -430px;
width: 2px;
height: 6px;
transform: rotate(73deg);
}
.lis-flake:nth-child(46) {
left: 18%;
top: -290px;
width: 6px;
height: 5px;
transform: rotate(95deg);
}
.lis-flake:nth-child(47) {
left: 65%;
top: -680px;
width: 5px;
height: 3px;
transform: rotate(100deg);
}
.lis-flake:nth-child(48) {
left: 21%;
top: -390px;
width: 2px;
height: 4px;
transform: rotate(70deg);
}
.lis-flake:nth-child(49) {
left: 63%;
top: -600px;
width: 4px;
height: 2px;
transform: rotate(44deg);
}
.lis-flake:nth-child(50) {
left: 34%;
top: -10px;
width: 6px;
height: 3px;
transform: rotate(68deg);
}
.lis-flake:nth-child(51) {
left: 91%;
top: -400px;
width: 2px;
height: 6px;
transform: rotate(97deg);
}
.lis-flake:nth-child(52) {
left: 1%;
top: -740px;
width: 4px;
height: 2px;
transform: rotate(8deg);
}
.lis-flake:nth-child(53) {
left: 28%;
top: -160px;
width: 2px;
height: 5px;
transform: rotate(45deg);
}
.lis-flake:nth-child(54) {
left: 28%;
top: -170px;
width: 2px;
height: 4px;
transform: rotate(84deg);
}
.lis-flake:nth-child(55) {
left: 71%;
top: -710px;
width: 5px;
height: 5px;
transform: rotate(80deg);
}
.lis-flake:nth-child(56) {
left: 61%;
top: -120px;
width: 5px;
height: 1px;
transform: rotate(96deg);
}
.lis-flake:nth-child(57) {
left: 94%;
top: -90px;
width: 2px;
height: 2px;
transform: rotate(73deg);
}
.lis-flake:nth-child(58) {
left: 83%;
top: 0px;
width: 2px;
height: 5px;
transform: rotate(48deg);
}
.lis-flake:nth-child(59) {
left: 88%;
top: -430px;
width: 4px;
height: 5px;
transform: rotate(1deg);
}
.lis-flake:nth-child(60) {
left: 33%;
top: -30px;
width: 6px;
height: 5px;
transform: rotate(36deg);
}
.lis-flake:nth-child(61) {
left: 50%;
top: -790px;
width: 6px;
height: 4px;
transform: rotate(5deg);
}
.lis-flake:nth-child(62) {
left: 32%;
top: -960px;
width: 2px;
height: 4px;
transform: rotate(45deg);
}
.lis-flake:nth-child(63) {
left: 79%;
top: -880px;
width: 3px;
height: 4px;
transform: rotate(23deg);
}
.lis-flake:nth-child(64) {
left: 13%;
top: -10px;
width: 4px;
height: 4px;
transform: rotate(9deg);
}
.lis-flake:nth-child(65) {
left: 92%;
top: -340px;
width: 4px;
height: 4px;
transform: rotate(30deg);
}
.lis-flake:nth-child(66) {
left: 26%;
top: -210px;
width: 6px;
height: 2px;
transform: rotate(29deg);
}
.lis-flake:nth-child(67) {
left: 77%;
top: -590px;
width: 1px;
height: 6px;
transform: rotate(13deg);
}
.lis-flake:nth-child(68) {
left: 15%;
top: -70px;
width: 5px;
height: 3px;
transform: rotate(37deg);
}
.lis-flake:nth-child(69) {
left: 71%;
top: -180px;
width: 6px;
height: 4px;
transform: rotate(60deg);
}
.lis-flake:nth-child(70) {
left: 41%;
top: -930px;
width: 2px;
height: 5px;
transform: rotate(94deg);
}
.lis-flake:nth-child(71) {
left: 93%;
top: -870px;
width: 5px;
height: 3px;
transform: rotate(42deg);
}
.lis-flake:nth-child(72) {
left: 54%;
top: -470px;
width: 1px;
height: 5px;
transform: rotate(90deg);
}
.lis-flake:nth-child(73) {
left: 31%;
top: -520px;
width: 3px;
height: 5px;
transform: rotate(42deg);
}
.lis-flake:nth-child(74) {
left: 18%;
top: -810px;
width: 5px;
height: 3px;
transform: rotate(8deg);
}
.lis-flake:nth-child(75) {
left: 12%;
top: -660px;
width: 3px;
height: 4px;
transform: rotate(64deg);
}
.lis-flake:nth-child(76) {
left: 17%;
top: -860px;
width: 5px;
height: 6px;
transform: rotate(73deg);
}
.lis-flake:nth-child(77) {
left: 82%;
top: -690px;
width: 1px;
height: 4px;
transform: rotate(68deg);
}
.lis-flake:nth-child(78) {
left: 8%;
top: -850px;
width: 4px;
height: 5px;
transform: rotate(30deg);
}
.lis-flake:nth-child(79) {
left: 19%;
top: -420px;
width: 5px;
height: 2px;
transform: rotate(100deg);
}
.lis-flake:nth-child(80) {
left: 7%;
top: -810px;
width: 5px;
height: 1px;
transform: rotate(68deg);
}
.lis-flake:nth-child(81) {
left: 18%;
top: -450px;
width: 2px;
height: 4px;
transform: rotate(82deg);
}
.lis-flake:nth-child(82) {
left: 26%;
top: -900px;
width: 5px;
height: 3px;
transform: rotate(26deg);
}
.lis-flake:nth-child(83) {
left: 86%;
top: -590px;
width: 1px;
height: 2px;
transform: rotate(73deg);
}
.lis-flake:nth-child(84) {
left: 72%;
top: -230px;
width: 2px;
height: 2px;
transform: rotate(55deg);
}
.lis-flake:nth-child(85) {
left: 26%;
top: -700px;
width: 6px;
height: 3px;
transform: rotate(11deg);
}
.lis-flake:nth-child(86) {
left: 46%;
top: -840px;
width: 2px;
height: 2px;
transform: rotate(100deg);
}
.lis-flake:nth-child(87) {
left: 5%;
top: -600px;
width: 4px;
height: 3px;
transform: rotate(46deg);
}
.lis-flake:nth-child(88) {
left: 6%;
top: -610px;
width: 6px;
height: 4px;
transform: rotate(65deg);
}
.lis-flake:nth-child(89) {
left: 45%;
top: -420px;
width: 3px;
height: 5px;
transform: rotate(80deg);
}
.lis-flake:nth-child(90) {
left: 45%;
top: -100px;
width: 6px;
height: 1px;
transform: rotate(33deg);
}
.lis-flake:nth-child(91) {
left: 6%;
top: -830px;
width: 3px;
height: 6px;
transform: rotate(4deg);
}
.lis-flake:nth-child(92) {
left: 58%;
top: -770px;
width: 1px;
height: 3px;
transform: rotate(89deg);
}
.lis-flake:nth-child(93) {
left: 23%;
top: -870px;
width: 4px;
height: 6px;
transform: rotate(32deg);
}
.lis-flake:nth-child(94) {
left: 89%;
top: -340px;
width: 6px;
height: 4px;
transform: rotate(7deg);
}
.lis-flake:nth-child(95) {
left: 46%;
top: -790px;
width: 4px;
height: 2px;
transform: rotate(91deg);
}
.lis-flake:nth-child(96) {
left: 94%;
top: -140px;
width: 6px;
height: 5px;
transform: rotate(22deg);
}
.lis-flake:nth-child(97) {
left: 32%;
top: -430px;
width: 3px;
height: 1px;
transform: rotate(55deg);
}
.lis-flake:nth-child(98) {
left: 85%;
top: -40px;
width: 6px;
height: 1px;
transform: rotate(64deg);
}
.lis-flake:nth-child(99) {
left: 66%;
top: -710px;
width: 1px;
height: 1px;
transform: rotate(42deg);
}
.lis-flake:nth-child(100) {
left: 33%;
top: -790px;
width: 1px;
height: 4px;
transform: rotate(55deg);
}
@-moz-keyframes snow1 {
0% {
-moz-transform: translate(-250px, 0);
opacity: 1;
}
100% {
-moz-transform: translate(250px, 1500px);
opacity: 0;
}
}
@-moz-keyframes snow2 {
0% {
-moz-transform: translate(0, 0);
opacity: 1;
}
100% {
-moz-transform: translate(250px, 2500px);
opacity: 0.5;
}
}
@-moz-keyframes snow3 {
0% {
-moz-transform: translate(0, 0);
opacity: 1;
}
100% {
-moz-transform: translate(0, 2500px);
opacity: 0.5;
}
}
@-webkit-keyframes snow1 {
0% {
-webkit-transform: translate(-250px, 0);
opacity: 1;
}
100% {
-webkit-transform: translate(250px, 1500px);
opacity: 0;
}
}
@-webkit-keyframes snow2 {
0% {
-webkit-transform: translate(0, 0);
opacity: 1;
}
100% {
-webkit-transform: translate(250px, 2500px);
opacity: 0.5;
}
}
@-webkit-keyframes snow3 {
0% {
-webkit-transform: translate(0, 0);
opacity: 1;
}
100% {
-webkit-transform: translate(0, 2500px);
opacity: 0.5;
}
}
@keyframes snow1 {
0% {
transform: translate(-250px, 0);
opacity: 1;
}
100% {
transform: translate(250px, 1500px);
opacity: 0;
}
}
@keyframes snow2 {
0% {
transform: translate(0, 0);
opacity: 1;
}
100% {
transform: translate(250px, 2500px);
opacity: 0.5;
}
}
@keyframes snow3 { 0% {
transform: translate(0, 0);
opacity: 1;
}
100% {
transform: translate(0, 2500px);
opacity: 0.5;
}
}
.pxl-gallery-carousel.layout-1 {
position: relative;
}
.pxl-gallery-carousel.layout-1 .pxl-swiper-container {
margin: 0 -10px;
}
.pxl-gallery-carousel.layout-1 .pxl-swiper-slide {
padding: 0 10px;
}
@media (min-width: 575px) {
.pxl-gallery-carousel.layout-1 .pxl-swiper-slide {
width: auto !important;
}
}
.pxl-gallery-carousel.layout-1 .item-inner {
position: relative;
}
.pxl-gallery-carousel.layout-1 .item-inner .item-image img {
height: 320px;
-webkit-transform: scale(1);
-khtml-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: transform 0.5s;
-khtml-transition: transform 0.5s;
-moz-transition: transform 0.5s;
-ms-transition: transform 0.5s;
-o-transition: transform 0.5s;
transition: transform 0.5s;
}
@media (max-width: 575px) {
.pxl-gallery-carousel.layout-1 .item-inner .item-image img {
width: 100%;
object-fit: cover;
}
}
.pxl-gallery-carousel.layout-1 .item-inner .pxl-overlay {
position: absolute;
background-color: rgba(49, 46, 36, 0.5);
opacity: 0;
-webkit-transform: scale(0.5);
-khtml-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
-webkit-transition: all 0.5s;
-khtml-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
width: calc(100% - 10px);
height: calc(100% - 10px);
top: 5px;
left: 5px;
}
.pxl-gallery-carousel.layout-1 .item-inner .pxl-overlay .pxl-item--text {
position: absolute;
bottom: 24px;
font-size: 15px;
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
}
.pxl-gallery-carousel.layout-1 .item-inner .pxl-galleries-light-box {
display: inline-block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
-webkit-transition: all 0.5s ease 0.2s;
-khtml-transition: all 0.5s ease 0.2s;
-moz-transition: all 0.5s ease 0.2s;
-ms-transition: all 0.5s ease 0.2s;
-o-transition: all 0.5s ease 0.2s;
transition: all 0.5s ease 0.2s;
}
.pxl-gallery-carousel.layout-1 .item-inner .pxl-galleries-light-box:before {
content: "\f102";
font-family: "Flaticon";
width: 28px;
-webkit-transition: all 0.5s;
-khtml-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
font-size: 28px;
height: 35px;
position: absolute;
top: 50%;
left: 50%;
transform: rotateY(180deg) translate(50%, -50%);
}
.pxl-gallery-carousel.layout-1 .item-inner:hover .item-image img {
-webkit-transform: scale(1.05);
-khtml-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}
.pxl-gallery-carousel.layout-1 .item-inner:hover .pxl-overlay {
opacity: 1;
-webkit-transform: scale(1);
-khtml-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.pxl-gallery-carousel.layout-1 .item-inner:hover .pxl-galleries-light-box {
opacity: 1;
}
.pxl-gallery-carousel.layout-1 .pxl-swiper-arrow {
font-size: 20px;
width: 52px;
height: 52px;
line-height: 1;
display: inline-flex;
justify-content: center;
align-items: center;
z-index: 2;
text-align: center;
cursor: pointer;
background-color: #fff;
}
@media (max-width: ) {
.pxl-gallery-carousel.layout-1 .pxl-swiper-arrow {
font-size: 16px;
width: 46px;
height: 46px;
line-height: 44px;
}
}
.pxl-gallery-carousel.layout-1 .pxl-swiper-arrow.pxl-swiper-arrow-prev {
left: -110px;
border-top-right-radius: 110px;
border-bottom-right-radius: 110px;
}
@media (max-width: ) {
.pxl-gallery-carousel.layout-1 .pxl-swiper-arrow.pxl-swiper-arrow-prev {
left: 0;
}
.pxl-gallery-carousel.layout-1 .pxl-swiper-arrow.pxl-swiper-arrow-prev:before {
width: auto;
}
}
@media (max-width: ) {
.pxl-gallery-carousel.layout-1 .pxl-swiper-arrow.pxl-swiper-arrow-prev {
left: 0;
}
.pxl-gallery-carousel.layout-1 .pxl-swiper-arrow.pxl-swiper-arrow-prev:before {
width: auto;
}
}
@media (max-width: 1300px) {
.pxl-gallery-carousel.layout-1 .pxl-swiper-arrow.pxl-swiper-arrow-prev {
left: 0;
}
}
.pxl-gallery-carousel.layout-1 .pxl-swiper-arrow.pxl-swiper-arrow-next {
right: -100px;
border-top-left-radius: 110px;
border-bottom-left-radius: 110px;
}
@media (max-width: ) {
.pxl-gallery-carousel.layout-1 .pxl-swiper-arrow.pxl-swiper-arrow-next {
right: 0;
}
.pxl-gallery-carousel.layout-1 .pxl-swiper-arrow.pxl-swiper-arrow-next:before {
width: auto;
}
}
@media (max-width: ) {
.pxl-gallery-carousel.layout-1 .pxl-swiper-arrow.pxl-swiper-arrow-next {
right: 0;
}
.pxl-gallery-carousel.layout-1 .pxl-swiper-arrow.pxl-swiper-arrow-next:before {
width: auto;
}
}
@media (max-width: 1300px) {
.pxl-gallery-carousel.layout-1 .pxl-swiper-arrow.pxl-swiper-arrow-next {
right: 0;
}
}
.pxl-gallery-carousel.layout-1 .pxl-swiper-arrow:hover {
color: var(--primary-color);
background-color: rgba(255, 255, 255, 0.8);
border-color: rgba(255, 255, 255, 0.8);
}
.pxl-gallery-carousel.layout-1 .nav-in-vertical .pxl-swiper-arrow-prev {
left: 50px;
}
@media (max-width: ) {
.pxl-gallery-carousel.layout-1 .nav-in-vertical .pxl-swiper-arrow-prev {
left: 30px;
}
}
@media (max-width: ) {
.pxl-gallery-carousel.layout-1 .nav-in-vertical .pxl-swiper-arrow-prev {
left: 15px;
}
}
.pxl-gallery-carousel.layout-1 .nav-in-vertical .pxl-swiper-arrow-next {
right: 50px;
}
@media (max-width: ) {
.pxl-gallery-carousel.layout-1 .nav-in-vertical .pxl-swiper-arrow-next {
right: 30px;
}
}
@media (max-width: ) {
.pxl-gallery-carousel.layout-1 .nav-in-vertical .pxl-swiper-arrow-next {
right: 15px;
}
}
.nav-in-vertical .pxl-swiper-arrow, .nav-out-vertical .pxl-swiper-arrow {
position: absolute;
top: 45%;
-webkit-transform: translate(0, -50%);
-khtml-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.nav-out-vertical .pxl-swiper-arrow-prev, .nav-out-vertical .pxl-swiper-arrow-next {
visibility: visible;
}
.nav-in-vertical .pxl-swiper-arrow-prev {
left: 0;
}
.nav-in-vertical .pxl-swiper-arrow-next {
right: 0;
}
.nav-in-vertical.arrow-on-hover .pxl-swiper-arrow-prev {
opacity: 0;
-webkit-transform: translate(50px, -50%);
-khtml-transform: translate(50px, -50%);
-moz-transform: translate(50px, -50%);
-ms-transform: translate(50px, -50%);
-o-transform: translate(50px, -50%);
transform: translate(50px, -50%);
-webkit-transition: all 0.3s linear 0s;
-khtml-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
visibility: visible;
}
.nav-in-vertical.arrow-on-hover .pxl-swiper-arrow-next {
opacity: 0;
-webkit-transform: translate(-50px, -50%);
-khtml-transform: translate(-50px, -50%);
-moz-transform: translate(-50px, -50%);
-ms-transform: translate(-50px, -50%);
-o-transform: translate(-50px, -50%);
transform: translate(-50px, -50%);
-webkit-transition: all 0.3s linear 0s;
-khtml-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
visibility: visible;
}
.pxl-swiper-slider:hover .nav-out-vertical .pxl-swiper-arrow-next {
opacity: 1;
right: -60px;
}
.pxl-swiper-slider:hover .nav-out-vertical .pxl-swiper-arrow-prev {
opacity: 1;
left: -10px;
}
@media (max-width: ) {
.pxl-swiper-slider:hover .nav-in-vertical .pxl-swiper-arrow-prev, .pxl-swiper-slider:focus .nav-in-vertical .pxl-swiper-arrow-prev, .pxl-swiper-slider:hover .nav-out-vertical .pxl-swiper-arrow-prev, .pxl-swiper-slider:focus .nav-out-vertical .pxl-swiper-arrow-prev, .pxl-swiper-slider:hover .nav-in-vertical .pxl-swiper-arrow-next, .pxl-swiper-slider:focus .nav-in-vertical .pxl-swiper-arrow-next, .pxl-swiper-slider:hover .nav-out-vertical .pxl-swiper-arrow-next, .pxl-swiper-slider:focus .nav-out-vertical .pxl-swiper-arrow-next {
opacity: 1;
-webkit-transform: translate(0, -50%);
-khtml-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
}
}
.pxl-swiper-slider:hover .nav-in-vertical.arrow-on-hover .pxl-swiper-arrow-prev, .pxl-swiper-slider:focus .nav-in-vertical.arrow-on-hover .pxl-swiper-arrow-prev, .pxl-swiper-slider:hover .nav-out-vertical.arrow-on-hover .pxl-swiper-arrow-prev, .pxl-swiper-slider:focus .nav-out-vertical.arrow-on-hover .pxl-swiper-arrow-prev, .pxl-swiper-slider:hover .nav-in-vertical.arrow-on-hover .pxl-swiper-arrow-next, .pxl-swiper-slider:focus .nav-in-vertical.arrow-on-hover .pxl-swiper-arrow-next, .pxl-swiper-slider:hover .nav-out-vertical.arrow-on-hover .pxl-swiper-arrow-next, .pxl-swiper-slider:focus .nav-out-vertical.arrow-on-hover .pxl-swiper-arrow-next {
opacity: 1;
-webkit-transform: translate(0, -50%);
-khtml-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.pxl-mailchimp .mc4wp-form {
position: relative;
}
.pxl-mailchimp .mc4wp-response {
position: absolute;
top: 100%;
left: 0;
z-index: 999;
}
.pxl-mailchimp .mc4wp-alert {
background-color: #fff;
border-radius: 5px;
padding: 15px 20px;
font-size: 14px;
box-shadow: 0 0 35px rgba(0, 0, 0, 0.06);
margin-top: 25px;
position: relative;
max-width: 350px;
}
.pxl-mailchimp .mc4wp-alert:before {
content: '';
position: absolute;
top: -18px;
left: 20px;
border-width: 10px;
border-style: solid;
border-color: transparent transparent #fff transparent;
}
.pxl-mailchimp .mc4wp-alert p {
margin: 0;
}
.pxl-mailchimp [type="submit"] {
white-space: nowrap;
}
.pxl-mailchimp.style-default .mc4wp-form-fields {
position: relative;
}
.pxl-mailchimp.style-default [type="email"] {
height: 54px;
border: 1px solid var(--primary-color);
-webkit-border-radius: 54px;
-khtml-border-radius: 54px;
-moz-border-radius: 54px;
-ms-border-radius: 54px;
-o-border-radius: 54px;
border-radius: 54px;
background-color: transparent;
font-size: 12px;
color: #b8b8b8;
padding: 0 22px;
min-width: 280px;
}
.pxl-mailchimp.style-default [type="submit"] {
position: absolute;
top: 0;
right: 0;
padding: 0 32px;
line-height: 54px;
font-size: 14px;
text-transform: uppercase;
}
@media screen and (max-width: 1199px) {
.pxl-mailchimp.style-default [type="submit"] {
padding: 0 22px;
}
}
.pxl-mailchimp.style-box-round .mc4wp-form-fields {
position: relative;
}
.pxl-mailchimp.style-box-round [type="email"] {
height: 65px;
-webkit-border-radius: 65px;
-khtml-border-radius: 65px;
-moz-border-radius: 65px;
-ms-border-radius: 65px;
-o-border-radius: 65px;
border-radius: 65px;
background-color: rgba(255, 255, 255, 0.24);
font-size: 15px;
color: #e4e4e4;
padding: 0 22px;
min-width: 280px;
border: none;
padding-left: 48px;
}
@media screen and (max-width: 1199px) {
.pxl-mailchimp.style-box-round [type="email"] {
padding-left: 30px;
}
}
.pxl-mailchimp.style-box-round [type="submit"] {
position: absolute;
top: 0;
right: 0;
padding: 0 50px;
line-height: 65px;
font-size: 20px;
font-weight: 600;
letter-spacing: 0px;
}
@media screen and (max-width: 1199px) {
.pxl-mailchimp.style-box-round [type="submit"] {
padding: 0 22px;
}
}
.pxl-mailchimp.style-outline .mc4wp-form-fields {
display: flex;
flex-wrap: nowrap;
}
@media screen and (max-width: 767px) {
.pxl-mailchimp.style-outline .mc4wp-form-fields {
display: block;
}
}
.pxl-mailchimp.style-outline [type="email"] {
height: 50px;
border: none;
border-bottom: 1px solid #fff;
-webkit-border-radius: 0px;
-khtml-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
background-color: transparent;
font-size: 16px;
color: #bfbfbf;
padding: 0;
width: auto;
min-width: 320px;
margin-right: 30px;
}
.pxl-mailchimp.style-outline [type="email"]:focus {
color: #fff;
border-color: rgba(255, 255, 255, 0.67);
}
@media screen and (max-width: 1199px) {
.pxl-mailchimp.style-outline [type="email"] {
margin-right: 20px;
min-width: 220px;
}
}
.pxl-mailchimp.style-outline [type="submit"] {
padding: 0 40px;
line-height: 50px;
font-size: 16px;
font-weight: 500;
overflow: hidden;
z-index: 1;
}
@media screen and (max-width: 1199px) {
.pxl-mailchimp.style-outline [type="submit"] {
padding: 0 22px;
}
}
@media screen and (max-width: 767px) {
.pxl-mailchimp.style-outline [type="submit"] {
margin-top: 20px;
}
}
.pxl-mailchimp.style-outline.style-btn-default [type="submit"]:before {
content: '';
z-index: -1;
position: absolute;
top: 50%;
left: 100%;
margin: -15px 0 0 1px;
width: 30px;
height: 30px;
border-radius: 50%;
background: rgba(0, 0, 0, 0.08);
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transform: scale3d(1, 2, 1);
transform: scale3d(1, 2, 1);
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
transition-timing-function: ease, ease;
-webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
}
.pxl-mailchimp.style-outline.style-btn-default [type="submit"]:hover:before {
-webkit-transform: scale3d(9, 9, 1);
transform: scale3d(9, 9, 1);
}
.pxl-mailchimp.style-outline.style-btn-default [type="submit"]:hover, .pxl-mailchimp.style-outline.style-btn-default [type="submit"]:focus {
background: var(--primary-color);
}
.pxl-mailchimp.style-primary .mc4wp-form-fields {
display: flex;
flex-wrap: nowrap;
}
@media screen and (max-width: 991px) {
.pxl-mailchimp.style-primary .mc4wp-form-fields {
display: block;
}
}
.pxl-mailchimp.style-primary [type="email"] {
height: 54px;
border: none;
border: none;
-webkit-border-radius: 54px;
-khtml-border-radius: 54px;
-moz-border-radius: 54px;
-ms-border-radius: 54px;
-o-border-radius: 54px;
border-radius: 54px;
background-color: #3b3f38;
font-size: 16px;
color: #fff;
padding-left: 26px;
width: auto;
min-width: 320px;
margin-right: 16px;
}
@media screen and (max-width: 1199px) {
.pxl-mailchimp.style-primary [type="email"] {
min-width: 220px;
}
}
@media screen and (max-width: 991px) {
.pxl-mailchimp.style-primary [type="email"] {
width: 100%;
margin-right: 0;
margin-left: 0;
}
}
.pxl-mailchimp.style-primary [type="submit"] {
padding: 0 34px;
line-height: 54px;
font-size: 16px;
font-weight: 600;
color: var(--primary-color);
z-index: 1;
text-transform: uppercase;
}
@media screen and (max-width: 1199px) {
.pxl-mailchimp.style-primary [type="submit"] {
padding: 0 22px;
}
}
@media screen and (max-width: 991px) {
.pxl-mailchimp.style-primary [type="submit"] {
margin-top: 20px;
}
}
.pxl-mailchimp.style-box-white {
-webkit-border-radius: 42px;
-khtml-border-radius: 42px;
-moz-border-radius: 42px;
-ms-border-radius: 42px;
-o-border-radius: 42px;
border-radius: 42px;
background-color: #fff;
padding: 13px 18px 13px 40px;
}
.pxl-mailchimp.style-box-white [type="email"] {
font-size: 15px;
color: #79949f;
padding: 0 0 0 60px;
background-image: url(//elissahotel.com.my/wp-content/themes/seaside/assets/img/mail.png);
background-position: left -10px center;
background-repeat: no-repeat;
border: none;
margin-right: 10px;
}
.pxl-mailchimp.style-box-white [type="submit"] {
line-height: 58px;
padding: 0 26px;
}
.pxl-mailchimp.style-box-white .mc4wp-form-fields {
display: flex;
flex-wrap: nowrap;
align-items: center;
}
@media screen and (max-width: 767px) {
.pxl-mailchimp.style-box-white .mc4wp-form-fields {
display: block;
}
}
.pxl-mailchimp.style-box-white2 {
-webkit-border-radius: 42px;
-khtml-border-radius: 42px;
-moz-border-radius: 42px;
-ms-border-radius: 42px;
-o-border-radius: 42px;
border-radius: 42px;
background-color: #fff;
padding: 5px;
-webkit-box-shadow: 0 1px 62px rgba(0, 0, 0, 0.08);
-khtml-box-shadow: 0 1px 62px rgba(0, 0, 0, 0.08);
-moz-box-shadow: 0 1px 62px rgba(0, 0, 0, 0.08);
-ms-box-shadow: 0 1px 62px rgba(0, 0, 0, 0.08);
-o-box-shadow: 0 1px 62px rgba(0, 0, 0, 0.08);
box-shadow: 0 1px 62px rgba(0, 0, 0, 0.08);
}
.pxl-mailchimp.style-box-white2 [type="email"] {
font-size: 15px;
color: #747e8c;
padding: 0 0 0 30px;
border: none;
height: 50px;
-webkit-border-radius: 50px;
-khtml-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
-o-border-radius: 50px;
border-radius: 50px;
width: auto;
flex-grow: 1;
}
@media screen and (max-width: 767px) {
.pxl-mailchimp.style-box-white2 [type="email"] {
padding-left: 20px;
}
}
.pxl-mailchimp.style-box-white2 [type="submit"] {
line-height: 50px;
padding: 0 30px;
font-size: 16px;
}
@media screen and (max-width: 767px) {
.pxl-mailchimp.style-box-white2 [type="submit"] {
position: absolute;
top: 0;
right: 0;
padding: 0;
width: 50px;
height: 50px;
font-size: 0px;
}
.pxl-mailchimp.style-box-white2 [type="submit"]:before {
content: "\f13b";
font-family: "Caseicon";
font-size: 16px;
font-weight: 400;
}
}
.pxl-mailchimp.style-box-white2 .mc4wp-form-fields {
display: inline-flex;
flex-wrap: nowrap;
align-items: center;
width: 100%;
}
.pxl-nav-menu.icon-on .pxl-menu-primary > li:first-child > a:after {
float: right;
position: relative;
font-family: "Font Awesome 5 Pro";
content: "\f111";
font-weight: 900;
font-size: 6px;
margin-left: 20px;
margin-top: 0px;
color: var(--primary-color);
}
.pxl-nav-menu .pxl-menu-primary > li.menu-item-has-children > a i:before {
transition: 0.3s linear;
}
.pxl-nav-menu .pxl-menu-primary > li.menu-item-has-children > a:hover i:before {
transform: rotateZ(180deg);
}
.pxl-nav-menu .pxl-menu-primary > li.menu-item-has-children > a .caseicon-angle-arrow-down {
display: inline-flex;
line-height: 1;
margin-left: 5px;
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
opacity: 1;
}
.pxl-nav-menu .sub-menu li.menu-item-has-children > a:after {
content: "\f14d";
position: absolute;
top: 50%;
right: 10px;
-webkit-transform: translate(0, -50%);
-khtml-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
font-size: 10px;
font-family: "Caseicon";
font-weight: 400;
}
.pxl-nav-hidden .pxl-menu-toggle {
display: block;
position: absolute;
top: 10px;
height: 34px;
line-height: 34px;
text-align: center;
right: 0px;
width: 28px;
cursor: pointer;
font-size: 10px;
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
color: #fff;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
.pxl-nav-hidden .pxl-menu-toggle:before {
content: "\f150";
font-family: "Caseicon";
}
.pxl-nav-hidden .pxl-menu-toggle.active {
background-color: #fff;
color: #000;
}
.pxl-nav-hidden .pxl-menu-toggle.active:before {
content: "\f13d";
}
.pxl-nav-hidden .pxl-menu-hidden {
list-style: none;
margin: 0;
padding: 0;
}
.pxl-nav-hidden .pxl-menu-hidden li {
position: relative;
}
.pxl-nav-hidden .pxl-menu-hidden li a {
font-family: "Montserrat";
font-weight: 600;
text-transform: uppercase;
font-size: 40px;
padding: 15px 0;
display: block;
cursor: pointer;
letter-spacing: 5px;
}
.pxl-nav-hidden .pxl-menu-hidden li > a:hover, .pxl-nav-hidden .pxl-menu-hidden li > a.current, .pxl-nav-hidden .pxl-menu-hidden li.current_page_item > a, .pxl-nav-hidden .pxl-menu-hidden li.current-menu-item > a, .pxl-nav-hidden .pxl-menu-hidden li.current_page_ancestor > a, .pxl-nav-hidden .pxl-menu-hidden li.current-menu-ancestor > a {
color: var(--primary-color);
}
.pxl-nav-hidden .pxl-menu-hidden .sub-menu, .pxl-nav-hidden .pxl-menu-hidden .children {
position: relative;
display: none;
list-style: none;
margin: 0;
padding: 10px 0;
}
.pxl-nav-hidden .pxl-menu-hidden .sub-menu li a, .pxl-nav-hidden .pxl-menu-hidden .children li a {
font-family: "Montserrat";
font-weight: 500;
text-transform: uppercase;
font-size: 20px;
padding: 5px 0;
display: block;
cursor: pointer;
letter-spacing: 0;
opacity: 0.75;
}
.pxl-nav-hidden .pxl-menu-hidden > li > .sub-menu > li > .sub-menu > li a {
padding-left: 28px;
}
.pxl-logo-nav1 {
display: inline-flex;
background-color: #040900;
align-items: center;
}
.pxl-logo-nav1 .pxl-logo-wrap {
padding: 0 95px;
}
.pxl-logo-nav1 .pxl-logo-wrap img {
max-height: 47px;
width: auto;
}
.pxl-logo-nav1 .pxl-nav-wrap {
display: none;
height: 118px !important;
opacity: 1 !important;
}
.pxl-logo-nav1 .pxl-menu-primary {
margin-right: 70px;
}
.pxl-logo-nav1 .pxl-menu-primary > li > a {
color: #fff;
font-size: 15px;
line-height: 118px;
}
.pxl-logo-nav1 .pxl-menu-primary > li > a:before {
content: '';
width: 0;
height: 2px;
background-color: var(--primary-color);
position: absolute;
top: 50%;
left: 0;
margin: 11px auto 0 auto;
}
.pxl-logo-nav1 .pxl-menu-primary > li.menu-item-has-children > a {
position: relative;
}
.pxl-logo-nav1 .pxl-menu-primary > li.menu-item-has-children > a .caseicon-angle-arrow-down {
display: inline-flex;
font-size: 10px;
line-height: 1;
margin-left: 6px;
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.pxl-logo-nav1 .pxl-menu-primary > li:hover > a .caseicon-angle-arrow-down {
-webkit-transform: rotateX(-180deg);
-khtml-transform: rotateX(-180deg);
-moz-transform: rotateX(-180deg);
-ms-transform: rotateX(-180deg);
-o-transform: rotateX(-180deg);
transform: rotateX(-180deg);
}
.pxl-logo-nav1 .pxl-menu-primary > li:hover > a:before, .pxl-logo-nav1 .pxl-menu-primary > li.current_page_item > a:before, .pxl-logo-nav1 .pxl-menu-primary > li.current-menu-item > a:before, .pxl-logo-nav1 .pxl-menu-primary > li.current_page_ancestor > a:before, .pxl-logo-nav1 .pxl-menu-primary > li.current-menu-ancestor > a:before {
width: 100%;
}
.pxl-logo-nav1 .pxl-nav-button {
width: 118px;
height: 118px;
background-color: #fff;
position: relative;
cursor: pointer;
}
.pxl-logo-nav1 .pxl-nav-button .pxl-nav-divider {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 40px;
height: 40px;
overflow: hidden;
}
.pxl-logo-nav1 .pxl-nav-button .pxl-nav-divider i {
-webkit-border-radius: 1px;
-khtml-border-radius: 1px;
-moz-border-radius: 1px;
-ms-border-radius: 1px;
-o-border-radius: 1px;
border-radius: 1px;
height: 2px;
background-color: #000;
left: 0;
position: absolute;
-webkit-transition: all 200ms linear 0ms;
-khtml-transition: all 200ms linear 0ms;
-moz-transition: all 200ms linear 0ms;
-ms-transition: all 200ms linear 0ms;
-o-transition: all 200ms linear 0ms;
transition: all 200ms linear 0ms;
}
.pxl-logo-nav1 .pxl-nav-button .pxl-nav-divider i:nth-child(1) {
top: 7px;
width: 40px;
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.pxl-logo-nav1 .pxl-nav-button .pxl-nav-divider i:nth-child(2) {
top: 19px;
width: 22px;
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.pxl-logo-nav1 .pxl-nav-button .pxl-nav-divider i:nth-child(3) {
top: 31px;
width: 22px;
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.pxl-logo-nav1 .pxl-nav-button .pxl-nav-divider i:nth-child(4) {
width: 40px;
transform: rotate(45deg) translateX(100%);
top: 30px;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.pxl-logo-nav1 .pxl-nav-button.active .pxl-nav-divider i {
width: 100%;
}
.pxl-logo-nav1 .pxl-nav-button.active .pxl-nav-divider i:nth-child(1), .pxl-logo-nav1 .pxl-nav-button.active .pxl-nav-divider i:nth-child(3) {
-webkit-transform: translateX(-100%);
-khtml-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.pxl-logo-nav1 .pxl-nav-button.active .pxl-nav-divider i:nth-child(1) {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.pxl-logo-nav1 .pxl-nav-button.active .pxl-nav-divider i:nth-child(2) {
transform: rotate(-45deg);
}
.pxl-logo-nav1 .pxl-nav-button.active .pxl-nav-divider i:nth-child(3) {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.pxl-logo-nav1 .pxl-nav-button.active .pxl-nav-divider i:nth-child(4) {
transform: rotate(45deg) translateX(0%);
top: 19px;
-webkit-transition-delay: 0.7s;
transition-delay: 0.7s;
}
.pxl-menu-list .grid-filter-wrap {
display: flex;
justify-content: center;
margin-bottom: 65px;
flex-wrap: wrap;
}
.pxl-menu-list .grid-filter-wrap .filter-item {
padding: 15px 0;
margin-left: 30px;
margin-right: 30px;
cursor: pointer;
color: #a5a5a5;
display: block;
font-size: 18px;
font-weight: 700;
position: relative;
}
@media screen and (max-width: 767px) {
.pxl-menu-list .grid-filter-wrap .filter-item {
padding: 12px 0;
margin-left: 15px;
margin-right: 15px;
}
}
.pxl-menu-list .grid-filter-wrap .filter-item:before, .pxl-menu-list .grid-filter-wrap .filter-item:after {
width: 0%;
height: 2px;
opacity: 0;
content: "";
position: absolute;
background-color: #fff;
transition: all 0.3s ease-in-out;
}
.pxl-menu-list .grid-filter-wrap .filter-item:before {
top: 0px;
right: 0px;
}
.pxl-menu-list .grid-filter-wrap .filter-item:after {
left: 0px;
bottom: 0px;
}
.pxl-menu-list .grid-filter-wrap .filter-item.active, .pxl-menu-list .grid-filter-wrap .filter-item:hover {
color: var(--primary-color);
}
.pxl-menu-list .grid-filter-wrap .filter-item.active:before, .pxl-menu-list .grid-filter-wrap .filter-item:hover:before, .pxl-menu-list .grid-filter-wrap .filter-item.active:after, .pxl-menu-list .grid-filter-wrap .filter-item:hover:after {
opacity: 1;
width: 100%;
}
.pxl-menu-list .grid-filter-wrap.center {
text-align: center;
}
.pxl-menu-list .pxl--title {
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
padding-right: 10px;
color: inherit;
}
.pxl-menu-list .line-dotted {
flex-grow: 1;
border-bottom: 1px dotted #a5a5a5;
position: relative;
top: 3px;
}
.pxl-menu-list .pxl--price {
padding-left: 10px;
font-size: 16px;
line-height: 1;
font-weight: 600;
color: inherit;
}
.pxl-menu-list .wp-title {
display: flex;
align-items: center;
margin-bottom: 10px;
color: #000;
}
.pxl-menu-list .menu-item {
padding: 0 15px;
margin-bottom: 35px;
}
@media screen and (min-width: 768px) {
.pxl-menu-list .menu-item {
min-width: 50%;
max-width: 50%;
}
}
@media screen and (max-width: 767px) {
.pxl-menu-list .menu-item {
min-width: 100%;
max-width: 100%;
}
}
.swiper-filter-active .pxl-swiper-slide {
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.swiper-filter-active .non-swiper-slide {
display: none;
}
.swiper-filter-wrap, .pxl-grid-filter3 {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.swiper-filter-wrap .filter-item, .pxl-grid-filter3 .filter-item {
display: inline-block;
font-size: 13px;
text-transform: uppercase;
font-weight: 700;
margin: 10px 24px;
cursor: pointer;
position: relative;
z-index: 1;
}
.swiper-filter-wrap .filter-item:before, .pxl-grid-filter3 .filter-item:before {
content: '';
width: 11px;
height: 41px;
-webkit-border-radius: 11px;
-khtml-border-radius: 11px;
-moz-border-radius: 11px;
-ms-border-radius: 11px;
-o-border-radius: 11px;
border-radius: 11px;
background-color: #f4f4f4;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%) scaley(0);
-khtml-transform: translate(-50%, -50%) scaley(0);
-moz-transform: translate(-50%, -50%) scaley(0);
-ms-transform: translate(-50%, -50%) scaley(0);
-o-transform: translate(-50%, -50%) scaley(0);
transform: translate(-50%, -50%) scaley(0);
opacity: 0;
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
z-index: -1;
}
.swiper-filter-wrap .filter-item span, .pxl-grid-filter3 .filter-item span {
color: #010927;
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.swiper-filter-wrap .filter-item.active, .pxl-grid-filter3 .filter-item.active {
color: var(--primary-color);
}
.swiper-filter-wrap .filter-item.active:before, .pxl-grid-filter3 .filter-item.active:before {
opacity: 1;
-webkit-transform: translate(-50%, -50%) scaley(1);
-khtml-transform: translate(-50%, -50%) scaley(1);
-moz-transform: translate(-50%, -50%) scaley(1);
-ms-transform: translate(-50%, -50%) scaley(1);
-o-transform: translate(-50%, -50%) scaley(1);
transform: translate(-50%, -50%) scaley(1);
}
.pxl-swiper-arrow-style1 .pxl-swiper-arrow {
left: 50%;
-webkit-transform: translatex(-50%);
-khtml-transform: translatex(-50%);
-moz-transform: translatex(-50%);
-ms-transform: translatex(-50%);
-o-transform: translatex(-50%);
transform: translatex(-50%);
right: auto;
bottom: 0;
top: auto;
opacity: 1;
visibility: visible;
width: 40px;
height: 40px;
background-color: transparent;
border: 2px solid #4b5345;
line-height: 36px;
color: #4b5345;
}
.pxl-swiper-arrow-style1 .pxl-swiper-arrow i:before {
content: "\f142";
font-family: Caseicon;
font-size: 16px;
}
.pxl-swiper-arrow-style1 .pxl-swiper-arrow:hover {
border-color: var(--primary-color);
background-color: var(--primary-color);
}
.pxl-swiper-arrow-style1 .pxl-swiper-arrow.pxl-swiper-arrow-prev {
margin-left: -80px;
}
.pxl-swiper-arrow-style1 .pxl-swiper-arrow.pxl-swiper-arrow-prev i {
-webkit-transform: scalex(-1);
-khtml-transform: scalex(-1);
-moz-transform: scalex(-1);
-ms-transform: scalex(-1);
-o-transform: scalex(-1);
transform: scalex(-1);
}
.pxl-swiper-arrow-style1 .pxl-swiper-arrow.pxl-swiper-arrow-next {
margin-left: 80px;
}
.pxl-swiper-arrow-style1 .pxl-swiper-arrow + .pxl-swiper-dots {
position: absolute;
bottom: 120px;
left: 0;
right: 0;
margin: 0;
}
.pxl-swiper-arrow-style1 .pxl-swiper-dots.pxl-swiper-pagination-fraction {
bottom: 10px;
font-size: 0px;
line-height: 20px;
}
.pxl-swiper-arrow-style1 .pxl-swiper-dots.pxl-swiper-pagination-fraction span {
font-weight: 500;
color: #fff;
font-size: 16px;
display: inline-block;
min-width: 20px;
text-align: center;
}
.pxl-swiper-arrow-style1 .pxl-swiper-dots.pxl-swiper-pagination-fraction span.swiper-pagination-current {
position: relative;
margin-right: 50px;
}
.pxl-swiper-arrow-style1 .pxl-swiper-dots.pxl-swiper-pagination-fraction span.swiper-pagination-current:before {
content: '';
position: absolute;
top: 50%;
left: 32px;
width: 27px;
height: 1px;
background-color: #fff;
}
.pxl-swiper-arrow-style2 .pxl-swiper-arrow {
opacity: 1;
visibility: visible;
height: 55px;
width: 55px;
line-height: 55px;
font-size: 20px;
background: transparent;
-webkit-box-shadow: none;
-khtml-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
position: static;
-webkit-transform: translate(0, 0);
-khtml-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.pxl-swiper-arrow-style2 .pxl-swiper-arrow i {
display: inline-flex;
}
.pxl-swiper-arrow-style2 .pxl-swiper-arrow svg {
height: 55px;
width: 55px;
position: absolute;
top: 0;
left: 0;
z-index: -1;
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.pxl-swiper-arrow-style2 .pxl-swiper-arrow svg.item--main {
fill: #ececec;
}
.pxl-swiper-arrow-style2 .pxl-swiper-arrow svg.item--hover {
opacity: 0;
}
.pxl-swiper-arrow-style2 .pxl-swiper-arrow.pxl-swiper-arrow-prev {
-webkit-transform: scalex(-1);
-khtml-transform: scalex(-1);
-moz-transform: scalex(-1);
-ms-transform: scalex(-1);
-o-transform: scalex(-1);
transform: scalex(-1);
margin-right: 16px;
}
.pxl-swiper-arrow-style2 .pxl-swiper-arrow:hover svg.item--main {
opacity: 0;
}
.pxl-swiper-arrow-style2 .pxl-swiper-arrow:hover svg.item--hover {
opacity: 1;
}
.pxl-swiper-arrow-style2 .pxl-swiper-arrow-wrap {
display: flex;
flex-wrap: nowrap;
align-items: center;
}
.pxl-swiper-arrow-style3 .pxl-swiper-arrow {
font-size: 36px;
color: #c5d3d8;
background-color: transparent;
box-shadow: none;
}
.pxl-swiper-arrow-style3 .pxl-swiper-arrow.pxl-swiper-arrow-prev i {
-webkit-transform: scalex(-1);
-khtml-transform: scalex(-1);
-moz-transform: scalex(-1);
-ms-transform: scalex(-1);
-o-transform: scalex(-1);
transform: scalex(-1);
display: inline-block;
}
.pxl-swiper-dots.style2.pxl-swiper-pagination-bullets {
margin-top: 35px;
}
.pxl-swiper-dots.style2.pxl-swiper-pagination-bullets span {
margin: 0 4px;
width: 11px;
height: 11px;
background-color: ;
background-image: -webkit-gradient(linear, right top, left top, from(), to());
background-image: -webkit-linear-gradient(to right, , );
background-image: -moz-linear-gradient(to right, , );
background-image: -ms-linear-gradient(to right, , );
background-image: -o-linear-gradient(to right, , );
background-image: linear-gradient(to right, , );
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='', endColorStr='', gradientType='1');
}
.pxl-swiper-dots.style2.pxl-swiper-pagination-bullets span:before {
content: '';
width: 13px;
height: 13px;
border: 1px solid var(--primary-color);
top: -1px;
left: -1px;
position: absolute;
-webkit-border-radius: 13px;
-khtml-border-radius: 13px;
-moz-border-radius: 13px;
-ms-border-radius: 13px;
-o-border-radius: 13px;
border-radius: 13px;
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
opacity: 0;
-webkit-transform: scale(1.4);
-khtml-transform: scale(1.4);
-moz-transform: scale(1.4);
-ms-transform: scale(1.4);
-o-transform: scale(1.4);
transform: scale(1.4);
}
.pxl-swiper-dots.style2.pxl-swiper-pagination-bullets span:after {
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
content: '';
width: 5px;
height: 5px;
-webkit-border-radius: 13px;
-khtml-border-radius: 13px;
-moz-border-radius: 13px;
-ms-border-radius: 13px;
-o-border-radius: 13px;
border-radius: 13px;
position: absolute;
top: 3px;
left: 3px;
background-color: ;
background-image: -webkit-gradient(linear, right top, left top, from(), to());
background-image: -webkit-linear-gradient(to right, , );
background-image: -moz-linear-gradient(to right, , );
background-image: -ms-linear-gradient(to right, , );
background-image: -o-linear-gradient(to right, , );
background-image: linear-gradient(to right, , );
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='', endColorStr='', gradientType='1');
opacity: 0;
}
.pxl-swiper-dots.style2.pxl-swiper-pagination-bullets span:hover, .pxl-swiper-dots.style2.pxl-swiper-pagination-bullets span.swiper-pagination-bullet-active {
background: transparent;
}
.pxl-swiper-dots.style2.pxl-swiper-pagination-bullets span:hover:before, .pxl-swiper-dots.style2.pxl-swiper-pagination-bullets span.swiper-pagination-bullet-active:before, .pxl-swiper-dots.style2.pxl-swiper-pagination-bullets span:hover:after, .pxl-swiper-dots.style2.pxl-swiper-pagination-bullets span.swiper-pagination-bullet-active:after {
opacity: 1;
}
.pxl-swiper-dots.style2.pxl-swiper-pagination-bullets span:hover:before, .pxl-swiper-dots.style2.pxl-swiper-pagination-bullets span.swiper-pagination-bullet-active:before {
-webkit-transform: scale(1);
-khtml-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.pxl-swiper-sliders .pxl-item--image img {
width: 100%;
}
.pxl-swiper-sliders .pxl-item--title a, .pxl-swiper-sliders .pxl-item--category a {
color: inherit;
}
.pxl-swiper-sliders .pxl-item--title a:hover, .pxl-swiper-sliders .pxl-item--category a:hover {
color: inherit;
}
.pxl-grid .pxl-item--image img {
width: 100%;
}
.pxl-grid-pagination.pxl-pagination-style2 .page-numbers {
-webkit-box-shadow: none;
-khtml-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
background-color: #f5f1f1;
-webkit-border-radius: 0px;
-khtml-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
height: 46px;
width: 46px;
line-height: 46px;
font-size: 18px;
}
.pxl-grid-pagination.pxl-pagination-style2 .page-numbers i {
font-size: 13px;
}
.pxl-grid-pagination.pxl-pagination-style2 .page-numbers:before, .pxl-grid-pagination.pxl-pagination-style2 .page-numbers:after {
display: none;
}
.pxl-grid-pagination.pxl-pagination-style2 .page-numbers.current, .pxl-grid-pagination.pxl-pagination-style2 .page-numbers:hover {
background-color: #242f51;
}
.pxl-grid-filter2 {
margin-bottom: 38px;
font-size: 17px;
color: #444;
display: flex;
align-items: center;
justify-content: space-between;
}
.pxl-grid-filter2 .filter-item {
cursor: pointer;
display: flex;
align-items: center;
flex-direction: column;
}
.pxl-grid-filter2 .filter-item .product-thumbnail {
border-radius: 50%;
}
.pxl-grid-filter3 {
margin-bottom: 53px;
}
.pxl-blog-list .pxl-item--image {
position: relative;
overflow: hidden;
}
@media screen and (min-width: 768px) {
.pxl-blog-list .pxl-item--image {
min-height: 280px;
min-width: 45%;
max-width: 45%;
}
}
@media screen and (max-width: 767px) {
.pxl-blog-list .pxl-item--image {
margin-bottom: 35px;
}
}
.pxl-blog-list .pxl-item--image a {
display: block;
}
@media screen and (min-width: 768px) {
.pxl-blog-list .pxl-item--image a {
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
@media screen and (min-width: 768px) {
.pxl-blog-list .pxl-item--image img {
opacity: 0;
position: absolute;
z-index: -999;
}
}
@media screen and (min-width: 768px) {
.pxl-blog-list .pxl-item--body {
padding-left: 60px;
}
}
.pxl-blog-list .pxl-item--title {
font-size: 21px;
line-height: 1.429;
}
.pxl-blog-list .pxl-meta--post {
margin-bottom: 25px;
list-style: none;
}
.pxl-blog-list .pxl-meta--post li {
display: inline-block;
}
.pxl-blog-list .pxl-meta--post li + li {
position: relative;
padding-left: 10px;
margin-left: 10px;
}
.pxl-blog-list .pxl-meta--post li + li:before {
display: block;
content: "";
width: 4px;
height: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
background-color: #434343;
position: absolute;
top: 12px;
left: -2px;
}
.pxl-blog-list .pxl-grid-item {
overflow: hidden;
-webkit-transition: all 300ms linear 0ms;
-khtml-transition: all 300ms linear 0ms;
-moz-transition: all 300ms linear 0ms;
-ms-transition: all 300ms linear 0ms;
-o-transition: all 300ms linear 0ms;
transition: all 300ms linear 0ms;
}
@media screen and (min-width: 768px) {
.pxl-blog-list .pxl-grid-item {
display: flex;
align-items: center;
}
}
.pxl-blog-list .pxl-grid-item + .pxl-grid-item {
margin-top: 60px;
}
@media (min-width: 1200px) {
.pxl-blog-grid-layout1 .item--holder .item--title {
min-height: 90px;
}
}
.pxl-blog-grid-layout1 .pxl-swiper-arrow, .pxl-post-carousel1 .pxl-swiper-arrow {
position: absolute;
top: 50%;
height: 100%;
background-color: initial;
cursor: none;
}
.pxl-blog-grid-layout1 .pxl-swiper-arrow.cursor-arrow-prev, .pxl-post-carousel1 .pxl-swiper-arrow.cursor-arrow-prev {
left: calc((100vw - 1170px)/-2) !important;
width: calc((100vw - 1170px)/2) !important;
right: auto;
}
.pxl-blog-grid-layout1 .pxl-swiper-arrow.cursor-arrow-next, .pxl-post-carousel1 .pxl-swiper-arrow.cursor-arrow-next {
width: calc((100vw - 1170px)/2) !important;
right: calc((100vw - 1170px)/-2) !important;
left: auto;
}
.pxl-blog-grid-layout1 .pxl-swiper-arrow.swiper-button-disabled, .pxl-post-carousel1 .pxl-swiper-arrow.swiper-button-disabled {
cursor: not-allowed;
}
.pxl-blog-grid-layout1 .pxl-swiper-slide, .pxl-post-carousel1 .pxl-swiper-slide {
padding: 0 18px;
}
.pxl-blog-grid-layout1 .pxl-pagination-wrap .pxl-pagination-links, .pxl-post-carousel1 .pxl-pagination-wrap .pxl-pagination-links {
margin-top: 40px;
}
@media screen and (max-width: 767px) {
.pxl-blog-grid-layout1 .pxl-pagination-wrap .pxl-pagination-links, .pxl-post-carousel1 .pxl-pagination-wrap .pxl-pagination-links {
margin-top: 0;
}
}
.pxl-blog-grid-layout1 .item--featured, .pxl-post-carousel1 .item--featured {
overflow: hidden;
position: relative;
transform: scale(1.1);
transition: 0.5s;
opacity: 0;
}
@media (max-width: 767px) {
.pxl-blog-grid-layout1 .item--featured, .pxl-post-carousel1 .item--featured {
position: absolute;
height: 100%;
width: 100%;
}
}
.pxl-blog-grid-layout1 .item--featured img, .pxl-post-carousel1 .item--featured img {
width: 100%;
max-height: 390px;
}
@media (max-width: 767px) {
.pxl-blog-grid-layout1 .item--featured img, .pxl-post-carousel1 .item--featured img {
height: 100%;
}
}
.pxl-blog-grid-layout1 .pxl-item--excerpt, .pxl-post-carousel1 .pxl-item--excerpt {
color: #fff;
display: block;
position: relative;
max-height: 100px;
overflow: hidden;
height: 100px;
text-align: left;
transition: 0.5s;
color: var(--secondary-color);
}
@media (max-width: 767px) {
.pxl-blog-grid-layout1 .pxl-item--excerpt, .pxl-post-carousel1 .pxl-item--excerpt {
overflow: unset;
max-height: unset;
height: auto;
margin-bottom: 10px;
}
}
.pxl-blog-grid-layout1 .pxl--tags, .pxl-post-carousel1 .pxl--tags {
display: flex;
align-items: center;
justify-content: center;
}
.pxl-blog-grid-layout1 .pxl--tags a, .pxl-post-carousel1 .pxl--tags a {
font-size: 10px;
letter-spacing: 7px;
color: var(--secondary-color);
position: absolute;
left: 0;
bottom: 5%;
width: 100%;
text-align: center;
text-transform: uppercase;
}
@media (max-width: 767px) {
.pxl-blog-grid-layout1 .pxl--tags a, .pxl-post-carousel1 .pxl--tags a {
position: relative;
}
}
.pxl-blog-grid-layout1 .item--title, .pxl-post-carousel1 .item--title {
margin-bottom: 15px;
font-size: 24px;
font-weight: 600;
line-height: 1.2;
text-align: left;
color: var(--secondary-color);
}
@media (max-width: 991px) {
.pxl-blog-grid-layout1 .item--title, .pxl-post-carousel1 .item--title {
font-size: 24px;
line-height: 1.1;
}
}
.pxl-blog-grid-layout1 .item--title a, .pxl-post-carousel1 .item--title a {
color: var(--secondary-color);
background-repeat: no-repeat;
background-position-y: -1px;
background-image: linear-gradient(transparent calc(100% - 1px), var(--secondary-color) 1px);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
animation: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) pxl-wide-menu-underline forwards;
}
.pxl-blog-grid-layout1 .item--title a:hover, .pxl-post-carousel1 .item--title a:hover {
animation: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) pxl-wide-menu-underline-hover forwards;
}
@media screen and (min-width: 1200px) {
.pxl-blog-grid-layout1.box-align-left .item--title, .pxl-post-carousel1.box-align-left .item--title {
padding-right: 50px;
}
}
@media screen and (min-width: 1200px) {
.pxl-blog-grid-layout1.box-align-center .item--title, .pxl-post-carousel1.box-align-center .item--title {
padding-right: 25px;
padding-left: 25px;
}
}
@media screen and (min-width: 1200px) {
.pxl-blog-grid-layout1.box-align-right .item--title, .pxl-post-carousel1.box-align-right .item--title {
padding-left: 50px;
}
}
.pxl-blog-grid-layout1 .btn-readmore, .pxl-post-carousel1 .btn-readmore {
position: relative;
}
.pxl-blog-grid-layout1 .btn-readmore:hover:after, .pxl-post-carousel1 .btn-readmore:hover:after {
animation: pxl_right_from_left 0.5s forwards;
}
.pxl-blog-grid-layout1 .btn-readmore:hover span:after, .pxl-post-carousel1 .btn-readmore:hover span:after {
animation: pxl_right_from_left 0.5s forwards;
}
.pxl-blog-grid-layout1 .btn-readmore:after, .pxl-post-carousel1 .btn-readmore:after {
content: "\f142";
font-family: Caseicon;
position: absolute;
color: var(--primary-color);
font-size: 18px;
top: -6px;
right: -18px;
font-weight: 300;
}
.pxl-blog-grid-layout1 .btn-readmore span, .pxl-post-carousel1 .btn-readmore span {
position: relative;
margin-right: 10px;
overflow: hidden;
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 28px;
color: var(--primary-color);
display: inline-flex;
}
.pxl-blog-grid-layout1 .btn-readmore span:after, .pxl-post-carousel1 .btn-readmore span:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background-color: var(--primary-color);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.pxl-blog-grid-layout1 .item--meta, .pxl-post-carousel1 .item--meta {
display: flex;
flex-wrap: wrap;
margin-bottom: 0;
}
.pxl-blog-grid-layout1 .item--meta li, .pxl-post-carousel1 .item--meta li {
font-size: 0;
}
.pxl-blog-grid-layout1 .item--meta li > a, .pxl-post-carousel1 .item--meta li > a {
display: inline-flex;
align-items: center;
color: #fff;
}
.pxl-blog-grid-layout1 .item--meta li.item--date, .pxl-post-carousel1 .item--meta li.item--date {
display: inline-block;
align-items: center;
color: var(--secondary-color);
margin-bottom: 20px;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 2px;
}
.pxl-blog-grid-layout1 .item--meta li:first-child, .pxl-post-carousel1 .item--meta li:first-child {
padding-right: 20px;
margin-right: 20px;
}
.pxl-blog-grid-layout1 .item--meta li + li, .pxl-post-carousel1 .item--meta li + li {
position: relative;
}
.pxl-blog-grid-layout1 .item--meta a, .pxl-post-carousel1 .item--meta a {
color: #fff;
font-weight: 500;
font-size: 15px;
line-height: 19px;
}
.pxl-blog-grid-layout1 .item--holder, .pxl-post-carousel1 .item--holder {
display: flex;
justify-content: center;
align-items: flex-start;
background: rgba(49, 43, 36, .5);
color: #aaa;
position: absolute;
top: 0;
flex-direction: column;
z-index: 1;
width: 100%;
height: 100%;
padding: 0 10%;
text-align: center;
}
@media (max-width: 767px) {
.pxl-blog-grid-layout1 .item--holder, .pxl-post-carousel1 .item--holder {
position: relative;
padding: 15px;
}
}
.pxl-blog-grid-layout1 .item--holder .item--holder-inner, .pxl-post-carousel1 .item--holder .item--holder-inner {
margin-bottom: 47px;
}
.pxl-blog-grid-layout1 .pxl-item--inner, .pxl-post-carousel1 .pxl-item--inner {
position: relative;
overflow: hidden;
}
.pxl-blog-grid-layout1 .pxl-item--inner:hover .item--featured, .pxl-post-carousel1 .pxl-item--inner:hover .item--featured {
opacity: 1;
transform: scale(1);
}
.pxl-blog-grid-layout1 .pxl-item--inner:hover .pxl-item--excerpt, .pxl-post-carousel1 .pxl-item--inner:hover .pxl-item--excerpt {
height: 0;
opacity: 0;
}
@media (max-width: 767px) {
.pxl-blog-grid-layout1 .pxl-item--inner:hover .pxl-item--excerpt, .pxl-post-carousel1 .pxl-item--inner:hover .pxl-item--excerpt {
height: auto;
opacity: 1;
}
}
.pxl-blog-grid-layout2 .pxl-grid-pagination {
margin-top: 48px;
}
.pxl-blog-grid-layout2 .pxl-item--inner {
position: relative;
overflow: hidden;
border: dashed 1px #fff;
}
.pxl-blog-grid-layout2 .pxl-item--inner > a {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 2;
}
.pxl-blog-grid-layout2 .pxl-item--inner:hover .item--featured img {
transform: scale(1.05);
}
.pxl-blog-grid-layout2 .pxl-item--inner:hover .item--holder {
background: rgba(30, 30, 30, .2);
}
.pxl-blog-grid-layout2 .pxl-item--inner .item--featured {
position: relative;
}
.pxl-blog-grid-layout2 .pxl-item--inner .item--featured img {
transition: 0.5s;
}
.pxl-blog-grid-layout2 .pxl-item--inner .item--holder {
display: flex;
justify-content: center;
align-items: center;
font-size: 16px;
font-weight: 300;
color: #fff;
position: absolute;
z-index: 1;
top: 0;
left: 0;
transition: 0.5s;
width: 100%;
height: 100%;
padding: 10%;
background: rgba(30, 30, 30, .5);
text-align: center;
}
@media (max-width: 767px) {
.pxl-blog-grid-layout2 .pxl-item--inner .item--holder {
padding: 15px;
}
}
.pxl-blog-grid-layout2 .pxl-item--inner .item--holder .offers-date {
font-size: 14px;
font-weight: 400;
position: absolute;
width: 80%;
background: rgba(0, 0, 0, .5);
top: 30px;
left: 50%;
transform: translateX(-50%);
line-height: 1.2;
padding: 2px;
border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
}
.pxl-blog-grid-layout2 .pxl-item--inner .item--holder h3 {
color: #fff;
font-size: 24px;
text-transform: uppercase;
}
.pxl-blog-grid-layout2 .pxl-item--inner .item--holder h3 span {
color: var(--primary-color);
}
.pxl-blog-grid-layout2 .pxl-item--inner .item--holder .pxl-item--excerpt {
margin-bottom: 20px;
}
.pxl-blog-grid-layout2 .pxl-item--inner .item--holder .pxl--tags {
font-size: 10px;
letter-spacing: 7px;
color: #fff;
position: absolute;
left: 0;
font-weight: bold;
bottom: 5%;
width: 100%;
text-align: center;
text-transform: uppercase;
}
.overflow-hidden {
overflow: hidden !important;
}
.cursor-map-target:hover .pxl-map-wrap {
opacity: 1;
}
.ci-content-wrap .ci-icon {
margin-bottom: 10px;
}
.ci-content-wrap .ci-icon a {
position: relative;
display: inline-block;
width: 70px;
height: 70px;
line-height: 70px;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
background-color: transparent;
color: #000;
margin: 5px;
text-align: center;
display: inline-flex;
align-items: center;
justify-content: center;
transition: 0.4s ease-out !important;
overflow: visible;
}
.ci-content-wrap .ci-icon a i {
font-size: 25px;
line-height: 70px;
}
.ci-content-wrap .ci-icon a:hover .pxl-svg-circle circle {
transform: rotate(55deg);
transition: all 0.6s cubic-bezier(0.43, 0.41, 0.36, 0.9);
}
3 .ci-content-wrap .ci-icon a:hover .pxl-svg-circle circle:first-child {
stroke-dashoffset: -115;
}
.ci-content-wrap .ci-icon a:hover .pxl-svg-circle circle:last-child {
stroke-dashoffset: 0;
}
.ci-content-wrap .ci-icon .pxl-svg-circle {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: visible;
}
.ci-content-wrap .ci-icon .pxl-svg-circle circle {
fill: none;
stroke-width: 1px;
transform-origin: center;
transform: rotate(-145deg);
transition: all 0.6s cubic-bezier(0.43, 0.41, 0.36, 0.9);
}
.ci-content-wrap .ci-icon .pxl-svg-circle circle:first-child {
stroke: #c0c6c6;
stroke-dashoffset: 0;
stroke-dasharray: 225;
}
.ci-content-wrap .ci-icon .pxl-svg-circle circle:last-child {
stroke: var(--primary-color);
stroke-dashoffset: 225;
stroke-dasharray: 225;
}
.ci-content-wrap .ci-content.style2 {
display: flex;
align-items: center;
gap: 20px;
padding: 26px 0;
}
.ci-content-wrap .ci-content.style2 .ci-icon {
margin-bottom: 0;
}
.ci-content-wrap .ci-content .ci-icon a i {
color: var(--primary-color);
}
.ci-content-wrap .ci-content .ci-icon a i:before {
font-weight: 300;
}
.ci-content-wrap .ci-content .ci-content-right {
display: flex;
align-item: center;
}
.ci-content-wrap .ci-content .ci-title {
font-style: normal;
font-weight: 300;
font-size: 14.5px;
line-height: 26.1px;
color: var(--primary-color);
width: 70px;
}
.ci-content-wrap .ci-content .ci-desc {
font-style: normal;
font-weight: 300;
font-size: 14.5px;
line-height: 26.1px;
color: var(--secondary-color);
}
.pxl-map-wrap {
position: absolute;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
z-index: -1;
-webkit-transition: opacity 0.3s, visibility 0.3s;
-khtml-transition: opacity 0.3s, visibility 0.3s;
-moz-transition: opacity 0.3s, visibility 0.3s;
-ms-transition: opacity 0.3s, visibility 0.3s;
-o-transition: opacity 0.3s, visibility 0.3s;
transition: opacity 0.3s, visibility 0.3s;
}
.pxl-map-wrap .pxl-map-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
-webkit-transform: scale(0.5);
-khtml-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
transform-origin: 50% 50%;
-webkit-transition: all 0.3s ease-in-out;
-khtml-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.pxl-map-wrap .pxl-map-content iframe {
width: 100%;
height: 100%;
}
.pxl-map-wrap.active {
opacity: 1;
visibility: visible;
z-index: 9999999;
}
.pxl-map-wrap.active .pxl-map-content {
opacity: 1;
-webkit-transform: scale(1);
-khtml-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.pxl-map-wrap.clicked {
-webkit-transform: translate(-50%, -50%);
-khtml-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media (max-width: ) {
.pxl-map-wrap.clicked {
-webkit-transform: translate(0, -50%);
-khtml-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
}
}
@media (max-width: 575px) {
.elementor-1913 .elementor-element.elementor-element-3efcb87 {
margin-bottom: 30px;
}
}
.pxl-icon-box .pxl-item--icon {
line-height: 1;
}
.pxl-icon-box .pxl-item--icon img {
width: auto;
}
@media (max-width: 530px) {
.full-width {
width: 100% !important;
max-width: 100% !important;
}
}
.pxl-icon-box1.style-2 {
padding: 36px 21px;
}
@media (max-width: 767px) {
.pxl-icon-box1.style-2 {
padding: 36px 15px;
}
}
.pxl-icon-box1.style-2 .pxl-item--icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
}
.pxl-icon-box1.style-2 .pxl-item--icon svg {
fill: #fff;
width: 40px;
height: 40px;
}
.pxl-icon-box1.style-2 .pxl-item--title {
color: var(--secondary-color);
font-style: normal;
font-weight: 700;
font-family: "Heebo", Arial, Helvetica, sans-serif;
font-size: 14.5px;
line-height: 16px;
text-align: left;
margin-bottom: 0;
margin-top: 8px;
letter-spacing: 0;
}
.pxl-icon-box1.style-1 .pxl-item--icon {
width: 70px;
height: 70px;
min-width: 70px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 10px;
background-color: var(--primary-color);
}
.pxl-icon-box1 .pxl-item--icon {
margin-right: 20px;
}
.pxl-icon-box1 .pxl-item--icon i {
font-size: 60px;
color: var(--primary-color);
}
.pxl-icon-box1 .pxl-item--icon i:before {
font-weight: 100;
}
.pxl-icon-box1 .pxl-item--icon img {
max-height: 65px;
width: auto;
}
.pxl-icon-box1 .pxl-item--title {
color: var(--secondary-color);
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 1.2;
text-align: left;
margin-bottom: 9px;
}
.pxl-icon-box1 .pxl-item--description {
color: var(--secondary-color);
font-family: 'Heebo';
font-style: normal;
font-weight: 300;
font-size: 14.5px;
line-height: 1.8;
text-align: left;
}
@media (max-width: 991px) and (min-width: 768px) {
.pxl-icon-box1 .pxl-item--description {
max-width: 400px;
margin: 0 auto;
}
}
.pxl-icon-box1 .pxl-item--inner {
position: relative;
z-index: 1;
text-align: left;
display: flex;
}
@media screen and (max-width: 767px) {
.pxl-icon-box2 .pxl-item--icon {
margin-bottom: 35px;
}
}
.pxl-icon-box2 .pxl-item--icon i {
font-size: 60px;
color: var(--primary-color);
}
.pxl-icon-box2 .pxl-item--icon i:before {
font-weight: 300;
}
.pxl-icon-box2 .pxl-item--icon img {
max-height: 65px;
width: auto;
}
.pxl-icon-box2 .pxl-item--title {
font-size: 18px;
font-weight: 600;
margin-bottom: 20px;
}
.pxl-icon-box2 .pxl-item--description {
color: var(--secondary-color);
font-size: 14px;
}
.pxl-icon-box2 .pxl-item--inner {
position: relative;
z-index: 1;
}
@media screen and (min-width: 768px) {
.pxl-icon-box2 .pxl-item--inner {
display: flex;
align-items: center;
}
.pxl-icon-box2 .pxl-item--inner.icon-left .pxl-item--icon {
margin-right: 17px;
}
.pxl-icon-box2 .pxl-item--inner.icon-right {
text-align: right;
flex-direction: row-reverse;
}
.pxl-icon-box2 .pxl-item--inner.icon-right .pxl-item--icon {
margin-left: 23px;
}
}
.pxl-icon-box3 .pxl-item--icon {
background-color: #323232;
text-align: center;
padding: 5px 15px;
}
@media screen and (min-width: 768px) {
.pxl-icon-box3 .pxl-item--icon {
min-width: 52px;
display: flex;
align-items: center;
}
}
@media screen and (max-width: 767px) {
.pxl-icon-box3 .pxl-item--icon {
padding: 15px;
margin-bottom: 15px;
}
}
.pxl-icon-box3 .pxl-item--icon i {
color: #fff;
font-size: 25px;
}
.pxl-icon-box3 .pxl-item--icon img {
max-height: 25px;
width: auto;
}
.pxl-icon-box3 .pxl-item--title {
margin-bottom: 0px;
color: #fff;
font-size: 10px;
text-transform: uppercase;
}
.pxl-icon-box3 .pxl-item--title a {
color: inherit;
}
.pxl-icon-box3 .pxl-item--description {
color: #fff;
text-transform: uppercase;
font-size: 15px;
font-weight: 500;
}
.pxl-icon-box3 .pxl-item-meta {
padding: 10px 35px 5px 15px;
}
@media screen and (max-width: 767px) {
.pxl-icon-box3 .pxl-item-meta {
text-align: center;
padding-bottom: 10px 25px 5px;
}
}
.pxl-icon-box3 .pxl-item--inner {
position: relative;
z-index: 1;
overflow: hidden;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
background-color: #1b1b1b;
}
@media screen and (min-width: 768px) {
.pxl-icon-box3 .pxl-item--inner {
display: inline-flex;
}
}
.pxl-icon-box3 .pxl-item--inner:hover .pxl-item--title a {
border-bottom: 1px solid #0056b3;
color: #0056b3;
}
.pxl-meta-box { }
.pxl-meta-box .pxl-item--sub {
font-size: 32px;
font-weight: 300;
margin-bottom: 0px;
}
.pxl-meta-box .pxl-item--title {
font-size: 18px;
margin-bottom: 20px;
}
@media (max-width: 991px) {
.pxl-fancy-box1 .pxl-feature-image img {
max-height: none !important;
width: 100%;
}
}
.pxl-fancy-box1.style2 .pxl-item--inner {
display: flex;
flex-direction: column-reverse;
gap: 35px;
}
@media (max-width: 1024px) {
.pxl-fancy-box1.style1 .pxl-item--inner {
display: flex;
flex-direction: column-reverse;
gap: 35px;
}
}
.pxl-fancy-box1 .pxl-item--holder .pxl-item--title a {
font-style: normal;
font-weight: 400;
font-size: 28px;
line-height: 30px;
display: inline-block;
margin-top: 35px;
color: var(--secondary-color);
background-repeat: no-repeat;
background-position-y: -1px;
background-image: linear-gradient(transparent calc(100% - 1px), var(--primary-color) 1px);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
animation: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) pxl-wide-menu-underline forwards;
}
.pxl-fancy-box1 .pxl-item--holder .pxl-item--title a:hover {
animation: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) pxl-wide-menu-underline-hover forwards;
}
@media (max-width: 1024px) and (min-width: 768px) {
.pxl-fancy-box1 .pxl-item--holder .pxl-item--title a {
margin-top: 0;
}
}
.pxl-fancy-box1 .pxl-item--holder .btn-readmore {
position: relative;
}
.pxl-fancy-box1 .pxl-item--holder .btn-readmore:hover:after {
animation: pxl_right_from_left 0.5s forwards;
}
.pxl-fancy-box1 .pxl-item--holder .btn-readmore:hover span:after {
animation: pxl_right_from_left 0.5s forwards;
}
.pxl-fancy-box1 .pxl-item--holder .btn-readmore:after {
content: "\f116";
font-family: Flaticon;
position: absolute;
font-size: 25px;
top: -12px;
right: -24px;
font-weight: 300;
color: var(--primary-color);
}
.pxl-fancy-box1 .pxl-item--holder .btn-readmore span {
position: relative;
margin-right: 10px;
overflow: hidden;
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 28px;
color: var(--primary-color);
display: inline-flex;
}
.pxl-fancy-box1 .pxl-item--holder .btn-readmore span:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 2px;
background-color: var(--primary-color);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.pxl-spin {
animation: pxl-spin 15s linear infinite;
}
.pxl-banner1 {
width: 100%;
}
.pxl-banner1 .pxl-banner-inner {
position: relative;
z-index: 1;
}
@media screen and (min-width: 576px) {
.pxl-banner1 .pxl-banner-inner {
display: flex;
align-items: center;
justify-content: center;
}
}
@media screen and (min-width: 576px) {
.pxl-banner1 .pxl-item--image {
flex-grow: 1;
min-width: 50%;
}
}
.pxl-banner1 .pxl-item--image img {
width: 100%;
}
.pxl-banner1 .pxl-item--image.item-image-left {
overflow: hidden;
}
@media screen and (min-width: 576px) {
.pxl-banner1 .pxl-item--image.item-image-left {
padding-right: 10px;
}
}
.pxl-banner1 .pxl-item--image.item-image-right {
overflow: hidden;
}
@media screen and (min-width: 576px) {
.pxl-banner1 .pxl-item--image.item-image-right {
padding-left: 10px;
}
}
.pxl-banner1 .pxl-item--icon {
text-align: center;
margin-bottom: 10px;
}
.pxl-banner1 .pxl-item--icon i {
font-size: 46px;
line-height: 1;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
}
.pxl-banner1 .pxl-item--title {
color: #fff;
font-size: 20px;
line-height: 23px;
text-align: center;
width: 100%;
font-weight: bold;
}
.pxl-banner1 .pxl-item--meta {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-khtml-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 99;
width: 166px;
height: 166px;
min-width: 166px;
padding: 15px;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: center;
flex-direction: column;
z-index: 1;
}
.pxl-banner1.l1-style1 .pxl-item--image.item-image-left {
-webkit-border-radius: 70px 0 0 0;
-khtml-border-radius: 70px 0 0 0;
-moz-border-radius: 70px 0 0 0;
-ms-border-radius: 70px 0 0 0;
-o-border-radius: 70px 0 0 0;
border-radius: 70px 0 0 0;
}
.pxl-banner1.l1-style1 .pxl-item--image.item-image-right {
-webkit-border-radius: 0 0 70px 0;
-khtml-border-radius: 0 0 70px 0;
-moz-border-radius: 0 0 70px 0;
-ms-border-radius: 0 0 70px 0;
-o-border-radius: 0 0 70px 0;
border-radius: 0 0 70px 0;
}
.pxl-banner1.l1-style1 .pxl-item--meta {
background-color: var(--primary-color);
}
.pxl-banner1.l1-style1 .pxl-item--meta:before {
-webkit-transition: all 300ms linear 0ms;
-khtml-transition: all 300ms linear 0ms;
-moz-transition: all 300ms linear 0ms;
-ms-transition: all 300ms linear 0ms;
-o-transition: all 300ms linear 0ms;
transition: all 300ms linear 0ms;
position: absolute;
content: "";
display: inline-block;
z-index: -1;
min-width: 150px;
min-height: 150px;
top: 8px;
left: 8px;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
border: 2px dashed #fff;
animation: pxl_spin 0.6s infinite linear;
-webkit-animation: pxl_spin 0.6s infinite linear;
}
.pxl-banner1.l1-style2 .pxl-item--meta {
background-color: #9fbb43;
}
.pxl-item--4-star i:nth-child(5) {
display: none;
}
.pxl-item--3-star i:nth-child(5), .pxl-item--3-star i:nth-child(4) {
display: none;
}
.pxl-item--2-star i:nth-child(5), .pxl-item--2-star i:nth-child(4), .pxl-item--2-star i:nth-child(3) {
display: none;
}
.pxl-item--1-star i:nth-child(5), .pxl-item--1-star i:nth-child(4), .pxl-item--1-star i:nth-child(3), .pxl-item--1-star i:nth-child(2) {
display: none;
}
.pxl-item--star {
color: #ffd203;
}
.pxl-swiper-dots {
margin-top: 28px;
margin-bottom: 9px;
}
.pxl-swiper-dots .pxl-swiper-pagination-bullet {
margin: 5px 7px;
width: 4px;
height: 4px;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
background-color: #fff;
}
.pxl-swiper-dots .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active {
-webkit-transform: scale(1);
-khtml-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.pxl-testimonial-carousel3 .pxl-item--desc {
font-size: 32px;
font-family: "Cormorant Garamond";
font-style: italic;
line-height: 1.5em;
margin: 0 auto;
font-style: italic;
text-align: center;
font-weight: 300;
color: var(--secondary-color);
}
@media screen and (max-width: 991px) {
.pxl-testimonial-carousel3 .pxl-item--desc {
font-size: 28px;
padding-bottom: 25px;
}
}
.pxl-testimonial-carousel3 .pxl-item--title {
font-family: "Georgia";
font-style: normal;
font-weight: 300;
font-size: 14px;
line-height: 1.5;
margin-top: 28px;
margin-bottom: 2px;
}
@media (max-width: 991px) {
.pxl-testimonial-carousel3 .pxl-item--title {
margin-top: 0px;
margin-bottom: -30px;
}
}
.pxl-testimonial-carousel3 .pxl-item--inner .pxl-item-body {
text-align: center;
position: relative;
max-width: 803px;
margin: 0 auto;
}
.pxl-testimonial-carousel3 .pxl-item--inner .pxl-item-body:before {
font-family: "Caseicon";
content: "\f149";
color: var(--primary-color);
padding-bottom: 10px;
font-size: 28px;
display: inline-block;
padding: 10px 20px 10px 20px;
font-style: normal;
margin-bottom: 6px;
}
.pxl-testimonial-carousel3 .wp-arrow {
position: relative;
display: inline-flex;
align-items: center;
justify-content: flex-start;
width: 100%;
margin-top: 170px;
left: 30px;
}
.pxl-testimonial-carousel3 .wp-arrow .pxl-swiper-arrow {
position: unset;
width: 50px;
height: 50px;
border-radius: 50%;
background-color: transparent;
border: 1px solid #c0c6c6;
display: flex;
align-items: center;
justify-content: center;
}
.pxl-testimonial-carousel3 .wp-arrow .pxl-swiper-arrow.pxl-swiper-arrow-prev {
margin-right: 35px;
}
.pxl-testimonial-carousel3 .wp-arrow .pxl-swiper-arrow.pxl-swiper-arrow-prev i {
transform: rotateY(180deg);
}
.pxl-testimonial-carousel3 .wp-arrow .pxl-swiper-arrow i {
color: var(--primary-color);
}
@media (max-width: 767px) {
.home2-img {
order: 2;
}
}
@media (max-width: 1024px) {
.contact-order1 {
order: 1;
}
.contact-order2 {
order: 2;
}
.contact-order3 {
order: 3;
}
.contact-order4 {
order: 4;
}
}
.swiper-filter-active .non-swiper-slide {
display: none;
}
.swiper-filter-wrap, .pxl-grid-filter3 {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.swiper-filter-wrap .filter-item, .pxl-grid-filter3 .filter-item {
display: inline-block;
font-size: 13px;
text-transform: uppercase;
font-weight: 700;
margin: 10px 24px;
cursor: pointer;
position: relative;
z-index: 1;
}
.swiper-filter-wrap .filter-item:before, .pxl-grid-filter3 .filter-item:before {
content: '';
width: 11px;
height: 41px;
-webkit-border-radius: 11px;
-khtml-border-radius: 11px;
-moz-border-radius: 11px;
-ms-border-radius: 11px;
-o-border-radius: 11px;
border-radius: 11px;
background-color: #f4f4f4;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%) scaley(0);
-khtml-transform: translate(-50%, -50%) scaley(0);
-moz-transform: translate(-50%, -50%) scaley(0);
-ms-transform: translate(-50%, -50%) scaley(0);
-o-transform: translate(-50%, -50%) scaley(0);
transform: translate(-50%, -50%) scaley(0);
opacity: 0;
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
z-index: -1;
}
.swiper-filter-wrap .filter-item span, .pxl-grid-filter3 .filter-item span {
color: #010927;
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.swiper-filter-wrap .filter-item.active, .pxl-grid-filter3 .filter-item.active {
color: var(--primary-color);
}
.swiper-filter-wrap .filter-item.active:before, .pxl-grid-filter3 .filter-item.active:before {
opacity: 1;
-webkit-transform: translate(-50%, -50%) scaley(1);
-khtml-transform: translate(-50%, -50%) scaley(1);
-moz-transform: translate(-50%, -50%) scaley(1);
-ms-transform: translate(-50%, -50%) scaley(1);
-o-transform: translate(-50%, -50%) scaley(1);
transform: translate(-50%, -50%) scaley(1);
}
.pxl-swiper-arrow-style1 .pxl-swiper-arrow {
left: 50%;
-webkit-transform: translatex(-50%);
-khtml-transform: translatex(-50%);
-moz-transform: translatex(-50%);
-ms-transform: translatex(-50%);
-o-transform: translatex(-50%);
transform: translatex(-50%);
right: auto;
bottom: 0;
top: auto;
opacity: 1;
visibility: visible;
width: 40px;
height: 40px;
background-color: transparent;
border: 2px solid #4b5345;
line-height: 36px;
color: #4b5345;
}
.pxl-swiper-arrow-style1 .pxl-swiper-arrow i:before {
content: "\f142";
font-size: 16px;
}
.pxl-swiper-arrow-style1 .pxl-swiper-arrow:hover {
border-color: var(--primary-color);
background-color: var(--primary-color);
}
.pxl-swiper-arrow-style1 .pxl-swiper-arrow.pxl-swiper-arrow-prev {
margin-left: -80px;
}
.pxl-swiper-arrow-style1 .pxl-swiper-arrow.pxl-swiper-arrow-prev i {
-webkit-transform: scalex(-1);
-khtml-transform: scalex(-1);
-moz-transform: scalex(-1);
-ms-transform: scalex(-1);
-o-transform: scalex(-1);
transform: scalex(-1);
}
.pxl-swiper-arrow-style1 .pxl-swiper-arrow.pxl-swiper-arrow-next {
margin-left: 80px;
}
.pxl-swiper-arrow-style1 .pxl-swiper-arrow + .pxl-swiper-dots {
position: absolute;
bottom: 120px;
left: 0;
right: 0;
margin: 0;
}
.pxl-swiper-arrow-style1 .pxl-swiper-dots.pxl-swiper-pagination-fraction {
bottom: 10px;
font-size: 0px;
line-height: 20px;
}
.pxl-swiper-arrow-style1 .pxl-swiper-dots.pxl-swiper-pagination-fraction span {
font-weight: 500;
color: #fff;
font-size: 16px;
display: inline-block;
min-width: 20px;
text-align: center;
}
.pxl-swiper-arrow-style1 .pxl-swiper-dots.pxl-swiper-pagination-fraction span.swiper-pagination-current {
position: relative;
margin-right: 50px;
}
.pxl-swiper-arrow-style1 .pxl-swiper-dots.pxl-swiper-pagination-fraction span.swiper-pagination-current:before {
content: '';
position: absolute;
top: 50%;
left: 32px;
width: 27px;
height: 1px;
background-color: #fff;
}
.pxl-swiper-arrow-style2 .pxl-swiper-arrow {
opacity: 1;
visibility: visible;
height: 55px;
width: 55px;
line-height: 55px;
font-size: 20px;
background: transparent;
-webkit-box-shadow: none;
-khtml-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
position: static;
-webkit-transform: translate(0, 0);
-khtml-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.pxl-swiper-arrow-style2 .pxl-swiper-arrow i {
display: inline-flex;
}
.pxl-swiper-arrow-style2 .pxl-swiper-arrow svg {
height: 55px;
width: 55px;
position: absolute;
top: 0;
left: 0;
z-index: -1;
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.pxl-swiper-arrow-style2 .pxl-swiper-arrow svg.item--main {
fill: #ececec;
}
.pxl-swiper-arrow-style2 .pxl-swiper-arrow svg.item--hover {
opacity: 0;
}
.pxl-swiper-arrow-style2 .pxl-swiper-arrow.pxl-swiper-arrow-prev {
-webkit-transform: scalex(-1);
-khtml-transform: scalex(-1);
-moz-transform: scalex(-1);
-ms-transform: scalex(-1);
-o-transform: scalex(-1);
transform: scalex(-1);
margin-right: 16px;
}
.pxl-swiper-arrow-style2 .pxl-swiper-arrow:hover svg.item--main {
opacity: 0;
}
.pxl-swiper-arrow-style2 .pxl-swiper-arrow:hover svg.item--hover {
opacity: 1;
}
.pxl-swiper-arrow-style2 .pxl-swiper-arrow-wrap {
display: flex;
flex-wrap: nowrap;
align-items: center;
}
.pxl-swiper-arrow-style3 .pxl-swiper-arrow {
font-size: 36px;
color: #c5d3d8;
background-color: transparent;
box-shadow: none;
}
.pxl-swiper-arrow-style3 .pxl-swiper-arrow.pxl-swiper-arrow-prev i {
-webkit-transform: scalex(-1);
-khtml-transform: scalex(-1);
-moz-transform: scalex(-1);
-ms-transform: scalex(-1);
-o-transform: scalex(-1);
transform: scalex(-1);
display: inline-block;
}
.pxl-swiper-dots.style2.pxl-swiper-pagination-bullets {
margin-top: 35px;
}
.pxl-swiper-dots.style2.pxl-swiper-pagination-bullets span {
margin: 0 4px;
width: 11px;
height: 11px;
background-color: ;
background-image: -webkit-gradient(linear, right top, left top, from(), to());
background-image: -webkit-linear-gradient(to right, , );
background-image: -moz-linear-gradient(to right, , );
background-image: -ms-linear-gradient(to right, , );
background-image: -o-linear-gradient(to right, , );
background-image: linear-gradient(to right, , );
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='', endColorStr='', gradientType='1');
}
.pxl-swiper-dots.style2.pxl-swiper-pagination-bullets span:before {
content: '';
width: 13px;
height: 13px;
border: 1px solid var(--primary-color);
top: -1px;
left: -1px;
position: absolute;
-webkit-border-radius: 13px;
-khtml-border-radius: 13px;
-moz-border-radius: 13px;
-ms-border-radius: 13px;
-o-border-radius: 13px;
border-radius: 13px;
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
opacity: 0;
-webkit-transform: scale(1.4);
-khtml-transform: scale(1.4);
-moz-transform: scale(1.4);
-ms-transform: scale(1.4);
-o-transform: scale(1.4);
transform: scale(1.4);
}
.pxl-swiper-dots.style2.pxl-swiper-pagination-bullets span:after {
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
content: '';
width: 5px;
height: 5px;
-webkit-border-radius: 13px;
-khtml-border-radius: 13px;
-moz-border-radius: 13px;
-ms-border-radius: 13px;
-o-border-radius: 13px;
border-radius: 13px;
position: absolute;
top: 3px;
left: 3px;
background-color: ;
background-image: -webkit-gradient(linear, right top, left top, from(), to());
background-image: -webkit-linear-gradient(to right, , );
background-image: -moz-linear-gradient(to right, , );
background-image: -ms-linear-gradient(to right, , );
background-image: -o-linear-gradient(to right, , );
background-image: linear-gradient(to right, , );
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='', endColorStr='', gradientType='1');
opacity: 0;
}
.pxl-swiper-dots.style2.pxl-swiper-pagination-bullets span:hover, .pxl-swiper-dots.style2.pxl-swiper-pagination-bullets span.swiper-pagination-bullet-active {
background: transparent;
}
.pxl-swiper-dots.style2.pxl-swiper-pagination-bullets span:hover:before, .pxl-swiper-dots.style2.pxl-swiper-pagination-bullets span.swiper-pagination-bullet-active:before, .pxl-swiper-dots.style2.pxl-swiper-pagination-bullets span:hover:after, .pxl-swiper-dots.style2.pxl-swiper-pagination-bullets span.swiper-pagination-bullet-active:after {
opacity: 1;
}
.pxl-swiper-dots.style2.pxl-swiper-pagination-bullets span:hover:before, .pxl-swiper-dots.style2.pxl-swiper-pagination-bullets span.swiper-pagination-bullet-active:before {
-webkit-transform: scale(1);
-khtml-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.pxl-swiper-sliders .pxl-item--image img {
width: 100%;
}
.pxl-swiper-sliders .pxl-item--title a, .pxl-swiper-sliders .pxl-item--category a {
color: inherit;
}
.pxl-swiper-sliders .pxl-item--title a:hover, .pxl-swiper-sliders .pxl-item--category a:hover {
color: inherit;
}
.pxl-rooms-detail1 .rooms-container {
display: flex;
align-items: center;
justify-content: space-between;
border: solid 1px rgba(255, 255, 255, .3);
padding: 30px;
margin-top: 15px;
margin-bottom: 30px;
font-size: 18px;
color: #fff;
flex-wrap: wrap;
}
@media (max-width: 767px) {
.pxl-rooms-detail1 .rooms-container {
flex-direction: column;
align-items: flex-start;
padding: 15px;
}
}
@media (max-width: 767px) {
.pxl-rooms-detail1 .rooms-container > div {
margin: 15px 15px 15px 0;
}
}
.pxl-rooms-detail1 .rooms-container .rooms-guests {
position: relative;
font-size: 18px;
font-family: "Heebo", Arial, Helvetica, sans-serif;
font-weight: 300;
color: #fff;
margin-left: 52px;
text-transform: capitalize;
}
.pxl-rooms-detail1 .rooms-container .rooms-guests:before {
content: '';
position: absolute;
background: url(//elissahotel.com.my/wp-content/themes/seaside/assets/img/user.svg);
width: 32px;
height: 32px;
background-size: cover;
left: -52px;
top: 50%;
transform: translateY(-50%);
}
.pxl-rooms-detail1 .rooms-container .rooms-area {
position: relative;
font-size: 18px;
font-family: "Heebo", Arial, Helvetica, sans-serif;
font-weight: 300;
color: #fff;
margin-left: 52px;
}
.pxl-rooms-detail1 .rooms-container .rooms-area:before {
content: '';
position: absolute;
background: url(//elissahotel.com.my/wp-content/themes/seaside/assets/img/floorplan.svg);
width: 32px;
height: 32px;
background-size: cover;
left: -52px;
top: 50%;
transform: translateY(-50%);
}
.pxl-rooms-detail1 .rooms-container .rooms-price {
position: relative;
font-size: 18px;
font-family: "Heebo", Arial, Helvetica, sans-serif;
font-weight: 300;
color: #fff;
margin-left: 52px;
text-transform: capitalize;
}
.pxl-rooms-detail1 .rooms-container .rooms-price:before {
content: '';
position: absolute;
background: url(//elissahotel.com.my/wp-content/themes/seaside/assets/img/bed.svg);
width: 32px;
height: 32px;
background-size: cover;
left: -52px;
top: 50%;
transform: translateY(-50%);
}
.pxl-rooms-grid .pxl-item--holder .pxl-rooms-content, .pxl-post-carousel1 .pxl-item--holder .pxl-rooms-content {
padding: 30px;
background: rgba(49, 43, 36, .6);
}
.pxl-rooms-grid .pxl-item--holder .pxl-rooms-content h3, .pxl-post-carousel1 .pxl-item--holder .pxl-rooms-content h3 {
margin-bottom: 10px;
}
.pxl-rooms-grid .pxl-item--holder .pxl-rooms-content .pxl-item--excerpt, .pxl-post-carousel1 .pxl-item--holder .pxl-rooms-content .pxl-item--excerpt {
font-family: "Heebo", Arial, Helvetica, sans-serif;
margin-bottom: 20px;
}
.pxl-rooms-grid .pxl-item--holder .pxl-rooms-content .item-readmore .btn, .pxl-post-carousel1 .pxl-item--holder .pxl-rooms-content .item-readmore .btn {
justify-content: center;
display: flex;
font-size: 12px;
border: solid 2px rgba(255, 255, 255, .1);
background-color: transparent;
}
.pxl-rooms-grid .pxl-item--holder .pxl-rooms-content .item-readmore .btn span, .pxl-post-carousel1 .pxl-item--holder .pxl-rooms-content .item-readmore .btn span {
padding: 0 5px;
z-index: 1;
}
.pxl-rooms-grid .pxl-item--holder .pxl-rooms-content .item-readmore .btn i, .pxl-post-carousel1 .pxl-item--holder .pxl-rooms-content .item-readmore .btn i {
transition: 0.5s;
}
.pxl-rooms-grid .pxl-item--holder .pxl-rooms-content .item-readmore .btn:hover, .pxl-post-carousel1 .pxl-item--holder .pxl-rooms-content .item-readmore .btn:hover {
border-color: var(--primary-color);
}
.pxl-rooms-grid .pxl-item--holder .pxl-rooms-content .item-readmore .btn:hover i, .pxl-post-carousel1 .pxl-item--holder .pxl-rooms-content .item-readmore .btn:hover i {
padding-left: 10px;
}
.pxl-rooms-grid .pxl-item--holder .pxl-rooms-content .item-readmore .btn:before, .pxl-post-carousel1 .pxl-item--holder .pxl-rooms-content .item-readmore .btn:before {
background-color: var(--primary-color);
}
.pxl-rooms-grid .pxl-item--holder .pxl-item--image, .pxl-post-carousel1 .pxl-item--holder .pxl-item--image {
overflow: hidden;
position: relative;
}
.pxl-rooms-grid .pxl-item--holder .pxl-item--image img, .pxl-post-carousel1 .pxl-item--holder .pxl-item--image img {
transition: 0.5s;
}
.pxl-rooms-grid .pxl-item--holder .pxl-item--image .d-img-hover, .pxl-post-carousel1 .pxl-item--holder .pxl-item--image .d-img-hover {
position: absolute;
top: 0;
left: 0;
opacity: 0;
}
.pxl-rooms-grid .pxl-item--holder .pxl-item--image .rooms-d-details, .pxl-post-carousel1 .pxl-item--holder .pxl-item--image .rooms-d-details {
color: #fff;
width: 100%;
background: linear-gradient(0deg, rgba(32, 32, 32, .75) 25%, rgba(32, 32, 32, ) 100%);
background: rgba(49, 43, 36, .5);
position: absolute;
bottom: 0px;
left: 0px;
padding: 10px 30px 7px 30px;
letter-spacing: 1px;
z-index: 1;
}
.pxl-rooms-grid .pxl-item--holder .pxl-item--image .rooms-d-details .rooms-guests, .pxl-post-carousel1 .pxl-item--holder .pxl-item--image .rooms-d-details .rooms-guests {
position: relative;
font-size: 14px;
font-family: "Heebo", Arial, Helvetica, sans-serif;
font-weight: 300;
color: #fff;
margin-left: 30px;
text-transform: capitalize;
margin-right: 9px;
}
.pxl-rooms-grid .pxl-item--holder .pxl-item--image .rooms-d-details .rooms-guests:before, .pxl-post-carousel1 .pxl-item--holder .pxl-item--image .rooms-d-details .rooms-guests:before {
content: '';
position: absolute;
background: url(//elissahotel.com.my/wp-content/themes/seaside/assets/img/user.svg);
width: 24px;
height: 24px;
background-size: cover;
left: -30px;
top: 50%;
transform: translateY(-50%);
}
.pxl-rooms-grid .pxl-item--holder .pxl-item--image .rooms-d-details .rooms-area, .pxl-post-carousel1 .pxl-item--holder .pxl-item--image .rooms-d-details .rooms-area {
position: relative;
font-size: 14px;
font-family: "Heebo", Arial, Helvetica, sans-serif;
font-weight: 300;
color: #fff;
margin-left: 26px;
}
.pxl-rooms-grid .pxl-item--holder .pxl-item--image .rooms-d-details .rooms-area:before, .pxl-post-carousel1 .pxl-item--holder .pxl-item--image .rooms-d-details .rooms-area:before {
content: '';
position: absolute;
background: url(//elissahotel.com.my/wp-content/themes/seaside/assets/img/floorplan.svg);
width: 20px;
height: 20px;
background-size: cover;
left: -26px;
top: 50%;
transform: translateY(-50%);
}
.pxl-rooms-grid .pxl-item--holder .pxl-item--image .rooms-d-label, .pxl-post-carousel1 .pxl-item--holder .pxl-item--image .rooms-d-label {
z-index: 1;
position: absolute;
color: #fff;
background: var(--primary-color);
padding: 5px;
margin: 15px;
right: 0;
top: 0;
text-transform: uppercase;
font-size: 10px;
line-height: 1em;
letter-spacing: 2px;
padding-left: 7px;
padding-bottom: 4px;
}
.pxl-rooms-grid .pxl-item--holder .pxl-item--image:hover img, .pxl-post-carousel1 .pxl-item--holder .pxl-item--image:hover img {
transform: scale(1.1);
}
.pxl-rooms-grid .pxl-item--holder .pxl-item--image:hover .d-img-hover, .pxl-post-carousel1 .pxl-item--holder .pxl-item--image:hover .d-img-hover {
opacity: 1;
}
.pxl-image-box1 .pxl-item--title {
margin-bottom: 23px;
font-size: 22px;
border-bottom: 2px solid #f1f2f1;
padding-bottom: 17px;
}
.pxl-image-box1 .pxl-item--image {
background-color: #070f01;
margin-bottom: 25px;
position: relative;
overflow: hidden;
}
.pxl-image-box1 .pxl-item--image img {
width: 100%;
opacity: 0.6;
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.pxl-image-box1 .pxl-item--image a:before {
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
display: block;
content: '';
width: 0;
height: 0;
background: rgba(255, 255, 255, .2);
border-radius: 100%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
}
.pxl-image-box1 .pxl-item--description {
color: #4b5345;
margin-bottom: 28px;
}
@media screen and (max-width: 991px) {
.pxl-image-box1 .pxl-item--description {
font-size: 14px;
}
}
.pxl-image-box1 .pxl-item--inner:hover .pxl-item--image img {
opacity: 1;
}
.pxl-image-box1 .pxl-item--inner:hover .pxl-item--image a:before {
-webkit-animation: img_circle 0.65s;
animation: img_circle 0.65s;
}