body {
   overflow-anchor: none;
 }

 .products .grid-sizer {
   display: none;
 }

 .header-right-dark-color.header_space_no .site-header.fixed .fr {
   color: inherit;
 }

 .header-left-white-color.header_space_no .site-header .logo .light,
 .header-left-dark-color.header_space_no .site-header .logo .dark {
   display: block;
 }

 .site-header.static-header .header-main-block {
   background: transparent !important;
 }

 @media screen and (max-width: 768px),
 screen and (max-height: 450px) and (max-width: 992px) and (orientation: landscape) {
   body.body-one-screen {
     overflow: auto;
   }

   .header-right-dark-color.header_space_no .site-header .fr {
     color: inherit;
   }
 }

 .wpcf7 .ajax-loader {
   position: absolute;
 }

 .site-dark select option {
   color: #fff;
 }

 .booked-calendar-fields select option {
   color: #000;
   background: #fff;
 }

 .site-dark .woocommerce-checkout #payment div.payment_box {
   background-color: #000000;
   color: #fff;
 }

 .site-dark .woocommerce-checkout #payment div.payment_box:before {
   border-bottom-color: #000;
 }

 .woocommerce-checkout #payment .payment_method_stripe div.form-row {
   padding: 0 0;
 }

 .side-header:not(.from-builder) {
   display: none;
 }

 .grid-sizer {
   position: absolute;
 }

 .admin-bar .site-header.static-header {
   top: 0 !important;
 }

 .site-header.light-header .logo .dark {
   display: none;
 }

 .site-header.dark-header .logo .light {
   display: none;
 }

 .site-header .logo a {
   height: auto;
   min-height: auto;
 }

 .butter-button,
 .desktop-main-bar-left>*,
 .desktop-main-bar-right>* {
   margin-top: 0;
   margin-bottom: 0;
 }

 .header-main-block,
 .header-bottom-block {
   display: flex;
   align-items: center;
 }

 .navigation .sub-menu,
 .navigation .children {
   top: 100%;
 }

 .woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow {
   border-top: none;
   height: 100%;
   width: 30px;
 }

 .butter-button div {
   position: relative;
 }

 .butter-button div:before {
   content: '';
   position: absolute;
   top: 50%;
   left: 50%;
   width: 30px;
   height: 30px;
   transform: translate(-50%, -50%);
 }

 .site-footer.custom .scroll-up-button {
   z-index: 10;
 }

 /* 
- All
*/

 .brand-item {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   -ms-flex-pack: center;
   justify-content: center;
 }

 .bg-overlay .video.disable-on-scroll video,
 .bg-overlay .video-controls.hide,
 .bg-overlay .video-controls .button:before,
 .bg-overlay .video-controls .button i,
 .bg-overlay .color,
 .load-button .button-style2:before,
 .load-button .button-style2 span,
 .load-button .button-style2:after,
 .accordion-items .item .top,
 .brand-item img {
   -webkit-transition: 300ms ease;
   -o-transition: 300ms ease;
   transition: 300ms ease;
   -webkit-transition-property: color, background, mix-blend-mode, opacity, visibility, height;
   -o-transition-property: color, background, mix-blend-mode, opacity, visibility, height;
   transition-property: color, background, mix-blend-mode, opacity, visibility, height;
 }

 .vc_section,
 .vc_row,
 .wpb_wrapper,
 .bg-overlay .image,
 .portfolio-item .a-img div,
 body .category .item,
 .testimonials .item .image div,
 .price-list .item,
 .post-gallery-grid a,
 .project-slider-carousel .item,
 .price-list-type2 .item .img,
 .video-block .popup-item,
 .jquery-background-video-wrapper,
 .team-item .image,
 .split-screen>.item .img-item,
 .category-slider-area .category-slider-images .img-item,
 .image-comparison-slider .old,
 .vertical-parallax-slider .item,
 .album-cover,
 .album-playlist .top .bg,
 .album-playlist .top .pb-bg,
 .photo-carousel .carousel .item,
 .side-img div,
 .banner-categories .item a,
 .banner-about .image {
   background: 50% no-repeat;
   background-size: cover;
 }

 .base-icon-next-1:before {
   content: "\e926";
 }

 @media (max-width: 767.98px) {

   body.mobile_true .vc_section,
   body.mobile_true .vc_row,
   body.mobile_true .wpb_wrapper,
   body.mobile_true .bg-overlay .image,
   .bg-overlay body.mobile_true .image,
   body.mobile_true .portfolio-item .a-img div,
   .portfolio-item .a-img body.mobile_true div,
   body.mobile_true .category .item,
   body.mobile_true .testimonials .item .image div,
   .testimonials .item .image body.mobile_true div,
   body.mobile_true .price-list .item,
   .price-list body.mobile_true .item,
   body.mobile_true .post-gallery-grid a,
   .post-gallery-grid body.mobile_true a,
   body.mobile_true .project-slider-carousel .item,
   .project-slider-carousel body.mobile_true .item,
   body.mobile_true .price-list-type2 .item .img,
   .price-list-type2 .item body.mobile_true .img,
   body.mobile_true .video-block .popup-item,
   .video-block body.mobile_true .popup-item,
   body.mobile_true .jquery-background-video-wrapper,
   body.mobile_true .team-item .image,
   .team-item body.mobile_true .image,
   body.mobile_true .split-screen>.item .img-item,
   .split-screen>.item body.mobile_true .img-item,
   body.mobile_true .category-slider-area .category-slider-images .img-item,
   .category-slider-area .category-slider-images body.mobile_true .img-item,
   body.mobile_true .image-comparison-slider .old,
   .image-comparison-slider body.mobile_true .old,
   body.mobile_true .vertical-parallax-slider .item,
   .vertical-parallax-slider body.mobile_true .item,
   body.mobile_true .album-cover,
   body.mobile_true .album-playlist .top .bg,
   .album-playlist .top body.mobile_true .bg,
   body.mobile_true .album-playlist .top .pb-bg,
   .album-playlist .top body.mobile_true .pb-bg,
   body.mobile_true .photo-carousel .carousel .item,
   .photo-carousel .carousel body.mobile_true .item,
   body.mobile_true .side-img div,
   .side-img body.mobile_true div,
   body.mobile_true .banner-categories .item a,
   .banner-categories .item body.mobile_true a,
   body.mobile_true .banner-about .image,
   .banner-about body.mobile_true .image,
   body.mobile_true .banner .item .bg-image {
     background-size: contain !important;
     background-repeat: no-repeat;
   }
 }

 .bg-overlay,
 .bg-overlay .image,
 .bg-overlay .video,
 .bg-overlay .circles,
 .bg-overlay .color-change,
 .bg-overlay .color,
 .bg-overlay .bg-color,
 .bg-overlay .gradient,
 .bg-overlay .cross,
 .bg-overlay .dots,
 .bg-overlay .squares,
 .bg-overlay a,
 .split-screen-type2 .items .item .image .popup-link,
 .banner-decor-elements {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
 }

 .bg-overlay .video.disable-on-scroll.show video,
 .brand-item:hover img+img {
   opacity: 1;
   visibility: visible;
 }

 .bg-overlay .video.disable-on-scroll video,
 .bg-overlay .video-controls.hide,
 .load-button .button-style2.loading span,
 .load-button .button-style2.loading::before,
 .brand-item:hover img {
   opacity: 0;
   visibility: hidden;
 }

 /* 
- Accent color
*/
 .filter-button-group button:after,
 .filter-button-group a:after,
 .category-buttons a:after,
 .portfolio-type-carousel .portfolio-item .bottom-content .cat,
 .price-list .item .options .button-style1.active,
 .heading-with-num-type2 .num,
 .accordion-items .item .top .t:before,
 .accordion-items .item .top .t:after,
 .accordion-items .item.active .top,
 .tabs .tabs-head .item.active-tab,
 .split-screen .portfolio-navigation .numbers .num.active span,
 .category-slider-area .category-slider .center .item,
 .vertical-parallax-slider .item .price,
 .js-pixproof-gallery .proof-photo__meta .nav li a:hover,
 .heading-block .sub-h,
 .heading-block .h.accent-color,
 .heading-block .h span,
 .num-box-items .num-box .num,
 .icon-box .icon,
 .banner-right-buttons .button:hover .h,
 .banner-about .sub-h,
 .booked-calendar-shortcode-wrap .booked-appt-list>h2 strong,
 .project-slider-block .thumbs .swiper-slide,
 .filter-button-group button:not(.active):hover,
 .category-buttons a:not(.active):hover {
   color: #c48f56;
 }

 .portfolio_hover_type_4 .portfolio-item .content h5:after,
 .portfolio_hover_type_5 .portfolio-item .content h5:before,
 .portfolio_hover_type_7 .portfolio-item .content h5:after,
 .portfolio_hover_type_7 .portfolio-item .content h5:before,
 .heading-with-num-type2 .sub-h:before,
 .booked-calendar-shortcode-wrap .booked-appt-list .timeslot .timeslot-people button,
 body .booked-modal p.booked-title-bar,
 body .booked-modal .button {
   background: #c48f56;
 }

 .portfolio_hover_type_2 .portfolio-item .content h5:after,
 .portfolio_hover_type_6 .portfolio-item .content h5:after,
 .portfolio_hover_type_8 .portfolio-item .content h5:after,
 .portfolio_hover_type_8 .portfolio-item .content h5:before,
 .portfolio_hover_type_9 .portfolio-item .content h5:after,
 .portfolio_hover_type_9 .portfolio-item .content h5:before,
 body .category .item:before,
 .testimonials .owl-dots .owl-dot.active,
 .skill-item-line .line div,
 .price-list .item:before,
 .price-list .item .options .button-style1 span,
 .price-list .item .options .button-style1 span:after,
 .price-list-type2 .item:before,
 .split-screen .owl-dots .owl-dot.active,
 .vertical-parallax-area .pagination-dots span.active,
 .split-screen-type2 .pagination-dots span.active,
 .white .album-playlist .jp-volume-bar .jp-volume-bar-value,
 .photo-carousel>a,
 .js-pixproof-gallery .selected .proof-photo__id {
   background-color: #c48f56;
 }

 .portfolio_hover_type_3 .portfolio-item .content,
 .portfolio_hover_type_6 .portfolio-item .content,
 .portfolio_hover_type_4 .portfolio-item .content,
 .portfolio_hover_type_4 .portfolio-item:hover .content,
 .portfolio-type-carousel .portfolio-item .a-img a[data-type="video"] i,
 .pagination .current,
 .video-block a>div,
 .team-social-buttons a,
 .play-button-block a,
 .booked-calendar-shortcode-wrap .booked-calendar tbody td.today .date .number {
   border-color: #c48f56;
 }

 /* 
- Accent color 2
*/
 /*
- Aditional
*/
 .lazyload_true .portfolio-item .a-img[data-original] div:not(.lizyready) {
   -webkit-filter: blur(4px);
   filter: blur(4px);
 }

 .vc_row[data-vc-full-width] {
   overflow: visible;
 }

 .owl-carousel .parallax-mirror {
   -webkit-transform: translateX(0) !important;
   -ms-transform: translateX(0) !important;
   transform: translateX(0) !important;
 }

 .owl-carousel .owl-item {
   -webkit-transition: 0.3s ease;
   -o-transition: 0.3s ease;
   transition: 0.3s ease;
   -webkit-transition-property: opacity, -webkit-transform;
   transition-property: opacity, -webkit-transform;
   -o-transition-property: opacity, transform;
   transition-property: opacity, transform;
   transition-property: opacity, transform, -webkit-transform;
 }

 .owl-carousel.loading .owl-item {
   opacity: 0 !important;
   -webkit-transform: translate(50%, 0%) !important;
   -ms-transform: translate(50%, 0%) !important;
   transform: translate(50%, 0%) !important;
 }

 .fsn-container {
   top: 10px !important;
 }

 .fa {
   /* font-family: 'FontAwesome', 'Font Awesome 5 Free' !important; */
 }

 .vc_section,
 .vc_row,
 .wpb_wrapper {
   position: relative;
   z-index: 1;
 }

 .cache-items {
   display: none !important;
 }

 .parallax-mirror img {
   left: 0;
 }

 /*
- Load Items
*/
 .load-items-area {
   display: none !important;
 }

 /* 
- Background Overlay
*/
 .bg-overlay {
   /* z-index: -1; */
   pointer-events: none;
 }

 .bg-overlay>div {
   z-index: 2 !important;
 }

 .bg-overlay .parallax-mirror {
   position: absolute !important;
   -webkit-transform: none !important;
   -ms-transform: none !important;
   transform: none !important;
 }

 .bg-overlay .image.in-circle {
   left: 50%;
   margin-left: -125px;
   -webkit-mask-image: url(../imgs/mask-in-circle-right.svg);
   mask-image: url(../imgs/mask-in-circle-right.svg);
   -webkit-mask-position: 0 50%;
   mask-position: 0 50%;
   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;
   -webkit-mask-size: cover;
   mask-size: cover;
 }

 .bg-overlay .image.in-circle.on-left {
   -webkit-mask-image: url(../imgs/mask-in-circle-left.svg);
   mask-image: url(../imgs/mask-in-circle-left.svg);
   -webkit-mask-position: 100% 50%;
   mask-position: 100% 50%;
 }

 .bg-overlay .video-wrap {
   z-index: 3;
 }

 .bg-overlay .video-wrap video {
   position: absolute;
   min-width: 100%;
   min-height: 100%;
   width: auto;
   height: auto;
   top: 0%;
   left: 0%;
   -o-object-fit: cover;
   object-fit: cover;
 }

 .bg-overlay .video-wrap {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   overflow: hidden;
 }

 .bg-overlay .video-wrap iframe.video {
   width: auto;
   height: auto;
   min-width: 100%;
   min-height: 300%;
   max-width: none;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
 }

 .bg-overlay iframe.video {
   width: auto;
   height: auto;
   min-width: 100%;
   min-height: 300%;
   max-width: none;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
 }

 .bg-overlay audio {
   display: none;
 }

 .bg-overlay .circles {
   opacity: .5;
 }

 .bg-overlay .circles span {
   position: absolute;
   border-radius: 50%;
   border: 1px solid #ffffff;
 }

 .bg-overlay .circles span:nth-child(1) {
   top: 0;
   left: 50%;
   border-width: 105px;
   width: 740px;
   height: 740px;
   -webkit-transform: translate(-140%, -50%);
   -ms-transform: translate(-140%, -50%);
   transform: translate(-140%, -50%);
 }

 .bg-overlay .circles span:nth-child(2) {
   right: 0;
   bottom: 0;
   border-width: 70px;
   width: 425px;
   height: 425px;
   -webkit-transform: translate(50%, 50%);
   -ms-transform: translate(50%, 50%);
   transform: translate(50%, 50%);
 }

 .bg-overlay .circles.style2 span:nth-child(1) {
   opacity: .2;
 }

 .bg-overlay .circles.style2 span:nth-child(2) {
   opacity: .2;
   left: 0;
   right: auto;
   -webkit-transform: translate(-50%, 50%);
   -ms-transform: translate(-50%, 50%);
   transform: translate(-50%, 50%);
 }

 .bg-overlay .color-change {
   -webkit-transition: all 3000ms linear;
   -o-transition: all 3000ms linear;
   transition: all 3000ms linear;
   mix-blend-mode: multiply;
 }

 .bg-overlay .video-controls {
   position: absolute;
   bottom: 30px;
   left: 30px;
   right: 30px;
   z-index: 100 !important;
   pointer-events: none;
   font-size: 24px;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
 }

 .bg-overlay .video-controls .button {
   pointer-events: all;
   position: relative;
   -webkit-box-flex: 0;
   -webkit-flex: 0 0 1.5em;
   -ms-flex: 0 0 1.5em;
   flex: 0 0 1.5em;
   text-align: center;
   cursor: pointer;
 }

 .bg-overlay .video-controls .button i {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   opacity: 0;
 }

 .bg-overlay .video-controls .button.active:before {
   opacity: 0;
 }

 .bg-overlay .video-controls .button.active i {
   opacity: 1;
 }

 @media (max-width: 767.98px) {
   .bg-overlay .video-controls {
     bottom: 15px;
   }
 }

 .bg-overlay .text {
   position: absolute;
   left: 50%;
   white-space: nowrap;
   width: 100%;
   margin-left: -50%;
   font-weight: bold;
   font-size: 220px;
   line-height: 1;
   opacity: 0.05;
   text-align: center;
 }

 .bg-overlay .text.bottom {
   bottom: -0.2em;
 }

 .bg-overlay .color {
   background-color: #1a1a1a;
   opacity: 0.2;
 }

 .bg-overlay .gradient {
   background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(26, 26, 26, 0.2)), to(rgba(26, 26, 26, 0.7)));
   background-image: -o-linear-gradient(top, rgba(26, 26, 26, 0.2) 0%, rgba(26, 26, 26, 0.7) 100%);
   background-image: linear-gradient(to bottom, rgba(26, 26, 26, 0.2) 0%, rgba(26, 26, 26, 0.7) 100%);
   background-repeat: repeat-x;
 }

 .bg-overlay .cross {
   opacity: .5;
 }

 .bg-overlay .cross:before,
 .bg-overlay .cross:after {
   content: '';
   position: absolute;
   top: 50%;
   left: 50%;
   width: 105px;
   height: 360px;
   background: #fff;
 }

 .bg-overlay .cross:before {
   -webkit-transform: translate(-50%, -50%) rotate(-45deg);
   -ms-transform: translate(-50%, -50%) rotate(-45deg);
   transform: translate(-50%, -50%) rotate(-45deg);
 }

 .bg-overlay .cross:after {
   -webkit-transform: translate(-50%, -50%) rotate(45deg);
   -ms-transform: translate(-50%, -50%) rotate(45deg);
   transform: translate(-50%, -50%) rotate(45deg);
 }

 .bg-overlay .lines {
   position: absolute;
   top: 0;
   right: 0;
   width: 65%;
   height: 100%;
   max-width: 650px;
   -webkit-transform: skewX(-30deg);
   -ms-transform: skewX(-30deg);
   transform: skewX(-30deg);
   -webkit-transform-origin: 0% 65%;
   -ms-transform-origin: 0% 65%;
   transform-origin: 0% 65%;
 }

 .bg-overlay .lines.on-left {
   right: auto;
   left: 0;
   -webkit-transform: skewX(30deg);
   -ms-transform: skewX(30deg);
   transform: skewX(30deg);
 }

 .bg-overlay .lines div {
   width: 30.93525%;
   background-color: #fff;
   height: 100%;
   float: left;
   opacity: 0.07;
 }

 .bg-overlay .lines div:not(:last-of-type) {
   margin-right: 3.59712%;
 }

 .bg-overlay .dots {
   background: -o-linear-gradient(left, #2b2f35 33px, transparent 1%) center, -o-linear-gradient(#2b2f35 33px, transparent 1%) center, #585757;
   background: linear-gradient(90deg, #2b2f35 33px, transparent 1%) center, linear-gradient(#2b2f35 33px, transparent 1%) center, #585757;
   background-size: 35px 35px;
   opacity: 0.9;
 }

 .bg-overlay .squares {
   overflow: hidden;
 }

 .bg-overlay .squares:before,
 .bg-overlay .squares:after {
   content: "";
   position: absolute;
   background-color: rgba(255, 255, 255, 0.05);
   width: 100%;
   height: 100%;
   -webkit-transform: rotate(45deg) skewY(-25deg);
   -ms-transform: rotate(45deg) skewY(-25deg);
   transform: rotate(45deg) skewY(-25deg);
 }

 .bg-overlay .squares:before {
   left: -25%;
   bottom: 40%;
   -webkit-transform-origin: 100% 100%;
   -ms-transform-origin: 100% 100%;
   transform-origin: 100% 100%;
 }

 .bg-overlay .squares:after {
   top: 60%;
   left: 75%;
   -webkit-transform-origin: 0 0;
   -ms-transform-origin: 0 0;
   transform-origin: 0 0;
 }

 .bg-overlay a {
   pointer-events: all;
 }

 .decor-square {
   position: absolute;
   width: 210px;
   height: 210px;
   opacity: 0.07;
   pointer-events: none;
 }

 body.light-scheme .decor-square,
 body .light-scheme .decor-square {
   background: url(../imgs/square-bg-ligth.png);
 }

 body.dark-scheme .decor-square,
 body .dark-scheme .decor-square {
   background: url(../imgs/square-bg-dark.png);
 }

 body .dark-scheme {
   background: #000;
   color: #fff;
 }

 body .light-scheme {
   background: #fff;
   color: #000;
 }

 .button-container.center {
   text-align: center;
 }

 /*------------------------------------------------------------------
[3.6 Portfolio ]
*/
 .portfolio-items {
   /* color: #fff; */
 }

 .portfolio-items.gap-off {
   margin: 0 0;
 }

 .portfolio-item {
   position: relative;
   margin-bottom: 30px;
   color: #fff;
   z-index: 1;
 }

 .portfolio-item.with-gallery .wrap>a {
   pointer-events: none;
 }

 .portfolio-items.gap-off:not(.portfolio-type-scattered) .portfolio-item {
   margin: 0;
   padding: 0;
 }

 .portfolio-items.gap-off.portfolio-type-scattered .portfolio-item {
   margin: 0;
 }

 .portfolio-item .locked {
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   -webkit-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
   opacity: 0;
   visibility: hidden;
   z-index: 1;
   font-size: 40px;
 }

 .portfolio-item:hover .locked,
 .hover-disable .portfolio-item .locked {
   opacity: 1;
   visibility: visible;
 }

 .portfolio-item .locked i {
   display: block;
 }

 .owl-carousel .portfolio-item {
   margin: 0;
 }

 .portfolio-item .a-img {
   position: relative;
   z-index: 1;
 }

 .portfolio-item.with-gallery .a-img {
   z-index: 4;
 }

 .portfolio-item.with-video .a-img:before,
 .portfolio-carousel-type2-item.with-video .wrap:before {
   content: "\e943";
   font-family: 'base-icon' !important;
   speak: none;
   font-style: normal;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   position: absolute;
   top: 23px;
   left: 15px;
   z-index: 2;
   filter: drop-shadow(9.1524px 17.1202px 16.5217px rgba(0, 0, 0, 0.15)) drop-shadow(5.93211px 11.0964px 9.67593px rgba(0, 0, 0, 0.113889)) drop-shadow(3.52537px 6.59443px 5.26248px rgba(0, 0, 0, 0.0911111)) drop-shadow(1.83048px 3.42403px 2.68478px rgba(0, 0, 0, 0.075)) drop-shadow(0.745752px 1.39498px 1.34622px rgba(0, 0, 0, 0.0588889)) drop-shadow(0.169489px 0.31704px 0.650161px rgba(0, 0, 0, 0.0361111));
 }

 .portfolio-item .a-img img {
   display: block;
   width: 100%;
   transition: all 400ms ease-in-out;
 }

 .portfolio-item .a-img img.fade {
   opacity: 0;
 }

 .portfolio-item .a-img:after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   -webkit-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
   opacity: 0;
   visibility: hidden;
   background: rgba(0, 0, 0, 0.5);
 }

 .portfolio-type-carousel .owl-item.center .portfolio-item .a-img:after,
 .portfolio-type-carousel .owl-item.center.active .portfolio-item .a-img:after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   -webkit-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
   opacity: 0;
   visibility: hidden;
   background: rgba(0, 0, 0, 0.5);
 }

 .site-light .portfolio-type-carousel .owl-item .portfolio-item .a-img:after {
   background: rgba(255, 255, 255, 0.5);
 }

 .portfolio-item:hover .a-img:after,
 .hover-disable .portfolio-item .a-img:after,
 .portfolio_hover_none .portfolio-item .a-img:after,
 .portfolio-type-carousel .portfolio-item .a-img:after {
   opacity: 1;
   visibility: visible;
 }

 .portfolio-item .a-img div {
   padding-bottom: 65%;
   background-position: 50%;
 }

 .portfolio-items.music-albums .a-img div {
   padding-bottom: 100%;
 }

 .portfolio-item.image-center .a-img div {
   background-position: 50% !important;
 }

 .portfolio-item.image-left .a-img div {
   background-position: 0% 50% !important;
 }

 .portfolio-item.image-right .a-img div {
   background-position: 100% 50% !important;
 }

 .portfolio-item.image-top .a-img div {
   background-position: 50% 0% !important;
 }

 .portfolio-item.image-bottom .a-img div {
   background-position: 50% 100% !important;
 }

 .portfolio-type-horizontal .portfolio-item .a-img div {
   width: 600px;
 }

 .portfolio-type-horizontal .portfolio-item .a-img img {
   width: auto;
 }

 .portfolio-item .a-img img {}

 .portfolio-item .portfolio-item-gallery {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   margin: 0;
   padding: 0;
 }

 .site-light .portfolio_hover_gallery .portfolio-item {
   color: #000;
 }

 .portfolio-item .portfolio-item-gallery li {
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-position: 50%;
   background-size: cover;
   display: flex;
   align-items: center;
   justify-content: center;
   transition: all 400ms ease-in-out;
   opacity: 0;
   visibility: hidden;
 }

 .portfolio-item .portfolio-item-gallery li.show {
   opacity: 1;
   visibility: visible;
 }

 .portfolio-item .portfolio-item-gallery li img {
   width: auto;
   max-width: 100%;
   max-height: 100%;
 }

 .portfolio-item .portfolio-item-gallery li a,
 .portfolio-item .a-img a,
 .portfolio-type-horizontal .portfolio-item a:not(.permalink),
 .portfolio-type-scattered .portfolio-item a:not(.permalink),
 .portfolio-type-carousel .portfolio-item a:not(.permalink) {
   left: 0;
   right: 0;
 }

 .portfolio-type-carousel .portfolio-item a:not(.permalink) {
   padding: 15px;
 }

 .portfolio-item .content {
   position: absolute;
   left: 15px;
   right: 15px;
   z-index: 2;
   -webkit-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
   overflow: hidden;
 }

 .gap-off .portfolio-item .content {
   left: 0;
   right: 0;
 }

 .portfolio_hover_none .portfolio-item .content,
 .portfolio_hover_type_1 .portfolio-item .content {
   text-align: center;
   top: 50%;
   -webkit-transform: translate(0%, -50%);
   -ms-transform: translate(0%, -50%);
   transform: translate(0%, -50%);
   padding: 0 10px;
   opacity: 0;
   visibility: hidden;
 }

 .portfolio_hover_none .portfolio-item .content,
 .hover-disable.portfolio_hover_type_1 .portfolio-item .content,
 .portfolio_hover_type_1 .portfolio-item:hover .content {
   opacity: 1;
   visibility: visible;
 }

 .portfolio-item .content h5 {
   margin: 0;
   position: relative;
 }

 .portfolio_hover_none .portfolio-item .content h5:after,
 .portfolio_hover_type_1 .portfolio-item .content h5:after,
 .portfolio_hover_type_3 .portfolio-item .content h5:after,
 .portfolio_hover_type_4 .portfolio-item .content h5:after,
 .portfolio_hover_type_6 .portfolio-item .content h5:after {
   content: "";
   display: block;
   width: 25px;
   height: 1px;
   margin: 10px auto;
   background: #fff;
 }

 .portfolio_hover_none .portfolio-item .content.without-desc h5:after,
 .portfolio_hover_type_1 .portfolio-item .content.without-desc h5:after,
 .portfolio_hover_type_3 .portfolio-item .content.without-desc h5:after,
 .portfolio_hover_type_4 .portfolio-item .content.without-desc h5:after,
 .portfolio_hover_type_6 .portfolio-item .content.without-desc h5:after {
   display: none;
 }

 .portfolio-item .content p {
   font-size: 12px;
   font-style: italic;
   margin: 11px 0 0;
   line-height: 1.5em;
 }

 .portfolio-item a:not(.permalink) {
   position: absolute;
   top: 0;
   left: 15px;
   right: 15px;
   bottom: 0;
   z-index: 3;
   text-decoration: none;
   background-size: cover;
   background-position: 50%;
 }

 .portfolio-item .flipster__item__content a:not(.permalink) {
   left: 0;
   right: 0;
 }

 .portfolio-item>a.permalink,
 .portfolio-item .wrap>a.permalink,
 .portfolio-type-carousel2 .swiper-slide a.permalink {
   position: absolute;
   top: 15px;
   right: 15px;
   z-index: 10;
   width: 30px;
   height: 30px;
   border: 1px solid;
   border-radius: 50%;
   text-decoration: none;
   text-align: center;
   line-height: 31px;
 }

 .portfolio-items.gap-off .portfolio-item>a.permalink,
 .portfolio-item .wrap>a.permalink,
 portfolio-type-carousel2 .swiper-slide a.permalink {
   right: 30px;
 }

 .portfolio_hover_type_2 .portfolio-item .content {
   bottom: 15px;
 }

 .portfolio_hover_type_2 .portfolio-item .content h5 {
   display: inline-block;
   padding: 0 15px 0 20px;
   -webkit-transform: translate(-100%, 0%);
   -ms-transform: translate(-100%, 0%);
   transform: translate(-100%, 0%);
   -webkit-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }

 .portfolio_hover_type_2 .portfolio-item .content h5:after {
   content: "";
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   height: 9px;
   z-index: -1;
   opacity: 0.7;
   -webkit-transform: translate(-100%, 0%);
   -ms-transform: translate(-100%, 0%);
   transform: translate(-100%, 0%);
   -webkit-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }

 .portfolio_hover_type_2 .portfolio-item:hover .content h5,
 .hover-disable.portfolio_hover_type_2 .portfolio-item .content h5,
 .portfolio_hover_type_2 .portfolio-item:hover .content h5:after,
 .hover-disable.portfolio_hover_type_2 .portfolio-item .content h5:after {
   -webkit-transform: translate(0%, 0%) !important;
   -ms-transform: translate(0%, 0%) !important;
   transform: translate(0%, 0%) !important;
 }

 .portfolio_hover_type_2 .portfolio-item .content p {
   display: none;
 }

 .portfolio_hover_type_3 .portfolio-item .a-img:after,
 .portfolio_hover_type_6 .portfolio-item .a-img:after,
 .portfolio_hover_type_5 .portfolio-item .content p,
 .portfolio_hover_type_7 .portfolio-item .content p,
 .portfolio_hover_type_8 .portfolio-item .content p,
 .portfolio_hover_type_9 .portfolio-item .content p {
   display: none;
 }

 .portfolio_hover_type_3 .portfolio-item .content,
 .portfolio_hover_type_6 .portfolio-item .content {
   top: 50%;
   text-align: center;
   background: #fff;
   background: rgba(255, 255, 255, 0.9);
   color: #000;
   left: 45px;
   right: 45px;
   border-width: 1px;
   border-style: solid;
   -webkit-box-shadow: 0 0 0 6px #fff;
   box-shadow: 0 0 0 6px #fff;
   padding: 35px 15px;
   -webkit-transform: translate(0%, -50%);
   -ms-transform: translate(0%, -50%);
   transform: translate(0%, -50%);
   opacity: 0;
   visibility: hidden;
 }

 .portfolio_hover_type_3 .portfolio-item:hover .content,
 .portfolio_hover_type_6 .portfolio-item:hover .content,
 .hover-disable.portfolio_hover_type_3 .portfolio-item .content,
 .hover-disable.portfolio_hover_type_6 .portfolio-item .content {
   opacity: 1;
   visibility: visible;
 }

 .portfolio_hover_type_3 .portfolio-item .content h5:after {
   background: #000;
 }

 .portfolio_hover_type_3 .portfolio-item.with-video .a-img:before,
 .portfolio_hover_type_6 .portfolio-item.with-video .a-img:before {
   top: 8px;
   left: 8px;
 }

 .portfolio_hover_type_4 .portfolio-item .content {
   bottom: 15px;
   border-left: 0 solid;
   padding: 3px 0;
   padding-left: 15px;
 }

 .portfolio_hover_type_4 .portfolio-item:hover .content,
 .hover-disable.portfolio_hover_type_4 .portfolio-item .content {
   border-left-width: 9px;
   border-left-style: solid;
 }

 .portfolio_hover_type_4 .portfolio-item .content h5,
 .portfolio_hover_type_4 .portfolio-item .content p {
   -webkit-transform: translate(-140%, 0);
   -ms-transform: translate(-140%, 0);
   transform: translate(-140%, 0);
   -webkit-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }

 .portfolio_hover_type_5 .portfolio-item .content h5 {
   -webkit-transform: translate(-140%, 0);
   -ms-transform: translate(-140%, 0);
   transform: translate(-140%, 0);
   -webkit-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
   line-height: 1;
 }


 .portfolio_hover_type_5 .portfolio-item.with-video .a-img:before {
   top: 20px;
   left: auto;
   right: 20px;
 }

 .portfolio_hover_type_4 .portfolio-item:hover .content h5,
 .portfolio_hover_type_4 .portfolio-item:hover .content p,
 .hover-disable.portfolio_hover_type_4 .portfolio-item .content h5,
 .hover-disable.portfolio_hover_type_4 .portfolio-item .content p {
   -webkit-transform: translate(0, 0);
   -ms-transform: translate(0, 0);
   transform: translate(0, 0);
 }

 .portfolio_hover_type_5 .portfolio-item:hover .content h5,
 .hover-disable.portfolio_hover_type_5 .portfolio-item .content h5 {
   -webkit-transform: translate(0, 0);
   -ms-transform: translate(0, 0);
   transform: translate(0, 0);
 }

 .portfolio_hover_type_4 .portfolio-item .content h5:after {
   margin: 10px 0;
 }

 .portfolio_hover_type_5 .portfolio-item .content {
   top: 15px;
   padding-left: 30px;
 }

 .portfolio_hover_type_5 .portfolio-item .content h5:before {
   content: "";
   position: absolute;
   top: 50%;
   left: -30px;
   width: 17px;
   height: 10px;
   margin-top: -5px;
 }

 .portfolio_hover_type_5 .portfolio-item .content h5 span {
   opacity: 0.2;
   font-size: 36px;
   vertical-align: bottom;
   margin-right: 5px;
 }

 .portfolio_hover_type_6 .portfolio-item .content {
   background: #000;
   background: rgba(0, 0, 0, 0.9);
   color: #fff;
   -webkit-box-shadow: 0 0 0 6px #000;
   box-shadow: 0 0 0 6px #000;
 }

 .portfolio_hover_type_7 .portfolio-item .content {
   top: 50%;
   text-align: center;
   -webkit-transform: translate(0%, -50%);
   -ms-transform: translate(0%, -50%);
   transform: translate(0%, -50%);
   overflow: inherit;
 }

 .portfolio_hover_type_7 .portfolio-item .content h5 {
   opacity: 0;
   visibility: hidden;
   -webkit-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }

 .portfolio_hover_type_7 .portfolio-item:hover .content h5,
 .hover-disable.portfolio_hover_type_7 .portfolio-item .content h5 {
   opacity: 1;
   visibility: visible;
 }

 .portfolio_hover_type_7 .portfolio-item .content h5:after,
 .portfolio_hover_type_7 .portfolio-item .content h5:before {
   content: "";
   width: 1px;
   height: 25px;
   position: absolute;
   left: 50%;
   -webkit-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
   -webkit-transition-delay: 0s;
   -o-transition-delay: 0s;
   transition-delay: 0s;
   -webkit-transform: rotate(90deg) scale(0);
   -ms-transform: rotate(90deg) scale(0);
   transform: rotate(90deg) scale(0);
 }

 .portfolio_hover_type_7 .portfolio-item .content h5:after {
   bottom: -40px;
 }

 .portfolio_hover_type_7 .portfolio-item .content h5:before {
   top: -40px;
 }

 .portfolio_hover_type_7 .portfolio-item:hover .content h5:after,
 .portfolio_hover_type_7 .portfolio-item:hover .content h5:before,
 .hover-disable.portfolio_hover_type_7 .portfolio-item .content h5:after,
 .hover-disable.portfolio_hover_type_7 .portfolio-item .content h5:before {
   -webkit-transform: rotate(0deg) scale(1);
   -ms-transform: rotate(0deg) scale(1);
   transform: rotate(0deg) scale(1);
   -webkit-transition-delay: 0.3s;
   -o-transition-delay: 0.3s;
   transition-delay: 0.3s;
 }

 .portfolio_hover_type_8 .portfolio-item .content,
 .portfolio_hover_type_9 .portfolio-item .content {
   bottom: 10px;
   text-align: center;
 }

 .portfolio_hover_type_8 .portfolio-item .content h5,
 .portfolio_hover_type_9 .portfolio-item .content h5 {
   display: inline-block;
   padding: 0 15px;
   opacity: 0;
   visibility: hidden;
   max-width: 90%;
 }

 .portfolio_hover_type_8 .portfolio-item:hover .content h5,
 .portfolio_hover_type_9 .portfolio-item:hover .content h5,
 .hover-disable.portfolio_hover_type_8 .portfolio-item .content h5,
 .hover-disable.portfolio_hover_type_9 .portfolio-item .content h5 {
   opacity: 1;
   visibility: visible;
 }

 .portfolio_hover_type_8 .portfolio-item .content h5:after,
 .portfolio_hover_type_8 .portfolio-item .content h5:before {
   -webkit-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
   content: "";
   position: absolute;
   top: 50%;
   width: 4px;
   height: 4px;
   border-radius: 50%;
   margin-top: -2px;
   transition: all 0.3s ease;
   -webkit-transition-delay: 0s;
   -o-transition-delay: 0s;
   transition-delay: 0s;
 }

 .portfolio_hover_type_9 .portfolio-item .content h5:after,
 .portfolio_hover_type_9 .portfolio-item .content h5:before {
   -webkit-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
   content: "";
   position: absolute;
   top: 50%;
   width: 4px;
   height: 4px;
   border-radius: 50%;
   margin-top: -2px;
   transition: all 0.3s ease;
   -webkit-transition-delay: 0s;
   -o-transition-delay: 0s;
   transition-delay: 0s;
 }

 .portfolio_hover_type_8 .portfolio-item .content h5:after,
 .portfolio_hover_type_9 .portfolio-item .content h5:after {
   right: -30px;
 }

 .portfolio_hover_type_8 .portfolio-item .content h5:before,
 .portfolio_hover_type_9 .portfolio-item .content h5:before {
   left: -30px;
 }

 .portfolio_hover_type_8 .portfolio-item:hover .content h5:after,
 .portfolio_hover_type_9 .portfolio-item:hover .content h5:after,
 .hover-disable.portfolio_hover_type_8 .portfolio-item .content h5:after,
 .hover-disable.portfolio_hover_type_9 .portfolio-item .content h5:after {
   right: 0;
   -webkit-transition-delay: 0.3s;
   -o-transition-delay: 0.3s;
   transition-delay: 0.3s;
 }

 .portfolio_hover_type_8 .portfolio-item:hover .content h5:before,
 .hover-disable.portfolio_hover_type_8 .portfolio-item .content h5:before {
   left: 0;
   -webkit-transition-delay: 0.3s;
   -o-transition-delay: 0.3s;
   transition-delay: 0.3s;
 }

 .portfolio_hover_type_9 .portfolio-item:hover .content h5:before,
 .hover-disable.portfolio_hover_type_9 .portfolio-item .content h5:before {
   left: 0;
   -webkit-transition-delay: 0.3s;
   -o-transition-delay: 0.3s;
   transition-delay: 0.3s;
 }

 .portfolio_hover_type_9 .portfolio-item .content h5 {
   padding: 0 40px;
 }

 .portfolio_hover_type_9 .portfolio-item .content h5:after,
 .portfolio_hover_type_9 .portfolio-item .content h5:before {
   width: 25px;
   height: 1px;
   border-radius: 0;
   margin: 0;
 }

 .portfolio_hover_gallery .portfolio-item .a-img:after {
   display: none;
 }

 .portfolio_hover_gallery .portfolio-item .wrap>a {
   pointer-events: none;
 }

 .portfolio_hover_gallery .portfolio-item .content {
   position: relative;
   padding: 20px 0 0;
   left: 0;
   right: 0;
 }

 .portfolio_hover_gallery .portfolio-item .content h5 {
   font-size: 18px;
 }

 .portfolio-type-horizontal {
   margin: 30px 0 !important;
 }

 .portfolio-type-horizontal .owl-prev,
 .portfolio-type-horizontal .owl-next {
   position: absolute;
   top: 50%;
   -webkit-transform: translate(0%, -50%);
   -ms-transform: translate(0%, -50%);
   transform: translate(0%, -50%);
   font-size: 22px;
 }

 .portfolio-type-horizontal .owl-prev {
   left: 35px;
 }

 .portfolio-type-horizontal .owl-next {
   right: 35px;
 }

 .portfolio-type-horizontal .owl-stage {
   width: 100000px !important;
 }

 .portfolio-type-carousel2 .swiper-slide {
   position: relative;
   max-width: 515px;
   width: auto;
 }

 .portfolio-type-carousel2 .swiper-slide img {
   display: block;
   width: auto;
   height: auto !important;
   max-height: 545px;
 }

 .portfolio-type-carousel2 .swiper-slide .content {
   margin-top: 20px;
 }

 .portfolio-type-carousel2 .swiper-slide .category {
   font-size: 12px;
   margin-bottom: 5px;
 }

 .portfolio-type-carousel2 .swiper-slide .title {
   margin: 0;
 }

 .portfolio-type-carousel2 .swiper-slide .content p {
   font-size: 12px;
   margin-top: 5px;
   max-width: 170px;
 }

 .portfolio-type-carousel2 .swiper-slide a:not(.permalink) {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
 }

 .portfolio-type-carousel2 .swiper-slide:hover img {
   opacity: .8;
 }

 .portfolio-type-scattered .row {
   -webkit-box-align: start;
   -webkit-align-items: flex-start;
   -ms-flex-align: start;
   align-items: flex-start;
 }

 .portfolio-type-scattered .portfolio-item {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   -ms-flex-pack: center;
   justify-content: center;
   padding-bottom: 4%;
   height: auto;
 }

 .portfolio-type-scattered .portfolio-item .wrap {
   -webkit-transition: -webkit-transform 900ms ease-in-out;
   transition: -webkit-transform 900ms ease-in-out;
   -o-transition: transform 900ms ease-in-out;
   transition: transform 900ms ease-in-out;
   transition: transform 900ms ease-in-out, -webkit-transform 900ms ease-in-out;
 }

 .portfolio-type-scattered .portfolio-item img {
   width: auto;
   max-height: 500px;
   margin: 0 auto;
 }

 .portfolio-type-scattered .portfolio-item:nth-child(3n + 1) {
   padding-top: 2%;
 }

 .portfolio-type-scattered .portfolio-item:nth-child(3n + 3) {
   padding-top: 3%;
 }

 .portfolio-type-scattered .portfolio-item:nth-child(9n + 1) {
   padding-left: 2%;
 }

 .portfolio-type-scattered .portfolio-item:nth-child(9n + 2) {
   padding-left: 4%;
   padding-right: 5%;
 }

 .portfolio-type-scattered .portfolio-item:nth-child(9n + 3) {
   padding-left: 1%;
   padding-right: 3%;
 }

 .portfolio-type-scattered .portfolio-item:nth-child(9n + 4) {
   padding-right: 4%;
 }

 .portfolio-type-scattered .portfolio-item:nth-child(9n + 5) {
   padding-right: 3%;
 }

 .portfolio-type-scattered .portfolio-item:nth-child(9n + 6) {
   padding-left: 5%;
 }

 .portfolio-type-scattered .portfolio-item:nth-child(9n + 7) {
   padding-left: 6%;
 }

 .portfolio-type-scattered .portfolio-item:nth-child(9n + 8) {
   padding-left: 5%;
 }

 .portfolio-type-scattered .portfolio-item:nth-child(9n + 9) {
   padding-left: 3%;
   padding-right: 5%;
 }

 .load-items-area {
   display: none !important;
 }

 .load-button {
   margin: 0 0 30px;
   overflow: hidden;
   width: 100%;
 }

 .load-button .button-style2 {
   position: relative;
   line-height: 1.7;
 }

 .load-button .button-style2::before,
 .load-button .button-style2::after {
   content: '';
   display: block;
   width: 1px;
   height: 10px;
   background: currentColor;
   -webkit-flex-shrink: 0;
   -ms-flex-negative: 0;
   flex-shrink: 0;
 }

 .load-button .button-style2.loading::after {
   content: "\f110";
   font: normal normal normal 20px/1 'Font Awesome 5 Free';
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform-origin: 0 0;
   -ms-transform-origin: 0 0;
   transform-origin: 0 0;
   -webkit-animation-name: spin;
   animation-name: spin;
   -webkit-animation-duration: 1500ms;
   animation-duration: 1500ms;
   -webkit-animation-iteration-count: infinite;
   animation-iteration-count: infinite;
   -webkit-animation-timing-function: linear;
   animation-timing-function: linear;
   font-weight: 900;
   font-size: 14px;
   width: auto;
   height: auto;
   background: none;
   opacity: 1;
   visibility: visible;
   -webkit-transition: none;
   -o-transition: none;
   transition: none;
 }

 /* Gallery Elementor Container (e-con) */
 .elementor .e-con .gallery-block .post-gallery-grid.row {
   margin-left: 0;
   margin-right: 0;
 }

 .elementor .e-con .gallery-block {
   max-width: 100%;
   overflow: hidden;
 }

 /*------------------------------------------------------------------
[3.7 Filter buttons ]
*/
 .filter-button-group,
 .category-buttons {
   margin: 35px 0;
 }

 .filter-button-group button,
 .filter-button-group a {
   border: none;
   background: none;
   color: inherit;
   padding: 0 8px;
   text-decoration: none;
   line-height: normal;
   font-size: 12px;
   color: inherit;
   text-transform: uppercase;
   position: relative;
   cursor: pointer;
   margin-bottom: 10px !important;
 }

 .category-buttons a {
   border: none;
   background: none;
   color: inherit;
   padding: 0 8px;
   text-decoration: none;
   line-height: normal;
   font-size: 14px;
   color: inherit;
   text-transform: uppercase;
   position: relative;
 }

 .filter-button-group.tac button,
 .filter-button-group.tac a {
   margin: 0 10px 0;
 }

 .category-buttons.tac a {
   margin: 0 10px 0;
 }

 .filter-button-group.tal button:not(:last-of-type),
 .filter-button-group.tal a:not(:last-of-type) {
   margin-right: 20px;
 }

 .category-buttons.tal a:not(:last-of-type) {
   margin-right: 20px;
 }

 .filter-button-group.tar button:not(:first-of-type),
 .filter-button-group.tar a:not(:first-of-type) {
   margin-left: 20px;
 }

 .category-buttons.tar a:not(:first-of-type) {
   margin-left: 20px;
 }

 @media screen and (max-width: 768px) {

   .filter-button-group.tac button,
   .filter-button-group.tac a {
     margin: 0 6px 0;
   }

   .filter-button-group.tal button:not(:last-of-type),
   .filter-button-group.tal a:not(:last-of-type) {
     margin-right: 12px;
   }

   .filter-button-group.tar button:not(:first-of-type),
   .filter-button-group.tar a:not(:first-of-type) {
     margin-left: 12px;
   }
 }

 .filter-button-group button:after,
 .filter-button-group a:after {
   content: "";
   -webkit-box-shadow: inset 0 -9px 0 0;
   box-shadow: inset 0 -9px 0 0;
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 9px;
   z-index: -1;
   opacity: 0;
   visibility: hidden;
   -webkit-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }

 .nav_hover_style1 .filter-button-group button:after,
 .nav_hover_style1 .filter-button-group a:after {
   position: absolute;
   top: -7px;
   left: -5px;
   right: 3px;
   bottom: -6px;
   height: auto;
   box-shadow: none;
   border-width: 1px;
   border-style: solid;
   width: auto;
   border-right: 0;
 }

 .nav_hover_style3 .filter-button-group button:after,
 .nav_hover_style3 .filter-button-group a:after {
   width: 4px;
   height: 4px;
   border-radius: 50%;
   left: 50%;
   bottom: -10px;
   margin-left: -2px;
 }

 .navigation.hover-style4 .filter-button-group button:after,
 .navigation.hover-style4 .filter-button-group a:after {
   left: 8px;
   width: 20px;
   height: 1px;
   bottom: -8px;
 }

 /* ---- Hover Style: Square ---- */
 /* Center the navigation block within its header column */
 .navigation.hover-square {
   align-self: center;
 }

 /* Single unified background bar for the whole menu */
 .navigation.hover-square>.menu {
   display: flex;
   align-items: center;
   background: #272727;
   border-radius: 4px;
   padding: 4px;
 }

 /* Reset inherited li > a horizontal padding; use flex to vertically center content */
 .navigation.hover-square>.menu>li>a {
   display: flex;
   align-items: center;
   padding-left: 0;
   padding-right: 0;
   height: 100%;
 }

 /* Individual spans: layout only — no background, no border */
 .navigation.hover-square>.menu>li>a>span,
 .mobile-navigation.hover-square>.menu>li>a>span {
   display: flex;
   padding: 4px 10px;
   align-items: center;
   gap: 8px;
   background: transparent !important;
   border: none !important;
   border-color: transparent !important;
   transition: color 0.25s ease;
 }

 /* Active / hover state: text color only, no box */
 .navigation.hover-square>.menu>li:hover>a>span,
 .navigation.hover-square>.menu>li.current-menu-item>a>span,
 .navigation.hover-square>.menu>li.current-menu-ancestor>a>span,
 .navigation.hover-square>.menu>li.current_page_item>a>span,
 .navigation.hover-square>.menu>li.current_page_parent>a>span,
 .mobile-navigation.hover-square>.menu>li:hover>a>span,
 .mobile-navigation.hover-square>.menu>li.current-menu-item>a>span,
 .mobile-navigation.hover-square>.menu>li.current-menu-ancestor>a>span,
 .mobile-navigation.hover-square>.menu>li.current_page_item>a>span {
   background: transparent !important;
   border: none !important;
   border-color: transparent !important;
 }

 /* ---- Submenu Arrow (all styles) ---- */
 .navigation.has-submenu-arrow>.menu>li.menu-item-has-children>a>span,
 .navigation.has-submenu-arrow>.menu>li.mega-menu-item-has-children>a>span,
 .mobile-navigation.has-submenu-arrow>.menu>li.menu-item-has-children>a>span,
 .mobile-navigation.has-submenu-arrow>.menu>li.mega-menu-item-has-children>a>span {
   display: inline-flex;
   align-items: center;
 }

 .navigation.has-submenu-arrow>.menu>li.menu-item-has-children>a>span::after,
 .navigation.has-submenu-arrow>.menu>li.mega-menu-item-has-children>a>span::after,
 .mobile-navigation.has-submenu-arrow>.menu>li.menu-item-has-children>a>span::after,
 .mobile-navigation.has-submenu-arrow>.menu>li.mega-menu-item-has-children>a>span::after {
   content: "";
   display: inline-block;
   width: 10px;
   height: 10px;
   flex-shrink: 0;
   align-self: center;
   background-color: currentColor;
   -webkit-mask-image: url("../svgs/menu-arrow-down.svg");
   mask-image: url("../svgs/menu-arrow-down.svg");
   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;
   -webkit-mask-size: contain;
   mask-size: contain;
   -webkit-mask-position: center;
   mask-position: center;
   transition: transform 0.25s ease;
 }

 .category-buttons a:after {
   content: "";
   -webkit-box-shadow: inset 0 -9px 0 0;
   box-shadow: inset 0 -9px 0 0;
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 9px;
   z-index: -1;
   opacity: 0;
   visibility: hidden;
   -webkit-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }

 .filter-button-group button.active:after,
 .filter-button-group a.active:after {
   opacity: 1;
   visibility: visible;
 }

 .category-buttons a.active:after {
   opacity: 1;
   visibility: visible;
 }

 .filter-button-group button:not(.active):hover,
 .category-buttons a:not(.active):hover {}

 /* ---- Portfolio filter button styles (per-widget "Filter style" option) ---- */
 /* Style 2 is the default underline (base .filter-button-group :after) — no override needed. */

 /* Style 1 — bordered box on active/hover */
 .filter-buttons.filter-style-style1 button:after,
 .filter-buttons.filter-style-style1 a:after {
   position: absolute;
   top: -7px;
   left: -5px;
   right: 3px;
   bottom: -6px;
   height: auto;
   box-shadow: none;
   border-width: 1px;
   border-style: solid;
   width: auto;
   border-right: 0;
 }

 /* Style 3 — dot below active/hover */
 .filter-buttons.filter-style-style3 button:after,
 .filter-buttons.filter-style-style3 a:after {
   width: 4px;
   height: 4px;
   border-radius: 50%;
   left: 50%;
   bottom: -10px;
   margin-left: -2px;
 }

 /* Style 4 — short bar below active/hover */
 .filter-buttons.filter-style-style4 button:after,
 .filter-buttons.filter-style-style4 a:after {
   left: 8px;
   width: 20px;
   height: 1px;
   bottom: -8px;
 }

 /* Square — unified dark rounded bar, active = filled accent block */
 .filter-buttons.filter-style-square {
   display: flex;
 }

 .filter-buttons.filter-style-square.tac {
   justify-content: center;
 }

 .filter-buttons.filter-style-square.tar {
   justify-content: flex-end;
 }

 .filter-buttons.filter-style-square .wrap {
   display: inline-flex;
   flex-wrap: wrap;
   align-items: center;
   gap: 2px;
   background: #272727;
   border-radius: 4px;
   padding: 4px;
 }

 .filter-buttons.filter-style-square button,
 .filter-buttons.filter-style-square a {
   margin: 0 !important;
   padding: 6px 14px;
   border-radius: 3px;
   color: rgba(255, 255, 255, 0.7);
   -webkit-transition: background 0.25s ease, color 0.25s ease;
   -o-transition: background 0.25s ease, color 0.25s ease;
   transition: background 0.25s ease, color 0.25s ease;
 }

 .filter-buttons.filter-style-square button:after,
 .filter-buttons.filter-style-square a:after {
   display: none;
 }

 .filter-buttons.filter-style-square button:not(.active):hover,
 .filter-buttons.filter-style-square a:not(.active):hover {
   color: #fff;
 }

 .filter-buttons.filter-style-square button.active,
 .filter-buttons.filter-style-square a.active {
   color: #c48f56;
 }

 /* Category count superscript (filter buttons "Show category count" option) */
 .filter-button-group .filter-count {
   font-size: 0.7em;
   vertical-align: super;
   margin-left: 2px;
   opacity: 0.7;
 }

 .portfolio-type-carousel .portfolio-item {
   width: 730px;
   max-width: 90vw;
   color: inherit;
 }

 .portfolio-type-carousel .portfolio-item .a-img {
   color: #fff;
 }

 .portfolio-type-carousel .portfolio-item.with-video .a-img:before {
   content: "";
 }

 .portfolio-type-carousel .portfolio-item .a-img div {
   padding-bottom: 56.2%;
 }

 .portfolio-type-carousel .portfolio-item .a-img a[data-type="video"] {
   left: 0;
   right: 0;
 }

 .portfolio-type-carousel .portfolio-item .a-img a[data-type="video"] i {
   display: inline-block;
   font-size: 30px;
   text-decoration: none;
   width: 80px;
   border: 2px solid;
   text-indent: 0.1em;
   border-radius: 50%;
   text-align: center;
   line-height: 76px;
   position: absolute;
   top: 50%;
   left: 50%;
   margin-top: -40px;
   margin-left: -40px;
 }

 .portfolio-type-carousel .portfolio-item .bottom-content {
   text-align: center;
   text-transform: uppercase;
   padding: 25px;
 }

 .portfolio-type-carousel .portfolio-item .bottom-content h5 {
   margin: 0;
 }

 .portfolio-type-carousel .portfolio-item .bottom-content .cat {
   font-size: 12px;
   font-weight: bold;
   margin-top: 5px;
 }

 .portfolio-type-carousel .owl-dots {
   text-align: center;
   margin-bottom: 30px;
 }

 .portfolio-type-carousel .owl-dots .owl-dot {
   width: 11px;
   height: 11px;
   border-width: 1px;
   border-style: solid;
   display: inline-block;
   vertical-align: middle;
   border-radius: 50%;
   margin: 0 3px;
 }

 .portfolio-type-carousel .owl-dots .owl-dot.active {
   color: #bb8952;
 }

 .portfolio-type-carousel .owl-dots .owl-dot span {
   content: "";
   display: block;
   width: 5px;
   height: 5px;
   -webkit-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
   border-radius: 50%;
   background: transparent;
   margin: 2px;
 }

 .portfolio-type-carousel .owl-dots .owl-dot.active span {
   background-color: #bb8952;
 }

 /*------------------------------------------------------------------
[3.8 Social buttons ]
*/
 .footer-social-button {
   font-size: 14px;
   text-align: center;
   background: #e8e8e8;
   padding: 17px 0;
   text-transform: lowercase;
 }

 .site-dark .footer-social-button {
   background: #111111;
 }

 /*------------------------------------------------------------------
[3.9 Pagination ]
*/
 .pagination {
   margin: 30px 0;
   padding: 0;
 }

 .site-light .pagination a {
   color: #000;
 }

 .pagination>span,
 .pagination>a {
   display: inline-block;
   vertical-align: middle;
   min-width: 35px;
   line-height: 35px;
   height: 35px;
   border-width: 1px;
   border-style: solid;
   border-radius: 20px;
   text-align: center;
   margin: 0 5px;
 }

 .pagination i {
   display: block;
   line-height: 33px;
 }

 .pagination a {
   text-decoration: none;
 }

 /*------------------------------------------------------------------
[3.10 Category ]
*/
 body .category.owl-carousel {
   margin: 0;
 }

 body .category .item {
   background-position: 50%;
   text-align: center;
   padding-top: 30px;
   position: relative;
   height: 315px;
   color: #fff;
   z-index: 1;
 }

 body .category.type-big .item {
   height: 765px;
 }

 body .category .item.black {
   color: #000;
 }

 body .category .item:before {
   content: "";
   position: absolute;
   top: 0;
   left: 50%;
   margin-left: -1px;
   width: 2px;
   height: 30px;
   z-index: 2;
 }

 body .category.type-normal .item:after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: rgba(0, 0, 0, 0.4);
   z-index: 0;
 }

 body .category.type-normal .item>* {
   position: relative;
   z-index: 2;
 }

 body .category .item h6 {
   font-size: 1em;
 }

 body .category .video-wrap video {
   position: absolute;
   min-width: 100%;
   min-height: 100%;
   width: auto;
   height: auto;
   top: 0%;
   left: 0%;
   -o-object-fit: cover;
   pointer-events: none;
   object-fit: cover;
 }

 body .category .video-wrap {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   overflow: hidden;
   z-index: -1;
   pointer-events: none;
 }

 body .category .video-wrap iframe.video {
   position: absolute;
   width: auto;
   height: auto;
   min-width: 100%;
   min-height: 300%;
   max-width: none;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   pointer-events: none;
 }

 body .category .owl-prev,
 body .category .owl-next {
   position: absolute;
   top: 50%;
   -webkit-transform: translate(0%, -50%);
   -ms-transform: translate(0%, -50%);
   transform: translate(0%, -50%);
 }

 body .category .owl-prev {
   left: 30px;
 }

 body .category .owl-next {
   right: 30px;
 }

 /*------------------------------------------------------------------
[3.11 Testimonials ]
*/
 .testimonials .item {
   background: #f0f0f0;
   padding: 80px 35px;
 }

 .site-dark .testimonials .item {
   background: #121212;
   position: relative;
 }

 .testimonials .item .image {
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
 }

 .testimonials .item .image div {
   position: absolute;
   top: 0;
   left: 0;
   right: 15px;
   bottom: 0;
   background-position: 50%;
 }

 @media screen and (max-width: 768px),
 screen and (max-width: 992px) and (max-height: 450px) and (orientation: landscape) {
   .testimonials .item .image {
     position: relative;
     display: block !important;
     padding: 0;
     margin: -30px 0 40px;
   }

   .testimonials .item .image div {
     position: relative;
     right: 0;
     padding-bottom: 60%;
   }

   /* Bootstrap's own .col-sm-6 breakpoint (576px) is narrower than this custom
      768px breakpoint, so between 576-768px the image/text columns above were
      still forced 50/50 (col-sm-6 wins by source order) even though the image
      itself just switched to a stacked, full-width block. Cancel the 50% split
      here too so both columns actually stack full-width, matching the image. */
   .testimonials .item .col-sm-6 {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 100%;
     flex: 0 0 100%;
     max-width: 100%;
   }

   .testimonials .item .offset-sm-6 {
     margin-left: 0;
   }
 }

 .testimonials .item .quote {
   font-weight: 200;
   font-style: italic;
   font-size: 1.125em;
   line-height: 1.667em;
   position: relative;
   padding: 100px 0 0 30px;
   font-style: normal;
 }

 .testimonials .item .quote .q {
   color: #5f462d;
   font-size: 235px;
   font-weight: bold;
   line-height: normal;
   position: absolute;
   top: -50px;
   left: 30px;
 }

 .testimonials .item .quote:after {
   display: block;
   margin: 30px 0;
 }

 .testimonials .item h4 {
   margin: 15px 0;
   padding-left: 30px;
 }

 .testimonials .item .post {
   font-weight: 300;
   font-style: italic;
   font-size: 0.875em;
   padding-left: 30px;
 }

 .testimonials .owl-nav {
   position: absolute;
   bottom: 25px;
   right: 20px;
 }

 .testimonials .owl-prev,
 .testimonials .owl-next {
   display: inline-block;
   vertical-align: middle;
   margin: 0 5px;
 }

 .testimonials .owl-dots {
   position: absolute;
   bottom: 25px;
   left: 25px;
 }

 .testimonials .owl-dots .owl-dot {
   display: inline-block;
   width: 12px;
   height: 12px;
   background: #fff;
   border-radius: 50%;
   cursor: pointer;
   margin-right: 5px;
   -webkit-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }

 /*------------------------------------------------------------------
[3.12 Skills ]
*/
 .skill-item {
   margin-bottom: 35px;
 }

 .skill-item-line {
   margin-bottom: 30px;
 }

 .skill-item-line>*:last-child {
   margin-bottom: 0 !important;
 }

 .skill-item .chart {
   position: relative;
   display: inline-block;
   font-size: 20px;
   text-align: center;
   margin-bottom: 5px;
 }

 .skill-item .chart figcaption {
   padding: 0;
   width: 60px;
   height: 60px;
   line-height: 60px;
   font-size: 12px;
   font-weight: 500;
 }

 .skill-item .chart svg {
   position: absolute;
   top: 0;
   left: 0;
 }

 .skill-item .chart .outer {
   fill: transparent;
   stroke: #c48f56;
   stroke-width: 2px;
   stroke-dasharray: 534;
   stroke-dashoffset: 535;
   -webkit-transition: stroke-dashoffset 1s;
   -o-transition: stroke-dashoffset 1s;
   transition: stroke-dashoffset 1s;
 }

 .skill-item h6 {
   font-size: 1em;
   text-transform: uppercase;
   margin: 10px 0;
 }

 .skill-item-line h6 {
   font-size: 15px;
   text-transform: uppercase;
   margin: 0 0 10px 0;
 }

 .skill-item p {
   font-size: 12px;
   font-weight: 300;
   line-height: 1.71429;
   margin: 0;
 }

 .skill-item-line p {
   font-size: 14px;
   font-weight: 300;
   line-height: 1.71429;
   margin: 0;
 }

 .skill-item-line .line {
   position: relative;
   background: #292929;
   margin: 5px 0 18px;
   padding: 2px;
 }

 .site-light .skill-item-line .line {
   background: #fff;
 }

 .skill-item-line .line div {
   position: relative;
   height: 6px;
 }

 .skill-item-line .line span {
   position: absolute;
   bottom: 100%;
   font-size: 12px;
   font-weight: 600;
   right: 0;
   margin-bottom: 19px;
   background: #f0ede7;
   color: #000;
   width: 42px;
   margin-right: -21px;
   line-height: 26px;
   text-align: center;
 }

 .skill-item-line .line span:after {
   content: '';
   position: absolute;
   top: 100%;
   left: 50%;
   margin-left: -7px;
   width: 0;
   height: 0;
   border-left: 7px solid transparent;
   border-right: 7px solid transparent;
   border-top: 7px solid #f0ede7;
 }

 /*------------------------------------------------------------------
[3.13 Price list ]
*/
 .price-list .item {
   background-position: 50%;
   text-align: center;
   padding-top: 50px;
   position: relative;
 }

 .price-list .item:before {
   content: "";
   width: 2px;
   height: 30px;
   position: absolute;
   top: 0;
   left: 50%;
   margin-left: -1px;
 }

 .price-list .item .h {
   text-transform: uppercase;
   font-size: 1em;
   margin: 0;
 }

 .price-list .item .price {
   font-size: 7.500em;
   font-weight: bold;
 }

 .price-list .item .options .button-style1 {
   border: none;
 }

 .price-list .item .button-style2:after {
   margin-left: 0;
 }

 .price-list .item .options {
   padding: 30px 15px 40px;
   margin-top: 45px;
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   -webkit-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }

 .price-list .item .options.active {
   background: #fff;
   background: rgba(255, 255, 255, 0.9);
   color: #000;
 }

 .price-list .item.white .options.active {
   background: #000;
   background: rgba(0, 0, 0, 0.9);
   color: #fff;
 }

 .price-list .item .options .wrap {
   padding-bottom: 40px;
   display: none;
 }

 .price-list .item .options .button-style1 span {
   display: inline-block;
   width: 12px;
   height: 2px;
   margin: 4px 0 4px 20px;
   position: relative;
   -webkit-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }

 .price-list .item .options .button-style1 span:after {
   content: "";
   position: absolute;
   top: 50%;
   left: 50%;
   margin: -6px 0 0 -1px;
   width: 2px;
   height: 12px;
   -webkit-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }

 .price-list .item .options .button-style1:hover span {
   background: #fff;
 }

 .price-list .item .options .button-style1:hover span:after {
   background: #fff;
 }

 .price-list .item .options .button-style1.active span:after {
   -webkit-transform: rotate(-90deg);
   -ms-transform: rotate(-90deg);
   transform: rotate(-90deg);
 }

 .price-list .item .options .button-style1.active:hover {
   color: #fff;
 }

 .price-list .item .heading-decor:after {
   width: 30px;
 }

 .price-list .item .o-row {
   font-size: 14px;
   font-weight: 300;
 }

 .price-list .item .o-row:not(:last-of-type):after {
   content: "";
   display: block;
   width: 11px;
   height: 1px;
   -webkit-box-shadow: inset 0 0 0 3px;
   box-shadow: inset 0 0 0 3px;
   margin: 20px auto;
   opacity: .2;
 }

 .price-list .owl-prev,
 .price-list .owl-next {
   position: absolute;
   top: 50%;
   -webkit-transform: translate(0%, -50%);
   -ms-transform: translate(0%, -50%);
   transform: translate(0%, -50%);
 }

 .price-list .owl-prev {
   left: 30px;
 }

 .price-list .owl-next {
   right: 30px;
 }

 /*
- Price List Type 3
*/
 .price-list-type3 {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }

 .price-list-type3 .item {
   position: relative;
 }

 .price-list-type3:not(.owl-carousel) {
   display: -webkit-box;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   gap: 20px;
   margin-left: 0;
   margin-right: 0;
 }

 .price-list-type3:not(.owl-carousel) {
   --pl3-cols: var(--pl3-cols-lg, 3);
 }

 .price-list-type3:not(.owl-carousel) .item {
   -webkit-box-flex: 0;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
   flex: 0 0 auto;
   width: calc((100% - 20px * (var(--pl3-cols) - 1)) / var(--pl3-cols));
   max-width: 100%;
 }

 .price-list-type3.owl-carousel .item {
   padding: 0 10px;
 }

 .price-list-type3 .card-inner {
   position: relative;
   width: 100%;
   aspect-ratio: 2 / 3;
 }

 .price-list-type3 .card-front,
 .price-list-type3 .card-back {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   border-radius: 8px;
   overflow: hidden;
 }

 .price-list-type3.reveal-slide .card-inner {
   overflow: hidden;
   border-radius: 8px;
 }

 .price-list-type3 .card-front {
   background-color: #212121;
   z-index: 1;
 }

 .price-list-type3 .card-front .img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-size: cover;
   background-position: 50%;
   background-repeat: no-repeat;
 }

 .price-list-type3 .item-overlay {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.3);
 }

 .price-list-type3 .card-front:after {
   content: "";
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   height: 70%;
   z-index: 1;
   pointer-events: none;
   background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.85)));
   background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%);
   background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%);
 }

 .price-list-type3.gradient-off .card-front:after {
   display: none;
 }

 .price-list-type3 .whats-included {
   position: absolute;
   top: 16px;
   right: 16px;
   z-index: 3;
   display: -webkit-box;
   display: -webkit-flex;
   display: flex;
   -webkit-align-items: center;
   align-items: center;
   gap: 10px;
   color: #fff;
   text-decoration: none;
 }

 .price-list-type3 .card-front .content {
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 2;
   padding: 30px 16px 92px;
   text-align: left;
 }

 .price-list-type3 .item .h {
   font-size: 36px;
   color: #fff;
   margin: 0 0 12px;
 }

 .price-list-type3 .price-wrap {
   display: -webkit-box;
   display: -webkit-flex;
   display: flex;
   -webkit-box-align: start;
   -webkit-align-items: flex-start;
   -ms-flex-align: start;
   align-items: flex-start;
   gap: 12px;
 }

 .price-list-type3 .item .price-prefix {
   font-family: 'Playfair Display', Georgia, 'Times New Roman', serif;
   font-size: 24px;
   font-style: italic;
   font-weight: 400;
   line-height: 1;
   color: rgba(239, 225, 210, 0.7);
   -ms-flex-item-align: start;
   align-self: flex-start;
   margin-top: 0.32em;
 }

 .price-list-type3 .item .price {
   font-size: 42px;
   font-weight: 600;
   line-height: 1;
   color: #c48f56;
 }

 .price-list-type3 .options-panel {
   background-color: #212121;
   z-index: 5;
   padding: 16px 16px 72px;
   display: -webkit-box;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
 }

 .price-list-type3.reveal-slide .options-panel {
   -webkit-transform: translateY(101%);
   -ms-transform: translateY(101%);
   transform: translateY(101%);
 }

 .price-list-type3.reveal-flip .item {
   -webkit-perspective: 1200px;
   perspective: 1200px;
 }

 .price-list-type3.reveal-flip .card-inner {
   -webkit-transform-style: preserve-3d;
   transform-style: preserve-3d;
 }

 .price-list-type3.reveal-flip .card-front,
 .price-list-type3.reveal-flip .card-back {
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
 }

 .price-list-type3.reveal-flip .card-back {
   -webkit-transform: rotateY(180deg);
   transform: rotateY(180deg);
 }

 .price-list-type3 .panel-head {
   display: -webkit-box;
   display: -webkit-flex;
   display: flex;
   -webkit-align-items: center;
   align-items: center;
   -webkit-justify-content: space-between;
   justify-content: space-between;
   border-bottom: 1px solid rgba(255, 255, 255, 0.2);
   padding-bottom: 14px;
   margin-bottom: 14px;
   -webkit-flex-shrink: 0;
   -ms-flex-negative: 0;
   flex-shrink: 0;
 }

 .price-list-type3 .panel-head .oh {
   margin: 0;
   font-size: 16px;
   text-transform: uppercase;
   color: #fff;
 }

 .price-list-type3 .close-options {
   display: -webkit-box;
   display: -webkit-flex;
   display: flex;
   -webkit-align-items: center;
   align-items: center;
   gap: 10px;
   -webkit-flex-shrink: 0;
   -ms-flex-negative: 0;
   flex-shrink: 0;
   border: none;
   background: transparent;
   color: #fff;
   cursor: pointer;
   padding: 0;
 }

 .price-list-type3 .close-options:before,
 .price-list-type3 .close-options:after {
   content: "";
   display: block;
   width: 1px;
   height: 10px;
   background: currentColor;
 }

 .price-list-type3 .close-options span {
   position: relative;
   display: block;
   width: 14px;
   height: 14px;
 }

 .price-list-type3 .close-options span:before,
 .price-list-type3 .close-options span:after {
   content: "";
   position: absolute;
   top: 50%;
   left: 50%;
   width: 12px;
   height: 1px;
   background: currentColor;
   -webkit-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }

 .price-list-type3 .close-options span:before {
   -webkit-transform: translate(-50%, -50%) rotate(45deg);
   -ms-transform: translate(-50%, -50%) rotate(45deg);
   transform: translate(-50%, -50%) rotate(45deg);
 }

 .price-list-type3 .close-options span:after {
   -webkit-transform: translate(-50%, -50%) rotate(-45deg);
   -ms-transform: translate(-50%, -50%) rotate(-45deg);
   transform: translate(-50%, -50%) rotate(-45deg);
 }

 .price-list-type3 .close-options:hover span:before {
   -webkit-transform: translate(-50%, -50%) rotate(135deg);
   -ms-transform: translate(-50%, -50%) rotate(135deg);
   transform: translate(-50%, -50%) rotate(135deg);
 }

 .price-list-type3 .close-options:hover span:after {
   -webkit-transform: translate(-50%, -50%) rotate(45deg);
   -ms-transform: translate(-50%, -50%) rotate(45deg);
   transform: translate(-50%, -50%) rotate(45deg);
 }

 .price-list-type3 .panel-options {
   overflow-y: auto;
 }

 .price-list-type3 .o-row {
   display: -webkit-box;
   display: -webkit-flex;
   display: flex;
   -webkit-align-items: baseline;
   align-items: baseline;
   -webkit-justify-content: space-between;
   justify-content: space-between;
   gap: 15px;
   font-size: 16px;
   line-height: 26px;
   padding: 3px 0;
 }

 .price-list-type3 .o-row .o-name {
   color: #fff;
   font-weight: 400;
 }

 .price-list-type3 .o-row .o-value {
   color: #c48f56;
   font-weight: 600;
   text-align: right;
 }

 .price-list-type3 .item .button-style1.select-plan {
   display: block;
   position: absolute;
   left: 16px;
   right: 16px;
   bottom: 16px;
   z-index: 6;
   margin: 0;
   text-align: center;
   color: #c48f56;
 }

 .price-list-type3 .item .button-style1.select-plan:hover {
   color: #fff;
 }

 .price-list-type3.owl-carousel .item .button-style1.select-plan {
   left: 26px;
   right: 26px;
 }

 .price-list-type3 .owl-prev,
 .price-list-type3 .owl-next {
   position: absolute;
   top: 50%;
   -webkit-transform: translate(0%, -50%);
   -ms-transform: translate(0%, -50%);
   transform: translate(0%, -50%);
 }

 .price-list-type3 .owl-prev {
   left: -10px;
 }

 .price-list-type3 .owl-next {
   right: -10px;
 }

 .price-list-type3 .owl-dots {
   display: -webkit-box;
   display: -webkit-flex;
   display: flex;
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   justify-content: center;
   gap: 8px;
   margin-top: 16px;
 }

 .price-list-type3 .owl-dots .owl-dot {
   width: 8px;
   height: 8px;
   border-radius: 50%;
   background-color: rgba(196, 143, 86, 0.3);
   cursor: pointer;
   -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;
   transition: background-color 0.3s ease, -webkit-transform 0.3s ease;
   -o-transition: background-color 0.3s ease, transform 0.3s ease;
   transition: background-color 0.3s ease, transform 0.3s ease;
   transition: background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
 }

 .price-list-type3 .owl-dots .owl-dot.active {
   background-color: #c48f56;
   -webkit-transform: scale(1.25);
   -ms-transform: scale(1.25);
   transform: scale(1.25);
 }

 @media (max-width: 1199px) {
   .price-list-type3:not(.owl-carousel) {
     --pl3-cols: var(--pl3-cols-md, 2);
   }

   .price-list-type3 .item .h {
     font-size: 28px;
   }

   .price-list-type3 .item .price {
     font-size: 36px;
   }

   .price-list-type3 .item .price-prefix {
     font-size: 20px;
   }

   .price-list-type3 .options-panel {
     padding: 16px 16px 72px;
   }
 }

 @media (max-width: 767px) {
   .price-list-type3:not(.owl-carousel) {
     --pl3-cols: var(--pl3-cols-sm, 1);
   }

   .price-list-type3 .item .h {
     font-size: 24px;
   }

   .price-list-type3 .item .price {
     font-size: 32px;
   }

   .price-list-type3 .item .price-prefix {
     font-size: 18px;
   }

   .price-list-type3 .card-front .content {
     padding: 25px 16px 84px;
   }

   .price-list-type3 .options-panel {
     padding: 16px 16px 64px;
   }

   .price-list-type3 .o-row {
     font-size: 14px;
     line-height: 22px;
   }

   .price-list-type3 .whats-included {
     top: 16px;
     right: 16px;
   }
 }

 /*
- Heading With Num
*/
 .heading-with-num-type2 .top {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
   font-size: 14px;
 }

 .item.tac .heading-with-num-type2 .top {
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   -ms-flex-pack: center;
   justify-content: center;
 }

 .heading-with-num-type2 .num {
   font-weight: bold;
   margin-right: 15px;
 }

 .heading-with-num-type2 .sub-h {
   position: relative;
   padding-left: 40px;
 }

 .heading-with-num-type2 .sub-h:before {
   content: '';
   position: absolute;
   top: 50%;
   left: 0;
   margin-top: -1px;
   width: 20px;
   height: 1px;
 }

 /* Banner slide sub-heading uses the Accent global font
    (Theme Options → Global fonts → Accent, :root --pt-font-accent).
    Scoped to .banner .heading so the about-block .sub-h is untouched.
    Covers both the Elementor yprm_banner widget and the WPBakery pt_banner shortcode. */
 .banner .heading .sub-h {
   font-family: var(--pt-font-accent), sans-serif;
   font-size: 20px;
   font-style: italic;
   font-weight: 400;
   line-height: 28px; /* 140% */
   color: rgba(239, 225, 210, 0.70);
   /* Thin out the glyphs on macOS so the italic doesn't render bold/heavy. */
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }

 /*------------------------------------------------------------------
[3.15 Subscribe form ]
*/
 .subscribe-form {
   max-width: 500px;
 }

 .tac .subscribe-form,
 .coming-soon .subscribe-form {
   margin: 0 auto;
 }

 .subscribe-form .ajax-loader,
 .subscribe-form .wpcf7-spinner {
   display: none !important;
 }

 .subscribe-form .button-style1 {
   float: right;
   width: 130px;
   height: 40px;
 }

 .subscribe-form>div {
   margin-right: 150px;
 }

 .subscribe-form .style1 {
   margin-bottom: 0;
 }

 /*------------------------------------------------------------------
[ 3.19 Project page ]
*/
 .post-gallery-masonry>div,
 .post-gallery-grid>div {
   padding-bottom: 30px;
 }

 .post-gallery-grid .portfolio-item {
   padding-bottom: 0;
 }

 .post-gallery-grid.gap-off {
   margin: 0;
 }

 .post-gallery-grid.gap-off>div {
   padding: 0;
   margin: 0;
 }

 .post-gallery-masonry img,
 .post-gallery-grid img {
   display: block;
   width: 100%;
   height: auto;
 }

 .post-gallery-grid a {
   display: block;
   background-position: 50%;
 }

 .post-gallery-grid:not(.masonry) a:before {
   content: "";
   display: block;
   padding-bottom: 65%;
 }

 .project-slider {
   margin-bottom: 30px !important;
 }

 .project-slider-carousel {
   margin-bottom: 60px !important;
 }

 .project-slider .item {
   text-align: center;
 }

 .project-slider .item .cell {
   height: 590px;
   width: 1800px;
 }

 .project-slider .item img {
   max-height: 590px;
   margin: 0 auto;
   width: auto;
   display: inline-block;
   vertical-align: middle;
 }

 .project-slider-carousel .item {
   padding-bottom: 60%;
   background-position: 50%;
   -webkit-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }

 .project-slider-carousel .active-item .item {
   -webkit-box-shadow: inset 0 0 0 2px #c38f55;
   box-shadow: inset 0 0 0 2px #c38f55;
 }

 .project-slider .owl-prev,
 .project-slider-carousel .owl-prev {
   left: -35px;
 }

 .project-slider .owl-next,
 .project-slider-carousel .owl-next {
   right: -35px;
 }

 .project-slider .owl-prev,
 .project-slider .owl-next {
   position: absolute;
   top: 50%;
   -webkit-transform: translate(0%, -50%);
   -ms-transform: translate(0%, -50%);
   transform: translate(0%, -50%);
 }

 .project-slider-carousel .owl-prev,
 .project-slider-carousel .owl-next {
   position: absolute;
   top: 50%;
   -webkit-transform: translate(0%, -50%);
   -ms-transform: translate(0%, -50%);
   transform: translate(0%, -50%);
 }

 .project-horizontal {
   position: relative;
   padding-left: 420px;
   min-height: 600px;
 }

 .project-horizontal .content {
   position: absolute;
   left: 130px;
   top: 50%;
   -webkit-transform: translate(0%, -50%);
   -ms-transform: translate(0%, -50%);
   transform: translate(0%, -50%);
   z-index: 2;
 }

 .project-horizontal .content .date {
   max-width: 430px;
 }

 .project-horizontal .content .text {
   max-width: 260px;
   font-size: 14px;
   font-weight: 300;
   line-height: 1.714em;
 }

 .project-horizontal-slider img {
   width: auto;
   display: block;
   min-height: 600px;
 }

 .project-horizontal-slider a {
   text-decoration: none;
   font-size: 18px;
   font-weight: bold;
 }

 .project-horizontal-slider a * {
   display: inline-block;
   vertical-align: middle;
 }

 .project-horizontal-slider a i {
   margin: 0 10px;
 }

 .project-horizontal-slider .owl-nav {
   position: absolute;
   bottom: -40px;
   right: 15px;
 }

 .project-horizontal-slider .owl-prev,
 .project-horizontal-slider .owl-next {
   display: inline-block;
   margin: 0 5px;
   vertical-align: middle;
 }

 .project-horizontal-slider .owl-stage {
   min-width: 10000000px;
 }

 .project-horizontal-img {
   min-height: 600px;
   background-position: 50%;
   background-size: contain;
   background-repeat: no-repeat;
 }

 /*------------------------------------------------------------------
[ 3.20 Price list type 2 ]
*/
 .price-list-type2 .item {
   text-align: center;
   background: #f0f0f0;
   border: 1px solid #dfdfdf;
   position: relative;
   padding-bottom: 25px;
 }

 .site-dark .price-list-type2 .item {
   background: #111111;
   border-color: #2f2f2f;
 }

 .price-list-type2 .item:before {
   content: "";
   position: absolute;
   top: 0;
   left: 50%;
   margin-left: -1px;
   width: 2px;
   height: 30px;
 }

 .price-list-type2 .item .h {
   text-transform: uppercase;
   position: relative;
   z-index: 1;
   margin: 0;
   padding: 47px 0;
 }

 .price-list-type2 .item .price {
   font-size: 6.250em;
   font-weight: bold;
   position: absolute;
   top: 55px;
   left: 0;
   width: 100%;
   z-index: 2;
 }

 .price-list-type2 .item .img {
   /* height: 195px; */
   position: relative;
   background-position: 50%;
   border-top: 1px solid #dfdfdf;
   border-bottom: 1px solid #dfdfdf;
   padding-bottom: 42%;
 }

 .site-dark .price-list-type2 .item .img {
   border-color: #2f2f2f;
 }

 .site-dark .price-list-type2 .item .img:after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: rgba(0, 0, 0, 0.4);
 }

 .price-list-type2 .item .options {
   padding: 30px 0 5px;
 }

 .price-list-type2 .item .options .heading-decor {
   margin: 0;
   text-transform: uppercase;
 }

 .price-list-type2 .item .options .o-row {
   font-size: 14px;
   padding: 20px 0;
   position: relative;
 }

 .price-list-type2 .item .options .o-row:not(:last-of-type):after {
   content: "";
   position: absolute;
   bottom: 0;
   left: 50%;
   width: 10px;
   height: 1px;
   -webkit-box-shadow: inset 0 0 0 6px;
   box-shadow: inset 0 0 0 6px;
   margin-left: -5px;
 }

 .price-list-type2 .owl-prev,
 .price-list-type2 .owl-next {
   position: absolute;
   top: 50%;
   -webkit-transform: translate(0%, -50%);
   -ms-transform: translate(0%, -50%);
   transform: translate(0%, -50%);
 }

 .price-list-type2 .owl-prev {
   left: 15px;
 }

 .price-list-type2 .owl-next {
   right: 15px;
 }

 /*------------------------------------------------------------------
[ 3.21 Video block ]
*/
 .video-block {
   color: #fff;
   border: 1px solid #eeeeee;
 }

 .video-block .popup-item {
   display: block;
   text-decoration: none;
   background-color: #232323;
   background-position: 50%;
   padding-bottom: 55%;
   position: relative;
   height: 400px;
   text-align: center;
 }

 .video-block.fix-height .popup-item {
   padding: 0;
 }

 .video-block .popup-item .area {
   position: absolute;
   top: 50%;
   left: 0;
   right: 0;
   -webkit-transform: translate(0%, -50%);
   -ms-transform: translate(0%, -50%);
   transform: translate(0%, -50%);
 }

 .video-block .content {
   margin-bottom: 30px;
 }

 .video-block .content .sub-h {
   font-size: 14px;
   text-transform: uppercase;
   font-weight: 600;
 }

 .video-block .content .h {
   margin: 0 0;
   text-transform: uppercase;
 }

 .video-block .content .text {
   margin-top: 10px;
 }

 .site-dark .video-block {
   border-color: #393939;
 }

 .vc_row-fluid .video-block {
   border-left: 0;
   border-right: 0;
 }

 .video-block.black {
   color: #000;
 }

 .video-block a {
   display: block;
 }

 .video-block.fix-height a {
   padding: 0;
   width: 90px;
   height: 90px;
   margin: 0 auto;
 }

 .video-block.with-content a {
   position: relative;
 }

 .video-block a>div {
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   text-align: center;
   border: 2px solid;
   border-radius: 50%;
 }

 .video-block.black a>div {
   border-color: rgba(0, 0, 0, 0.52);
   border-color: #00000085;
 }

 .video-block a>div:before,
 .video-block a>div:after,
 .video-block a>div i:after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   border-radius: 50%;
   opacity: 0;
 }

 .video-block a>div:hover:before,
 .video-block a>div:hover:after,
 .video-block a>div:hover i:after {
   -webkit-box-shadow: inset 0 0 0 1px;
   box-shadow: inset 0 0 0 1px;
   -webkit-animation: play_b 2.7s ease-out infinite;
   animation: play_b 2.7s ease-out infinite;
 }

 .video-block a>div:hover:before {
   -webkit-animation-delay: 0.2s;
   animation-delay: 0.2s;
 }

 .video-block a>div:hover:after {
   -webkit-animation-delay: .8s;
   animation-delay: .8s;
 }

 .video-block a>div:hover i:after {
   -webkit-animation-delay: 1.4s;
   animation-delay: 1.4s;
 }

 .video-block a i {
   font-size: 1.875em;
   -webkit-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
   border-radius: 50%;
   width: 2.667em;
   height: 2.667em;
   line-height: 2.667em;
   display: inline-block;
   text-align: center;
   text-indent: 0.2em;
 }

 .video-block.black a i {
   background: rgba(0, 0, 0, 0.1);
   background: #0000001a;
   color: #8f8f8f;
 }

 /*------------------------------------------------------------------
[ 3.21 Video Background ]
*/
 .jquery-background-video-wrapper {
   position: relative;
   overflow: hidden;
   background-position: center center;
   background-repeat: no-repeat;
 }

 .jquery-background-video {
   position: absolute;
   min-width: 100%;
   min-height: 100%;
   width: 100%;
   height: 100%;
   top: 50%;
   left: 50%;
   -o-object-fit: cover;
   object-fit: cover;
   -webkit-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   -o-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
 }

 .mobile_true.is-mobile-body .jquery-background-video {
   -o-object-fit: contain;
   object-fit: contain;
 }

 .js .jquery-background-video.is-visible {
   opacity: 1;
 }

 .jquery-background-video-pauseplay {
   position: absolute;
   background: transparent;
   border: none;
   -webkit-box-shadow: none;
   box-shadow: none;
   width: 20px;
   height: 20px;
   top: 15px;
   right: 15px;
   padding: 0;
   cursor: pointer;
   outline: none !important;
 }

 .jquery-background-video-pauseplay span {
   display: none;
 }

 .jquery-background-video-pauseplay:after,
 .jquery-background-video-pauseplay:before {
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   -webkit-transition: all .3s ease;
   -o-transition: all .3s ease;
   transition: all .3s ease;
 }

 .jquery-background-video-pauseplay.play:before {
   border-top: 10px solid transparent;
   border-bottom: 10px solid transparent;
   border-left: 15px solid #FFF;
 }

 .jquery-background-video-pauseplay.pause:before {
   border-top: 10px solid #FFF;
   border-bottom: 10px solid #FFF;
   border-left: 5px solid #FFF;
 }

 .jquery-background-video-pauseplay.pause:after {
   border-top: 10px solid #FFF;
   border-bottom: 10px solid #FFF;
   border-left: 5px solid #FFF;
   left: 10px;
 }

 /*------------------------------------------------------------------
[ 3.21 Accordion items ]
*/
 .accordion-items {
   position: relative;
   margin: 0 0 30px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 20px;
 }

 .accordion-items .item {
   position: relative;
   background: #171616;
   border: 1px solid rgba(255, 255, 255, 0.1);
   border-radius: 4px;
   overflow: hidden;
 }

 .accordion-items .item .top {
   font-size: 20px;
   line-height: 28px;
   position: relative;
   cursor: pointer;
   font-weight: 600;
   padding: 25px 70px 25px 25px;
   -webkit-transition: padding 0.3s ease;
   -o-transition: padding 0.3s ease;
   transition: padding 0.3s ease;
 }

 /* Open item: title pins to the top with a 28px gap before the content. */
 .accordion-items .item.active .top {
   padding-bottom: 28px;
 }

 .accordion-items .item .top .t {
   position: absolute;
   width: 26px;
   height: 26px;
   right: 25px;
   top: 26px;
   color: #fff;
   border: 1px solid rgba(255, 255, 255, 0.3);
   border-radius: 50%;
 }

 .accordion-items .item .top .t:before,
 .accordion-items .item .top .t:after {
   content: "";
   position: absolute;
   top: 50%;
   left: 50%;
   background: #fff;
   -webkit-box-shadow: none;
   box-shadow: none;
   -webkit-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }

 /* horizontal bar — always visible */
 .accordion-items .item .top .t:before {
   width: 8px;
   height: 2px;
   margin: -1px 0 0 -4px;
 }

 /* vertical bar — hidden when active, turning + into − */
 .accordion-items .item .top .t:after {
   width: 2px;
   height: 8px;
   margin: -4px 0 0 -1px;
 }

 .accordion-items .item.active .top .t:after {
   -webkit-transform: rotate(-90deg);
   -ms-transform: rotate(-90deg);
   transform: rotate(-90deg);
   opacity: 0;
 }

 .accordion-items .item .top .cell {
   padding: 0;
   line-height: inherit;
   color: #fff;
 }

 .accordion-items .item .wrap {
   display: none;
   font-size: 16px;
   line-height: 26px;
   font-weight: 400;
   color: rgba(255, 255, 255, 0.9);
   padding: 0 25px 28px;
 }

 /* WYSIWYG content brings its own paragraph margins (theme sets p { margin-bottom: 1.5em },
    browsers default a 1em margin-top) — without this, those stack on top of the 28px
    padding above and inflate the visual gap well past 28px. */
 .accordion-items .item .wrap > *:first-child {
   margin-top: 0;
 }

 .accordion-items .item .wrap > *:last-child {
   margin-bottom: 0;
 }

 .elementor-accordion {}

 .elementor-accordion .item .top {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   padding: 25px;
 }

 .elementor-accordion .item .top .elementor-accordion-icon {
   position: relative;
   width: 26px;
   height: 26px;
   -webkit-box-flex: 0;
   -ms-flex: 0 0 26px;
   flex: 0 0 26px;
   margin: 0;
   color: #fff;
   font-size: 12px;
   border: 1px solid rgba(255, 255, 255, 0.3);
   border-radius: 50%;
 }

 .elementor-accordion .item .top .elementor-accordion-icon-left {
   -webkit-box-ordinal-group: 0;
   -ms-flex-order: -1;
   order: -1;
   margin-right: 20px;
 }

 .elementor-accordion .item .top .elementor-accordion-icon-right {
   -webkit-box-ordinal-group: 3;
   -ms-flex-order: 2;
   order: 2;
   margin-left: auto;
 }

 /* Draw a thin, perfectly-centered +/− (matches the Figma icon) instead of the
    Font Awesome glyphs, which render off-centre inside the circle. */
 .accordion-items .item .top .elementor-accordion-icon-closed,
 .accordion-items .item .top .elementor-accordion-icon-opened {
   display: none;
 }

 .elementor-accordion .item .top .elementor-accordion-icon:before,
 .elementor-accordion .item .top .elementor-accordion-icon:after {
   content: "";
   position: absolute;
   top: 50%;
   left: 50%;
   background: #fff;
   -webkit-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }

 /* horizontal bar — always visible */
 .elementor-accordion .item .top .elementor-accordion-icon:before {
   width: 8px;
   height: 2px;
   margin: -1px 0 0 -4px;
 }

 /* vertical bar — hidden when active, turning + into − */
 .elementor-accordion .item .top .elementor-accordion-icon:after {
   width: 2px;
   height: 8px;
   margin: -4px 0 0 -1px;
 }

 .elementor-accordion .item.active .top .elementor-accordion-icon:after {
   -webkit-transform: rotate(-90deg);
   -ms-transform: rotate(-90deg);
   transform: rotate(-90deg);
   opacity: 0;
 }

 .elementor-accordion .item .top .cell {
   display: block;
   min-height: auto;
   height: auto;
 }

 /* Light ("white") site version — invert the FAQ card palette */
 body.site-light .accordion-items .item {
   background: #f5f5f5;
   border-color: rgba(0, 0, 0, 0.1);
 }

 body.site-light .accordion-items .item .top .cell {
   color: #070707;
 }

 body.site-light .accordion-items .item .wrap {
   color: rgba(0, 0, 0, 0.7);
 }

 body.site-light .accordion-items .item .top .t,
 body.site-light .elementor-accordion .item .top .elementor-accordion-icon {
   color: #070707;
   border-color: rgba(0, 0, 0, 0.3);
 }

 body.site-light .accordion-items .item .top .t:before,
 body.site-light .accordion-items .item .top .t:after,
 body.site-light .elementor-accordion .item .top .elementor-accordion-icon:before,
 body.site-light .elementor-accordion .item .top .elementor-accordion-icon:after {
   background: #070707;
 }

 /* "Coming Soon" (FAQ) accordion style — flat list with a single outer border
    instead of individually-boxed items, matching the promo coming-soon FAQ. */
 .accordion-items.accordion-style-cs {
   gap: 0;
   background: rgba(255, 255, 255, 0.015);
   border: 1px solid rgba(255, 255, 255, 0.1);
   border-radius: 16px;
   overflow: hidden;
 }

 .accordion-style-cs .item {
   background: transparent;
   border: none;
   border-radius: 0;
   border-bottom: 1px solid rgba(255, 255, 255, 0.1);
 }

 .accordion-style-cs .item:last-child {
   border-bottom: none;
 }

 .accordion-style-cs .item .top {
   padding: 22px 26px;
 }

 .accordion-style-cs .item.active .top {
   padding-bottom: 12px;
 }

 .accordion-style-cs .item .top .cell {
   font-size: 16px;
   line-height: 24px;
   font-weight: 500;
 }

 .accordion-style-cs .item .wrap {
   font-size: 14px;
   line-height: 1.6;
   color: #5c5c5b;
   padding: 0 20px 24px;
 }

 /* Flat +/− icon (no circle, no border) for both the shortcode (.t) and Elementor markup.
    Bars stretch edge-to-edge of the 16x16 box (left:0/right:0 and top:0/bottom:0) instead
    of the default style's fixed 8px bars, matching the reference exactly; each bar is
    re-centered with its own transform rather than the default style's margin offsets,
    which were tuned for an 8px/2px bar and would leave the vertical bar off-centre here. */
 .accordion-style-cs .item .top .t,
 .accordion-style-cs .item .top .elementor-accordion-icon {
   width: 16px;
   height: 16px;
   /* elementor-accordion-icon is a flex item with `flex: 0 0 26px` in the base
      style — flex-basis wins over width on the main axis unless reset here. */
   -webkit-box-flex: 0;
   -ms-flex: 0 0 16px;
   flex: 0 0 16px;
   border: none;
   color: #5c5c5b;
 }

 .accordion-style-cs .item .top .t {
   top: 50%;
   right: 26px;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
 }

 .accordion-style-cs .item .top .t:before,
 .accordion-style-cs .item .top .elementor-accordion-icon:before {
   top: 50%;
   left: 0;
   right: 0;
   width: auto;
   height: 1px;
   margin: 0;
   background: #5c5c5b;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
 }

 .accordion-style-cs .item .top .t:after,
 .accordion-style-cs .item .top .elementor-accordion-icon:after {
   left: 50%;
   top: 0;
   bottom: 0;
   width: 1px;
   height: auto;
   margin: 0;
   background: #5c5c5b;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%);
 }

 .accordion-style-cs .item.active .top .t:after,
 .accordion-style-cs .item.active .top .elementor-accordion-icon:after {
   -webkit-transform: translateX(-50%) rotate(-90deg);
   -ms-transform: translateX(-50%) rotate(-90deg);
   transform: translateX(-50%) rotate(-90deg);
 }

 body.site-light .accordion-items.accordion-style-cs {
   background: rgba(0, 0, 0, 0.015);
   border-color: rgba(0, 0, 0, 0.1);
 }

 body.site-light .accordion-style-cs .item {
   border-bottom-color: rgba(0, 0, 0, 0.1);
 }

 body.site-light .accordion-style-cs .item .wrap {
   color: #8a8a8a;
 }

 body.site-light .accordion-style-cs .item .top .t,
 body.site-light .accordion-style-cs .item .top .elementor-accordion-icon {
   color: #8a8a8a;
 }

 body.site-light .accordion-style-cs .item .top .t:before,
 body.site-light .accordion-style-cs .item .top .t:after,
 body.site-light .accordion-style-cs .item .top .elementor-accordion-icon:before,
 body.site-light .accordion-style-cs .item .top .elementor-accordion-icon:after {
   background: #8a8a8a;
 }

 @media (max-width: 767px) {
   .accordion-style-cs .item .top {
     padding: 18px 18px;
   }

   .accordion-style-cs .item .top .t {
     right: 18px;
   }

   .accordion-style-cs .item .wrap {
     padding: 0 18px 18px;
   }
 }

 /*------------------------------------------------------------------
[ 3.21 Tabs ]
*/
 .tabs {
   margin: 30px 0;
 }

 .tabs .tabs-head {
   float: left;
   color: #929292;
   font-size: 15px;
   font-weight: 600;
   margin-bottom: 15px;
   text-transform: uppercase;
 }

 .tabs .tabs-head .item {
   float: left;
   padding: 5px 0;
   margin-right: 45px;
   -webkit-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
   cursor: pointer;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
 }

 .tabs .tabs-head .item:last-of-type {
   margin-right: 0;
 }

 .tabs .tabs-head .item.active-tab {
   -webkit-box-shadow: 0 1px 0 0 #292929;
   box-shadow: 0 1px 0 0 #292929;
 }

 .site-light .tabs .tabs-head .item.active-tab {
   -webkit-box-shadow: 0 1px 0 0 #eeeeee;
   box-shadow: 0 1px 0 0 #eeeeee;
 }

 .tabs .tabs-body {
   overflow: hidden;
   width: 100%;
 }

 .tabs .tabs-body .item {
   display: none;
 }

 .tabs .tabs-body .item .text {
   font-size: 14px;
   line-height: 2.143em;
   margin-bottom: 25px;
 }

 /*------------------------------------------------------------------
[ 3.21 Team items ]
*/
 .team-items.owl-carousel.owl-loaded {
   margin: 30px 0;
 }

 .team-item {
   text-align: center;
   margin-bottom: 30px;
 }

 .owl-carousel .team-item {
   margin-bottom: 0;
 }

 .team-item .image {
   position: relative;
   border-radius: 50%;
   overflow: hidden;
   margin-bottom: 15px;
 }

 .team-item .image>div {
   padding-bottom: 100%;
   background: rgba(0, 0, 0, 0.5);
   -webkit-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
   opacity: 0;
   filter: alpha(opacity=0);
 }

 .team-item:hover .image>div {
   opacity: 1;
   filter: alpha(opacity=100);
 }

 .team-social-buttons {
   position: absolute;
   bottom: 35px;
   left: 0;
   right: 0;
   text-align: center;
   font-size: 15px;
   color: #fff;
 }

 .team-social-buttons a {
   display: inline-block;
   border-width: 2px;
   border-style: solid;
   line-height: 37px;
   vertical-align: middle;
   width: 41px;
   border-radius: 50%;
   margin: 0 4px;
 }

 .team-item .name {
   font-size: 18px;
   text-transform: uppercase;
   font-weight: bold;
 }

 .team-item .post {
   font-size: 12px;
   font-weight: 300;
 }

 .team-items .owl-nav {
   position: absolute;
   top: -40px;
   right: 0;
 }

 .team-items .owl-nav>div {
   display: inline-block;
   margin-left: 10px;
 }

 /*------------------------------------------------------------------
[ 3.21 Split Screen ]
*/
 .split-screen {
   min-height: 570px;
   position: relative;
   overflow: hidden;
 }

 .split-screen>.item {
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
 }

 .split-screen>.item>.image {
   width: 50%;
   position: absolute;
   top: 0;
   left: 0;
   -webkit-transform: translate(-100%, 0%);
   -ms-transform: translate(-100%, 0%);
   transform: translate(-100%, 0%);
   -webkit-transition: all 0.6s ease;
   -o-transition: all 0.6s ease;
   transition: all 0.6s ease;
 }

 .split-screen .owl-dots {
   position: absolute;
   bottom: 30px;
   right: 30px;
 }

 .split-screen .owl-dots .owl-dot {
   float: left;
   width: 9px;
   height: 9px;
   background: #f0ede7;
   border-radius: 50%;
   margin-left: 7px;
   -webkit-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }

 .split-screen .owl-nav {
   position: absolute;
   left: 18px;
   bottom: 23px;
 }

 .split-screen .owl-nav>div {
   display: inline-block;
   vertical-align: middle;
   margin: 0 7px;
 }

 .split-screen>.item.active .image,
 .split-screen>.item.active .content {
   -webkit-transform: translate(0%, 0%);
   -ms-transform: translate(0%, 0%);
   transform: translate(0%, 0%);
 }

 .split-screen>.item .img-item {
   background-position: 50%;
 }

 .split-screen>.item>.content {
   position: absolute;
   top: 0;
   right: 0;
   width: 50%;
   -webkit-transform: translate(100%, 0%);
   -ms-transform: translate(100%, 0%);
   transform: translate(100%, 0%);
   -webkit-transition: all 0.6s ease;
   -o-transition: all 0.6s ease;
   transition: all 0.6s ease;
 }

 .split-screen>.item>.content>.cell {
   width: 620px;
   padding: 25px 60px;
 }

 .split-screen .portfolio-navigation {
   position: absolute;
   right: 0;
   top: 50%;
   width: 60px;
   -webkit-transform: translate(0%, -50%);
   -ms-transform: translate(0%, -50%);
   transform: translate(0%, -50%);
   z-index: 3;
   font-size: 12px;
   font-weight: bold;
   text-align: center;
 }

 .split-screen .portfolio-navigation .numbers {
   padding-top: 15px;
 }

 .split-screen .portfolio-navigation .numbers .num {
   padding-bottom: 15px;
   cursor: pointer;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
 }

 .split-screen .portfolio-navigation .numbers .num:after {
   content: "";
   display: block;
   margin: 0 auto;
   height: 0;
   width: 1px;
   -webkit-box-shadow: inset 0 0 0 1px;
   box-shadow: inset 0 0 0 1px;
   -webkit-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }

 .split-screen .portfolio-navigation .numbers .num.active:after {
   height: 30px;
   margin-top: 15px;
 }

 @media screen and (max-width: 768px),
 screen and (max-width: 992px) and (max-height: 450px) and (orientation: landscape) {
   .split-screen {
     height: auto !important;
   }

   .split-screen>.item {
     position: relative;
   }

   .split-screen>.item>.image,
   .split-screen>.item>.content {
     -webkit-transform: translate(0%, 0%);
     -ms-transform: translate(0%, 0%);
     transform: translate(0%, 0%);
   }

   .split-screen .portfolio-navigation {
     display: none;
   }
 }

 /*------------------------------------------------------------------
[ 3.21 Category Slider ]
*/
 .site-light .category-slider-area {
   color: #878787;
 }

 .category-slider-area {
   position: relative;
   overflow: hidden;
   width: 100%;
   aspect-ratio: 1239 / 817;
   border: 1px solid #242424;
   border-radius: 20px;
 }

 .category-slider-area .category-slider-images {
   position: absolute;
   inset: 0;
   overflow: hidden;
 }

 .category-slider-area .category-slider-images .img-item {
   position: absolute;
   inset: 0;
   background-position: 50%;
   opacity: 0;
   visibility: visible;
   -webkit-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }

 .category-slider-area .category-slider-images .img-item.active {
   opacity: 1;
   visibility: visible;
 }

 .category-slider-area .category-slider-images .img-item .num {
   font-size: 3.750em;
   font-weight: bold;
   position: absolute;
   left: 45px;
   bottom: 10px;
   opacity: .7;
   filter: alpha(opacity=70);
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
 }

 .category-slider-area.numbers-off .category-slider-images .img-item .num {
   display: none;
 }

 .category-slider-area .category-slider {
   position: absolute;
   z-index: 2;
   inset: 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   font-family: "Montserrat", sans-serif;
   font-size: clamp(28px, 3.6vw, 52px);
   font-weight: 700;
 }

 .category-slider-area .category-slider .owl-stage-outer {
   width: 100%;
 }

 .category-slider-area .category-slider .owl-stage {
   width: 100000em !important;
 }

 .category-slider-area .category-slider .item {
   padding: 0 50px;
 }

 .category-slider-area .category-slider .item a {
   text-decoration: none;
   -webkit-transition: color 0.3s ease;
   -o-transition: color 0.3s ease;
   transition: color 0.3s ease;
 }

 .category-slider-area .owl-nav {
   position: absolute;
   z-index: 3;
   right: 30px;
   bottom: 30px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 5px;
 }

 .category-slider-area .owl-prev,
 .category-slider-area .owl-next {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   width: 32px;
   height: 32px;
   border-radius: 50%;
   font-size: 10px;
   color: #fff;
   border: 1px solid rgba(255, 255, 255, 0.3);
   -webkit-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }

 .category-slider-area .owl-prev:hover,
 .category-slider-area .owl-next:hover {
   color: #c48f56;
   border-color: #c48f56;
 }

 .category-slider-view-btn {
   position: absolute;
   z-index: 3;
   left: 50%;
   top: 58%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 10px;
   color: #fff;
   text-decoration: none;
   white-space: nowrap;
   -webkit-transition: color 0.3s ease;
   -o-transition: color 0.3s ease;
   transition: color 0.3s ease;
 }

 .category-slider-view-btn:hover {
   color: #c48f56;
 }

 .category-slider-view-btn .line {
   width: 1px;
   height: 10px;
   background: #c48f56;
 }

 .category-slider-view-btn .text {
   font-family: "Montserrat", sans-serif;
   font-size: 12px;
   font-weight: 600;
   text-transform: uppercase;
   letter-spacing: .05em;
 }

 /*------------------------------------------------------------------
[ 3.21 Image Comparison Slider ]
*/
 .image-comparison-slider {
   position: relative;
   overflow: hidden;
   direction: ltr;
 }

 .image-comparison-slider img {
   width: 100%;
   display: block;
 }

 .image-comparison-slider .old {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-position: 50%;
 }

 .image-comparison-slider .resize {
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 50%;
   overflow: hidden;
 }

 .image-comparison-slider .line {
   position: absolute;
   left: 50%;
   top: 0;
   bottom: 0;
   width: 2px;
   margin-left: -2px;
   background: #fff;
   cursor: ew-resize;
 }

 .image-comparison-slider .line:after {
   position: absolute;
   top: 50%;
   width: 50px;
   height: 50px;
   margin: -25px 0 0 -24px;
   line-height: 50px;
   content: "\f337";
   color: white;
   font-size: 26px;
   text-align: center;
   font-family: 'Font Awesome 5 Free' !important;
   font-weight: 900;
   speak: none;
   font-style: normal;
   font-variant: normal;
   text-transform: none;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   background: #c48f55;
   border-radius: 50%;
   -webkit-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
   -webkit-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
 }

 .color-scheme2 .image-comparison-slider .line:after {
   background: #507fcd;
 }

 .image-comparison-slider:hover .line:after {
   -webkit-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
 }

 .image-comparison-slider:active .line:after {
   -webkit-transform: scale(0.9);
   -ms-transform: scale(0.9);
   transform: scale(0.9);
 }

 /*------------------------------------------------------------------
[ 3.21 Vertical parallax slider ]
*/
 .vertical-parallax-area {
   position: relative;
   overflow: hidden;
 }

 .vertical-parallax-slider {
   position: relative;
 }

 .vertical-parallax-slider .item {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   height: 160vh;
   -webkit-transition: all 1.4s cubic-bezier(0.45, 0.44, 0.01, 0.99);
   -o-transition: all 1.4s cubic-bezier(0.45, 0.44, 0.01, 0.99);
   transition: all 1.4s cubic-bezier(0.45, 0.44, 0.01, 0.99);
   background-position: 50%;
 }

 .vertical-parallax-slider .item.white {
   color: #fff;
 }

 .vertical-parallax-slider .item.black {
   color: #000;
 }

 .vertical-parallax-slider .item.inner-shadow {
   -webkit-box-shadow: inset 0 0 600px 0px #000;
   box-shadow: inset 0 0 600px 0px #000;
 }

 .vertical-parallax-slider .item.inner-shadow:before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: #000;
   z-index: 0;
   opacity: .4;
   filter: alpha(opacity=40);
 }

 .vertical-parallax-slider .item.active {
   -webkit-transform: translateY(-30vh);
   -ms-transform: translateY(-30vh);
   transform: translateY(-30vh);
 }

 .vertical-parallax-slider .item.prev {
   -webkit-transform: translate3d(0px, -190vh, 0px);
   transform: translate3d(0px, -190vh, 0px);
 }

 .vertical-parallax-slider .item.next {
   -webkit-transform: translate3d(0px, 50vh, 0px);
   transform: translate3d(0px, 50vh, 0px);
 }

 .vertical-parallax-slider .item .cell {
   width: 10000px;
   -webkit-transition: all 1.5s ease-out;
   -o-transition: all 1.5s ease-out;
   transition: all 1.5s ease-out;
   -webkit-transform: translateY(90vh);
   -ms-transform: translateY(90vh);
   transform: translateY(90vh);
 }

 .vertical-parallax-slider .item.prev .cell,
 .vertical-parallax-slider .item.active .cell {
   -webkit-transform: translateY(30vh);
   -ms-transform: translateY(30vh);
   transform: translateY(30vh);
 }

 .vertical-parallax-slider .item .h {
   text-transform: uppercase;
 }

 .vertical-parallax-slider .item .sub-h {
   font-weight: bold;
   text-transform: uppercase;
   margin-bottom: 10px;
 }

 .vertical-parallax-slider .item .price {
   font-weight: bold;
   font-size: 6.250em;
   line-height: 1em;
 }

 .vertical-parallax-slider .item .text {
   line-height: 1.500em;
 }

 .vertical-parallax-slider .item .text>div {
   display: inline-block;
   vertical-align: middle;
   max-width: 560px;
 }

 .vertical-parallax-slider .item .button-style1 {
   margin-top: 30px;
 }

 .vertical-parallax-area .nav-arrows {
   position: absolute;
   bottom: 40px;
   right: 20px;
   z-index: 20;
 }

 .vertical-parallax-area .nav-arrows>* {
   display: inline-block;
   vertical-align: middle;
   margin-right: 15px;
   cursor: pointer;
 }

 .vertical-parallax-area .pagination-dots {
   position: absolute;
   top: 50%;
   right: 20px;
   -webkit-transform: translate(0%, -50%);
   -ms-transform: translate(0%, -50%);
   transform: translate(0%, -50%);
   z-index: 60;
 }

 .vertical-parallax-area .pagination-dots span {
   display: block;
   background: #d8d8d8;
   width: 6px;
   height: 6px;
   border-radius: 50%;
   cursor: pointer;
   margin: 6px 0;
   -webkit-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   transition: all 0.5s ease;
 }

 /*------------------------------------------------------------------
[ 3.21 Split screen type 2 ]
*/
 .split-screen-type2 {
   overflow: hidden;
   height: 100vh;
 }

 .split-screen-type2 .items .screen-item {
   pointer-events: none;
   overflow: hidden;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 1;
 }

 .split-screen-type2 .items .screen-item.active {
   pointer-events: all;
   z-index: 2;
 }

 .split-screen-type2 .items .item {
   text-align: center;
   position: relative;
   height: 100vh;
   -webkit-transition: all 0.8s ease;
   -o-transition: all 0.8s ease;
   transition: all 0.8s ease;
   overflow: hidden;
   background: #000 50% no-repeat;
   background-size: cover;
   color: #fff;
 }

 .split-screen-type2 .items .item-left,
 .split-screen-type2 .items .next .item-right {
   -webkit-transform: translate(0%, -100%);
   -ms-transform: translate(0%, -100%);
   transform: translate(0%, -100%);
 }

 .split-screen-type2 .items .item-right,
 .split-screen-type2 .items .next .item-left {
   -webkit-transform: translate(0%, 100%);
   -ms-transform: translate(0%, 100%);
   transform: translate(0%, 100%);
 }

 .split-screen-type2 .items .active .item-left,
 .split-screen-type2 .items .active .item-right {
   -webkit-transform: translate(0%, 0%);
   -ms-transform: translate(0%, 0%);
   transform: translate(0%, 0%);
 }

 .split-screen-type2 .items .item.dark {
   background: #000;
   color: #f0ede7;
 }

 .split-screen-type2 .items .item.white {
   background: #f5f5f5;
   color: #070707;
 }

 .split-screen-type2 .items .item .heading {
   display: inline-block;
   position: relative;
   padding: 30px 25px;
   position: absolute;
   top: 55px;
   left: 0;
   -webkit-transform: translate(-50vw, 0%);
   -ms-transform: translate(-50vw, 0%);
   transform: translate(-50vw, 0%);
   z-index: 2;
   -webkit-transition: all 1s ease;
   -o-transition: all 1s ease;
   transition: all 1s ease;
   -webkit-transition-delay: 0.8s;
   -o-transition-delay: 0.8s;
   transition-delay: 0.8s;
   width: 100%;
 }

 .split-screen-type2 .items .item .heading>div {
   display: inline-block;
   position: relative;
   text-align: left;
 }

 .split-screen-type2 .items .item.header-on-bottom .heading {
   top: auto;
   bottom: 95px;
 }

 .split-screen-type2 .items .active .item .heading {
   -webkit-transform: translate(0%, 0%);
   -ms-transform: translate(0%, 0%);
   transform: translate(0%, 0%);
 }

 .split-screen-type2 .items .item-right .heading {
   -webkit-transform: translate(50vw, 0%);
   -ms-transform: translate(50vw, 0%);
   transform: translate(50vw, 0%);
 }

 .split-screen-type2 .items .item .heading .num {
   font-size: 6.250em;
   opacity: .2;
   position: absolute;
   left: 0;
   top: 50%;
   -webkit-transform: translate(0%, -50%);
   -ms-transform: translate(0%, -50%);
   transform: translate(0%, -50%);
   -webkit-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
   font-weight: 600;
 }

 .split-screen-type2 .items .item .heading.right .num {
   left: auto;
   right: 0;
 }

 .split-screen-type2 .items .item .heading .text {
   padding-left: 135px;
 }

 .split-screen-type2 .items .item .heading.right .text {
   padding-left: 0;
   padding-right: 145px;
 }

 .split-screen-type2 .items .item .heading .s {
   text-transform: uppercase;
   font-size: 12px;
   font-weight: 300;
 }

 .split-screen-type2 .items .item .heading .h {
   font-size: 2.250em;
   line-height: 1em;
   font-weight: bold;
   margin: 5px 0 5px;
   -webkit-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }

 .split-screen-type2 .items .item .image {
   position: absolute;
   z-index: 1;
   top: 220px;
   bottom: 120px;
   left: 0;
   right: 0;
   -webkit-animation: td 8s ease-in-out infinite;
   animation: td 8s ease-in-out infinite;
 }

 .split-screen-type2 .items .item .image .popup-link {
   z-index: 2;
 }

 .split-screen-type2 .items .item.header-on-bottom .image {
   top: 30px;
   bottom: 250px;
 }

 .split-screen-type2 .items .item .image img {
   max-height: 100%;
   width: auto;
   vertical-align: middle;
   position: relative;
   top: 50%;
   -webkit-transform: translate(0%, -50%);
   -ms-transform: translate(0%, -50%);
   transform: translate(0%, -50%);
 }

 .split-screen-type2 .items .item .play-button {
   position: absolute;
   top: 50%;
   left: 50%;
   font-size: 24px;
   text-decoration: none;
   width: 80px;
   height: 80px;
   border-width: 1px;
   border-style: solid;
   color: #fff;
   line-height: 78px;
   border-radius: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   z-index: 2;
 }

 .split-screen-type2 .items .item .button {
   position: absolute;
   left: 0;
   right: 0;
   bottom: 50px;
   z-index: 2;
   -webkit-transition: all 1s ease;
   -o-transition: all 1s ease;
   transition: all 1s ease;
   -webkit-transform: translate(0%, 100px);
   -ms-transform: translate(0%, 100px);
   transform: translate(0%, 100px);
   -webkit-transition-delay: 1s;
   -o-transition-delay: 1s;
   transition-delay: 1s;
 }

 .split-screen-type2 .items .active .item .button {
   -webkit-transform: translate(0%, 0%);
   -ms-transform: translate(0%, 0%);
   transform: translate(0%, 0%);
 }

 .split-screen-type2 .pagination-dots {
   position: absolute;
   top: 50%;
   right: 20px;
   -webkit-transform: translate(0%, -50%);
   -ms-transform: translate(0%, -50%);
   transform: translate(0%, -50%);
   z-index: 6;
 }

 .split-screen-type2 .pagination-dots span {
   display: block;
   background: #d8d8d8;
   width: 6px;
   height: 6px;
   border-radius: 50%;
   cursor: pointer;
   margin: 6px 0;
   -webkit-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   transition: all 0.5s ease;
 }

 @-webkit-keyframes td {

   0%,
   100% {
     -webkit-transform: translateY(0);
     transform: translateY(0);
   }

   50% {
     -webkit-transform: translateY(-5%);
     transform: translateY(-5%);
   }
 }

 @keyframes td {

   0%,
   100% {
     -webkit-transform: translateY(0);
     transform: translateY(0);
   }

   50% {
     -webkit-transform: translateY(-5%);
     transform: translateY(-5%);
   }
 }

 /*------------------------------------------------------------------
[ 3.30 Album Playlist ]
*/
 .album-area {
   margin: 30px 0;
 }

 .jp-audio-el {
   display: none;
 }

 .album-playlist .top .top-playbutton:focus-visible,
 .album-playlist .jp-playlist .jp-playlist-item:focus-visible {
   outline: 2px solid #ebb85e;
   outline-offset: -2px;
 }

 .album-area>div {
   padding: 0;
 }

 .album-cover {
   padding-bottom: 100%;
   background: #171717 50% no-repeat;
   background-size: cover;
   border: 1px solid #393939;
 }

 .site-light .album-cover {
   border-color: #e0e0e0;
   background-color: #fff;
 }

 .album-playlist {
   background: #111111;
 }

 .site-light .album-playlist {
   background: #f0f0f0;
 }

 .album-playlist .top {
   position: relative;
   z-index: 1;
   overflow: hidden;
 }

 .site-light .album-playlist .top {
   border-color: #e0e0e0;
 }

 .album-playlist .top .bg {
   position: absolute;
   top: -5px;
   left: -5px;
   right: -5px;
   bottom: -5px;
   background-position: 50%;
   z-index: -1;
   -webkit-filter: blur(3px);
   -moz-filter: blur(3px);
   -ms-filter: blur(3px);
   -o-filter: blur(3px);
   filter: blur(3px);
 }

 .album-playlist .top .top-playbutton {
   float: left;
   background: #070707;
   border: 1px solid #393939;
   margin: 30px 0 30px 30px;
   width: 125px;
   position: relative;
   font-size: 40px;
   cursor: pointer;
 }

 .white .album-playlist .top .top-playbutton {
   color: #fff;
 }

 .black .album-playlist .top .top-playbutton {
   color: #000;
 }

 .site-light .album-playlist .top .top-playbutton {
   background: #e0e0e0;
   border-color: #e0e0e0;
 }

 .album-playlist .top .pb-bg {
   padding-bottom: 100%;
   background-position: 50%;
 }

 .white .album-playlist .top .pb-bg {
   color: #fff;
 }

 .album-playlist .top i {
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
 }

 .jp-state-playing .album-playlist .track-buttons .jp-play:before,
 .jp-state-playing .album-playlist .top i:before,
 .jp-state-playing .album-playlist .jp-playlist .jp-playlist-current:before {
   content: "\e921" !important;
   -webkit-transition-delay: .2s;
   -o-transition-delay: .2s;
   transition-delay: .2s;
 }

 .album-playlist .top-text {
   margin-left: 25px;
   margin-right: 25px;
   margin-top: 30px;
   margin-bottom: 25px;
   padding-right: 25px;
 }

 .album-playlist .top-playbutton+.top-text {
   margin-left: 185px;
 }

 .album-playlist .top-text .album-name {
   font-size: 14px;
   color: #bc8953;
   text-transform: uppercase;
   font-weight: bold;
   letter-spacing: .1em;
   margin-bottom: 9px;
   line-height: 1em;
 }

 .album-playlist .top-text .track-name {
   font-size: 24px;
   font-weight: 600;
   line-height: 1em;
   margin: 0 0 20px;
 }

 .album-playlist .top-text .track-name span {
   display: none;
 }

 .rtl .album-playlist .track-buttons {
   direction: ltr;
   text-align: right;
 }

 .album-playlist .track-buttons button {
   font-size: 20px;
   background: none;
   border: none;
   color: inherit;
   padding: 0;
   margin: 0 15px 0 0;
   cursor: pointer;
   display: inline-block;
   vertical-align: top;
 }

 .album-playlist .bottom {
   overflow: hidden;
   margin-top: 12px;
 }

 .album-playlist .bottom .time {
   font-size: 12px;
   font-weight: 600;
   float: left;
 }

 .album-playlist .bottom .time>* {
   display: inline-block;
   vertical-align: middle;
 }

 .album-playlist .volume {
   float: right;
 }

 .album-playlist .jp-mute {
   font-size: 20px;
   padding: 0;
   border: none;
   background: none;
   color: inherit;
   cursor: pointer;
   display: inline-block;
   vertical-align: middle;
 }

 .jp-state-muted .album-playlist .jp-mute:before {
   content: "\e91f";
 }

 .album-playlist .jp-volume-bar {
   width: 75px;
   background: #fff;
   cursor: pointer;
   display: inline-block;
   vertical-align: middle;
   margin-left: 12px;
 }

 .white .album-playlist .jp-volume-bar {
   background: #cbcbcb;
 }

 .album-playlist .jp-volume-bar .jp-volume-bar-value {
   height: 3px;
   background: #bcbcbc;
 }

 .album-playlist .jp-progress {
   position: absolute;
   left: 0;
   bottom: 0;
   right: 0;
   -webkit-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   transition: all 0.5s ease;
 }

 .album-playlist .jp-progress .jp-seek-bar {
   cursor: pointer;
 }

 .album-playlist .jp-progress .jp-seek-bar .jp-play-bar {
   height: 5px;
   background: #ebb85e;
   transition: width .2s linear;
 }

 .album-playlist .jp-playlist {
   border-top: none;
   height: 145px;
   min-height: 369px;
   overflow-y: auto;
   scrollbar-width: thin;
 }

 .album-playlist .jp-playlist::-webkit-scrollbar {
   width: 6px;
 }

 .album-playlist .jp-playlist::-webkit-scrollbar-thumb {
   background: #393939;
 }

 .site-light .album-playlist .jp-playlist::-webkit-scrollbar-thumb {
   background: #cbcbcb;
 }

 .pt-music-album .album-playlist .jp-playlist {
   min-height: 465px;
 }

 .site-light .album-playlist .jp-playlist {
   border-color: #e0e0e0;
 }

 .album-playlist .jp-playlist ul {
   padding: 0 5px 0 0;
   margin: 0;
 }

 .album-playlist .jp-playlist ul li {
   padding: 0;
   margin: 0;
 }

 .album-playlist .jp-playlist ul li:before {
   display: none;
 }

 .album-playlist .jp-playlist .jp-playlist-item {
   display: table-cell;
   width: 1200px;
   height: 97px;
   text-decoration: none;
   font-size: 18px;
   font-weight: 600;
   background: #191919;
   padding-left: 170px;
   padding-right: 90px;
   vertical-align: middle;
   position: relative;
   line-height: 1em;
 }

 .album-playlist .jp-playlist li:nth-child(even) .jp-playlist-item {
   background: #111111;
 }

 .site-light .album-playlist .jp-playlist li:nth-child(even) .jp-playlist-item {
   background: #e2e2e2;
 }

 .album-playlist .jp-playlist .jp-playlist-item span {
   font-size: 12px;
   opacity: .5;
   position: absolute;
   right: 35px;
   top: 50%;
   margin-top: -.5em;
   line-height: 1em;
 }

 .site-light .album-playlist .jp-playlist .jp-playlist-item {
   background: #f0f0f0;
 }

 .site-light .album-playlist .jp-playlist .jp-playlist-current {
   background: #f8f8f8;
 }

 .album-playlist .jp-playlist .jp-playlist-item:before {
   content: "\e923";
   font-family: 'music-and-multimedia' !important;
   speak: none;
   font-style: normal;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   font-size: 20px;
   line-height: 97px;
   position: absolute;
   top: 0;
   left: 0;
   width: 120px;
   text-align: center;
   background: #111111;
 }

 .album-playlist .jp-playlist li:nth-child(even) .jp-playlist-item:before {
   background: #0c0c0c;
 }

 .site-light .album-playlist .jp-playlist li:nth-child(even) .jp-playlist-item:before {
   background: #cbcbcb;
 }

 .site-light .album-playlist .jp-playlist .jp-playlist-item:before {
   background: #d8d8d8;
 }

 .album-playlist .jp-playlist .jp-playlist-current:before {
   background: #221d16 !important;
 }

 .site-light .album-playlist .jp-playlist .jp-playlist-current:before {
   background: #b0804d !important;
 }

 .album-playlist .jp-playlist .jp-playlist-current {
   background: #312920 !important;
 }

 .site-light .album-playlist .jp-playlist .jp-playlist-current {
   background: #c48f56 !important;
   color: #fff;
 }

 /*------------------------------------------------------------------
[ 3.30 Photo Carousel ]
*/
 .photo-carousel>a {
   position: absolute;
   top: 50%;
   left: 50%;
   z-index: 3;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   font-size: 14px;
   padding: 14px 20px;
   line-height: 14px;
   color: #fff;
 }

 .photo-carousel>a:hover {
   -webkit-filter: grayscale(40%);
   -moz-filter: grayscale(40%);
   -ms-filter: grayscale(40%);
   -o-filter: grayscale(40%);
   filter: grayscale(40%);
 }

 .photo-carousel>a i {
   margin-right: 15px;
 }

 .photo-carousel .carousel .item {
   padding-bottom: 100%;
   background-position: 50%;
   background-repeat: no-repeat;
   margin: 1px 0;
   position: relative;
 }

 /*------------------------------------------------------------------
[ 3.30 App Button ]
*/
 .app-button {
   position: relative;
   display: block;
   background: #111213;
   color: #fff;
   border: 1px solid #393939;
   margin-bottom: 20px;
   text-decoration: none;
   font-weight: 300;
   line-height: 1em;
   padding: 14px 0;
   padding-left: 65px;
 }

 .site-light .app-button {
   border-color: #e0e0e0;
   background: #fcfcfc;
   color: #000;
 }

 .app-button:hover {
   background: #000000;
 }

 .site-light .app-button:hover {
   background: #f8f8f8;
 }

 .app-button .t {
   display: block;
   font-size: 12px;
   color: #cc9f52;
   margin-bottom: 5px;
   line-height: 1em;
 }

 .app-button .l {
   display: block;
   font-size: 18px;
 }

 .app-button.app-store:before,
 .app-button.google-play:before,
 .app-button.deezer:before,
 .app-button.spotify:before {
   content: "";
   position: absolute;
   top: 50%;
   left: 20px;
   width: 1.5em;
   height: 1.5em;
   margin-top: -.75em;
   background-repeat: no-repeat;
   background-size: contain;
   background-position: 50%;
 }

 .app-button.app-store:before {
   background-image: url(../imgs/brands/apple.svg);
 }

 .app-button.google-play:before {
   background-image: url(../imgs/brands/youtube_music.svg);
 }

 .app-button.deezer:before {
   background-image: url(../imgs/brands/deezer.svg);
 }

 .app-button.spotify:before {
   background-image: url(../imgs/brands/spotify.svg);
 }

 /*------------------------------------------------------------------
[ 3.30 PixProof ]
*/
 .pixproof-data {
   margin-bottom: 50px;
 }

 .pixproof-data .grid {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-align-content: center;
   -ms-flex-line-pack: center;
   align-content: center;
   justify-items: center;
   -webkit-box-pack: center;
   -webkit-justify-content: space-between;
   -ms-flex-pack: space-between;
   justify-content: space-between;
   line-height: 1;
   margin: 0 -15px !important;
 }

 .pixproof-data .grid .grid__item {
   padding: 0 15px;
   margin-bottom: 15px !important;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-align-self: center;
   -ms-flex-item-align: center;
   align-self: center;
   width: auto;
 }

 .pixproof-data .separator {
   margin: 20px 0 35px;
   background: #323232;
 }

 .pixproof-data .show-selected {}

 .site-light .pixproof-data .separator {
   background: #e8e8e8;
 }

 .js-pixproof-gallery {
   margin: 30px -15px 30px;
 }

 .js-pixproof-gallery>br {
   display: none;
 }

 .js-pixproof-gallery .gallery-item {
   margin-bottom: 30px;
   float: left;
   padding: 0 15px;
   max-width: none;
 }

 .js-pixproof-gallery.gallery-columns-1 .gallery-item {
   width: 100%;
 }

 .js-pixproof-gallery.gallery-columns-2 .gallery-item {
   width: 50%;
 }

 .js-pixproof-gallery.gallery-columns-3 .gallery-item {
   width: 33.333%;
 }

 .js-pixproof-gallery.gallery-columns-4 .gallery-item {
   width: 25%;
 }

 .js-pixproof-gallery .gallery-item a {
   text-decoration: none;
 }

 .js-pixproof-gallery .proof-photo__bg img {
   width: 100%;
   display: block;
 }

 .js-pixproof-gallery .proof-photo__container {
   position: relative;
 }

 .js-pixproof-gallery .proof-photo__meta {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   -ms-flex-pack: center;
   justify-content: center;
   background: rgba(0, 0, 0, 0.5);
   color: #fff;
   -webkit-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   transition: all 0.5s ease;
   opacity: 0;
 }

 .js-pixproof-gallery .proof-photo:hover .proof-photo__meta {
   opacity: 1;
 }

 .js-pixproof-gallery .proof-photo__meta .nav {
   margin: 0;
   padding: 0;
   font-size: 30px;
 }

 .js-pixproof-gallery .proof-photo__meta .nav li {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
   display: inline-flex;
   line-height: 1;
 }

 .js-pixproof-gallery .proof-photo__meta .nav li .separator {
   display: none;
 }

 .js-pixproof-gallery .proof-photo__meta .nav li a {
   display: block;
   -webkit-transition: none;
   -o-transition: none;
   transition: none;
 }

 .js-pixproof-gallery .proof-photo__meta .nav li a.zoom-action {
   margin-right: 25px;
 }

 .js-pixproof-gallery .proof-photo__meta .nav li a.zoom-action:before {
   speak: none;
   font-style: normal;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   display: block;
   -webkit-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   transition: all 0.5s ease;
 }

 .js-pixproof-gallery .proof-photo__meta .nav li a.select-action:before,
 .js-pixproof-gallery .proof-photo__meta .nav li a.select-action:after {
   speak: none;
   font-style: normal;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   display: block;
   -webkit-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   transition: all 0.5s ease;
 }

 .js-pixproof-gallery .proof-photo__status:before {
   speak: none;
   font-style: normal;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   display: block;
   -webkit-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   transition: all 0.5s ease;
 }

 .js-pixproof-gallery .proof-photo__meta .nav li a.zoom-action:before {
   content: "\e961";
   font-family: 'basic-ui-icons' !important;
 }

 .js-pixproof-gallery .proof-photo__meta .nav li a.select-action {
   position: relative;
 }

 .js-pixproof-gallery .proof-photo__meta .nav li a.select-action:before,
 .js-pixproof-gallery .proof-photo__meta .nav li a.select-action:after {
   content: "\e915";
   font-family: 'multimedia-icons' !important;
   opacity: 0;
 }

 .js-pixproof-gallery .proof-photo__status:before {
   content: "\e915";
   font-family: 'multimedia-icons' !important;
   opacity: 0;
 }

 .js-pixproof-gallery .selected .proof-photo__meta .nav li a.select-action:before {
   opacity: 1;
 }

 .js-pixproof-gallery .proof-photo__meta .nav li a.select-action:after {
   content: "\e916";
   position: absolute;
   top: 0;
   left: 0;
   opacity: 1;
 }

 .js-pixproof-gallery .proof-photo__status:before {
   content: "\e916";
   line-height: 40px;
 }

 .js-pixproof-gallery .selected .proof-photo__meta .nav li a.select-action:after {
   opacity: 0;
 }

 .js-pixproof-gallery .proof-photo__meta .nav li .button-text {
   display: none;
 }

 .js-pixproof-gallery .proof-photo__status {
   position: absolute;
   top: 100%;
   left: 15px;
   line-height: 40px;
   font-size: 14px;
 }

 .js-pixproof-gallery .selected .proof-photo__status {
   color: #fff;
 }

 .js-pixproof-gallery .selected .proof-photo__status:before {
   opacity: 1;
 }

 .js-pixproof-gallery .proof-photo__status .ticker {
   display: none;
 }

 .js-pixproof-gallery .proof-photo__id {
   display: block;
   background: #121212;
   color: #fff;
   padding: 12px 45px;
   line-height: 1;
   font-weight: 500;
   -webkit-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   transition: all 0.5s ease;
 }

 .site-light .js-pixproof-gallery .proof-photo__id {
   background: #e8e8e8;
   color: #161616;
 }

 .js-pixproof-gallery .selected .proof-photo__id {
   color: #fff;
 }

 /*
- Banner Decor Elements
*/
 .banner .owl-item {
   overflow: hidden;
 }

 @media screen and (max-width: 640px) {
   .banner-about .wrap {
     bottom: 0;
   }
 }

 .banner-decor-elements {
   pointer-events: none;
   z-index: 2;
 }

 .banner-decor-elements div {
   position: absolute;
   background: 50% no-repeat;
   background-size: contain;
 }

 .banner-decor-elements div:nth-child(1) {
   right: -110px;
   bottom: -10px;
   width: 331px;
   height: 141px;
   background-image: url(../imgs/decor1.png);
 }

 .banner-decor-elements div:nth-child(2) {
   left: -65px;
   bottom: 20px;
   width: 356px;
   height: 149px;
   background-image: url(../imgs/decor2.png);
 }

 .banner-decor-elements div:nth-child(3) {
   top: -115px;
   left: -180px;
   width: 317px;
   height: 211px;
   background-image: url(../imgs/decor3.png);
 }

 .banner-decor-elements div:nth-child(4) {
   top: 0;
   right: 0;
   width: 302px;
   height: 280px;
   background-image: url(../imgs/decor4.png);
 }

 .banner .owl-dots {
   font-family: inherit;
   font-weight: 500;
 }

 .banner .pt-sword,
 .banner .pt-schar,
 .heading-block .pt-sword,
 .heading-block .pt-schar,
 .vertical-parallax-area .pt-sword,
 .vertical-parallax-area .pt-schar,
 .liquiq-banner .pt-sword,
 .liquiq-banner .pt-schar,
 .split-screen .pt-sword,
 .split-screen .pt-schar,
 .split-screen-type2 .pt-sword,
 .split-screen-type2 .pt-schar,
 .banner-wrapper .pt-sword,
 .banner-wrapper .pt-schar {
   display: inline-block; }

 .banner .pt-sline,
 .heading-block .pt-sline,
 .vertical-parallax-area .pt-sline,
 .liquiq-banner .pt-sline,
 .split-screen .pt-sline,
 .split-screen-type2 .pt-sline,
 .banner-wrapper .pt-sline {
   display: block;
   overflow: hidden; }

 .banner:not(.owl-loaded) .heading .h,
 .banner:not(.owl-loaded) .heading-decor,
 .banner:not(.owl-loaded) .sub-h,
 .banner:not(.owl-loaded) .cell .content a[data-type="video"] {
   -webkit-transform: none;
   -ms-transform: none;
   transform: none;
   -webkit-filter: blur(0px);
   filter: blur(0px);
   opacity: 1;
 }

 .banner .owl-item {}

 .banner .swiper-initialized .item,
 .banner .swiper-initialized .item a {
   pointer-events: none;
 }

 .banner .swiper .swiper-wrapper {
   box-sizing: border-box;
 }

 .banner .swiper-initialized .item.swiper-slide-active,
 .banner .swiper-initialized .item.swiper-slide-active a {
   pointer-events: all;
 }

 .banner .item .bg-image {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-size: cover;
   background-position: 50%;
   z-index: -1;
   transition: all 5000ms ease-in-out;
 }

 .banner .item.with-shadow .bg-image {
   -webkit-box-shadow: inset 0 0 150px 0 rgba(0, 0, 0, 0.8);
   box-shadow: inset 0 0 150px 0 rgba(0, 0, 0, 0.8);
 }

 .banner .bg-overlay {
   transition: all 700ms ease-in-out;
 }

 @keyframes zoom_in_bg {
   0% {
     opacity: 1;
   }

   100% {
     opacity: 0;
   }
 }

 /*
- Play Button
*/
 .play-button-block {
   position: absolute;
   top: 50%;
   left: 50%;
   margin: -40px 0 0 -40px;
 }

 .cell.middle .play-button-block {
   position: relative;
   margin: 20px 0 0;
   top: 0;
   left: 0;
 }

 .play-button-block a {
   display: inline-block;
   font-size: 30px;
   text-decoration: none;
   width: 80px;
   border-width: 2px;
   border-style: solid;
   text-indent: 0.1em;
   border-radius: 50%;
   pointer-events: all;
   text-align: center;
 }

 .play-button-block a i {
   display: block;
   line-height: 76px;
 }

 /*
- Side Img
*/
 .side-img {
   -webkit-box-shadow: 6px 4px 0 0 #24252b;
   box-shadow: 6px 4px 0 0 #24252b;
   overflow: hidden;
 }

 .side-img .site-light {
   -webkit-box-shadow: 6px 4px 0 0 #f4f4f5;
   box-shadow: 6px 4px 0 0 #f4f4f5;
 }

 .side-img.align-right {
   margin-left: auto;
 }

 .side-img.style-circle {
   border-radius: 50%;
 }

 .side-img div {
   padding-bottom: 100%;
 }

 /*
- Heading Block
*/
 .heading-block {
   margin: 30px 0;
 }

 .elementor-widget-container>.heading-block {
   margin: 0;
 }

 .heading-block.page-title {
   margin: 15px 0 50px;
 }

 .heading-block.mode-overlay {
   position: absolute;
   z-index: 2;
   pointer-events: none;
   top: 0;
   left: 0;
   width: 100%;
 }

 .heading-block.with-line:after {
   content: '';
   display: block;
   width: 20px;
   height: 1px;
   margin-top: 30px;
   background: #292929;
 }

 .heading-block.with-line:after .site-light {
   background: #eeeeee;
 }

 .heading-block.tac.with-line:after {
   margin: 15px auto 0;
 }

 .heading-block.tar.with-line:after {
   margin-left: auto;
 }

 .heading-block .sub-h {
   position: relative;
   font-size: 14px;
   font-weight: bold;
   margin-bottom: 20px;
   text-transform: uppercase;
 }

 .heading-block.tac .sub-h {
   padding-left: 0;
 }

 .heading-block.tac .sub-h:before {
   display: none;
 }

 .heading-block.tar .sub-h {
   padding-left: 0;
   padding-right: 30px;
 }

 .heading-block.tar .sub-h:before {
   left: auto;
   right: 0;
 }

 .heading-block.h-h3 .sub-h {
   margin-bottom: 13px;
 }

 .heading-block .h {
   position: relative;
   margin: 0;
   z-index: 1;
 }

 .heading-block .h span {
   position: relative;
 }

 .heading-block h1.h span {
   padding: 4px 0;
 }

 .heading-block h4,
 .heading-block .h4 {
   line-height: 1.2;
 }

 .heading-block h5,
 .heading-block .h5 {
   line-height: 1.25;
 }

 .heading-block.with-offset .h {
   text-indent: -1.2em;
   margin-left: 1.2em;
 }

 @media (max-width: 767.98px) {
   .heading-block.mode-overlay {
     position: relative;
   }
 }

 /*
- Num Box
*/
 .num-box-items {
   overflow: hidden;
 }

 .num-box-items .num-box {
   position: relative;
 }

 .num-box-items .num-box:before {
   content: '';
   position: absolute;
   top: 20px;
   left: -35px;
   width: 1px;
   height: 40px;
   background: #292929;
 }

 .site-light .num-box-items .num-box:before {
   background: #eeeded;
 }

 .num-box-items .num-box .num {
   font-size: 48px;
   font-weight: 300;
   line-height: 1;
   white-space: nowrap;
 }

 .num-box-items .num-box .num em {
   font-style: normal;
 }

 .num-box-items .num-box .title {
   font-size: 16px;
   font-weight: 600;
   letter-spacing: 0.025em;
   line-height: 1.37;
   margin-top: 15px;
 }

 /*
- Decor Elements
*/
 .decor-elements-block {
   width: 100vw;
   position: relative;
   left: 50%;
   margin-left: -50vw;
 }

 .decor-elements-block .decor-el {
   position: absolute;
   background: 50% no-repeat;
   background-size: contain;
 }

 .decor-elements-block .decor-el.type-type1 {
   width: 490px;
   height: 319px;
   background-image: url(../imgs/decor5.png);
   left: 50%;
   margin-left: 420px;
 }

 .decor-elements-block .decor-el.type-type1.align-left {
   -webkit-transform: scaleX(-1);
   -ms-transform: scaleX(-1);
   transform: scaleX(-1);
   left: auto;
   right: 50%;
   margin-left: 0px;
   margin-right: 420px;
 }

 .decor-elements-block .decor-el.type-type2 {
   width: 431px;
   height: 285px;
   background-image: url(../imgs/decor6.png);
   right: 50%;
   margin-right: 420px;
 }

 .decor-elements-block .decor-el.type-type2.align-right {
   -webkit-transform: scaleX(-1);
   -ms-transform: scaleX(-1);
   transform: scaleX(-1);
   right: auto;
   left: 50%;
   margin-right: 0px;
   margin-left: 420px;
 }

 /*
- Icon Box
*/
 .icon-box {
   position: relative;
   margin-bottom: 30px;
 }

 .icon-box .icon {
   font-size: 40px;
 }

 .icon-box .title {
   font-size: 21px;
   margin: 0;
 }

 .icon-box .desc {
   font-size: 14px;
   font-weight: 300;
   line-height: 1.71429;
   margin-top: 10px;
 }

 .icon-box>a {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 1;
 }

 .icon-box-style2 {}

 .icon-box-style2 .icon-box {
   text-align: center;
   margin-bottom: 60px;
 }

 .icon-box-style2 .icon-box>*:last-child,
 .icon-box-style3 .icon-box>*:last-child {
   margin-bottom: 0 !important;
 }

 .icon-box-style2 .icon-box .icon,
 .icon-box-style3 .icon-box .icon,
 .icon-box-style4 .icon-box .icon {
   border: 2px solid;
   color: inherit;
   display: inline-flex;
   font-size: 49px;
   align-items: center;
   justify-content: center;
   width: 2.122em;
   height: 2.122em;
   border-radius: 50%;
   margin-bottom: 20px;
   border-color: #c48f56;
 }

 .icon-box-style2 .icon-box .icon i,
 .icon-box-style3 .icon-box .icon i,
 .icon-box-style4 .icon-box .icon i {
   display: block;
 }

 .icon-box-style2 .icon-box .title,
 .icon-box-style3 .icon-box .title,
 .icon-box-style4 .icon-box .title {
   font-size: 18px;
   text-transform: uppercase;
   margin-bottom: 20px;
 }

 .icon-box-style2 .icon-box .desc,
 .icon-box-style3 .icon-box .desc,
 .icon-box-style4 .icon-box .desc {
   margin-top: 0;
 }

 .icon-box-style3 .icon-box {
   text-align: center;
   margin-bottom: 40px;
 }

 .icon-box-style3 .icon-box .icon {
   font-size: 25px;
   width: 2.880em;
   height: 2.880em;
   border-width: 1px;
 }

 .icon-box-style4 .icon-box {
   display: flex;
   align-items: center;
   margin-bottom: 20px;
 }

 .icon-box-style4 .icon-box .icon {
   font-size: 17px;
   width: 3.412em;
   height: 3.412em;
   flex: 0 0 3.412em;
   margin-right: 30px;
   margin-bottom: 0;
   border-width: 1px;
 }

 /*
- Brands
*/
 .brand-block.swiper {
   margin: 40px 0;
 }

 .brand-block .swiper .swiper-wrapper {
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
 }

 .brand-block .swiper-wrapper {
   align-items: center;
 }

 .brand-item .content {
   position: relative;
 }

 .brand-item img {
   display: block;
 }

 .brand-item img+img {
   position: absolute;
   top: 0;
   left: 0;
   opacity: 0;
   visibility: hidden;
 }

 .brand-item.without-hover img {
   opacity: 1;
 }

 .brand-item.without-hover:hover img {
   opacity: .6;
   visibility: visible;
 }

 .banner-categories {
   position: absolute !important;
   z-index: 2 !important;
   right: -100%;
   top: 0;
   bottom: 0;
   width: 100%;
   -webkit-transition: all 0.9s ease;
   -o-transition: all 0.9s ease;
   transition: all 0.9s ease;
 }

 .site-dark .banner-categories {
   background: #000;
 }

 .site-light .banner-categories {
   background: #fff;
 }

 .external-indent .banner-categories {
   bottom: var(--banner-indent, 12px);
 }

 .banner-categories.active {
   right: 0;
 }

 .banner-categories .item {
   position: relative;
   min-height: 540px;
 }

 .external-indent .banner-categories .item {
   min-height: 528px;
   color: #fff;
 }

 .banner {
   position: relative;
 }

 .banner .owl-prev,
 .banner .owl-next,
 .banner .owl-dot {
   cursor: pointer;
 }

 .banner .owl-nav {
   z-index: 1;
 }

 .banner .swiper-slide .heading-with-num .num {
   opacity: 0;
   visibility: hidden;
   -webkit-transition: all 0.4s ease;
   -o-transition: all 0.4s ease;
   transition: all 0.4s ease;
   -webkit-transition-delay: 1.2s;
   -o-transition-delay: 1.2s;
   transition-delay: 1.2s;
 }

 .banner .swiper-slide.swiper-slide-active .heading-with-num .num {
   opacity: 0.2;
   visibility: visible;
 }

 .banner .swiper-slide .heading-with-num .h {
   opacity: 0;
   visibility: hidden;
   left: 80px;
   position: relative;
   -webkit-transition: all 1s ease;
   -o-transition: all 1s ease;
   transition: all 1s ease;
   -webkit-transition-delay: 0.5s;
   -o-transition-delay: 0.5s;
   transition-delay: 0.5s;
 }

 .banner .swiper-slide.swiper-slide-active .heading-with-num .h {
   opacity: 1;
   visibility: visible;
   left: 0;
 }

 .banner .swiper-slide .heading .h,
 .banner .swiper-slide .heading-decor,
 .banner .swiper-slide .sub-h {
   opacity: 0;
   -webkit-filter: blur(5px);
   filter: blur(5px);
   -webkit-transition: all 1s ease;
   -o-transition: all 1s ease;
   transition: all 1s ease;
   -webkit-transition-delay: 0.5s;
   -o-transition-delay: 0.5s;
   transition-delay: 0.5s;
 }

 .banner .swiper-slide .text {
   opacity: 0;
   -webkit-transition: all 1s ease;
   -o-transition: all 1s ease;
   transition: all 1s ease;
   -webkit-transition-delay: 1s;
   -o-transition-delay: 1s;
   transition-delay: 1s;
 }

 .banner .swiper-slide .tal .text,
 .banner .swiper-slide .tal .heading-decor {
   -webkit-transform-origin: 0 50%;
   -ms-transform-origin: 0 50%;
   transform-origin: 0 50%;
 }

 .banner .swiper-slide .tar .text,
 .banner .swiper-slide .tar .heading-decor {
   -webkit-transform-origin: 100% 50%;
   -ms-transform-origin: 100% 50%;
   transform-origin: 100% 50%;
 }

 .banner .swiper-slide .button-style1,
 .banner .swiper-slide .button-style2 {
   -webkit-transform: translate(0%, 100%);
   -ms-transform: translate(0%, 100%);
   transform: translate(0%, 100%);
   opacity: 0;
   -webkit-transition: all 1s ease;
   -o-transition: all 1s ease;
   transition: all 1s ease;
   display: inline-flex;
   align-items: center;
 }

 .banner .swiper-slide .button-style1:hover,
 .banner .swiper-slide .button-style2:hover {
   -webkit-transition-delay: 0s !important;
   -o-transition-delay: 0s !important;
   transition-delay: 0s !important;
 }

 .banner .swiper-slide.swiper-slide-active .heading .h,
 .banner .swiper-slide.swiper-slide-active .heading-decor,
 .banner .swiper-slide.swiper-slide-active .sub-h,
 .banner .swiper-slide.swiper-slide-active .cell .content a[data-type="video"] {
   -webkit-transform: none;
   -ms-transform: none;
   transform: none;
   -webkit-filter: blur(0px);
   filter: blur(0px);
   opacity: 1;
 }

 .banner .swiper-slide.swiper-slide-active .text {
   opacity: 1;
 }

 .banner .swiper-slide.swiper-slide-active .button-style1,
 .banner .swiper-slide.swiper-slide-active .button-style2 {
   -webkit-transform: translate(0%, 0%);
   -ms-transform: translate(0%, 0%);
   transform: translate(0%, 0%);
   opacity: 1;
 }

 .banner-circle-nav .item {
   overflow: visible;
 }

 .banner.animation-zoom-in .bg-image,
 .banner.animation-zoom-out .bg-image,
 .banner.animation-zoom-in .bg-overlay,
 .banner.animation-zoom-out .bg-overlay {
   transition-duration: var(--transition-speed);
   -webkit-transform-origin: var(--anim-origin, center center);
   transform-origin: var(--anim-origin, center center);
 }

 .banner.animation-zoom-in .bg-image,
 .banner.animation-zoom-in .bg-overlay,
 .banner.animation-zoom-out .bg-image,
 .banner.animation-zoom-out .bg-overlay {
   transform: scale(1);
 }

 .banner.animation-zoom-out .bg-image,
 .banner.animation-zoom-out .bg-overlay {
   transform: scale(1.4);
 }

 .banner.animation-zoom-in .swiper-slide-active .bg-image,
 .banner.animation-zoom-in .swiper-slide-active .bg-overlay {
   transform: scale(var(--anim-scale-from, 1.3));
 }

 .banner.animation-zoom-out .swiper-slide-active .bg-image,
 .banner.animation-zoom-out .swiper-slide-active .bg-overlay {
   transform: scale(var(--anim-scale-to, 0.85));
 }

 .banner.animation-blur-in .bg-image,
 .banner.animation-blur-in .bg-overlay {
   transition-duration: var(--transition-speed);
   transition-timing-function: var(--anim-easing, ease-out);
   -webkit-filter: blur(var(--anim-blur, 8px));
   filter: blur(var(--anim-blur, 8px));
 }

 .banner.animation-blur-in .swiper-slide-active .bg-image,
 .banner.animation-blur-in .swiper-slide-active .bg-overlay {
   -webkit-filter: blur(0px);
   filter: blur(0px);
 }

 .banner.animation-zoom-snap .bg-image,
 .banner.animation-zoom-snap .bg-overlay {
   transition-duration: var(--transition-speed);
   transition-timing-function: ease-out;
   transform: scale(1);
 }

 .banner.animation-zoom-snap.anim-snap-bounce .bg-image,
 .banner.animation-zoom-snap.anim-snap-bounce .bg-overlay {
   transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
 }

 .banner.animation-zoom-snap .swiper-slide-active .bg-image,
 .banner.animation-zoom-snap .swiper-slide-active .bg-overlay {
   transform: scale(var(--anim-snap-scale, 1.15));
 }

 .banner.animation-slide-wave .bg-image,
 .banner.animation-slide-wave .bg-overlay {
   transition: -webkit-clip-path 800ms ease-in-out;
   transition: clip-path 800ms ease-in-out;
   -webkit-clip-path: inset(0);
   clip-path: inset(0);
 }

 .banner.animation-slide-wave.sw-dir-left .bg-image,
 .banner.animation-slide-wave.sw-dir-left .bg-overlay {
   -webkit-clip-path: inset(0 100% 0 0);
   clip-path: inset(0 100% 0 0);
 }

 .banner.animation-slide-wave.sw-dir-right .bg-image,
 .banner.animation-slide-wave.sw-dir-right .bg-overlay {
   -webkit-clip-path: inset(0 0 0 100%);
   clip-path: inset(0 0 0 100%);
 }

 /* The whole slide is mirrored vertically for sw-dir-top (see the
    .swiper/.swiper-slide scaleY(-1) rules below) so Swiper's native
    "next slide enters from below" progression reads as "From Top" instead.
    That mirror also flips this reveal's growth direction, so it intentionally
    uses the same inset shape as sw-dir-bottom below — after the mirror
    un-flips it, it renders as a top-down reveal. */
 .banner.animation-slide-wave.sw-dir-top .bg-image,
 .banner.animation-slide-wave.sw-dir-top .bg-overlay {
   -webkit-clip-path: inset(100% 0 0 0);
   clip-path: inset(100% 0 0 0);
 }

 .banner.animation-slide-wave.sw-dir-bottom .bg-image,
 .banner.animation-slide-wave.sw-dir-bottom .bg-overlay {
   -webkit-clip-path: inset(100% 0 0 0);
   clip-path: inset(100% 0 0 0);
 }

 /* Reverses Swiper's fixed vertical progression (always "next enters from
    below") specifically for From Top: mirroring the viewport + counter-
    mirroring each slide keeps slide content right-side-up while making
    slides visually enter from above. Touch/drag feel is intentionally left
    as-is (a known, accepted trade-off — see banner.php From Top control). */
 .banner.animation-slide-wave.sw-dir-top .swiper {
   transform: scaleY(-1);
 }

 .banner.animation-slide-wave.sw-dir-top .swiper-slide {
   transform: scaleY(-1);
 }

 .banner.animation-slide-wave.sw-dir-top-left .bg-image,
 .banner.animation-slide-wave.sw-dir-top-left .bg-overlay {
   -webkit-clip-path: polygon(-135% -135%, 115% -135%, -135% 115%);
   clip-path: polygon(-135% -135%, 115% -135%, -135% 115%);
 }

 .banner.animation-slide-wave.sw-dir-top-right .bg-image,
 .banner.animation-slide-wave.sw-dir-top-right .bg-overlay {
   -webkit-clip-path: polygon(235% -135%, -15% -135%, 235% 115%);
   clip-path: polygon(235% -135%, -15% -135%, 235% 115%);
 }

 .banner.animation-slide-wave.sw-dir-bottom-left .bg-image,
 .banner.animation-slide-wave.sw-dir-bottom-left .bg-overlay {
   -webkit-clip-path: polygon(-135% 235%, 115% 235%, -135% -15%);
   clip-path: polygon(-135% 235%, 115% 235%, -135% -15%);
 }

 .banner.animation-slide-wave.sw-dir-bottom-right .bg-image,
 .banner.animation-slide-wave.sw-dir-bottom-right .bg-overlay {
   -webkit-clip-path: polygon(235% 235%, -15% 235%, 235% -15%);
   clip-path: polygon(235% 235%, -15% 235%, 235% -15%);
 }

 .banner.animation-slide-wave .swiper-slide-active .bg-image,
 .banner.animation-slide-wave .swiper-slide-active .bg-overlay {
   -webkit-clip-path: inset(0);
   clip-path: inset(0);
 }

 .banner.animation-slide-wave.sw-dir-top-left .swiper-slide-active .bg-image,
 .banner.animation-slide-wave.sw-dir-top-left .swiper-slide-active .bg-overlay {
   -webkit-clip-path: polygon(-15% -15%, 235% -15%, -15% 235%);
   clip-path: polygon(-15% -15%, 235% -15%, -15% 235%);
 }

 .banner.animation-slide-wave.sw-dir-top-right .swiper-slide-active .bg-image,
 .banner.animation-slide-wave.sw-dir-top-right .swiper-slide-active .bg-overlay {
   -webkit-clip-path: polygon(115% -15%, -135% -15%, 115% 235%);
   clip-path: polygon(115% -15%, -135% -15%, 115% 235%);
 }

 .banner.animation-slide-wave.sw-dir-bottom-left .swiper-slide-active .bg-image,
 .banner.animation-slide-wave.sw-dir-bottom-left .swiper-slide-active .bg-overlay {
   -webkit-clip-path: polygon(-15% 115%, 235% 115%, -15% -135%);
   clip-path: polygon(-15% 115%, 235% 115%, -15% -135%);
 }

 .banner.animation-slide-wave.sw-dir-bottom-right .swiper-slide-active .bg-image,
 .banner.animation-slide-wave.sw-dir-bottom-right .swiper-slide-active .bg-overlay {
   -webkit-clip-path: polygon(115% 115%, -135% 115%, 115% -135%);
   clip-path: polygon(115% 115%, -135% 115%, 115% -135%);
 }

 .banner-categories .item a {
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: #000;
   background-position: 50%;
   text-decoration: none;
 }

 .banner-categories .item a:before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: rgba(0, 0, 0, 0.2);
   z-index: 0;
   -webkit-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
   opacity: 0;
   visibility: hidden;
 }

 .banner-categories .item:hover a:before {
   opacity: 1;
   visibility: visible;
 }

 .banner-categories .item a>span {
   position: absolute;
   bottom: 20px;
   left: 35px;
   right: 35px;
   display: flex;
 }

 .banner-categories .item a .num {
   font-size: 3.500em;
   opacity: .2;
   vertical-align: middle;
   margin-right: 25px;
   font-weight: bold;
   line-height: 1;
 }

 .banner-categories .item a .h {
   font-size: 1.750em;
   font-weight: bold;
   align-self: center;
   line-height: 1;
   word-break: break-word;
   transition: color 400ms ease-in-out;
 }

 .banner-categories .item a .h:hover {
   color: #c48f56;
 }

 .banner-categories .item a .desc {
   display: block;
   font-size: 14px;
   margin-bottom: 25px;
   margin-top: 5px;
 }

 .banner-categories .owl-nav {
   position: absolute;
   top: 20px;
   right: 20px;
 }

 .banner-categories .owl-prev,
 .banner-categories .owl-next {
   display: inline-block;
   vertical-align: middle;
   margin: 0 5px;
 }

 .site-light .banner-categories .owl-prev,
 .site-light .banner-categories .owl-next {
   color: #fff;
 }

 .banner-right-buttons {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   z-index: 5;
   background: #fff;
   width: 70px;
   overflow: hidden;
 }

 .banner-categories.vertical-align-top .item a>span {
   top: 20px;
   bottom: auto;
 }

 .banner-categories.vertical-align-middle .item a>span {
   top: 50%;
   bottom: auto;
   transform: translateY(-50%);
 }

 .banner-categories.vertical-align-bottom .item a>span {}

 .banner-categories.text-align-left .item a>span {}

 .banner-categories.text-align-center .item a>span {
   display: block;
   text-align: center;
 }

 .banner-categories.text-align-center .item a>span .num {
   display: block;
   margin-right: 0;
 }

 .banner-categories.text-align-right .item a>span {
   text-align: right;
   justify-content: flex-end;
 }

 .banner-categories.text-align-right .item a>span .num {
   order: 2;
   margin: 0 0 0 25px;
 }

 .site-dark .banner-right-buttons {
   background: #000;
 }

 .external-indent .banner-right-buttons {
   right: calc(-1 * var(--banner-indent, 12px));
 }

 .banner-right-buttons .cell {
   width: 10000px;
 }

 .banner-right-buttons .button {
   text-align: center;
   position: relative;
   width: 70px;
   height: 175px;
   font-size: 0.875em;
   text-transform: uppercase;
   -webkit-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
   cursor: pointer;
   display: block;
   text-decoration: none;
 }

 .banner-right-buttons .button+.button {
   margin-top: 90px;
 }

 .banner-right-buttons .button+.button:before {
   content: "";
   top: -47px;
   left: 50%;
   margin: 0 0 0 -2px;
 }

 .banner-right-buttons .button.active {
   background: #1d1d1d;
   color: #fff;
 }

 .banner-right-buttons .button span {
   position: absolute;
   left: 50%;
   top: 50%;
   -webkit-transform: rotate(-90deg) translate(-50%, -50%);
   -ms-transform: rotate(-90deg) translate(-50%, -50%);
   transform: rotate(-90deg) translate(-50%, -50%);
   -webkit-transform-origin: 0 0;
   -ms-transform-origin: 0 0;
   transform-origin: 0 0;
   -webkit-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
   white-space: nowrap;
 }

 .banner-right-buttons .button .h {
   opacity: 1;
   visibility: visible;
 }

 .banner-right-buttons .button.active .h {
   opacity: 0;
   visibility: hidden;
 }

 .banner-right-buttons .button .close {
   opacity: 0;
   visibility: hidden;
 }

 .banner-right-buttons .button .close i {
   margin-right: 10px;
 }

 .banner-right-buttons .button.active .close {
   opacity: 1;
   visibility: visible;
 }

 .banner-about {
   position: absolute;
   top: 0;
   right: -100%;
   bottom: 0;
   z-index: 2;
   width: 100%;
   background: #f0f0f0;
   -webkit-transition: all 0.9s ease;
   -o-transition: all 0.9s ease;
   transition: all 0.9s ease;
   overflow: hidden;
 }

 .banner-about.shortcode_from_page {
   overflow: auto;
 }

 .banner-about.active {
   right: 0;
 }

 .banner-about .sub-h {
   font-size: 18px;
   font-weight: 400;
   margin-bottom: 15px;
 }

 .banner-about .heading-decor {
   margin-top: 0;
   margin-bottom: 25px;
 }

 .banner-about .heading-decor:after {
   width: 20px;
   border-width: 1px;
 }

 .site-dark .banner-about .heading-decor:after {
   border-color: #292929;
 }

 .site-light .banner-about .heading-decor:after {
   border-color: #ddd;
 }

 .external-indent .banner-about {
   bottom: var(--banner-indent, 12px);
 }

 .site-dark .banner-about {
   background: #111;
 }

 .banner-about .image {
   background-position: 50%;
 }

 .banner-about .text {
   padding: 0;
   position: relative;
 }

 .banner-about .wrap {
   overflow-y: scroll;
   /* max-height: 100%; */
   position: absolute;
   top: 10px;
   bottom: 10px;
   left: 0;
   right: -20px;
   padding: 0 85px 0 65px;
 }

 .banner-about .wrap .image {
   max-height: 245px;
   margin-bottom: 35px;
   display: none;
 }

 .banner-about .text-p {
   font-size: 18px;
   font-weight: 300;
   line-height: 1.66667;
 }

 .banner-about .button-style2 {
   margin-top: 30px;
 }

 .banner-about .bg-word {
   position: absolute;
   left: 0;
   bottom: 0;
   line-height: 0.75;
   font-weight: bold;
   font-size: 200px;
   white-space: nowrap;
   z-index: -1;
 }

 .site-dark .banner-about .bg-word {
   color: #010101;
 }

 .site-light .banner-about .bg-word {
   color: #fdfdfd;
 }

 /*
- Booked Calendar
*/
 .booked-calendar-shortcode-wrap .booked-calendar-wrap {
   height: auto !important;
 }

 .site-dark .booked-calendar-shortcode-wrap .booked-calendar th,
 .site-dark .booked-calendar-shortcode-wrap .booked-calendar td {
   border-color: #3c3c3b !important;
 }

 .site-light .booked-calendar-shortcode-wrap .booked-calendar th,
 .site-light .booked-calendar-shortcode-wrap .booked-calendar td {
   border-color: #e8e8e8 !important;
 }

 .site-dark .booked-calendar-shortcode-wrap .booked-calendar {
   background: #111 !important;
 }

 .site-light .booked-calendar-shortcode-wrap .booked-calendar {
   background: #eee !important;
 }

 .booked-calendar-shortcode-wrap .booked-calendar .date {
   margin: 0;
 }

 .site-dark .booked-calendar-shortcode-wrap .booked-calendar thead tr:nth-child(1) th {
   background: #010101;
 }

 .site-light .booked-calendar-shortcode-wrap .booked-calendar thead tr:nth-child(1) th {
   color: #000 !important;
   background: #fdfdfd;
 }

 .site-light .booked-calendar-shortcode-wrap .booked-calendar thead tr:nth-child(1) th .page-right,
 .site-light .booked-calendar-shortcode-wrap .booked-calendar thead tr:nth-child(1) th .page-left {
   color: #000 !important;
 }

 .site-light .booked-calendar-shortcode-wrap .booked-calendar thead tr:nth-child(1) th .monthName a {
   color: rgba(0, 0, 0, 0.5);
 }

 .site-dark .booked-calendar-shortcode-wrap .booked-calendar thead tr:nth-child(2) th {
   background: #111111;
 }

 .site-light .booked-calendar-shortcode-wrap .booked-calendar thead tr:nth-child(2) th {
   color: #000 !important;
   background: #fdfdfd;
 }

 .site-dark .booked-calendar-shortcode-wrap .booked-calendar tbody td.today .date .number {
   color: #fff !important;
 }

 .site-light .booked-calendar-shortcode-wrap .booked-calendar tbody td.today .date .number {
   color: #000 !important;
 }

 .booked-calendar-shortcode-wrap .booked-calendar tbody td.today:hover .date .number {
   background: #c48f56 !important;
 }

 .site-dark .booked-calendar-shortcode-wrap .booked-calendar tbody td.today:hover .date .number {
   color: #fff;
 }

 .site-light .booked-calendar-shortcode-wrap .booked-calendar tbody td.today:hover .date .number {
   color: #000;
 }

 .booked-calendar-shortcode-wrap .booked-calendar tbody td.prev-date {
   pointer-events: none;
 }

 .site-dark .booked-calendar-shortcode-wrap .booked-calendar tbody td.prev-date .date {
   background: #111 !important;
 }

 .site-light .booked-calendar-shortcode-wrap .booked-calendar tbody td.prev-date .date {
   background: #f7f7f7 !important;
 }

 .site-dark .booked-calendar-shortcode-wrap .booked-calendar tbody td.next-month .date,
 .site-dark .booked-calendar-shortcode-wrap .booked-calendar tbody td.prev-month .date {
   background: #2b2b2b !important;
 }

 .site-light .booked-calendar-shortcode-wrap .booked-calendar tbody td.next-month .date,
 .site-light .booked-calendar-shortcode-wrap .booked-calendar tbody td.prev-month .date {
   background: #ebebeb !important;
 }

 .site-dark .booked-calendar-shortcode-wrap .booked-calendar tbody td.active .date {
   background: #202020 !important;
 }

 .site-light .booked-calendar-shortcode-wrap .booked-calendar tbody td.active .date {
   background: #dfdfdf !important;
 }

 .site-dark .booked-calendar-shortcode-wrap .booked-calendar tbody td.active .date .number {
   background: #111 !important;
   color: #fff !important;
 }

 .site-light .booked-calendar-shortcode-wrap .booked-calendar tbody td.active .date .number {
   background: #eeeeee !important;
   color: #000 !important;
 }

 .booked-calendar-shortcode-wrap .booked-calendar tbody td .date {
   font-size: 20px;
 }

 .site-dark .booked-calendar-shortcode-wrap .booked-calendar tbody td .date {
   background: #000 !important;
 }

 .site-light .booked-calendar-shortcode-wrap .booked-calendar tbody td .date {
   background: #fff !important;
 }

 .site-dark .booked-calendar-shortcode-wrap .booked-calendar tbody td:hover .date {
   background: #202020 !important;
 }

 .site-dark .booked-calendar-shortcode-wrap .booked-calendar tbody td:hover .date span {
   color: #fff;
 }

 .site-light .booked-calendar-shortcode-wrap .booked-calendar tbody td:hover .date {
   background: #dfdfdf !important;
 }

 .site-light .booked-calendar-shortcode-wrap .booked-calendar tbody td:hover .date span {
   color: #000;
 }

 .booked-calendar-shortcode-wrap .booked-calendar tbody tr.week td {
   height: 80px !important;
 }

 .booked-calendar-shortcode-wrap .booked-calendar tbody tr.week td .date {
   line-height: 79px !important;
 }

 .site-dark .booked-calendar-shortcode-wrap .booked-calendar tbody tr.entryBlock td {
   background: #000;
 }

 .site-light .booked-calendar-shortcode-wrap .booked-calendar tbody tr.entryBlock td {
   background: #fff;
 }

 .site-dark .booked-calendar-shortcode-wrap .booked-appt-list {
   background: #2b2b2b !important;
   color: #fff !important;
 }

 .site-light .booked-calendar-shortcode-wrap .booked-appt-list {
   background: #f9f9f9 !important;
   color: #000 !important;
 }

 .booked-calendar-shortcode-wrap .booked-appt-list>h2 {
   color: inherit !important;
 }

 .booked-calendar-shortcode-wrap .booked-appt-list>h2 strong {
   font-weight: 700;
 }

 .booked-calendar-shortcode-wrap .booked-appt-list .timeslot {
   color: inherit !important;
 }

 .site-dark .booked-calendar-shortcode-wrap .booked-appt-list .timeslot {
   border-color: #3c3c3b !important;
 }

 .site-light .booked-calendar-shortcode-wrap .booked-appt-list .timeslot {
   border-color: #dadad8 !important;
 }

 .site-dark .booked-calendar-shortcode-wrap .booked-appt-list .timeslot:hover {
   background: #111 !important;
 }

 .site-light .booked-calendar-shortcode-wrap .booked-appt-list .timeslot:hover {
   background: #eeeeee !important;
 }

 .booked-calendar-shortcode-wrap .booked-appt-list .timeslot.timeslot-count-hidden .timeslot-time {
   height: auto !important;
 }

 .booked-calendar-shortcode-wrap .booked-appt-list .timeslot .timeslot-title {
   color: inherit !important;
 }

 .booked-calendar-shortcode-wrap .booked-appt-list .timeslot .timeslot-range {
   font-size: 14px;
 }

 .booked-calendar-shortcode-wrap .booked-appt-list .timeslot .timeslot-time {
   color: inherit !important;
 }

 .booked-calendar-shortcode-wrap .booked-appt-list .timeslot .timeslot-people button {
   border: none !important;
   font-size: 14px;
 }

 .site-dark .booked-calendar-shortcode-wrap .booked-appt-list .timeslot .timeslot-people button:hover {
   background: #575757 !important;
 }

 .site-light .booked-calendar-shortcode-wrap .booked-appt-list .timeslot .timeslot-people button:hover {
   background: #dfdfdf !important;
 }

 body .booked-modal .close {
   top: 14px;
   font-size: 16px;
 }

 body .booked-modal .button {
   border: none !important;
   font-size: 14px;
 }

 body .booked-modal .button.button-primary {
   background: #c48f56 !important;
 }

 body.site-dark .booked-modal .bm-window {
   color: #000;
 }

 body.site-dark .booked-modal .bm-window .button.cancel {
   background: #232323 !important;
   color: #fff !important;
 }

 body.site-dark .booked-modal .bm-window .button:hover {
   background: #575757 !important;
 }

 /*
- Booked Calendar New Version from 2.4.3
*/
 body div.booked-calendar-wrap div.booked-calendar {
   border: none !important;
   border-bottom: 1px solid #ddd !important;
   border-radius: 0;
 }

 body div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row.top .bc-col {
   padding: 22px 0;
   border-bottom: 0px;
 }

 body div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row.days .bc-col {
   padding: 0.8rem 0 !important;
   border-color: #3c3c3b !important;
   font-size: .8rem;
   letter-spacing: .03rem;
   font-weight: 400;
   border-right: 0;
 }

 body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col {
   height: 80px !important;
   border-color: #3c3c3b !important;
 }

 body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col:first-child,
 body div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row.days .bc-col:first-child {
   border-left: 1px solid #ddd;
 }

 body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col:last-child,
 body div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row.days .bc-col:last-child {
   border-right: 1px solid #ddd;
 }

 body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col .date {
   line-height: 79px !important;
   font-size: 20px;
   background: #000 !important;
 }

 body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week:not(last-child) .bc-col .date {
   border-bottom: 1px solid;
 }

 body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.next-month .date {
   background: #2b2b2b !important;
 }

 body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.prev-date .date,
 body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.prev-date .date span,
 body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.prev-date:hover .date,
 body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.prev-date:hover .date span,
 body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.blur .date,
 body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.blur .date span,
 body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.blur:hover .date,
 body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.blur:hover .date span {
   background: #111 !important;
 }

 .site-dark div.booked-calendar .bc-head,
 .site-dark div.booked-calendar .bc-head .bc-col,
 .site-dark div.booked-calendar .booked-appt-list .timeslot .timeslot-people button:hover,
 .site-dark #booked-profile-page .booked-profile-header {
   background: #010101 !important;
 }

 body div.booked-calendar .bc-head .bc-col,
 body div.booked-calendar .bc-row.days .bc-col,
 body #booked-profile-page .booked-tabs,
 body div.booked-calendar-wrap div.booked-calendar,
 body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col .date {
   border-color: #3c3c3b !important;
 }

 body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.today .date span {
   box-shadow: inset 0 0 0 2px #c48f56;
 }

 body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.today:hover .date span {
   background: #c48f56 !important;
   color: #fff !important;
 }

 /* Booking Form Light Color */
 body.site-light div.booked-calendar .bc-head .bc-col,
 body.site-light div.booked-calendar .bc-row.days,
 body.site-light div.booked-calendar .bc-row.days .bc-col {
   color: #000 !important;
   background: #fdfdfd !important;
 }

 body.site-light div.booked-calendar .bc-head .bc-col,
 body.site-light div.booked-calendar .bc-row.days .bc-col,
 body.site-light #booked-profile-page .booked-tabs,
 body.site-light div.booked-calendar-wrap div.booked-calendar,
 body.site-light div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col .date,
 body.site-light div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row.days .bc-col,
 body.site-light div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.prev-month,
 body.site-light div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.prev-date:not(.prev-month),
 body.site-light div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col {
   border-color: #e8e8e8 !important;
 }

 body.site-light div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.prev-month {
   color: #ccc !important;
 }

 body.site-light .booked-calendarSwitcher.calendar,
 body.site-light #booked-profile-page .booked-tabs,
 body.site-light #ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar thead,
 body.site-light #ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar thead th,
 body.site-light div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col .date {
   background: #ffffff !important;
 }

 body.site-light div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row .bc-col .page-right,
 body.site-light div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row .bc-col .page-left {
   color: #000 !important;
 }

 body.site-light div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.prev-month,
 body.site-light div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.prev-month .date,
 body.site-light div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.next-month,
 body.site-light div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.next-month .date {
   background: #ebebeb !important;
 }

 body.site-light div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.prev-month .date span {
   background: transparent !important;
 }

 body.site-light div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.prev-date:not(.prev-month),
 body.site-light div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.prev-date:not(.prev-month) .date,
 body.site-light div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.prev-date:not(.prev-month) .date span {
   background: #f7f7f7 !important;
 }

 .proof_gallery form.comment-form {
   margin: 0 -15px;
 }

 .proof_gallery form.comment-form input,
 .proof_gallery form.comment-form textarea {
   margin-bottom: 25px;
 }

 .mfp-counter {
   white-space: nowrap;
 }

 .mfp-title {
   display: block;
 }

 .mfp-title a {
   display: block;
 }

 .mfp-title a span {
   display: block;
 }

 button.mfp-arrow {
   position: absolute;
   top: 50%;
   width: 40px;
   height: 40px;
   background: #fff;
   font-family: 'basic-ui-icons' !important;
   speak: none;
   font-style: normal;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   color: #fff;
   opacity: .8;
   margin-top: -20px;
 }

 button.mfp-arrow:hover {
   opacity: 1;
 }

 .mfp-arrow-left {
   left: 15px;
 }

 .mfp-arrow-left:before {
   content: "\e927";
 }

 .mfp-arrow-right {
   right: 15px;
 }

 .mfp-arrow-right:before {
   content: "\e941";
 }

 .woocommerce .products .product h2 {
   font-size: 1.143em !important;
 }

 .woocommerce .products .product .price {
   margin-bottom: 0;
 }

 @media screen and (max-width: 768px),
 screen and (max-width: 992px) and (max-height: 450px) and (orientation: landscape) {
   body {
     font-size: 14px !important;
   }
 }

 @media screen and (max-width: 768px),
 screen and (max-height: 450px) and (max-width: 992px) and (orientation: landscape) {

   .split-screen-type2,
   .split-screen-type2 .items {
     height: auto !important;
   }

   .split-screen-type2 .items .item {
     height: 100vh !important;
   }
 }

 @media screen and (max-width: 768px) {
   .woocommerce div.product .price-area {
     float: none;
     font-size: 14px;
     margin: 0;
   }

   .woocommerce div.product form.cart {
     text-align: left;
   }

   .woocommerce .cart .down,
   .woocommerce .cart .up {
     width: 25px;
   }

   .woocommerce .quantity {
     text-align: center;
   }

   .woocommerce .quantity .qty {
     width: 40px;
     font-size: 18px;
     padding-left: 14px;
   }

   .woocommerce div.product .woocommerce-tabs .tabs {
     font-size: 16px;
   }

   .woocommerce div.product .woocommerce-tabs .tabs li {
     margin-right: 30px;
   }

   .price-list .item .price,
   .price-list-type2 .item .price {
     font-size: 60px;
   }

   .tabs .tabs-head .item {
     margin-right: 20px;
   }

   body table.booked-calendar .booked-appt-list h2 {
     font-size: 15px !important;
   }

   body .booked-calendar-wrap table.booked-calendar tr.week td.active .date .number {
     transform: none;
   }

   body .booked-modal .button {
     box-sizing: border-box;
   }
 }

 .project-slider-block {
   position: relative;
 }

 .project-slider-block .slider {}

 .project-slider-block .slider .swiper-wrapper {}

 .project-slider-block .slider .swiper-slide {}

 .project-slider-block .slider .swiper-slide {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
   background-size: cover;
   background-position: 50%;
   height: 100vh;
 }

 .project-slider-block .slider .swiper-slide a {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
 }

 .project-slider-block .slider .swiper-slide img {
   max-width: 100%;
   max-height: 100%;
   width: auto;
   height: auto;
 }

 .project-slider-block .slider .swiper-slide .content {
   position: absolute;
   left: 50%;
   bottom: 130px;
   transform: translateX(-50%);
   background: rgba(0, 0, 0, 0.5);
   text-align: center;
   padding: 10px 25px;
   max-width: 320px;
 }

 .project-slider-block .slider .swiper-slide .content h6 {
   margin: 0;
 }

 .project-slider-block .slider .swiper-slide .content p {
   margin: 10px 0 0;
 }

 .project-slider-block .thumbs {
   position: absolute;
   left: 50%;
   bottom: 15px;
   transform: translateX(-50%);
   width: 95%;
   max-width: 750px;
 }

 .project-slider-block .thumbs .swiper-wrapper {}

 .project-slider-block .thumbs .swiper-slide {
   background-size: cover;
   background-position: 50%;
   transition: 400ms ease-in-out;
   transition-property: opacity, box-shadow;
   opacity: .5;
   cursor: pointer;
 }

 .project-slider-block .thumbs .swiper-slide:first-child {
   margin-left: auto !important;
 }

 .project-slider-block .thumbs .swiper-slide:last-child {
   margin-right: auto !important;
 }

 .project-slider-block .thumbs .swiper-slide:hover {
   opacity: .8;
 }

 .project-slider-block .thumbs .swiper-slide-thumb-active {
   box-shadow: inset 0 0 0 2px;
   opacity: 1;
 }

 .project-slider-block .thumbs .swiper-slide:before {
   content: '';
   display: block;
   padding-bottom: 100%;
 }

 @media screen and (max-width: 640px) {
   .site-header .logo {
     margin-left: 0px;
   }
 }

 @media (min-width: 768px) {
   .blog-item.col-md-3 .bottom .col {
     font-size: 12px;
   }
 }

 .blog-item .content .locked {
   right: 35px;
 }

 .blog-item .bottom {
   text-align: left;
   padding: 0 35px;
   /* margin: 0 -35px -20px; */
 }

 .blog-item .bottom .col {
   float: none;
   padding: 16px 0;
   display: inline-block;
   vertical-align: middle;
   width: auto;
 }

 .blog-item .bottom .col+.col {
   margin-left: 40px;
 }

 .author-info-block {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
 }

 .author-info-avatar {
   width: 45px;
   height: 45px;
   margin-right: 10px;
   border-radius: 50%;
   -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
   box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
   background-size: cover;
   background-position: 50%;
 }

 .author-info-block .name {
   text-transform: capitalize;
   font-size: 14px;
   font-weight: 600;
 }

 .author-info-block .date {
   font-size: 12px;
   margin: 0;
   font-weight: 500;
   color: #D0D0D0 !important;
 }

 .blog-item .author-info-block {
   position: absolute;
   top: 15px;
   left: 15px;
   color: #fff;
   pointer-events: none;
   z-index: 2;
 }

 .blog-item.with-author .img a:before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: rgba(0, 0, 0, 0.3);
 }

 .woocommerce .col2-set .col-1,
 .woocommerce-page .col2-set .col-1,
 .woocommerce .col2-set .col-2,
 .woocommerce-page .col2-set .col-2 {
   flex: 0 0 50%;
   max-width: 50%;
 }

 .woocommerce div.product form.cart .woocommerce-variation {
   margin: 0 0 15px;
 }

 @media (min-width: 768px) {

   .woocommerce .col2-set .col-1,
   .woocommerce-page .col2-set .col-1,
   .woocommerce .col2-set .col-2,
   .woocommerce-page .col2-set .col-2 {
     flex: 0 0 100%;
     max-width: 100%;
   }
 }

 .right-click-disable-message .container {
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .hide-popup-zoom .pswp .pswp__img {
   cursor: default !important;
   pointer-events: none;
 }

 /*
- Share Stick Block
*/

 .site-light.woocommerce div.product .product-meta .item .value a {
   background: #ededed;
   color: #000;
 }

 .woocommerce div.product .product-meta .item .value a:hover {
   color: #fff;
   background: #2e2e2e;
 }

 /* RTL */

 .rtl .owl-nav {
   direction: ltr;
 }

 .rtl .parallax-mirror img {
   right: auto;
   left: 0;
 }

 .rtl .bg-overlay .image.in-circle {
   right: auto;
   margin-right: auto;
   left: 50%;
   margin-left: -125px;
 }

 .rtl .bg-overlay .video-wrap video {
   right: auto;
   left: 0%;
 }

 .rtl .bg-overlay .video-wrap iframe.video {
   right: auto;
   left: 50%;
 }

 .rtl .bg-overlay .circles span:nth-child(1) {
   right: auto;
   left: 50%;
 }

 .rtl .bg-overlay .circles span:nth-child(2) {
   left: auto;
   right: 0;
 }

 .rtl .bg-overlay .circles.style2 span:nth-child(2) {
   right: auto;
   left: 0;
 }

 .rtl .bg-overlay .video-controls {
   right: 30px;
   left: 30px;
 }

 .rtl .bg-overlay .video-controls .button i {
   right: auto;
   left: 0;
 }

 .rtl .bg-overlay .text {
   right: auto;
   margin-right: auto;
   left: 50%;
   margin-left: -50%;
 }

 .rtl .bg-overlay .cross:before,
 .rtl .bg-overlay .cross:after {
   right: auto;
   left: 50%;
 }

 .rtl .bg-overlay .lines {
   left: auto;
   right: 0;
 }

 .rtl .bg-overlay .lines.on-left {
   left: 0;
   right: auto;
 }

 .rtl .bg-overlay .lines div {
   float: left;
 }

 .rtl .bg-overlay .lines div:not(:last-of-type) {
   margin-left: auto;
   margin-right: 3.59712%;
 }

 .rtl .bg-overlay .squares:before {
   right: auto;
   left: -25%;
 }

 .rtl .bg-overlay .squares:after {
   right: auto;
   left: 75%;
 }

 .rtl .portfolio-item .locked {
   right: auto;
   left: 50%;
 }

 .rtl .portfolio-item.with-video .a-img:before {
   right: auto;
   left: 15px;
 }

 .rtl .portfolio-item.image-left .a-img div {
   background-position: 0% 50% !important;
 }

 .rtl .portfolio-item.image-right .a-img div {
   background-position: 100% 50% !important;
 }

 .rtl .portfolio-item.image-top .a-img div {
   background-position: 50% 0% !important;
 }

 .rtl .portfolio-item.image-bottom .a-img div {
   background-position: 50% 100% !important;
 }

 .rtl .portfolio-item>a.permalink,
 .rtl .portfolio-item .wrap>a.permalink {
   left: auto;
   right: 35px;
 }

 .rtl .portfolio-items.gap-off .portfolio-item>a.permalink,
 .rtl .portfolio-item .wrap>a.permalink {
   left: auto;
   right: 20px;
 }

 .rtl .portfolio_hover_type_2 .portfolio-item .content h5 {
   padding: 0 15px 0 20px;
   transform: translate(100%, 0%);
 }

 .rtl .portfolio_hover_type_2 .portfolio-item .content h5:after {
   transform: translate(100%, 0%);
 }

 .rtl .portfolio_hover_type_3 .portfolio-item.with-video .a-img:before,
 .rtl .portfolio_hover_type_6 .portfolio-item.with-video .a-img:before {
   right: auto;
   left: 8px;
 }

 .rtl .portfolio_hover_type_4 .portfolio-item .content {
   border-right: none;
   padding-left: 0;
   border-left: 0 solid;
   padding-right: 15px;
 }

 .rtl .portfolio_hover_type_4 .portfolio-item:hover .content,
 .rtl .hover-disable.portfolio_hover_type_4 .portfolio-item .content {
   border-left-width: unset;
   border-left-style: unset;
   border-right-width: 9px;
   border-right-style: solid;
 }

 .rtl .portfolio_hover_type_5 .portfolio-item.with-video .a-img:before {
   right: 20px;
   left: auto;
 }

 .rtl .portfolio_hover_type_5 .portfolio-item .content {
   padding-right: 0;
   padding-left: 30px;
 }

 .rtl .portfolio_hover_type_5 .portfolio-item .content h5:before {
   right: auto;
   left: -30px;
 }

 .rtl .portfolio_hover_type_5 .portfolio-item .content h5 span {
   margin-left: auto;
   margin-right: 5px;
 }

 .rtl .portfolio_hover_type_7 .portfolio-item .content h5:after,
 .rtl .portfolio_hover_type_7 .portfolio-item .content h5:before {
   right: auto;
   left: 50%;
 }

 .rtl .portfolio_hover_type_8 .portfolio-item .content h5:after,
 .rtl .portfolio_hover_type_9 .portfolio-item .content h5:after {
   left: auto;
   right: -30px;
 }

 .rtl .portfolio_hover_type_8 .portfolio-item .content h5:before,
 .rtl .portfolio_hover_type_9 .portfolio-item .content h5:before {
   right: auto;
   left: -30px;
 }

 .rtl .portfolio_hover_type_8 .portfolio-item:hover .content h5:after,
 .rtl .portfolio_hover_type_9 .portfolio-item:hover .content h5:after,
 .rtl .hover-disable.portfolio_hover_type_8 .portfolio-item .content h5:after,
 .rtl .hover-disable.portfolio_hover_type_9 .portfolio-item .content h5:after {
   left: auto;
   right: 0;
 }

 .rtl .portfolio_hover_type_8 .portfolio-item:hover .content h5:before,
 .rtl .hover-disable.portfolio_hover_type_8 .portfolio-item .content h5:before {
   right: auto;
   left: 0;
 }

 .rtl .portfolio_hover_type_9 .portfolio-item:hover .content h5:before,
 .rtl .hover-disable.portfolio_hover_type_9 .portfolio-item .content h5:before {
   right: auto;
   left: 0;
 }

 .rtl .portfolio-type-horizontal .owl-prev {
   right: auto;
   left: 35px;
 }

 .rtl .portfolio-type-horizontal .owl-next {
   left: auto;
   right: 35px;
 }

 .rtl .portfolio-type-scattered .portfolio-item:nth-child(9n + 1) {
   padding-right: 0;
   padding-left: 2%;
 }

 .rtl .portfolio-type-scattered .portfolio-item:nth-child(9n + 2) {
   padding-right: 5%;
   padding-left: 4%;
 }

 .rtl .portfolio-type-scattered .portfolio-item:nth-child(9n + 3) {
   padding-right: 3%;
   padding-left: 1%;
 }

 .rtl .portfolio-type-scattered .portfolio-item:nth-child(9n + 4) {
   padding-left: 0;
   padding-right: 4%;
 }

 .rtl .portfolio-type-scattered .portfolio-item:nth-child(9n + 5) {
   padding-left: 0;
   padding-right: 3%;
 }

 .rtl .portfolio-type-scattered .portfolio-item:nth-child(9n + 6) {
   padding-right: 0;
   padding-left: 5%;
 }

 .rtl .portfolio-type-scattered .portfolio-item:nth-child(9n + 7) {
   padding-right: 0;
   padding-left: 6%;
 }

 .rtl .portfolio-type-scattered .portfolio-item:nth-child(9n + 8) {
   padding-right: 0;
   padding-left: 5%;
 }

 .rtl .portfolio-type-scattered .portfolio-item:nth-child(9n + 9) {
   padding-right: 5%;
   padding-left: 3%;
 }

 .rtl .load-button .button-style2.loading::after {
   right: auto;
   left: 50%;
 }

 .rtl .filter-button-group.tal button:not(:last-of-type),
 .rtl .filter-button-group.tal a:not(:last-of-type) {
   margin-left: auto;
   margin-right: 20px;
 }

 .rtl .category-buttons.tal a:not(:last-of-type) {
   margin-left: auto;
   margin-right: 20px;
 }

 .rtl .filter-button-group.tar button:not(:first-of-type),
 .rtl .filter-button-group.tar a:not(:first-of-type) {
   margin-right: auto;
   margin-left: 20px;
 }

 .rtl .category-buttons.tar a:not(:first-of-type) {
   margin-right: auto;
   margin-left: 20px;
 }

 @media screen and (max-width: 768px) {

   .rtl .filter-button-group.tal button:not(:last-of-type),
   .rtl .filter-button-group.tal a:not(:last-of-type) {
     margin-left: auto;
     margin-right: 12px;
   }

   .rtl .filter-button-group.tar button:not(:first-of-type),
   .rtl .filter-button-group.tar a:not(:first-of-type) {
     margin-right: auto;
     margin-left: 12px;
   }

   .rtl .woocommerce div.product form.cart {
     text-align: left;
   }

   .rtl .woocommerce div.product .woocommerce-tabs .tabs li {
     margin-left: auto;
     margin-right: 30px;
   }

   .rtl .tabs .tabs-head .item {
     margin-left: auto;
     margin-right: 20px;
   }

 }

 .rtl .nav_hover_style1 .filter-button-group button:after,
 .rtl .nav_hover_style1 .filter-button-group a:after {
   right: 3px;
   left: -5px;
   border-left: none;
   border-right: 0;
 }

 .rtl .nav_hover_style3 .filter-button-group button:after,
 .rtl .nav_hover_style3 .filter-button-group a:after {
   right: auto;
   margin-right: auto;
   left: 50%;
   margin-left: -2px;
 }

 .rtl .nav_hover_style4 .filter-button-group button:after,
 .rtl .nav_hover_style4 .filter-button-group a:after {
   right: auto;
   left: 8px;
 }

 .rtl .category-buttons a:after {
   right: auto;
   left: 0;
 }

 .rtl .portfolio-type-carousel .portfolio-item .a-img a[data-type="video"] i {
   right: auto;
   margin-right: auto;
   left: 50%;
   margin-left: -40px;
 }

 body.rtl .category .item:before {
   right: auto;
   margin-right: auto;
   left: 50%;
   margin-left: -1px;
 }

 body.rtl .category .owl-prev {
   right: auto;
   left: 30px;
 }

 body.rtl .category .owl-next {
   left: auto;
   right: 30px;
 }

 .rtl .testimonials .item .image {
   right: 0;
   left: auto;
 }

 .rtl .testimonials .item .image div {
   right: 15px;
   left: 0;
 }

 .rtl .testimonials .item .quote {
   padding: 100px 0 0 30px;
 }

 .rtl .testimonials .item .quote .q {
   right: auto;
   left: 30px;
 }

 .rtl .testimonials .item h4 {
   padding-right: 0;
   padding-left: 30px;
 }

 .rtl .testimonials .item .post {
   padding-right: 0;
   padding-left: 30px;
 }

 .rtl .testimonials .owl-nav {
   left: auto;
   right: 20px;
 }

 .rtl .testimonials .owl-dots {
   right: auto;
   left: 25px;
 }

 .rtl .testimonials .owl-dots .owl-dot {
   margin-left: auto;
   margin-right: 5px;
 }

 .rtl .skill-item .chart svg {
   right: auto;
   left: 0;
 }

 .rtl .skill-item-line h6 {
   margin: 0 0 10px 0;
 }

 .rtl .skill-item-line .line span {
   left: 0;
   right: auto;
   margin-left: -21px;
 }

 .rtl .skill-item-line .line span:after {
   right: auto;
   margin-right: auto;
   border-right: 7px solid transparent;
   border-left: 7px solid transparent;
   left: 50%;
   margin-left: -7px;
 }

 .rtl .price-list .item:before {
   right: auto;
   margin-right: auto;
   left: 50%;
   margin-left: -1px;
 }

 .rtl .price-list .item .button-style2:after {
   margin-right: auto;
   margin-left: 15px;
 }

 .rtl .price-list .item .options {
   right: auto;
   left: 0;
 }

 .rtl .price-list .item .options .button-style1 span {
   margin: 4px 20px 4px 0;
 }

 .rtl .price-list .item .options .button-style1 span:after {
   right: auto;
   margin: -6px 0 0 -1px;
   left: 50%;
 }

 .rtl .price-list .owl-prev {
   right: auto;
   left: 30px;
 }

 .rtl .price-list .owl-next {
   left: auto;
   right: 30px;
 }

 .rtl .heading-with-num-type2 .num {
   margin-right: 15px;
 }

 .rtl .heading-with-num-type2 .sub-h {
   padding-right: 0;
   padding-left: 40px;
 }

 .rtl .heading-with-num-type2 .sub-h:before {
   right: auto;
   left: 0;
 }

 .rtl .subscribe-form .button-style1 {
   float: right;
 }

 .rtl .subscribe-form>div {
   margin-left: auto;
   margin-right: 150px;
 }

 .rtl .project-slider .owl-prev,
 .rtl .project-slider-carousel .owl-prev {
   right: auto;
   left: -35px;
 }

 .rtl .project-slider .owl-next,
 .rtl .project-slider-carousel .owl-next {
   left: auto;
   right: -35px;
 }

 .rtl .project-horizontal {
   padding-right: 0;
   padding-left: 420px;
 }

 .rtl .project-horizontal .content {
   right: auto;
   left: 130px;
 }

 .rtl .project-horizontal-slider .owl-nav {
   left: auto;
   right: 15px;
 }

 .rtl .price-list-type2 .item:before {
   right: auto;
   margin-right: auto;
   left: 50%;
   margin-left: -1px;
 }

 .rtl .price-list-type2 .item .price {
   right: auto;
   left: 0;
 }

 .rtl .price-list-type2 .item .options .o-row:not(:last-of-type):after {
   right: auto;
   margin-right: auto;
   left: 50%;
   margin-left: -5px;
 }

 .rtl .price-list-type2 .owl-prev {
   right: auto;
   left: 15px;
 }

 .rtl .price-list-type2 .owl-next {
   left: auto;
   right: 15px;
 }

 .rtl .video-block a>div {
   right: auto;
   left: 50%;
 }

 .rtl .jquery-background-video {
   right: auto;
   left: 50%;
 }

 .rtl .jquery-background-video-pauseplay {
   left: auto;
   right: 15px;
 }

 .rtl .jquery-background-video-pauseplay:after,
 .rtl .jquery-background-video-pauseplay:before {
   right: auto;
   left: 0;
 }

 .rtl .jquery-background-video-pauseplay.play:before {
   border-right: none;
   border-left: 15px solid #FFF;
 }

 .rtl .jquery-background-video-pauseplay.pause:before {
   border-right: none;
   border-left: 5px solid #FFF;
 }

 .rtl .jquery-background-video-pauseplay.pause:after {
   border-right: none;
   right: auto;
   border-left: 5px solid #FFF;
   left: 10px;
 }

 .rtl .accordion-items .item .top {
   padding-left: 70px;
   padding-right: 25px;
 }

 .rtl .accordion-items .item .top .t {
   left: 25px;
   right: auto;
 }

 .rtl .elementor-accordion .item .top .elementor-accordion-icon-left {
   margin-left: 20px;
   margin-right: 0;
 }

 .rtl .elementor-accordion .item .top .elementor-accordion-icon-right {
   margin-right: auto;
   margin-left: 0;
 }

 .rtl .tabs .tabs-head {
   float: right;
 }

 .rtl .tabs .tabs-head .item {
   float: right;
   margin-right: auto;
   margin-left: 45px;
 }

 .rtl .team-items .owl-nav {
   left: auto;
   right: 0;
 }

 .rtl .team-items .owl-nav>div {
   margin-right: auto;
   margin-left: 10px;
 }

 .rtl .split-screen>.item>.image {
   right: auto;
   left: 0;
 }

 .rtl .split-screen .owl-dots {
   left: auto;
   right: 30px;
 }

 .rtl .split-screen .owl-dots .owl-dot {
   float: left;
   margin-right: auto;
   margin-left: 7px;
 }

 .rtl .split-screen .owl-nav {
   right: auto;
   left: 18px;
 }

 .rtl .split-screen>.item>.content {
   left: auto;
   right: 0;
 }

 .rtl .split-screen .portfolio-navigation {
   left: auto;
   right: 0;
 }

 .rtl .category-slider-area .category-slider-images .img-item .num {
   right: auto;
   left: 45px;
 }

 .rtl .category-slider-area .category-slider {
   right: auto;
   left: 0;
 }

 .rtl .image-comparison-slider .resize {
   right: auto;
   left: 0;
 }

 .rtl .image-comparison-slider .line {
   right: auto;
   margin-right: auto;
   left: 50%;
   margin-left: -2px;
 }

 .rtl .image-comparison-slider .line:after {
   margin: -25px 0 0 -24px;
 }

 .rtl .vertical-parallax-area .nav-arrows {
   left: auto;
   right: 20px;
   direction: ltr;
 }

 .rtl .vertical-parallax-area .nav-arrows>* {
   margin-left: auto;
   margin-right: 15px;
 }

 .rtl .vertical-parallax-area .pagination-dots {
   left: 20px;
   right: auto;
 }

 .rtl .split-screen-type2 .items .item .heading {
   right: auto;
   left: 0;
 }

 .rtl .split-screen-type2 .items .item .heading>div {
   text-align: left;
 }

 .rtl .split-screen-type2 .items .item .heading .num {
   right: auto;
   left: 0;
 }

 .rtl .split-screen-type2 .items .item .heading.right .num {
   right: 0;
   left: auto;
 }

 .rtl .split-screen-type2 .items .item .heading .text {
   padding-right: 0;
   padding-left: 135px;
 }

 .rtl .split-screen-type2 .items .item .heading.right .text {
   padding-right: 145px;
   padding-left: 0;
 }

 .rtl .split-screen-type2 .items .item .play-button {
   right: auto;
   left: 50%;
 }

 .rtl .split-screen-type2 .pagination-dots {
   left: 20px;
   right: auto;
 }

 .rtl .album-cover {
   background: #171717 50% no-repeat;
 }

 .rtl .album-playlist .top .top-playbutton {
   float: left;
   margin: 30px 0 30px 30px;
 }

 .rtl .album-playlist .top i {
   right: auto;
   left: 50%;
 }

 .rtl .album-playlist .top-playbutton+.top-text {
   margin-right: auto;
   margin-left: 185px;
 }

 .rtl .album-playlist .track-buttons button {
   margin: 0 15px 0 0;
 }

 .rtl .album-playlist .bottom .time {
   float: left;
 }

 .rtl .album-playlist .volume {
   float: right;
 }

 .rtl .album-playlist .jp-volume-bar {
   margin-right: auto;
   margin-left: 12px;
 }

 .rtl .album-playlist .jp-playlist ul {
   padding: 0 5px 0 0;
 }

 .rtl .album-playlist .jp-playlist .jp-playlist-item {
   padding-right: 90px;
   padding-left: 170px;
 }

 .rtl .album-playlist .jp-playlist .jp-playlist-item span {
   left: auto;
   right: 35px;
 }

 .rtl .album-playlist .jp-playlist .jp-playlist-item:before {
   right: auto;
   left: 0;
 }

 .rtl .photo-carousel>a {
   right: auto;
   left: 50%;
 }

 .rtl .photo-carousel>a i {
   margin-right: auto;
   margin-left: 15px;
 }

 .rtl .app-button {
   padding-right: 0;
   padding-left: 65px;
 }

 .rtl .app-button.app-store:before,
 .rtl .app-button.google-play:before,
 .rtl .app-button.sound-cloud:before,
 .rtl .app-button.spotify:before {
   right: auto;
   left: 20px;
 }

 .rtl .js-pixproof-gallery .gallery-item {
   float: left;
 }

 .rtl .js-pixproof-gallery .proof-photo__meta .nav li a.zoom-action {
   margin-left: auto;
   margin-right: 25px;
 }

 .rtl .js-pixproof-gallery .proof-photo__meta .nav li a.select-action:after {
   right: auto;
   left: 0;
 }

 .rtl .js-pixproof-gallery .proof-photo__status {
   right: auto;
   left: 15px;
 }

 .rtl .banner-decor-elements div:nth-child(1) {
   left: auto;
   right: -110px;
 }

 .rtl .banner-decor-elements div:nth-child(2) {
   right: auto;
   left: -65px;
 }

 .rtl .banner-decor-elements div:nth-child(3) {
   right: auto;
   left: -180px;
 }

 .rtl .banner-decor-elements div:nth-child(4) {
   left: auto;
   right: 0;
 }

 .rtl .play-button-block {
   right: auto;
   margin: -40px 0 0 -40px;
   left: 50%;
 }

 .rtl .cell.middle .play-button-block {
   right: auto;
   left: 0;
 }

 .rtl .heading-block.mode-overlay {
   right: auto;
   left: 0;
 }

 .rtl .heading-block.tar .sub-h {
   padding-right: 30px;
   padding-left: 0;
 }

 .rtl .heading-block.tar .sub-h:before {
   right: 0;
   left: auto;
 }

 .rtl .heading-block.with-offset .h {
   margin-right: auto;
   margin-left: 1.2em;
 }

 .rtl .num-box-items .num-box:before {
   right: auto;
   left: -35px;
 }

 .rtl .decor-elements-block {
   right: auto;
   margin-right: auto;
   left: 50%;
   margin-left: -50vw;
 }

 .rtl .decor-elements-block .decor-el.type-type1 {
   right: auto;
   margin-right: auto;
   left: 50%;
   margin-left: 420px;
 }

 .rtl .decor-elements-block .decor-el.type-type1.align-left {
   right: 50%;
   left: auto;
   margin-right: 420px;
   margin-left: 0px;
 }

 .rtl .decor-elements-block .decor-el.type-type2 {
   left: auto;
   margin-left: auto;
   right: 50%;
   margin-right: 420px;
 }

 .rtl .decor-elements-block .decor-el.type-type2.align-right {
   left: 50%;
   right: auto;
   margin-left: 420px;
   margin-right: 0px;
 }

 .rtl .brand-item img+img {
   right: auto;
   left: 0;
 }

 .rtl .banner-categories {
   left: auto;
   right: -100%;
 }

 .rtl .banner-categories.active {
   left: auto;
   right: 0;
 }

 .rtl .banner-categories .item a .num {
   margin-left: auto;
   margin-right: 25px;
 }

 .rtl .banner-categories .owl-nav {
   left: auto;
   right: 20px;
 }

 .rtl .banner-right-buttons {
   left: auto;
   right: 0;
 }

 .rtl .external-indent .banner-right-buttons {
   left: calc(-1 * var(--banner-indent, 12px));
   right: auto;
 }

 .rtl .banner-right-buttons .button+.button:before {
   right: auto;
   margin: 0 0 0 -2px;
   left: 50%;
 }

 .rtl .banner-right-buttons .button span {
   right: auto;
   left: 50%;
 }

 .rtl .banner-right-buttons .button .close i {
   margin-left: auto;
   margin-right: 10px;
 }

 .rtl .banner-about {
   left: auto;
   right: -100%;
 }

 .rtl .banner-about.active {
   left: auto;
   right: 0;
 }

 .rtl .banner-about .wrap {
   right: -20px;
   left: 0;
   padding: 0 85px 0 65px;
 }

 .rtl .banner-about .bg-word {
   right: auto;
   left: 0;
 }

 .rtl .mfp-arrow-left {
   right: auto;
   left: 15px;
 }

 .rtl .mfp-arrow-right {
   left: auto;
   right: 15px;
 }

 .rtl .project-slider-block .slider .swiper-slide .content {
   right: auto;
   left: 50%;
 }

 .rtl .project-slider-block .thumbs {
   right: auto;
   left: 50%;
 }

 .rtl .project-slider-block .thumbs .swiper-slide:last-child {
   margin-left: auto;
   margin-right: 0 !important;
 }

 .rtl .blog-item .bottom .col+.col {
   margin-right: 35px;
   margin-left: auto;
 }

 .social-links-widget {
   font-size: 16px
 }

 .social-links-widget a {
   margin-right: 15px;
 }

 .social-links-widget a:last-child {
   margin-right: 0;
 }

 .liquiq-banner {
   position: relative;
   overflow: hidden;
   height: 100vh;
 }

 .liquiq-banner .nav-arrows {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   display: flex;
   justify-content: space-between;
   font-size: 14px;
   color: #C48F56;
   width: 100%;
   padding: 0 30px;
   pointer-events: none;
   z-index: 3;
 }

 .liquiq-banner .prev,
 .liquiq-banner .next {
   user-select: none;
   pointer-events: all;
   cursor: pointer;
 }

 .liquiq-banner .prev {
   left: 30px;
 }

 .liquiq-banner .next {
   right: 30px;
 }

 .liquiq-banner .prev svg,
 .liquiq-banner .next svg {
   display: block;
   fill: currentColor;
 }

 .liquiq-banner .prev svg {
   transform: scaleX(-1);
 }

 .liquiq-banner .content-slider-container {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 2;
   pointer-events: none;
 }

 .liquiq-banner .content-slider-container .content-slide {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   display: none !important;
 }

 .liquiq-banner .content-slider-container .container {
   display: flex;
   padding: 90px 15px 38px;
   height: 100%;
 }

 .liquiq-banner .content-slider-container .current-color-black {
   color: #000;
 }

 .liquiq-banner .content-slider-container .current-color-white {
   color: #fff;
 }

 .liquiq-banner .content-slider-container .slide-active {
   z-index: 99;
   display: flex !important;
 }


 .liquiq-banner .content-slider-container .slide-active .content {
   opacity: 1;
 }

 .liquiq-banner .content-slider-container .content-wrap {
   display: flex;
   margin: auto 0 0;
   flex-wrap: wrap;
 }

 .liquiq-banner .content-slider-container .content {
   opacity: 0;
   display: flex;
   flex-wrap: wrap;
 }

 .liquiq-banner .content-slider-container .content {}

 .liquiq-banner .content-slider-container .vertical-type-top .content-wrap {
   margin-top: 0;
   margin-bottom: auto;
 }

 .liquiq-banner .content-slider-container .vertical-type-middle .content-wrap {
   margin-bottom: auto;
 }

 .liquiq-banner .content-slider-container .swiper-slide-active .content-wrap {
   transform: translateX(0%);
   opacity: 1;
 }

 .liquiq-banner .swiper {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 2;
 }

 .liquiq-banner .swiper .swiper-wrapper {
   box-sizing: border-box;
 }

 .liquiq-banner .swiper img {
   position: absolute;
   top: 0;
   width: 400px;
   left: 99999px;
 }

 .liquiq-banner .content-slider-container .h-block {
   flex: 1.2;
 }

 .liquiq-banner .content-slider-container .sub-h {
   color: #B9B9B9;
   font-weight: 500;
   font-size: 14px;
   margin-bottom: 20px;
 }

 .site-light .liquiq-banner .sub-h {
   color: #919191;
 }

 .liquiq-banner .content-slider-container .h {
   margin: 0;
 }

 .liquiq-banner .content-slider-container .text {
   position: relative;
   flex: 1;
   margin-top: auto;
   margin-bottom: 5px;
   line-height: 1.81;
   padding: 12px 0;
   padding-left: 20px;
   margin-left: 55px;
 }

 .liquiq-banner .content-slider-container .text:before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   width: 1px;
   box-shadow: inset 0 0 0 1px;
   opacity: 0.3;
 }

 .liquiq-banner .content-slider-container .button-block {
   flex: 0 0 100%;
   margin-top: 24px;
 }

 .liquiq-banner .images-slider-container,
 .liquiq-banner .images-slider-wrapper {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 1;
   pointer-events: none;
 }

 .liquiq-banner .play-button-block {
   width: 60px;
   height: 60px;
   margin: -30px 0 0 -30px;
   opacity: 0;
   z-index: 4;
   pointer-events: none;
 }

 .liquiq-banner .play-button-block a {
   pointer-events: none;
 }

 .liquiq-banner .horizontal-type-center .play-button-block {
   top: 0;
   margin-top: 0;
 }

 .liquiq-banner .horizontal-type-left.vertical-type-middle .play-button-block,
 .liquiq-banner .horizontal-type-right.vertical-type-middle .play-button-block {
   top: 100%;
   margin-top: -125px;
 }

 .liquiq-banner .slide-active .play-button-block {
   opacity: 1;
   pointer-events: all;
 }

 .liquiq-banner .slide-active .play-button-block a {
   pointer-events: all;
 }

 .liquiq-banner .play-button-block.visible {
   opacity: 1;
   visibility: visible;
 }

 .liquiq-banner .play-button-block a {
   display: flex;
   font-size: 18px;
   height: 60px;
   width: 100%;
   height: 100%;
   color: #C48F56;
   transition: all 400ms ease-in-out;
 }

 .liquiq-banner .play-button-block a:hover {
   background: #C48F56;
   color: #000;
 }

 .liquiq-banner .play-button-block a i {
   line-height: 1;
   margin: auto;
 }

 .liquiq-banner .content-slider-container .horizontal-type-center .content-wrap {
   position: relative;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
 }

 .liquiq-banner .content-slider-container .horizontal-type-center.with-video .content-wrap {
   padding-top: 98px;
 }

 .liquiq-banner .content-slider-container .horizontal-type-center .h-block,
 .liquiq-banner .content-slider-container .horizontal-type-center .text {
   flex: 0 0 100%;
 }

 .liquiq-banner .content-slider-container .horizontal-type-center .text {
   margin: 33px auto 0;
   padding-top: 36px;
   max-width: 635px;
 }

 .liquiq-banner .content-slider-container .horizontal-type-center .button-block {
   margin-top: 15px;
 }

 .liquiq-banner .content-slider-container .horizontal-type-center .text:before {
   left: 50%;
   width: 110px;
   margin-left: -55px;
   height: 1px;
 }

 .liquiq-banner .content-slider-container .horizontal-type-right .content-wrap {
   text-align: right;
 }

 .liquiq-banner .content-slider-container .horizontal-type-right .h-block {}

 .liquiq-banner .content-slider-container .horizontal-type-right .text {
   order: -1;
   margin-left: 0;
   padding-left: 0;
   padding-right: 20px;
   margin-right: 55px;
 }

 .liquiq-banner .content-slider-container .horizontal-type-right .text:before {
   left: initial;
   right: 0;
 }

 @media screen and (max-width: 997.98px) {

   .liquiq-banner .content-slider-container .h-block,
   .liquiq-banner .content-slider-container .text {
     flex: 0 0 100%;
   }

   .liquiq-banner .content-slider-container .text {
     margin-left: 0;
     margin-right: 0;
     padding: 36px 0 0;
   }

   .liquiq-banner .content-slider-container .text:before {
     top: 15px;
     left: 0;
     width: 110px;
     margin-left: 0;
     height: 1px;
   }
 }

 @media screen and (max-width: 768px) {
   .liquiq-banner .content-slider-container .container {
     padding-top: 60px;
   }

   .liquiq-banner .play-button-block {
     display: none;
   }

   .liquiq-banner .nav-arrows {
     top: 100%;
     margin-top: -35px;
     padding: 0 15px;
   }
 }

 .woocommerce-filter-button {
   margin-top: 15px;
 }



 /*
- Mobile Navigation Block
*/
 .mobile-navigation-block {
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   background: #fff;
   -webkit-transform: translate(100%);
   -ms-transform: translate(100%);
   transform: translate(100%);
   -webkit-transition: all 400ms ease;
   -o-transition: all 400ms ease;
   transition: all 400ms ease;
   width: 260px;
   z-index: 200;
 }

 .mobile-navigation-block.light-header {
   background: #161616;
   color: #fff;
 }

 .admin-bar .mobile-navigation-block {
   top: 32px;
 }

 @media screen and (max-width: 782px) {
   .admin-bar .mobile-navigation-block {
     top: 46px;
   }
 }

 .mobile-navigation-block.active {
   -webkit-transform: translate(0);
   -ms-transform: translate(0);
   transform: translate(0);
 }

 .mobile-navigation-block.fixed .mobile-navigation {
   top: 100px;
 }

 .mobile-navigation-block .close {
   position: absolute;
   top: 20px;
   right: 20px;
 }

 .mobile-navigation-block .header-bottom-block {
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
 }

 .mobile-navigation-block .header-bottom-block:before {
   content: '';
   position: absolute;
   top: 0;
   left: 15px;
   right: 0;
   background: -webkit-gradient(linear, left top, right top, from(#000), to(#fff));
   background: -o-linear-gradient(left, #000 0%, #fff 100%);
   background: linear-gradient(to right, #000 0%, #fff 100%);
   height: 1px;
   opacity: .2;
 }

 .header-light .mobile-navigation-block .header-bottom-block:before {
   background: -webkit-gradient(linear, left top, right top, from(#fff), to(#000));
   background: -o-linear-gradient(left, #fff 0%, #000 100%);
   background: linear-gradient(to right, #fff 0%, #000 100%);
 }

 .mobile-navigation-block .header-bottom-block .container,
 .mobile-navigation-block .header-bottom-block .container-fluid {
   padding: 25px 35px;
 }

 /*
- Mobile Navigation
*/
 .mobile-navigation {
   position: absolute;
   top: 95px;
   left: 0;
   right: 0px;
   bottom: 35px;
   overflow-x: hidden;
   overflow-y: auto;
   font-weight: 500;
   font-size: 12px;
   transition: top 300ms ease-in-out;
 }

 .mobile-navigation ul {
   padding: 0;
   margin: 0;
 }

 .mobile-navigation ul li {
   display: block;
 }

 .mobile-navigation .mega-menu-toggle {
   display: none;
 }

 .mobile-navigation a {
   color: inherit;
   text-decoration: none;
 }

 .mobile-navigation .menu {
   padding-left: 0;
 }

 .mobile-navigation .menu.container {
   margin: 0 auto;
   padding: 0 30px;
 }

 .mobile-navigation .menu>li>a {
   position: relative;
   line-height: 25px;
   text-transform: uppercase;
   vertical-align: middle;
   padding: 10px 0;
   text-align: left;
   display: block;
   height: auto;
   max-width: none;
 }

 .mobile-navigation .menu>li>a span {
   border: none;
   padding: 2px 10px;
   position: relative;
   display: block;
   line-height: 1;
 }

 .mobile-navigation.hover-style1 .menu>li>a span {
   display: block;
   border: 1px solid transparent;
   border-right: none;
   padding: 7px 3px 7px 10px;
   margin: -7px 0 -7px -10px;
 }

 .mobile-navigation .menu>li>a:before {}

 .header-light .mobile-navigation .menu>li>a:before {}

 .mobile-navigation .menu>li>a.current,
 .mobile-navigation .menu>li.current-menu-item>a,
 .mobile-navigation .menu>li.current-menu-ancestor>a,
 .mobile-navigation .menu>li.current_page_item>a,
 .mobile-navigation .menu>li.current_page_parent>a,
 .mobile-navigation .menu>li.current-menu-ancestor>a,
 .mobile-navigation .menu>li.mega-current-menu-item>a,
 .mobile-navigation .menu>li.mega-current-menu-ancestor>a,
 .mobile-navigation .menu>li.mega-current_page_item>a,
 .mobile-navigation .menu>li.mega-current_page_parent>a,
 .mobile-navigation .menu>li.mega-current-menu-ancestor>a,
 .mobile-navigation .menu>li:hover>a {}

 .mobile-navigation .menu>li>a.current span,
 .mobile-navigation .menu>li.current-menu-item>a span,
 .mobile-navigation .menu>li.current-menu-ancestor>a span,
 .mobile-navigation .menu>li.current_page_item>a span,
 .mobile-navigation .menu>li.current_page_parent>a span,
 .mobile-navigation .menu>li.current-menu-ancestor>a span,
 .mobile-navigation .menu>li.mega-current-menu-item>a span,
 .mobile-navigation .menu>li.mega-current-menu-ancestor>a span,
 .mobile-navigation .menu>li.mega-current_page_item>a span,
 .mobile-navigation .menu>li.mega-current_page_parent>a span,
 .mobile-navigation .menu>li.mega-current-menu-ancestor>a span,
 .mobile-navigation .menu>li:hover>a span {
   border-color: #c48f56;
 }

 .mobile-navigation .menu>li>a.current span:after,
 .mobile-navigation .menu>li.current-menu-item>a span:after,
 .mobile-navigation .menu>li.current-menu-ancestor>a span:after,
 .mobile-navigation .menu>li.current_page_item>a span:after,
 .mobile-navigation .menu>li.current_page_parent>a span:after,
 .mobile-navigation .menu>li.current-menu-ancestor>a span:after,
 .mobile-navigation .menu>li.mega-current-menu-item>a span:after,
 .mobile-navigation .menu>li.mega-current-menu-ancestor>a span:after,
 .mobile-navigation .menu>li.mega-current_page_item>a span:after,
 .mobile-navigation .menu>li.mega-current_page_parent>a span:after,
 .mobile-navigation .menu>li.mega-current-menu-ancestor>a span:after {
   content: "";
   border-color: #c48f56;
 }

 .mobile-navigation .menu>li>a.current:before,
 .mobile-navigation .menu>li.current-menu-item>a:before,
 .mobile-navigation .menu>li.current-menu-ancestor>a:before,
 .mobile-navigation .menu>li.current_page_item>a:before,
 .mobile-navigation .menu>li.current_page_parent>a:before,
 .mobile-navigation .menu>li.current-menu-ancestor>a:before,
 .mobile-navigation .menu>li.mega-current-menu-item>a:before,
 .mobile-navigation .menu>li.mega-current-menu-ancestor>a:before,
 .mobile-navigation .menu>li.mega-current_page_item>a:before,
 .mobile-navigation .menu>li.mega-current_page_parent>a:before,
 .mobile-navigation .menu>li.mega-current-menu-ancestor>a:before,
 .mobile-navigation .menu>li:hover>a:before {}

 .mobile-navigation .menu li>a {
   display: flex;
   align-items: center;
 }

 .mobile-navigation .menu li.menu-item-has-children,
 .mobile-navigation .menu li.mega-menu-item-has-children {
   position: relative;
 }

 .mobile-navigation .menu li.menu-item-has-children>a:after,
 .mobile-navigation .menu li.mega-menu-item-has-children>a:after {
   content: "\e941";
   font-family: 'basic-ui-icons' !important;
   position: absolute;
   top: 50%;
   right: 10px;
   transform: translateY(-50%);
   font-size: 0.7em;
 }

 .mobile-navigation .menu li.menu-item-has-children>a.current:after,
 .mobile-navigation .menu li.mega-menu-item-has-children>a.current:after {}

 .mobile-navigation .sub-menu,
 .mobile-navigation .mega-sub-menu {
   position: relative;
   border-top: 1px solid #464646;
   display: none;
 }

 .mobile-navigation .sub-menu>li,
 .mobile-navigation .mega-sub-menu>li {
   padding: 0 0;
   border-bottom: 1px solid #464646;
 }

 .mobile-navigation .sub-menu>li>a,
 .mobile-navigation .mega-sub-menu>li>a {
   display: table-cell;
   width: 200px;
   height: 35px;
   padding: 5px 20px;
   position: relative;
   vertical-align: middle;
   -webkit-transition-duration: 0.2s;
   -o-transition-duration: 0.2s;
   transition-duration: 0.2s;
 }

 .mobile-navigation .sub-menu>li>a span,
 .mobile-navigation .mega-sub-menu>li>a span {
   position: relative;
 }

 .mobile-navigation .sub-menu>li>a span:before,
 .mobile-navigation .mega-sub-menu>li>a span:before {}

 .mobile-navigation .sub-menu>li>a span:after,
 .mobile-navigation .mega-sub-menu>li>a span:after {
   content: '';
 }

 .mobile-navigation .sub-menu>li>a.current,
 .mobile-navigation .sub-menu>li.current-menu-item>a,
 .mobile-navigation .sub-menu>li.current-menu-ancestor>a,
 .mobile-navigation .sub-menu>li.current_page_item>a,
 .mobile-navigation .sub-menu>li.current_page_parent>a,
 .mobile-navigation .sub-menu>li.current-menu-ancestor>a,
 .mobile-navigation .sub-menu>li.mega-current-menu-item>a,
 .mobile-navigation .sub-menu>li.mega-current-menu-ancestor>a,
 .mobile-navigation .sub-menu>li.mega-current_page_item>a,
 .mobile-navigation .sub-menu>li.mega-current_page_parent>a,
 .mobile-navigation .sub-menu>li.mega-current-menu-ancestor>a,
 .mobile-navigation .sub-menu>li:hover>a,
 .mobile-navigation .mega-sub-menu>li.current-menu-item>a,
 .mobile-navigation .mega-sub-menu>li.current-menu-ancestor>a,
 .mobile-navigation .mega-sub-menu>li.current_page_item>a,
 .mobile-navigation .mega-sub-menu>li.current_page_parent>a,
 .mobile-navigation .mega-sub-menu>li.current-menu-ancestor>a,
 .mobile-navigation .mega-sub-menu>li.mega-current-menu-item>a,
 .mobile-navigation .mega-sub-menu>li.mega-current-menu-ancestor>a,
 .mobile-navigation .mega-sub-menu>li.mega-current_page_item>a,
 .mobile-navigation .mega-sub-menu>li.mega-current_page_parent>a,
 .mobile-navigation .mega-sub-menu>li.mega-current-menu-ancestor>a,
 .mobile-navigation .mega-sub-menu>li:hover>a {
   color: #c48f56;
 }

 .dark-header .mobile-navigation .sub-menu>li>a.current,
 .dark-header .mobile-navigation .sub-menu>li.current-menu-item>a,
 .dark-header .mobile-navigation .sub-menu>li.current-menu-ancestor>a,
 .dark-header .mobile-navigation .sub-menu>li.current_page_item>a,
 .dark-header .mobile-navigation .sub-menu>li.current_page_parent>a,
 .dark-header .mobile-navigation .sub-menu>li.current-menu-ancestor>a,
 .dark-header .mobile-navigation .sub-menu>li.mega-current-menu-item>a,
 .dark-header .mobile-navigation .sub-menu>li.mega-current-menu-ancestor>a,
 .dark-header .mobile-navigation .sub-menu>li.mega-current_page_item>a,
 .dark-header .mobile-navigation .sub-menu>li.mega-current_page_parent>a,
 .dark-header .mobile-navigation .sub-menu>li.mega-current-menu-ancestor>a,
 .dark-header .mobile-navigation .sub-menu>li:hover>a,
 .dark-header .mobile-navigation .mega-sub-menu>li.current-menu-item>a,
 .dark-header .mobile-navigation .mega-sub-menu>li.current-menu-ancestor>a,
 .dark-header .mobile-navigation .mega-sub-menu>li.current_page_item>a,
 .dark-header .mobile-navigation .mega-sub-menu>li.current_page_parent>a,
 .dark-header .mobile-navigation .mega-sub-menu>li.current-menu-ancestor>a,
 .dark-header .mobile-navigation .mega-sub-menu>li.mega-current-menu-item>a,
 .dark-header .mobile-navigation .mega-sub-menu>li.mega-current-menu-ancestor>a,
 .dark-header .mobile-navigation .mega-sub-menu>li.mega-current_page_item>a,
 .dark-header .mobile-navigation .mega-sub-menu>li.mega-current_page_parent>a,
 .dark-header .mobile-navigation .mega-sub-menu>li.mega-current-menu-ancestor>a,
 .dark-header .mobile-navigation .mega-sub-menu>li:hover>a {}

 .mobile-navigation .sub-menu>li>a.current:before,
 .mobile-navigation .sub-menu>li.current-menu-item>a:before,
 .mobile-navigation .sub-menu>li.current-menu-ancestor>a:before,
 .mobile-navigation .sub-menu>li.current_page_item>a:before,
 .mobile-navigation .sub-menu>li.current_page_parent>a:before,
 .mobile-navigation .sub-menu>li.current-menu-ancestor>a:before,
 .mobile-navigation .sub-menu>li.mega-current-menu-item>a:before,
 .mobile-navigation .sub-menu>li.mega-current-menu-ancestor>a:before,
 .mobile-navigation .sub-menu>li.mega-current_page_item>a:before,
 .mobile-navigation .sub-menu>li.mega-current_page_parent>a:before,
 .mobile-navigation .sub-menu>li.mega-current-menu-ancestor>a:before,
 .mobile-navigation .sub-menu>li:hover>a:before,
 .mobile-navigation .mega-sub-menu>li.current-menu-item>a:before,
 .mobile-navigation .mega-sub-menu>li.current-menu-ancestor>a:before,
 .mobile-navigation .mega-sub-menu>li.current_page_item>a:before,
 .mobile-navigation .mega-sub-menu>li.current_page_parent>a:before,
 .mobile-navigation .mega-sub-menu>li.current-menu-ancestor>a:before,
 .mobile-navigation .mega-sub-menu>li.mega-current-menu-item>a:before,
 .mobile-navigation .mega-sub-menu>li.mega-current-menu-ancestor>a:before,
 .mobile-navigation .mega-sub-menu>li.mega-current_page_item>a:before,
 .mobile-navigation .mega-sub-menu>li.mega-current_page_parent>a:before,
 .mobile-navigation .mega-sub-menu>li.mega-current-menu-ancestor>a:before,
 .mobile-navigation .mega-sub-menu>li:hover>a:before {}

 .mobile-navigation .sub-menu>li>a.current span:after,
 .mobile-navigation .sub-menu>li.current-menu-item>a span:after,
 .mobile-navigation .sub-menu>li.current-menu-ancestor>a span:after,
 .mobile-navigation .sub-menu>li.current_page_item>a span:after,
 .mobile-navigation .sub-menu>li.current_page_parent>a span:after,
 .mobile-navigation .sub-menu>li.current-menu-ancestor>a span:after,
 .mobile-navigation .sub-menu>li.mega-current-menu-item>a span:after,
 .mobile-navigation .sub-menu>li.mega-current-menu-ancestor>a span:after,
 .mobile-navigation .sub-menu>li.mega-current_page_item>a span:after,
 .mobile-navigation .sub-menu>li.mega-current_page_parent>a span:after,
 .mobile-navigation .sub-menu>li.mega-current-menu-ancestor>a span:after,
 .mobile-navigation .sub-menu>li:hover>a span:after,
 .mobile-navigation .mega-sub-menu>li.current-menu-item>a span:after,
 .mobile-navigation .mega-sub-menu>li.current-menu-ancestor>a span:after,
 .mobile-navigation .mega-sub-menu>li.current_page_item>a span:after,
 .mobile-navigation .mega-sub-menu>li.current_page_parent>a span:after,
 .mobile-navigation .mega-sub-menu>li.current-menu-ancestor>a span:after,
 .mobile-navigation .mega-sub-menu>li.mega-current-menu-item>a span:after,
 .mobile-navigation .mega-sub-menu>li.mega-current-menu-ancestor>a span:after,
 .mobile-navigation .mega-sub-menu>li.mega-current_page_item>a span:after,
 .mobile-navigation .mega-sub-menu>li.mega-current_page_parent>a span:after,
 .mobile-navigation .mega-sub-menu>li.mega-current-menu-ancestor>a span:after,
 .mobile-navigation .mega-sub-menu>li:hover>a span:after {}

 .mobile-navigation .sub-menu a,
 .mobile-navigation .mega-sub-menu a {}

 .mobile-navigation .sub-menu .sub-menu,
 .mobile-navigation .sub-menu .mega-sub-menu,
 .mobile-navigation .mega-sub-menu .sub-menu,
 .mobile-navigation .mega-sub-menu .mega-sub-menu {
   padding-left: 10px;
   margin-bottom: -2px;
   border-top: 1px solid #464646;
 }

 .mobile-navigation .sub-menu .sub-menu>li:last-child,
 .mobile-navigation .sub-menu .mega-sub-menu>li:last-child {
   border-bottom: none;
 }

 .mobile-navigation .mega-menu-row>.mega-sub-menu,
 .mobile-navigation .mega-menu-grid>.mega-sub-menu {}

 @media (max-width: 767.98px) {
   .b-coming-heading {
     font-size: 36px !important;
   }

   .subscribe-form {
     display: flex;
     flex-direction: column;
     max-width: 320px;
   }

   .subscribe-form .button-style1 {
     float: none;
     width: 100%;
     order: 1;
     margin-top: 10px;
   }

   .subscribe-form>div {
     margin: 0;
   }
 }

/* Header Builder: Color Switcher */
.header-color-switcher {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.header-color-switcher .icon-sun,
.header-color-switcher .icon-moon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  -webkit-transition: opacity 0.3s ease, color 0.3s ease;
  -o-transition: opacity 0.3s ease, color 0.3s ease;
  transition: opacity 0.3s ease, color 0.3s ease;
}

.header-color-switcher .sep {
  display: block;
  width: 1px;
  height: 24px;
  background: currentColor;
  opacity: 0.3;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-transition: background 0.3s ease, opacity 0.3s ease;
  -o-transition: background 0.3s ease, opacity 0.3s ease;
  transition: background 0.3s ease, opacity 0.3s ease;
}

/* Reset the 25px margin-right that [class*="col"] incorrectly applies to children
   of .header-color-switcher because "color" contains the substring "col" */
.site-header .header-color-switcher > *:not(:last-child) {
  margin-right: 0;
}

/* Dark mode (default): sun faded, moon = accent color (via Redux decor_color) */
.header-color-switcher .icon-sun {
  opacity: 0.4;
}

/* Light mode (.active): sun = accent (via Redux), moon = #cccccc, sep = #d7d7d7 */
.header-color-switcher.active .icon-sun {
  opacity: 1;
}

.header-color-switcher.active .icon-moon svg {
  color: #cccccc;
}

.header-color-switcher.active .sep {
  background: #d7d7d7;
  opacity: 1;
}

/* Light mode overrides */
.site-light .navigation.hover-square>.menu {
  background: #ececec;
}

/* Split-screen (per-slide) header overrides: the unified nav bar must follow
   the header-right-*-color class the slider toggles on body, not just the
   global .site-light switch — otherwise the bar stays dark while the text
   color flips to black on a white slide, making the menu unreadable. */
.header-right-dark-color.header_space_no .navigation.hover-square>.menu {
  background: #ececec;
}

.header-right-dark-color.header_space_no .navigation.hover-square>.menu>li>a,
.header-right-dark-color.header_space_no .navigation.hover-square>.menu>li>a>span {
  color: #000;
}

.header-right-white-color.header_space_no .navigation.hover-square>.menu {
  background: #272727;
}

.header-right-white-color.header_space_no .navigation.hover-square>.menu>li>a,
.header-right-white-color.header_space_no .navigation.hover-square>.menu>li>a>span {
  color: #fff;
}

.site-light .banner-social-buttons .links {
  background-color: #ffffff !important;
}

.site-light .banner-social-buttons::before,
.site-light .banner-social-buttons::after {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}

.site-light .banner-area .banner-right-buttons .inner,
body.site-light .banner-right-buttons .inner {
  background-color: #ffffff !important;
}

.site-light .banner-area .banner-right-buttons::before,
body.site-light .banner-right-buttons::before,
.site-light .banner-area .banner-right-buttons::after,
body.site-light .banner-right-buttons::after {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}

.site-light .banner-right-buttons .button.active {
  background: #ffffff;
  color: inherit;
}

/* Portfolio image position via CSS custom properties (X/Y sliders).
   Specificity 0,3,1 — same as .portfolio-item.image-left .a-img div,
   but declared later so wins on cascade. Only fires when --pt-img-x is set. */
.portfolio-item[style*="--pt-img-x"] .a-img div {
  background-position: var(--pt-img-x, 50%) var(--pt-img-y, 50%) !important;
}
.portfolio-item[style*="--pt-img-x"] .a-img img {
  object-fit: cover;
  object-position: var(--pt-img-x, 50%) var(--pt-img-y, 50%);
}

/* Social Icons widget/shortcode */
.social-icons-block {
  display: flex;
  align-items: center;
  gap: 16px;
}

.social-icons-list {
  display: flex;
  align-items: center;
  gap: 20px;
}

.social-icons-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  text-decoration: none;
  color: inherit;
  line-height: 1;
}

.social-icons-item i {
  font-size: 11px;
  line-height: 1;
  color: #ffffff;
  transition: color .3s ease;
}

.social-icons-item svg {
  width: 11px;
  height: 11px;
  fill: #ffffff;
  transition: fill .3s ease;
}

.social-icons-item .label {
  font-size: 12px;
  font-weight: 600;
  color: #ffffff;
  white-space: nowrap;
  line-height: 1;
  transition: color .3s ease;
}

.social-icons-dot {
  flex-shrink: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #c48f56;
}

.social-icons-edge {
  flex-shrink: 0;
  width: 1px;
  height: 16px;
  background-color: #c48f56;
}

/* Rotates the whole rail -90deg, same technique as .side-header-minified .social-links.
   Intended for placements that are already absolutely/fixed positioned (hero sidebars,
   banners) since a CSS transform does not reserve rotated space in normal document flow. */
.social-icons-vertical {
  transform: rotate(-90deg);
  transform-origin: center center;
}

/* Hover Animation option: text-swap only (no lines, no text-transform) —
   the label keeps all its normal styling, only the two stacked copies
   inside .si-swap-wrap slide past each other on hover. */
.si-swap-wrap {
  display: block;
  position: relative;
  overflow: hidden;
}

.si-swap-label {
  display: block;
  white-space: nowrap;
  transition: transform .3s ease;
}

.si-swap-label:nth-child(2) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transform: translateY(-100%);
}

.social-icons-item:hover .si-swap-label:nth-child(1) {
  transform: translateY(100%);
}

.social-icons-item:hover .si-swap-label:nth-child(2) {
  transform: translateY(0);
}
/* Eyebrow Divider */
.yprm-eyebrow-divider {
  display: flex;
  align-items: flex-start;
}
.yprm-eyebrow-divider--full-width {
  width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
}
.yprm-eyebrow-divider--boxed .yprm-eyebrow-divider__line--left {
  flex: 0 0 auto;
  width: 15px;
}
@media (min-width: 576px) {
  .yprm-eyebrow-divider--boxed .yprm-eyebrow-divider__line--left {
    width: calc(50vw - 255px);
  }
}
@media (min-width: 768px) {
  .yprm-eyebrow-divider--boxed .yprm-eyebrow-divider__line--left {
    width: calc(50vw - 345px);
  }
}
@media (min-width: 992px) {
  .yprm-eyebrow-divider--boxed .yprm-eyebrow-divider__line--left {
    width: calc(50vw - 465px);
  }
}
@media (min-width: 1200px) {
  .yprm-eyebrow-divider--boxed .yprm-eyebrow-divider__line--left {
    width: calc(50vw - 570px);
  }
}
.yprm-eyebrow-divider--boxed .yprm-eyebrow-divider__line--left.yprm-eyebrow-divider__line--invisible {
  background: transparent;
}
.yprm-eyebrow-divider__line {
  flex: 1 1 auto;
  height: 1px;
  background: rgba(127, 127, 127, 0.35);
}
.yprm-eyebrow-divider__line--fixed {
  flex: 0 0 auto;
  width: 180px;
}
.yprm-eyebrow-divider__tab {
  position: relative;
  flex: 0 0 auto;
  min-width: 140px;
  max-width: 100%;
}
.yprm-eyebrow-divider__shape {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.yprm-eyebrow-divider__shape-path {
  fill: transparent;
  stroke: rgba(127, 127, 127, 0.35);
}
.yprm-eyebrow-divider__label {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 42px;
  padding: 0 32px;
  color: inherit;
  font-size: 14px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  white-space: nowrap;
}
.yprm-eyebrow-divider__hl {
  font-weight: 600;
}
.yprm-eyebrow-divider__label--no-bold-hl .yprm-eyebrow-divider__hl {
  font-weight: inherit;
}

/* Pricing Table */
.pt-pricing-table {
  --ptpt-accent: #c48f56;
  --ptpt-accent-hover: #d5a06a;
  --ptpt-bg: transparent;
  --ptpt-border: #242424;
  --ptpt-muted: #5c5c5b;
  --ptpt-divider: rgba(255, 255, 255, 0.08);
  --ptpt-divider-head: rgba(255, 255, 255, 0.14);
  --ptpt-radius: 20px;
  --ptpt-text: #fff;
  --ptpt-row-hover: rgba(255, 255, 255, 0.03);
  --ptpt-label: rgba(255, 255, 255, 0.4);
}
body.site-light .pt-pricing-table {
  --ptpt-divider: rgba(0, 0, 0, 0.08);
  --ptpt-divider-head: rgba(0, 0, 0, 0.14);
  --ptpt-text: #161616;
  --ptpt-row-hover: rgba(0, 0, 0, 0.03);
  --ptpt-label: rgba(0, 0, 0, 0.4);
}
.pt-pricing-table__card {
  position: relative;
  border: 1px solid var(--ptpt-border);
  border-radius: var(--ptpt-radius);
  background-color: var(--ptpt-bg);
  padding: 46px clamp(20px, 4vw, 48px) 30px;
  overflow: hidden;
}
.pt-pricing-table__tag {
  position: absolute;
  top: -1px;
  right: 40px;
  width: 144px;
  height: 29px;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.pt-pricing-table__tag-shape {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  fill: var(--ptpt-border);
  stroke: var(--ptpt-border);
}
.pt-pricing-table__tag-label {
  position: relative;
  padding-bottom: 2px;
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.7);
  white-space: nowrap;
}
.pt-pricing-table__table {
  display: flex;
  flex-direction: column;
}
.pt-pricing-table__row {
  display: grid;
  grid-template-columns: var(--ptpt-grid, 1.5fr 1.5fr 1fr 1fr 1fr);
  align-items: center;
  gap: 14px 24px;
  padding: 18px 0;
  border-bottom: 1px solid var(--ptpt-divider);
  color: inherit;
  text-decoration: none;
}
.pt-pricing-table__row:last-child {
  border-bottom: none;
}
.pt-pricing-table__row--head {
  padding: 0 0 16px;
  border-bottom: 1px solid var(--ptpt-divider-head);
}
a.pt-pricing-table__row {
  transition: background-color 0.25s ease;
}
a.pt-pricing-table__row:hover {
  background-color: var(--ptpt-row-hover);
}
.pt-pricing-table__cell--service {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.pt-pricing-table__row--head .pt-pricing-table__cell {
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ptpt-muted);
}
.pt-pricing-table__service-name {
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  font-weight: 500;
  color: var(--ptpt-text);
}
.pt-pricing-table__badge {
  display: inline-flex;
  align-items: center;
  padding: 3px 5px 2px;
  border-radius: 3px;
  background-color: rgba(196, 143, 86, 0.15);
  font-family: "Poppins", sans-serif;
  font-size: 9px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ptpt-accent);
  white-space: nowrap;
}
.pt-pricing-table__cell--desc,
.pt-pricing-table__cell--duration,
.pt-pricing-table__cell--deliverables {
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  line-height: 1.45;
  color: var(--ptpt-muted);
}
.pt-pricing-table__cell--price {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: var(--ptpt-text);
  text-align: right;
}
.pt-pricing-table__row--head .pt-pricing-table__cell--price {
  text-align: right;
}
.pt-pricing-table__price-prefix {
  margin-right: 4px;
  font-weight: 400;
  text-transform: lowercase;
  color: var(--ptpt-muted);
}
.pt-pricing-table__footer {
  display: flex;
  justify-content: center;
  margin: 40px 0 0;
}
.pt-pricing-table__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 15px 34px;
  background-color: var(--ptpt-accent);
  border: 1px solid transparent;
  border-radius: 4px;
  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
  transition: background-color 0.2s ease;
}
.pt-pricing-table__btn:hover {
  background-color: var(--ptpt-accent-hover);
  color: #fff;
}
@media (max-width: 991px) {
  .pt-pricing-table__card {
    padding: 36px 20px 26px;
  }
  .pt-pricing-table__row {
    gap: 10px 16px;
    padding: 16px 0;
  }
  .pt-pricing-table__service-name {
    font-size: 14px;
  }
  .pt-pricing-table__cell--desc,
  .pt-pricing-table__cell--duration,
  .pt-pricing-table__cell--deliverables,
  .pt-pricing-table__cell--price {
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .pt-pricing-table__tag {
    display: none;
  }
  .pt-pricing-table__row--head {
    display: none;
  }
  .pt-pricing-table__row {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "service price" "desc desc" "duration deliverables";
    align-items: start;
    row-gap: 8px;
    padding: 20px 0;
  }
  .pt-pricing-table__cell--service {
    grid-area: service;
  }
  .pt-pricing-table__cell--price {
    grid-area: price;
    justify-self: end;
  }
  .pt-pricing-table__cell--desc {
    grid-area: desc;
  }
  .pt-pricing-table__cell--duration {
    grid-area: duration;
  }
  .pt-pricing-table__cell--deliverables {
    grid-area: deliverables;
  }
  .pt-pricing-table__cell--duration::before,
  .pt-pricing-table__cell--deliverables::before {
    content: attr(data-label) ": ";
    margin-right: 4px;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--ptpt-label);
  }
}