.ct-section {
width:100%;
background-size:cover;
background-repeat:repeat;
}
.ct-section>.ct-section-inner-wrap {
display:flex;
flex-direction:column;
align-items:flex-start;
}
.ct-div-block {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.ct-new-columns {
display:flex;
width:100%;
flex-direction:row;
align-items:stretch;
justify-content:center;
flex-wrap:wrap;
}
.ct-link-text {
display:inline-block;
}
.ct-link {
display:flex;
flex-wrap:wrap;
text-align:center;
text-decoration:none;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-link-button {
display:inline-block;
text-align:center;
text-decoration:none;
}
.ct-link-button {
background-color: #1e73be;
border: 1px solid #1e73be;
color: #ffffff;
padding: 10px 16px;
}
.ct-image {
max-width:100%;
}
.ct-fancy-icon>svg {
width:55px;height:55px;}
.ct-inner-content {
width:100%;
}
.ct-slide {
display:flex;
flex-wrap:wrap;
text-align:center;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-nestable-shortcode {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-comments {
width:100%;
text-align:left;
}
.oxy-comment-form {
width:100%;
}
.oxy-login-form {
width:100%;
}
.oxy-search-form {
width:100%;
}
.oxy-tabs-contents {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab-content {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-testimonial {
width:100%;
}
.oxy-icon-box {
width:100%;
}
.oxy-pricing-box {
width:100%;
}
.oxy-posts-grid {
width:100%;
}
.oxy-gallery {
width:100%;
}
.ct-slider {
width:100%;
}
.oxy-tabs {
display:flex;
flex-wrap:nowrap;
flex-direction:row;
align-items:stretch;
}
.ct-modal {
flex-direction:column;
align-items:flex-start;
}
.ct-span {
display:inline-block;
text-decoration:inherit;
}
.ct-widget {
width:100%;
}
.oxy-dynamic-list {
width:100%;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
			.ct-div-block,
			.oxy-post-content,
			.ct-text-block,
			.ct-headline,
			.oxy-rich-text,
			.ct-link-text { max-width: 100%; }
			img { flex-shrink: 0; }
			body * { min-height: 1px; }
		}            .oxy-testimonial {
                flex-direction: row;
                align-items: center;
            }
                        .oxy-testimonial .oxy-testimonial-photo-wrap {
                order: 1;
            }
            
                        .oxy-testimonial .oxy-testimonial-photo {
                width: 125px;                height: 125px;                margin-right: 20px;
            }
            
                        .oxy-testimonial .oxy-testimonial-photo-wrap, 
            .oxy-testimonial .oxy-testimonial-author-wrap, 
            .oxy-testimonial .oxy-testimonial-content-wrap {
                align-items: flex-start;                text-align: left;            }
            
                                                            .oxy-testimonial .oxy-testimonial-text {
                margin-bottom:8px;font-size: 21px;
line-height: 1.4;
-webkit-font-smoothing: subpixel-antialiased;
            }
            
                                    .oxy-testimonial .oxy-testimonial-author {
                font-size: 18px;
-webkit-font-smoothing: subpixel-antialiased;
            }
                            

                                                .oxy-testimonial .oxy-testimonial-author-info {
                font-size: 12px;
-webkit-font-smoothing: subpixel-antialiased;
            }
            
             
            
                        .oxy-icon-box {
                text-align: left;                flex-direction: column;            }
            
                        .oxy-icon-box .oxy-icon-box-icon {
                margin-bottom: 12px;
                align-self: flex-start;            }
            
                                                                        .oxy-icon-box .oxy-icon-box-heading {
                font-size: 21px;
margin-bottom: 12px;            }
            
                                                                                    .oxy-icon-box .oxy-icon-box-text {
                font-size: 16px;
margin-bottom: 12px;align-self: flex-start;            }
            
                        .oxy-icon-box .oxy-icon-box-link {
                margin-top: 20px;                            }
            
            
            /* GLOBALS */

                                                            .oxy-pricing-box .oxy-pricing-box-section {
                padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
text-align: center;            }
                        
                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
                justify-content: center;            }
            
            /* IMAGE */
                                                                                    .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-graphic {
                justify-content: center;            }
            
            /* TITLE */
                                                            
                                    .oxy-pricing-box .oxy-pricing-box-title-title {
                font-size: 48px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-title-subtitle {
                font-size: 24px;
            }
            

            /* PRICE */
                                                .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
                                                flex-direction: row;                                            }
            
                                    .oxy-pricing-box .oxy-pricing-box-currency {
                font-size: 28px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-amount-main {
                font-size: 80px;
line-height: 0.7;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-amount-decimal {
                font-size: 13px;
            }
                        
                                    .oxy-pricing-box .oxy-pricing-box-term {
                font-size: 16px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-sale-price {
                font-size: 12px;
color: rgba(0,0,0,0.5);
                margin-bottom: 20px;            }
            
            /* CONTENT */

                                                                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-content {
                font-size: 16px;
color: rgba(0,0,0,0.5);
            }
            
            /* CTA */

                                                                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-cta {
                justify-content: center;            }
            
        
                                .oxy-progress-bar .oxy-progress-bar-background {
            background-color: #000000;            background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);            animation: none 0s paused;        }
                
                .oxy-progress-bar .oxy-progress-bar-progress-wrap {
            width: 85%;        }
        
                                                        .oxy-progress-bar .oxy-progress-bar-progress {
            background-color: #66aaff;padding: 40px;animation: none 0s paused, none 0s paused;            background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);        
        }
                
                        .oxy-progress-bar .oxy-progress-bar-overlay-text {
            font-size: 30px;
font-weight: 900;
-webkit-font-smoothing: subpixel-antialiased;
        }
        
                        .oxy-progress-bar .oxy-progress-bar-overlay-percent {
            font-size: 12px;
        }
        
        .ct-slider .unslider-nav ol li {border-color: #ffffff; }.ct-slider .unslider-nav ol li.unslider-active {background-color: #ffffff; }.ct-slider .ct-slide {
				padding: 0px;			}
		
                        .oxy-superbox .oxy-superbox-secondary, 
            .oxy-superbox .oxy-superbox-primary {
                transition-duration: 0.5s;            }
            
            
            
            
            
        
        
        
        
            .oxy-shape-divider {
                width: 0px;
                height: 0px;
                
            }
            
            .oxy_shape_divider svg {
                width: 100%;
            }
            .oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .sub-menu{
box-shadow:px px px px ;}

.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a div{
margin-left:0px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
width:30px;
height:30px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon{
padding-top:15px;
padding-right:15px;
padding-bottom:15px;
padding-left:15px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon, .oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon{
top:20px;
left:20px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
width:24px;
height:24px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon, .oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container{
background-color:#ffffff;
}

.oxy-pro-menu .oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-open-container{
background-image:url();
}

.oxy-pro-menu .oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item-has-children > a svg, .oxy-pro-menu .oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item-has-children > a svg{
font-size:24px;
}

.oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-open-container .menu-item-has-children ul, .oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-off-canvas-container .menu-item-has-children ul{
background-color:rgba(0,0,0,0.2);
border-top-style:solid;
}

.oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .oxy-pro-menu-list{
                    flex-direction: row;
               }
.oxy-pro-menu .oxy-pro-menu-container .menu-item a{
                    text-align: left;
                    justify-content: flex-start;
                }
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .menu-item, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .menu-item{
                    align-items: flex-start;
                }

            .oxy-pro-menu .oxy-pro-menu-off-canvas-container{
                    top: 0;
                    bottom: 0;
                    right: auto;
                    left: 0;
               }
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item a, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item a{
                    text-align: left;
                    justify-content: flex-start;
                }

            .oxy-site-navigation {
--oxynav-brand-color:#4831B0;
--oxynav-neutral-color:#FFFFFF;
--oxynav-activehover-color:#EFEDF4;
--oxynav-background-color:#4831B0;
--oxynav-border-radius:0px;
--oxynav-other-spacing:8px;
--oxynav-transition-duration:0.3s;
--oxynav-transition-timing-function:cubic-bezier(.84,.05,.31,.93);
}

.oxy-site-navigation .oxy-site-navigation__mobile-close-wrapper{
text-align:left;
}

.oxy-site-navigation > ul{ left: 0; }
.oxy-site-navigation {
                        --oxynav-animation-name: none; 
                    }

                .oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1){ 
                    background-color: var(--oxynav-brand-color);
                    transition: var(--oxynav-transition-duration);
                    margin-left: var(--oxynav-other-spacing);
                    border: none;
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2){ 
                    background: transparent;
                    border: 1px solid currentColor;
                    transition: var(--oxynav-transition-duration);
                    margin-left: var(--oxynav-other-spacing);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2):not(:hover) > img{
                    filter: invert(0) !important;
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover{
                    background-color: var(--oxynav-activehover-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a{
                    color: var(--oxynav-neutral-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a{
                    color: var(--oxynav-brand-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a{
                    color: var(--oxynav-brand-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a::after{
                    color: var(--oxynav-neutral-color);   
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a::after{
                    color: var(--oxynav-brand-color);   
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a::after{
                    color: var(--oxynav-brand-color);   
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{
                    display: none;
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > button, .oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{
                    display: none;
                }

                .ct-section-inner-wrap, .oxy-header-container{
  max-width: 1280px;
}
body {font-family: 'Inter';}body {line-height: var(--txt-line-spacing);font-size: var(--txt-m) ;font-weight: 400;color: #403429;}.oxy-nav-menu-hamburger-line {background-color: #403429;}h1, h2, h3, h4, h5, h6 {font-family: 'Hatton';font-size: var(--txt-h1) ;font-weight: 600;line-height: 1.1;color: #403429;}h2, h3, h4, h5, h6{font-size: var(--txt-h2) ;}h3, h4, h5, h6{font-size: var(--txt-h3) ;}h4, h5, h6{font-size: var(--txt-h4) ;}h5, h6{font-size: var(--txt-xl) ;}h6{font-size: var(--txt-l) ;}a {color: #403429;font-weight: 600;text-decoration: none;}a:hover {text-decoration: none;}.ct-link-text {text-decoration: ;}.ct-link {text-decoration: ;}.ct-link-button {border-radius: 5rem;}.ct-section-inner-wrap {
}.ct-new-columns > .ct-div-block {
}.oxy-header-container {
}@media (max-width: 992px) {
				.ct-columns-inner-wrap {
					display: block !important;
				}
				.ct-columns-inner-wrap:after {
					display: table;
					clear: both;
					content: "";
				}
				.ct-column {
					width: 100% !important;
					margin: 0 !important;
				}
				.ct-columns-inner-wrap {
					margin: 0 !important;
				}
			}
.container {
 width:100%;
}
.container:not(.ct-section):not(.oxy-easy-posts),
.container.oxy-easy-posts .oxy-posts,
.container.ct-section .ct-section-inner-wrap{
display:flex;
}
.txt-xl {
 font-size:var(--txt-xl) ;
}
.social-icon {
color: #403429;}.social-icon 
>svg {width: 55px;height: 55px;}.social-icon {
 font-size:var(--txt-xl) ;
}
@media (max-width: 1280px) {
.social-icon {
 font-size:var(--txt-h4) ;
}
}

.social-link:hover{
 background-color:#403429;
}
.social-link {
 background-color:#ffffff;
 width:var(--gap5) ;
 height:var(--gap5) ;
 border-radius:50%;
 border-top-width:2px;
 border-right-width:2px;
 border-bottom-width:2px;
 border-left-width:2px;
 border-top-color:#ffffff;
 border-right-color:#ffffff;
 border-bottom-color:#ffffff;
 border-left-color:#ffffff;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
}
@media (max-width: 1280px) {
.social-link {
 width:var(--gap6) ;
 height:var(--gap6) ;
}
}

.btn {
}
.menu-btn:hover{
 background-color:#c2b7ac;
}
.menu-btn {
 height:var(--gap5) ;
 padding-left:var(--gap2) ;
 padding-right:var(--gap2) ;
 border-radius:10rem;
 background-color:#ffffff;
}
.menu-btn:not(.ct-section):not(.oxy-easy-posts),
.menu-btn.oxy-easy-posts .oxy-posts,
.menu-btn.ct-section .ct-section-inner-wrap{
display:flex;
align-items:center;
}
@media (max-width: 1280px) {
.menu-btn {
 height:var(--gap6) ;
 padding-left:var(--gap3) ;
 padding-right:var(--gap3) ;
}
}

.header-margin {
 margin-top:var(--header) ;
}
.round {
 border-radius:50%;
}
.arrow-scroll {
transform:rotate(90deg); height:3.5rem;
 width:3.5rem;
 background-color:#403429;
 padding-top:var(--gap1) ;
 padding-right:var(--gap1) ;
 padding-bottom:var(--gap1) ;
 padding-left:var(--gap1) ;
}
.btn-big {
 padding-left:2rem !important ;
 padding-right:2rem !important ;
 padding-top:1rem !important ;
 padding-bottom:1rem !important ;
}
.btn-dark:hover{
background-color :#64574c;
border: 1px solid #64574c;
}.btn-dark:hover{
}
.btn-dark {
background-color :#403429;
border: 1px solid #403429;
color: #ffffff;
}.btn-dark {
 button-hover_color:#64574c;
}
.btn-outline:hover{
 border-top-width:2px;
 border-right-width:2px;
 border-bottom-width:2px;
 border-left-width:2px;
 border-top-color:#403429;
 border-right-color:#403429;
 border-bottom-color:#403429;
 border-left-color:#403429;
 background-color:#c2b7ac;
}
.btn-outline {
background-color: transparent;
border: 1px solid #403429;
color: #403429;
padding: 9px 15px;
}.btn-outline {
 border-top-width:2px;
 border-right-width:2px;
 border-bottom-width:2px;
 border-left-width:2px;
 button-hover_color:#64574c;
}
.swiper-projects {
 width:var(--col7) ;
}
.swiper-projects:not(.ct-section):not(.oxy-easy-posts),
.swiper-projects.oxy-easy-posts .oxy-posts,
.swiper-projects.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
}
@media (max-width: 1280px) {
.swiper-projects {
 width:70%;
}
}

@media (max-width: 767px) {
.swiper-projects {
 width:79%;
}
}

.swiper-wrapper {
}
.swiper-wrapper:not(.ct-section):not(.oxy-easy-posts),
.swiper-wrapper.oxy-easy-posts .oxy-posts,
.swiper-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
}
.swiper-projects-prev {
transform:rotate(180deg);}
.swiper-projects-next {
}
.slider-next-container {
 width:var(--col3) ;
}
.slider-next-container:not(.ct-section):not(.oxy-easy-posts),
.slider-next-container.oxy-easy-posts .oxy-posts,
.slider-next-container.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
justify-content:center;
}
@media (max-width: 991px) {
.slider-next-container {
 width:var(--col2) ;
}
}

@media (max-width: 767px) {
.slider-next-container {
 width:19%;
}
}

.slider-prev-container {
 width:var(--col2) ;
}
@media (max-width: 1280px) {
}

@media (max-width: 767px) {
}

.swiper-slide {
}
.project-slide {
 position:relative;
 width:var(--col7) ;
 background-color:#ece8e4;
}
.project-area {
 width:4rem;
 height:4rem;
 background-color:#ffffff;
 position:absolute;
 top:var(--gap3) ;
 left:var(--gap3) ;
}
.project-area:not(.ct-section):not(.oxy-easy-posts),
.project-area.oxy-easy-posts .oxy-posts,
.project-area.ct-section .ct-section-inner-wrap{
display:flex;
align-items:center;
justify-content:center;
}
.project-a {
}
.project-slider-heading {
 text-align:right;
 gap:var(--gap2) ;
 margin-bottom:var(--gap2) ;
}
.project-slider-heading:not(.ct-section):not(.oxy-easy-posts),
.project-slider-heading.oxy-easy-posts .oxy-posts,
.project-slider-heading.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
justify-content:flex-start;
gap:var(--gap2) ;
}
@media (max-width: 767px) {
.project-slider-heading {
 width:100%;
 text-align:left;
}
.project-slider-heading:not(.ct-section):not(.oxy-easy-posts),
.project-slider-heading.oxy-easy-posts .oxy-posts,
.project-slider-heading.ct-section .ct-section-inner-wrap{
justify-content:flex-start;
}
}

.project-slider-image {
 attachment_height:1245;
 attachment_width:2214;
 attachment_url:https://idostudio.com.pl/wp-content/uploads/2023/07/foliotest.jpg;
 width:100%;
 margin-bottom:var(--gap5) ;
}
.serif {
}
.project-slider-tags {
 gap:var(--gap1) ;
}
.project-slider-tags:not(.ct-section):not(.oxy-easy-posts),
.project-slider-tags.oxy-easy-posts .oxy-posts,
.project-slider-tags.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
flex-wrap:wrap;
gap:var(--gap1) ;
}
.benefit-block {
 border-top-color:#403429;
 border-top-width:1px;
 border-top-style:solid;
 padding-top:var(--gap3) ;
 gap:var(--gap4) ;
 font-size:var(--txt-xl) ;
 padding-bottom:var(--gap3) ;
}
.benefit-block:not(.ct-section):not(.oxy-easy-posts),
.benefit-block.oxy-easy-posts .oxy-posts,
.benefit-block.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
gap:var(--gap4) ;
}
@media (max-width: 767px) {
.benefit-block {
 font-size:var(--txt-m) ;
}
}

@media (max-width: 479px) {
.benefit-block {
 font-size:var(--txt-xl) ;
}
}

.benefit-image {
 width:8rem;
 height:8rem;
 flex-shrink:0;
}
@media (max-width: 767px) {
.benefit-image {
 width:5rem;
 height:5rem;
}
}

.benefit-bot-desktop {
 border-bottom-color:#403429;
 border-bottom-width:1px;
 border-bottom-style:solid;
}
@media (max-width: 991px) {
.benefit-bot-desktop {
 border-bottom-style:none;
}
}

.benefit-bot-mobile {
 border-bottom-color:#403429;
 border-bottom-width:1px;
 border-bottom-style:solid;
}
.animateme {
}
.parallax {
}
.swiper-projects-nav:hover{
 background-color:#c2b7ac;
}
.swiper-projects-nav {
transform:; height:8rem;
 width:8rem;
 background-color:#ffffff;
 padding-top:3rem;
 padding-right:3rem;
 padding-bottom:3rem;
 padding-left:3rem;
 margin-bottom:8rem;
 z-index:15;
}
@media (max-width: 767px) {
.swiper-projects-nav {
 padding-bottom:1.6rem;
 padding-top:1.6rem;
 padding-right:1.6rem;
 padding-left:1.6rem;
 width:5rem;
 height:5rem;
}
}

@media (max-width: 479px) {
.swiper-projects-nav {
 width:4rem;
 height:4rem;
 padding-top:1.2rem;
 padding-right:1.2rem;
 padding-bottom:1.2rem;
 padding-left:1.2rem;
}
}

.swiper-reviews-nav:hover{
 background-color:#c2b7ac;
}
.swiper-reviews-nav {
transform:; height:var(--col) ;
 width:var(--col) ;
 background-color:#ece8e4;
 padding-top:2rem;
 padding-right:2rem;
 padding-bottom:2rem;
 padding-left:2rem;
 z-index:15;
}
@media (max-width: 991px) {
.swiper-reviews-nav {
 padding-top:1rem;
 padding-right:1rem;
 padding-bottom:1rem;
 padding-left:1rem;
}
}

@media (max-width: 767px) {
.swiper-reviews-nav {
 width:4rem;
 height:4rem;
}
}

.swiper-reviews-prev {
transform:rotate(180deg);}
.swiper-reviews-next {
}
.swiper-reviews {
 width:var(--col7) ;
}
.swiper-reviews:not(.ct-section):not(.oxy-easy-posts),
.swiper-reviews.oxy-easy-posts .oxy-posts,
.swiper-reviews.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
}
@media (max-width: 1280px) {
.swiper-reviews {
}
}

@media (max-width: 991px) {
.swiper-reviews {
 width:var(--col8) ;
}
}

@media (max-width: 767px) {
.swiper-reviews {
}
}

.review-slide {
 width:var(--col8) ;
 gap:var(--gap1) ;
}
.review-slide:not(.ct-section):not(.oxy-easy-posts),
.review-slide.oxy-easy-posts .oxy-posts,
.review-slide.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
gap:var(--gap1) ;
}
.review-content {
 font-size:var(--txt-xl) ;
 text-align:left;
}
.review-author {
 gap:var(--gap1) ;
}
.review-author:not(.ct-section):not(.oxy-easy-posts),
.review-author.oxy-easy-posts .oxy-posts,
.review-author.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
gap:var(--gap1) ;
}
.number-circle {
 width:16rem;
 background-color:#ffffff;
 height:16rem;
 text-align:center;
}
.number-circle:not(.ct-section):not(.oxy-easy-posts),
.number-circle.oxy-easy-posts .oxy-posts,
.number-circle.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
@media (max-width: 991px) {
.number-circle {
 width:16rem;
 height:16rem;
}
}

@media (max-width: 767px) {
.number-circle {
 width:9rem;
 height:9rem;
}
}

@media (max-width: 479px) {
.number-circle {
 width:10rem;
 height:10rem;
}
}

.e {
}
.bignumber {
 font-size:var(--txt-h2) ;
}
@media (max-width: 767px) {
.bignumber {
 font-size:var(--txt-h3) ;
}
}

.swiper-yt-prev {
transform:rotate(180deg);}
.swiper-yt-next {
}
.swiper-yt {
 width:var(--col7) ;
}
.swiper-yt:not(.ct-section):not(.oxy-easy-posts),
.swiper-yt.oxy-easy-posts .oxy-posts,
.swiper-yt.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
}
@media (max-width: 1280px) {
.swiper-yt {
 width:70%;
}
}

@media (max-width: 767px) {
.swiper-yt {
 width:78%;
}
}

.yt-title {
 font-family:Inter;
 font-size:var(--txt-xl) ;
}
.yt-slide {
 position:relative;
 width:var(--col7) ;
 text-align:left;
 gap:var(--gap2) ;
}
.yt-slide:not(.ct-section):not(.oxy-easy-posts),
.yt-slide.oxy-easy-posts .oxy-posts,
.yt-slide.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:var(--gap2) ;
}
.yt-play-button {
 width:100%;
}
.yt-play-icon {
 width:8rem;
 height:8rem;
 position:absolute;
 left:calc(50% - 4rem) ;
 top:9rem;
 z-index:5;
pointer-events: none;
}
@media (max-width: 767px) {
.yt-play-icon {
 width:5rem;
 height:5rem;
 top:4rem;
}
}

.yt-player {
}
.swiper-yt-nav:hover{
 background-color:#c2b7ac;
}
.swiper-yt-nav {
transform:; height:8rem;
 width:8rem;
 background-color:#ffffff;
 padding-top:3rem;
 padding-right:3rem;
 padding-bottom:3rem;
 padding-left:3rem;
 margin-bottom:4rem;
 z-index:15;
}
@media (max-width: 767px) {
.swiper-yt-nav {
 width:5rem;
 height:5rem;
 padding-top:1.6rem;
 padding-right:1.6rem;
 padding-bottom:1.6rem;
 padding-left:1.6rem;
}
}

@media (max-width: 479px) {
.swiper-yt-nav {
 width:4rem;
 height:4rem;
 padding-top:1.2rem;
 padding-right:1.2rem;
 padding-bottom:1.2rem;
 padding-left:1.2rem;
}
}

.quickcontact {
 padding-top:var(--gap7) ;
 padding-bottom:var(--gap7) ;
 background-color:#64574c;
}
.quickcontact:not(.ct-section):not(.oxy-easy-posts),
.quickcontact.oxy-easy-posts .oxy-posts,
.quickcontact.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:flex-end;
}
@media (max-width: 991px) {
.quickcontact {
 text-align:justify;
}
.quickcontact:not(.ct-section):not(.oxy-easy-posts),
.quickcontact.oxy-easy-posts .oxy-posts,
.quickcontact.ct-section .ct-section-inner-wrap{
flex-wrap:wrap;
justify-content:flex-start;
}
}

@media (max-width: 767px) {
.quickcontact {
 text-align:right;
}
.quickcontact:not(.ct-section):not(.oxy-easy-posts),
.quickcontact.oxy-easy-posts .oxy-posts,
.quickcontact.ct-section .ct-section-inner-wrap{
justify-content:center;
}
}

.btn-white:hover{
background-color :#c2b7ac;
border: 1px solid #c2b7ac;
}.btn-white:hover{
}
.btn-white {
background-color :#ffffff;
border: 1px solid #ffffff;
color: #403429;
}.btn-white {
 button-hover_color:#c2b7ac;
}
.oxy-close-modal {
}
.show-mobile-menu {
}
.mobile-menu-link {
 font-family:Hatton;
 color:#ffffff;
 font-size:var(--txt-h2) ;
 font-weight:500;
}
@media (max-width: 991px) {
}

@media (max-width: 479px) {
}

.project-option-box {
}
.project-option-box:not(.ct-section):not(.oxy-easy-posts),
.project-option-box.oxy-easy-posts .oxy-posts,
.project-option-box.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
justify-content:flex-start;
}
@media (max-width: 991px) {
.project-option-box {
 width:48%;
}
}

@media (max-width: 767px) {
.project-option-box {
 width:90%;
}
}

@media (max-width: 479px) {
.project-option-box {
 width:100%;
}
}

.project-option-tag {
 height:2.8rem;
 width:100%;
}
@media (max-width: 767px) {
.project-option-tag {
}
.project-option-tag:not(.ct-section):not(.oxy-easy-posts),
.project-option-tag.oxy-easy-posts .oxy-posts,
.project-option-tag.ct-section .ct-section-inner-wrap{
display:none;
}
}

.project-option-title {
 background-color:#ffffff;
 width:100%;
 padding-top:var(--gap4) ;
 padding-bottom:var(--gap4) ;
 border-bottom-width:1px;
 border-bottom-color:#dbd6d1;
 border-bottom-style:solid;
 padding-left:var(--gap4) ;
 padding-right:var(--gap4) ;
}
.project-option-title:not(.ct-section):not(.oxy-easy-posts),
.project-option-title.oxy-easy-posts .oxy-posts,
.project-option-title.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
.project-option-prefix {
 font-size:var(--txt-xl) ;
}
.project-option-name {
 font-size:var(--txt-h3) ;
}
.project-option-desc {
 background-color:#ffffff;
 width:100%;
 padding-top:var(--gap4) ;
 padding-bottom:var(--gap5) ;
 padding-left:var(--gap4) ;
 padding-right:var(--gap4) ;
 flex-grow:1;
}
.option-details {
 width:100%;
 margin-top:var(--gap6) ;
 padding-top:var(--gap4) ;
 border-top-color:#403429;
 border-top-width:1px;
 border-top-style:solid;
}
.option-details-name {
 font-family:Inter;
 font-size:var(--txt-xl) ;
 font-weight:400;
 margin-bottom:var(--gap1) ;
}
.sticky {
}
@media (max-width: 991px) {
}

@media (max-width: 767px) {
.sticky {
position: unset;
}
}

.process-col1 {
 width:var(--col4) ;
}
.process-col1:not(.ct-section):not(.oxy-easy-posts),
.process-col1.oxy-easy-posts .oxy-posts,
.process-col1.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
}
@media (max-width: 767px) {
.process-col1 {
}
}

.process-col2 {
 width:var(--col8) ;
}
.w100 {
 width:100%;
}
.process-group {
 border-bottom-width:1px;
 border-bottom-style:solid;
 border-bottom-color:#403429;
 padding-top:var(--gap3) ;
 padding-bottom:var(--gap3) ;
}
.process-group:not(.ct-section):not(.oxy-easy-posts),
.process-group.oxy-easy-posts .oxy-posts,
.process-group.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:flex-start;
justify-content:space-between;
}
@media (max-width: 767px) {
.process-group {
 text-align:justify;
 gap:var(--gap2) ;
}
.process-group:not(.ct-section):not(.oxy-easy-posts),
.process-group.oxy-easy-posts .oxy-posts,
.process-group.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
gap:var(--gap2) ;
}
}

.proces-step {
}
.process-step {
 padding-top:var(--gap1) ;
 padding-bottom:var(--gap1) ;
 align-self:center;
 text-align:justify;
}
.process-step:not(.ct-section):not(.oxy-easy-posts),
.process-step.oxy-easy-posts .oxy-posts,
.process-step.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
.process-number {
 background-color:#64574c;
 width:8rem;
 height:8rem;
 border-radius:50%;
 color:#ece8e4;
 position:relative;
 z-index:10;
}
.process-number:not(.ct-section):not(.oxy-easy-posts),
.process-number.oxy-easy-posts .oxy-posts,
.process-number.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
@media (max-width: 479px) {
.process-number {
 width:7rem;
 height:7rem;
}
}

.process-number-num {
 font-family:Hatton;
 font-size:var(--txt-h2) ;
 margin-bottom:-1.6rem;
}
@media (max-width: 767px) {
.process-number-num {
 font-size:var(--txt-h1) ;
 margin-bottom:-1.2rem;
}
}

.process-icon {
 background-color:#ffffff;
 width:8rem;
 height:8rem;
 border-radius:50%;
 color:#ece8e4;
 margin-left:-1rem;
 position:relative;
 z-index:5;
}
.process-icon:not(.ct-section):not(.oxy-easy-posts),
.process-icon.oxy-easy-posts .oxy-posts,
.process-icon.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
@media (max-width: 479px) {
.process-icon {
 width:7rem;
 height:7rem;
}
}

.process-icon-icon {
 width:100%;
 height:auto;
}
.process-headline {
 font-family:Inter;
 font-weight:400;
 font-size:var(--txt-xl) ;
 text-align:left;
}
.process-head {
 width:100%;
cursor: pointer;
}
.process-head:not(.ct-section):not(.oxy-easy-posts),
.process-head.oxy-easy-posts .oxy-posts,
.process-head.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:space-between;
}
.process-desc {
 text-align:left;
}
.process-cta {
}
.swiper-assets {
 width:var(--col10) ;
}
.swiper-assets:not(.ct-section):not(.oxy-easy-posts),
.swiper-assets.oxy-easy-posts .oxy-posts,
.swiper-assets.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
}
@media (max-width: 1280px) {
.swiper-assets {
 width:70%;
}
}

@media (max-width: 767px) {
.swiper-assets {
 width:79%;
}
}

.asset-min-img {
 width:100%;
}
.asset-additional-img {
}
.asset-additional-img:not(.ct-section):not(.oxy-easy-posts),
.asset-additional-img.oxy-easy-posts .oxy-posts,
.asset-additional-img.ct-section .ct-section-inner-wrap{
display:none;
}
.asset-main-img {
}
.asset-slide {
 position:relative;
 width:var(--col5) ;
 background-color:#ece8e4;
}
.asset-link {
}
.asset-title {
 font-family:Inter;
 text-align:left;
 font-weight:400;
 font-size:var(--txt-xl) ;
 margin-top:var(--gap4) ;
}
.asset-main {
}
.asset-main:not(.ct-section):not(.oxy-easy-posts),
.asset-main.oxy-easy-posts .oxy-posts,
.asset-main.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
}
.asset-inclusion {
 gap:var(--gap0) ;
 margin-top:var(--gap1) ;
 font-weight:600;
 font-size:var(-txt-s) ;
 background-color:#ffffff;
 padding-top:var(--gap0) ;
 padding-right:var(--gap2) ;
 padding-bottom:var(--gap0) ;
 padding-left:var(--gap0) ;
 border-radius:4rem;
}
.asset-inclusion:not(.ct-section):not(.oxy-easy-posts),
.asset-inclusion.oxy-easy-posts .oxy-posts,
.asset-inclusion.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
gap:var(--gap0) ;
}
.asset-inclusion-check {
 width:1.5rem;
 height:1.5rem;
}
.asset-img-wrapper {
 width:100%;
 position:relative;
}
.asset-zoom-icon {
 width:4rem;
 height:4rem;
 position:absolute;
 top:calc(50% - 2rem) ;
 left:calc(50% - 2rem) ;
 transition-duration:.3s;
 transition-timing-function:ease-in-out;
 transition-property:all;
}
.swiper-assets-nav:hover{
 background-color:#c2b7ac;
}
.swiper-assets-nav {
transform:; height:8rem;
 width:8rem;
 background-color:#ffffff;
 padding-top:3rem;
 padding-right:3rem;
 padding-bottom:3rem;
 padding-left:3rem;
 margin-bottom:7rem;
 z-index:15;
}
@media (max-width: 767px) {
.swiper-assets-nav {
 width:5rem;
 height:5rem;
 padding-top:1.6rem;
 padding-right:1.6rem;
 padding-bottom:1.6rem;
 padding-left:1.6rem;
}
}

@media (max-width: 479px) {
.swiper-assets-nav {
 width:4rem;
 height:4rem;
 padding-top:1.2rem;
 padding-right:1.2rem;
 padding-bottom:1.2rem;
 padding-left:1.2rem;
}
}

.swiper-assets-next {
}
.faq-question {
 padding-top:var(--gap3) ;
 padding-bottom:var(--gap3) ;
 align-self:center;
 text-align:justify;
 border-bottom-color:#403429;
 border-bottom-width:1px;
 border-bottom-style:solid;
 width:100%;
}
.faq-question:not(.ct-section):not(.oxy-easy-posts),
.faq-question.oxy-easy-posts .oxy-posts,
.faq-question.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
.faq-group {
}
.faq-answer {
 text-align:left;
}
.faq-head {
 width:100%;
cursor: pointer;
}
.faq-head:not(.ct-section):not(.oxy-easy-posts),
.faq-head.oxy-easy-posts .oxy-posts,
.faq-head.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:space-between;
}
.faq-cta {
}
.categories {
 width:100%;
}
.portfolio-block {
 width:100%;
 position:relative;
}
.portfolio-block:not(.ct-section):not(.oxy-easy-posts),
.portfolio-block.oxy-easy-posts .oxy-posts,
.portfolio-block.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
.portfolio-list {
}
.case-hero-inner {
background-image: linear-gradient(180deg, rgba(0,0,0,0.3), rgba(0,0,0,0) 20%, rgba(0,0,0,0) 60%, rgba(0,0,0,0.4) 100%); height:100%;
 width:100%;
 flex-grow:1;
 padding-bottom:var(--gap7) ;
 text-align:right;
}
.case-hero-inner:not(.ct-section):not(.oxy-easy-posts),
.case-hero-inner.oxy-easy-posts .oxy-posts,
.case-hero-inner.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:flex-end;
justify-content:space-between;
}
@media (max-width: 767px) {
.case-hero-inner {
 text-align:left;
 gap:var(--gap4) ;
}
.case-hero-inner:not(.ct-section):not(.oxy-easy-posts),
.case-hero-inner.oxy-easy-posts .oxy-posts,
.case-hero-inner.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:flex-end;
gap:var(--gap4) ;
}
}

.case-title {
 color:#ffffff;
 text-align:left;
}
.case-hero-left {
 gap:var(--gap3) ;
}
.case-hero-left:not(.ct-section):not(.oxy-easy-posts),
.case-hero-left.oxy-easy-posts .oxy-posts,
.case-hero-left.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
gap:var(--gap3) ;
}
.case-spec-row {
 width:100%;
 padding-top:var(--gap1) ;
 padding-bottom:var(--gap1) ;
 border-bottom-color:#403429;
 border-bottom-width:1px;
 border-bottom-style:solid;
 gap:var(--gap2) ;
}
.case-spec-row:not(.ct-section):not(.oxy-easy-posts),
.case-spec-row.oxy-easy-posts .oxy-posts,
.case-spec-row.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
justify-content:space-between;
gap:var(--gap2) ;
}
.case-spec-cell {
 flex-shrink:0;
}
.case-spec-footer {
 width:100%;
 margin-top:var(--gap2) ;
}
.case-spec-footer:not(.ct-section):not(.oxy-easy-posts),
.case-spec-footer.oxy-easy-posts .oxy-posts,
.case-spec-footer.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:space-between;
}
.main-form {
}
.project-slider-image-link {
 width:100%;
}
.inline-span {
}
.inline-span:not(.ct-section):not(.oxy-easy-posts),
.inline-span.oxy-easy-posts .oxy-posts,
.inline-span.ct-section .ct-section-inner-wrap{
display:inline;
}
.project-option-price {
 text-align:center;
 margin-top:var(--gap1) ;
 font-weight:600;
}
.colorbullet {
}
@media (max-width: 479px) {
.colorbullet {
}
}

.inter {
 font-family:Inter;
}
.sans {
}
/* --- GLOBAL SCALING --- */

html {
	font-size: calc(15px + (100vw - 1440px)/150);
}

:root {
	--con-pdg: calc(50vw - 42.5rem);
	--container: 85rem;
	--col: 5.8rem;
	--col2: 13rem;
	--col3: 20.2rem;
	--col4: 27.4rem;
	--col5: 34.6rem;
	--col6: 41.8rem;
	--col7: 49rem;
	--col8: 56.2rem;
	--col9: 63.4rem;
	--col10: 70.6rem;
	--col11: 77.8rem;
	--colgap: 1.4rem;
	--gap00: 0.354rem;
	--gap0: 0.5rem;
	--gap1: 0.7rem;
	--gap2: 1rem;
	--gap3: 1.4rem;
	--gap4: 2rem;
	--gap5: 2.8rem;
	--gap6: 4rem;
	--gap7: 5.6rem;
	--gap8: 8rem;
	--gap9: 11.2rem;
	--gap10: 16rem;
	--txt-h1: 5.6rem;
	--txt-h2: 4rem;
	--txt-h3: 2.8rem;
	--txt-h4: 2rem;
	--txt-xl: 1.4rem;
	--txt-l: 1.2rem;
	--txt-m: 0.94rem;
	--txt-s: 0.8rem;
	--txt-line-spacing: 1.45;
	--header: 8rem;
}


.container {
	padding-left: var(--con-pdg);
	padding-right: var(--con-pdg);
}

@media screen and (max-width: 1280px) {
	
	html {
		font-size: calc(11px + (100vw - 991px)/110);
	}
	
	:root {
		--con-pdg: calc(50vw - 42.5rem);

		--txt-l: 1.2rem;
		--txt-m: 1.2rem;
		--txt-s: 1rem;
	}
	
}

@media screen and (max-width: 991px) {
	
	html {
		font-size: calc(12px + (100vw - 767px)/100);
	}
	
	:root {
		--con-pdg: calc(50vw - 30rem);
		--col: 3.625rem;
		--col2: 8.75rem;
		--col3: 13.875rem;
		--col4: 19rem;
		--col5: 24.125rem;
		--col6: 29.25rem;
		--col7: 34.375rem;
		--col8: 39.5rem;
		--col9: 44.625rem;
		--col10: 49.75rem;
		--col11: 54.875rem;
		--colgap: 1.5rem;
	}
	
}

@media screen and (max-width: 767px) {
	
	html {
		font-size: 14px;
	}

  	:root {
		--txt-m: 1rem;
		--txt-s: 0.8rem;
		--con-pdg: 2rem;
		--col: 22%;
		--col2: 48%;
		--col3: 74%;
		--col4: 100%;
		--col5: 100%;
		--col6: 100%;
		--col7: 100%;
		--col8: 100%;
		--col9: 100%;
		--col10: 100%;
		--col11: 100%;
		--colgap: 4%;
		--txt-h1: 5.6rem;
		--txt-h1: 3.052rem;
		--txt-h2: 2.441rem;
		--txt-h3: 1.953rem;
		--txt-h4: 1.563rem;
		--txt-xl: 1.25rem;
		--txt-l: 1.12rem;
		--txt-m: 1rem;
		--txt-s: 0.8rem;
	}
}

@media screen and (max-width: 479px) {
	
	html {
		font-size: calc(13px + (100vw - 312px)/120);
	}
	
  	:root {
		--con-pdg: 1.5rem;
		--container: 21rem;
		--colgap: 4%;
		--txt-m: 1rem;
		--txt-s: 0.8rem;
	}
	
}
/* GLOBAL FONTS */

@font-face {
	font-family: "Hatton";
	src: url("https://idostudio.com.pl/wp-content/plugins/kmcustom/fonts/PPHatton-Medium.woff2") format('woff2');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}


body, .sans, .button {
	font-family: "Inter", Helvetica, Arial, sans-serif;
	font-weight: 400;
}

h1, h2, h3, h4, h5, h6, .serif {
	font-family: "Hatton", Georgia, serif;
	font-weight: 500;
}

/* ANIMATIONS */

@media screen and (min-width: 1210px) {
	
	#header.hideheader #header-left, #header.hideheader #header-social {
		margin-top: 0;
		opacity: 0;
	}

	#header.hideheader #nav-home {
		width: 6rem;
	}

	#header-left, #header-social {
		transition: opacity .3s ease-in-out, margin .3s ease-in-out;
	}

	#nav-home {
		transition: width .3s ease-in-out;
	}
}

/* SLIDER */

.swiper-nav .chevron {
	fill: #64574c;
}

.chevron {
	transition: fill .3s ease-in-out;
}

.swiper-slide, .swiper-slide > * {
	transition: opacity .3s ease-in-out;
}

.yt-slide .yt-player img {
	height: auto;
	width: 100%;
}

.yt-slide iframe {
	aspect-ratio: 16 / 9;
	height: 100%;
	width: 100%;
}

.yt-slide > div {
	width: 100%;
	z-index: 10;
}

.project-slider-heading span {
  display: inline;
}

/* PROJECT OPTION LIST */

.project-option-desc ul {
  	list-style: none;
	margin: 0;
	padding: 0;
}

.project-option-desc ul>li:not(:last-child) {
	margin-bottom: var(--gap3);
}

/* STEPS & FAQ */

.process-desc, .faq-answer {
	max-height: 0;
	transition: max-height .5s ease-in-out, opacity .3s ease-in-out, margin .3s ease-in-out;
	overflow: hidden;
	opacity: 0;
	margin-top: 0;
}
 
.content-transition {
	max-height: 15rem;
	transition: max-height .5s ease-in-out, opacity .3s ease-in-out, margin .3s ease-in-out;
	opacity: 1;
} 

@media screen and (max-width: 991px) {
  .content-transition {
	max-height: 30rem;
  } 
}

.process-desc.content-transition, .faq-answer.content-transition {
	margin-top: var(--gap2);
}

#ct-builder .process-desc, #ct-builder .faq-answer {
	max-height: unset;
	opacity: 1;
}

/* HEADER INTERACTIVITY */

#header {
	pointer-events: none;
}

#header:not(.hideheader) #header-menu, #header #nav-home, #header:not(.hideheader) .social-link, #header-mobile-menu {
	pointer-events: auto;
}

/* PORTFOLIO */

@media screen and (min-width: 992px) {
  #portfolio-list .oxy-repeater-pages-wrap {
    grid-column: span 2;
  }
}

/* LIST */

.colorbullet ul {
  list-style: none;
	margin: 0;
	padding: 0;
}

.colorbullet ul {
	margin-left: 1.5em;
}

.colorbullet ul li::before {
	content: "\2022";
	color: #403429;
	font-weight: bold;
	display: inline-block;
	width: 1em;
	margin-left: -1em; 
	line-height: 1;
}

.colorbullet li ul li::before {
	content: "\2022";
	color: #64574c;
	font-weight: bold;
	display: inline-block;
	width: 1em;
	margin-left: -1em; 
	line-height: 1;
}

/* FORM */

.main-form input[type=text], .main-form input[type=tel], .main-form input[type=email], .main-form input[type=date], .main-form select, .main-form input[type=number], .main-form textarea {
	padding: var(--gap2) var(--gap4);
	position: relative;
	width: 100%;
	z-index: 1;
	background: #ffffff;
	border: 1px solid #403429;
	border-radius: 2rem;
	font-size: var(--txt-l);
	font-weight: 400;
	font-family: Inter;
}

.main-form input[type=checkbox] {
	border: 1px solid #403429;
}

.main-form .form-cols {
	display: flex;
	flex-direction: row;
	gap: var(--gap1);
}

.main-form .form-cols .form-input {
	flex-grow: 1;
	width: 100%;
}

@media screen and (max-width: 767px) {
	.main-form .form-cols {
		flex-direction: column;
		gap: 0;
	}
}


.main-form .wpcf7-list-item {
	margin: 0;
	font-size: var(--txt-s);
}

.main-form .rodo-txt {
	font-size: var(--txt-s);
}

.main-form p {
	margin: 0;
	padding: 0;
}

.main-form  .floating-label {
	padding: 0 var(--gap1);
	background: #ffffff;;
	margin: 0 0 -0.6rem var(--gap3);
	z-index: 2;
	position: relative;
	float: left;
	pointer-events: none;
	font-weight: 600;
	color: #64574c;
}

.main-form .wpcf7-not-valid-tip {
	font-size: var(--txt-s);
}


.main-form .wpcf7-form > .form-input:not(:nth-child(2)), .main-form .form-cols .form-input{
	margin-top: var(--gap2);
}

.main-form .form-other {
	margin-top: var(--gap0);
}

.main-form .form-submit {
	margin-top: var(--gap2);
	text-align: center;
	font-size: var(--txt-l);
	border: none;
	cursor: pointer;
	border-radius: 5rem;
	font-family: Inter;
	transition: background .3s ease-in-out;
}


.asterix {
	color: #64574c;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.wpcf7-spinner {
	display: none;
}

.grecaptcha-badge { visibility: hidden; }.ct-fancy-icon > svg {
	width: 1em !important;
	height: 1em !important;
}

#ct-builder [data-aos] {
    opacity: 1;
    transform: translate(0) scale(1);
}

.ct-section {
  max-width: 100vw;
  overflow-x: hidden;
  overflow-x: clip;
}

p {
	margin-top: 0;
	margin-bottom: var(--gap0);
}

#ct-builder .swiper-wrapper {
	pointer-events: none;
}

#ct-builder .swiper-slide {
	pointer-events: auto;
}

.btn, .contact-link, .a {
	transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out, opacity .3s ease-in-out;
}

.ct-columns-empty,
.oxy-header-row-empty > div,
.ct-div-block:empty,
.ct-nestable-shortcode:empty,
.ct-ul:empty,
.ct-link:empty,
.ct-new-columns:empty,
.ct-widget:empty,
.ct-shortcode:empty,
.ct-section:empty,
.ct-section-inner-wrap:empty,
.ct-looper:empty,
.ct-separator:empty,
.ct-slide:empty,
.ct-code-block > span.ng-scope:empty,
.oxygen-empty-comments-list,
.oxygen-empty-gallery {
	min-height: 0 !important;
	min-width: 0 !important;
}

.parallax {
	will-change: transform;
}

figure.wp-block-image, .wp-block-image figure  {
	margin: 0;
}

figure.wp-block-image img, .wp-block-image figure img {
	max-width: 100%;
	height: auto;
}

b, strong {
	font-weight: 600;
}

.swiper-slide:not(.swiper-slide-visible) {
	pointer-events: none;
}.animateme {
	opacity: 0;
	-webkit-transform:translate3d(0,0,0);
	-webkit-backface-visibility: hidden;
	will-change: transform;
}

.animateme * {
	-webkit-backface-visibility: hidden;
}

#ct-builder .animateme {
	opacity: 1;
}

.arrow-scroll {
	animation: downup 2.2s ease infinite;	
}

@keyframes downup {
    0% {
        transform: translate(0,0) rotate(90deg);
    }
    15% {
        transform: translate(0,1rem) rotate(90deg);
    }
	40% {
		transform: translate(0,0) rotate(90deg);
	}
	100% {
        transform: translate(0,0) rotate(90deg);
    }
}

@keyframes fadeUpBlur {
    from {
        transform: translate(0,3rem);
        filter: blur(.7rem);
        opacity: 0;
    } to {
        transform: translate(0,0);
        filter: blur(0);
        opacity: 1;
    }
}

@keyframes fadeUp {
    from {
        transform: translate(0,3rem);
        opacity: 0;
    } to {
        transform: translate(0,0);
        opacity: 1;
    }
}

@keyframes fadeDown {
    from {
        transform: translate(0,-3rem);
        opacity: 0;
    } to {
        transform: translate(0,0);
        opacity: 1;
    }
}

@keyframes fadeUpRotate {
    from {
        transform: translate(0,3rem) rotate(30deg);
        opacity: 0;
    } to {
        transform: translate(0,0) rotate(0deg);
        opacity: 1;
    }
}

@keyframes rotate {
    from {
        transform: rotate(30deg) translateZ(2px);
		opacity: 1;
    } to {
        transform: rotate(0deg) translateZ(2px);
		opacity: 1;
    }
}

@keyframes fade {
    from {
        opacity: 0;
    } to {
        opacity: 1;
    }
}


@keyframes fadeUpRotateSubtle {
    from {
        transform: translate(0,3rem) rotate(8deg);
        opacity: 0;
    } to {
        transform: translate(0,0) rotate(0deg);
        opacity: 1;
    }
}

@keyframes fadeRight {
    from {
        transform: translate(-3rem,0);
        opacity: 0;
    } to {
        transform: translate(0,0);
        opacity: 1;
    }
}

@keyframes fadeLeft {
    from {
        transform: translate(3rem,0);
        opacity: 0;
    } to {
        transform: translate(0,0);
        opacity: 1;
    }
}
.page-numbers.current{
 background-color:#ffffff;
}
.oxy-repeater-pages{
 display:flex;
 flex-direction:column;
 gap:var(--gap2) ;
}
.page-numbers{
 display:flex;
 flex-direction:column;
 align-items:center;
 justify-content:center;
}
.page-numbers:not(.next):not(.prev){
 width:3rem;
 height:3rem;
 background-color:#c2b7ac;
 border-radius:50%;
}
#portfolio-tags a.active{
 border-bottom-color:#403429;
}
#portfolio-tags a{
 padding-bottom:var(--gap2) ;
 border-bottom-color:#ece8e4;
 border-bottom-width:0.2rem;
 border-bottom-style:solid;
}
.swiper-slide .asset-zoom-icon{
 opacity:0;
}
.swiper-slide.swiper-slide-visible .asset-zoom-icon{
 opacity:1;
}
.asset-main:hover .asset-zoom-icon{
 width:6rem;
 height:6rem;
 position:absolute;
 top:calc(50% - 3rem) ;
 left:calc(50% - 3rem) ;
}
.swiper-reviews .swiper-slide{
 opacity:0;
}
.swiper-reviews .swiper-slide.swiper-slide-active{
 opacity:1;
}
.swiper-nav:not(.swiper-button-disabled){
 opacity:1;
cursor: pointer;
}
.swiper-button-disabled{
 opacity:0;
cursor: auto;
}
.swiper-projects .swiper-slide.swiper-slide-active > *, .swiper-yt .swiper-slide.swiper-slide-active > *, .swiper-assets .swiper-slide.swiper-slide-visible > *{
 opacity:1;
}
.swiper-projects .swiper-slide > *, .swiper-yt .swiper-slide > *, .swiper-assets .swiper-slide > *{
 opacity:0.3;
}
.project-slider-tags a{
 background-color:#ffffff;
 padding-top:var(--gap0) ;
 padding-bottom:var(--gap0) ;
 padding-left:var(--gap2) ;
 padding-right:var(--gap2) ;
 border-radius:2rem;
}
.social-link:hover .social-icon{
 color:#ffffff;
}
body{
 background-color:#ece8e4;
}