/* ===================================================================================

* Theme Name: manbiz
* Theme URI: https://manbiz.gr
* Author: manbiz and ravextheme
* Author URI: https://manbiz.gr
* Description: Digital agency
* Version: 21.0.0
* Tested up to: 6.8
* Requires PHP: 8.4
* Template: redox
* License: GNU General Public License version 3.0
* License URI: http://www.gnu.org/licenses/gpl-3.0.html

====================================================================================== */

body { transition: background-color 0.6s ease-in-out, color 0.6s ease-in-out; }
p { font-weight: 300; }

.sub-menu { position: relative !important; margin: 0 !important; font-size: 26px !important; }
.sub-menu a { justify-content: center; }

.side-info { width: 50%; transition: all, transform 750ms ease-out; padding: 0; }
.side-info .rr-btn .btn-wrap .text-one { color: var(--e-global-color-text) !important; }
.offset-header { position: absolute; z-index: 999; top: 50px; right: 50px; }
.side-info-close { padding: 0; width: 50px; height: 50px; border: none; border-radius: 0; line-height: 50px; }
.side-info-close:before { content: ''; background: url(https://manbiz.net/v21/wp-content/uploads/2026/01/close.svg); height: 50px; width: 50px; display: block; position: absolute; top: 0; right: 0; background-size: cover; }
.side-info-close i { display: none; }
.offcanvas-overlay { background-color: var(--e-global-color-accent); transition: all, transform 750ms ease-out; }

.e--pointer-underline .elementor-item:after { z-index: -1; }

.container-preloader .animation-preloader .spinner { border-radius: 50%; height: 5em; width: 5em; border: 2px solid var(--primary); }

.intro-wrap { transition: transform 0.6s cubic-bezier(0.4, 0.0, 0.2, 1), opacity 0.6s ease; }
.intro-wrap.scrolled { transform: translateY(-20px); opacity: 0; }
.retro { transition: transform 0.8s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.8s ease; }
.retro.scrolled { transform: scale(0.98); opacity: 0; display: none; }

.services-wrap { transition: transform 0.6s cubic-bezier(0.4, 0.0, 0.2, 1), opacity 0.6s ease; }
.services-wrap.scrolled { transform: translateY(-20px); opacity: 0; }

.services-wrapper-2 .service-box-wrapper { background-color: #295de4; }
.services-wrapper-2 .service-box-wrapper .title { transition: all 0.3s ease; }
.services-wrapper-2 .service-box-wrapper:hover .title { padding-left: 50px; }

.color-blue { background-color: var(--e-global-color-accent); }
.color-white { background-color: #ffffff; }
.color-white .elementor-headline-dynamic-wrapper path { stroke: #ffffff !important; }

.white .arrox-el-title { color: var(--e-global-color-text); }

.header-area-2 .header__logo img { width: 200px; max-width: 175px; }

.manbiz-post p { padding-bottom: 15px; }
.manbiz-post h2, .manbiz-post h3, .manbiz-post h4, .manbiz-post h5, .manbiz-post h6 { font-weight: 700; padding: 5px 0 10px; }
.manbiz-post ul { padding-bottom: 15px; }

.approach-wrapper { border-top: none; margin-top: 0; }

.arrox-el-thumb img { max-height: 350px; }
.manbiz-blog .arrox-el-thumb img { max-height: 450px; }

.works-wrapper-1 .work-box .thumb .image { border-radius: 0px; }
.ax-pf-wrapper-01 img { object-fit: cover; height: 450px; }

.manbiz-relative { position: relative; }
.manbiz-project-loop { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
img.manbiz-portfolio-logo { max-height: 150px; max-width: 200px; min-width: 200px; min-height: 40px; width: auto; height: auto; object-fit: contain; }
.white { filter: brightness(0) invert(1); }
.manbiz-home-project-one img { max-width: 100%; max-height: 1200px; object-fit: cover; }
.manbiz-home-project-two img { max-width: 100%; max-height: 640px; object-fit: cover; }
.manbiz-home-project-three img { max-width: 100%; max-height: 610px; object-fit: cover; }
.manbiz-home-project-four img { max-width: 100%; max-height: 640px; object-fit: cover; }
.manbiz-home-project-five img { max-width: 100%; max-height: 1200px; object-fit: cover; }

button.e-filter-item[data-filter="digital-marketing"] { display: none !important; }
button.e-filter-item[data-filter="branding"] { display: none !important; }

.elementor-post-info__terms-list { display: flex !important; flex-wrap: wrap; font-size: 0; }
.elementor-post-info__terms-list span { font-size: 16px; padding-right: 10px; }

.wpcf7-not-valid-tip { color: #ff2945; font-size: 15px; padding-top: 9px; font-weight: 500; }
.contact-acceptance { grid-column: span 2; }
.contact-acceptance .wpcf7-list-item { margin: 0;  font-family: Manrope; font-size: 15px; color: var(--e-global-color-d674d24); }
.contact-acceptance input { width: 18px; height: 18px; }
.contact-acceptance label { display: flex; align-items: center; gap: 10px; }
.contact-wrap .rr-btn .btn-wrap { font-size: 17px; text-transform: uppercase; }
.contact-wrap .rr-btn:focus .btn-wrap .text-two { color: var(--white) !important; }
.wpcf7 form .wpcf7-response-output { margin: 50px 0 0 !important; font-size: 17px; padding: 15px 25px !important; border: none; border-radius: 0px; font-weight: 400; text-align: center; }
.wpcf7 form.sent .wpcf7-response-output { background: #46b450; color: #fff; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output { background: #ff001d; color: #fff; }
.wpcf7 form.spam .wpcf7-response-output { background: #f56e28; color: #fff; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output { background: #ffb900; color: #fff; }

.team-list-area .team-box:hover { background-color: #f6f8fa; }
.arrox-el-team-name { pointer-events: none; cursor: default; }

.progress-wrap.active-progress { z-index: 999999 !important; }

.single-post li { list-style: disc; margin-left: 20px; }
.single-post li::marker { font-size: 17px; color: var(--e-global-color-accent); }

.scroll-down { width:25px; height:40px; border:2px solid #fff; border-radius:50px; box-sizing:border-box; opacity:.35; }
.scroll-down:before { position:absolute; top:10px; left:50%; content:''; width:6px; height:6px; margin-left:-3px; background:#fff; border-radius:100%; animation:sdb10 2s infinite; box-sizing:border-box; }
@-webkit-keyframes sdb10 { 0% { -webkit-transform:translate(0,0); opacity:0; } 40% { opacity:1; } 80% { -webkit-transform:translate(0,20px); opacity:0; } 100% { opacity:0; } }
@keyframes sdb10 { 0% { transform:translate(0,0); opacity:0; } 40% { opacity:1; } 80% { transform:translate(0,20px); opacity:0; } 100% { opacity:0; } }
@-webkit-keyframes bounce { 0% { transform:translate(0); } 20% { transform:translateY(15px); } 40% { transform:translate(0); } }

.intro-wrap { position: relative; overflow: hidden; }
.intro-wrap .scanlines { position: absolute; inset: 0; pointer-events: none; z-index: 3; opacity: .6; animation: opacity 3s linear infinite; }
.intro-wrap .scanlines:before { content: ''; position: absolute; inset: 0; background: linear-gradient(to bottom, transparent 50%, rgba(0,0,0,.5) 51%); background-size: 100% 4px; animation: scanlines .2s linear infinite; }
.intro-wrap .scanlines:before { opacity: 1; transition: opacity 0.45s ease; }
.intro-wrap .play { animation: rgbText 2s steps(9) infinite alternate; }
.intro-wrap.scrolled .scanlines:before { opacity: 0; pointer-events: none; }
.intro-wrap.scrolled .play { opacity: 0; pointer-events: none; }

@keyframes scanlines { from { background-position: 0 0; } to { background-position: 0 4px; } }
@keyframes opacity { 0% { opacity: .6; } 50% { opacity: .3; } 100% { opacity: .6; } }
@keyframes rgbText { 0% { text-shadow: -1px 1px 4px rgba(255,255,255,.6), 3px 0 rgba(255,0,0,.8), -3px 0 rgba(0,255,255,.8); } 100% { text-shadow: 1px -1px 4px rgba(255,255,255,.6), -3px 0 rgba(255,0,0,.8), 3px 0 rgba(0,255,255,.8); } }

.retro { width:100%; height:600px; overflow:hidden; z-index:10px; perspective:550px; }
.retro-fade { width:100%; height:100%; position:absolute; z-index:11; background:radial-gradient(ellipse at 50% 50%, rgba(14,20,22,0) 0%, #003ddd 80%); }
.retro-lines { width:100%; height:200%; background-image:linear-gradient(to right, rgba(255,255,255,.3) 1px, transparent 0), linear-gradient(to bottom, rgba(255,255,255,.3) 1px, transparent 0); background-size:45px 30px; background-repeat:repeat; transform-origin:100% 0 0; animation: retroplay 15s linear infinite; }
.retro.scrolled { opacity: 0; }
@keyframes retroplay { 0% { transform:rotateX(45deg) translateY(-50%); } 100% { transform:rotateX(45deg) translateY(0); } }

@media (min-width: 1366px) {
	.manbiz-home-project-one img { min-width: 100%; min-height: 1200px; }
    .manbiz-home-project-two img { min-width: 100%; min-height: 640px; }
    .manbiz-home-project-three img { min-width: 100%; min-height: 610px; }
    .manbiz-home-project-four img { min-width: 100%; min-height: 640px; }
    .manbiz-home-project-five img { min-width: 100%; min-height: 1200px; }
}

@media (max-width: 1365px) {
	.hero-2-bottom-media.parallax-view img { min-height: 350px; object-fit: cover; max-width: 100%; max-height: 100%; }
    .side-info { width: 100%;}
	.offset-header { position: absolute; z-index: 999; top: 10px; right: 10px; }
}

@media (max-width: 767px) {
    .contact-acceptance { grid-column: auto; }
	.manbiz-home-project-one img { min-width: 100%; min-height: 350px; }
    .manbiz-home-project-two img { min-width: 100%; min-height: 350px; }
    .manbiz-home-project-three img { min-width: 100%; min-height: 350px; }
    .manbiz-home-project-four img { min-width: 100%; min-height: 350px; }
    .manbiz-home-project-five img { min-width: 100%; min-height: 350px; }
}