/*
Theme Name: nova
Theme URI: https://wordpress.org/themes/twentytwentytwo/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Built on a solidly designed foundation, Twenty Twenty-Two embraces the idea that everyone deserves a truly unique website. The theme’s subtle styles are inspired by the diversity and versatility of birds: its typography is lightweight yet strong, its color palette is drawn from nature, and its layout elements sit gently on the page. The true richness of Twenty Twenty-Two lies in its opportunity for customization. The theme is built to take advantage of the Site Editor features introduced in WordPress 5.9, which means that colors, typography, and the layout of every single page on your site can be customized to suit your vision. It also includes dozens of block patterns, opening the door to a wide range of professionally designed layouts in just a few clicks. Whether you’re building a single-page website, a blog, a business website, or a portfolio, Twenty Twenty-Two will help you create a site that is uniquely yours.
Requires at least: 5.9
Tested up to: 6.1
Requires PHP: 5.6
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentytwo
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, accessibility-ready

Twenty Twenty-Two WordPress Theme, (C) 2021 WordPress.org
Twenty Twenty-Two is distributed under the terms of the GNU GPL.
*/

/*
 * Font smoothing.
 * This is a niche setting that will not be available via Global Styles.
 * https://github.com/WordPress/gutenberg/issues/35934
 */


 /* FIX: nie ucinaj logo na prawdziwym telefonie */

 .brandSwiper {
    overflow: hidden;
}

.brandSwiper .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
}

.brandSwiper .single-brand {
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.brandSwiper .single-brand img {
    max-width: 140px;
    width: 100%;
    opacity: .7;
    transition: .3s;
}

.brandSwiper .single-brand img:hover {
    opacity: 1;
    transform: scale(1.05);
}

.brandSwiper .single-brand img{
    max-width:140px;
    width:100%;
    filter: grayscale(100%);
    opacity:.6;
    transition:.35s ease;
}

.brandSwiper .single-brand:hover img{
    filter: grayscale(0%);
    opacity:1;
    transform: scale(1.05);
}

.brandSwiper .single-brand{
    background:#fff;
    border-radius:12px;
    padding:20px;
}

.contact-grid{
    display:flex;
    flex-wrap:wrap;
    gap:20px;
}

.contact-grid .half{
    width:calc(50% - 10px);
}

.contact-grid .full{
    width:100%;
}

.contact-grid input,
.contact-grid textarea{
    width:100%;
}

@media(max-width:767px){

    .contact-grid .half{
        width:100%;
    }

}


.easy-appoinment-area {
max-width: 660px;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
    padding: 50px;
}

.title-left-style-seven-wrapper {
    text-align: left;
}

.title-left-style-seven-wrapper {
    text-align: center;
}


.bg-light {
    background: #F6F6F6 !important;
}


/* BENEFITS */

.about-benefits-wrapper {
    margin-top: 35px;
}

.benefits-title {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 28px;
    color: #1f2937;
}

.benefits-items {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
    background: #fff;
    padding: 20px;
    border-radius: 20px;
}

.single-benefit {
    text-align: center;
    min-width: 85px;
}

.single-benefit .icon {
    margin-bottom: 12px;
    display: flex;
    justify-content: center;
}

.single-benefit svg {
    width: 44px;
    height: 44px;
    stroke-width: 1.0;
}

.single-benefit span {
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #1f2937;
    line-height: 1.4;
}

.sub-title {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    color: #1296db;
    margin-bottom: 12px;
    position: relative;
}

.sub-title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -6px;
    width: 48px;
    height: 2px;
    background: #1296db;
}

/* MOBILE */

@media (max-width: 768px) {

    .benefits-items {
        justify-content: center;
        gap: 28px;
    }

    .single-benefit {
        width: 45%;
    }

    .single-benefit svg {
        width: 38px;
        height: 38px;
    }

    .single-benefit span {
        font-size: 15px;
    }

}



/* WHY CHOOSE */

.single-choose-style-two{
    position:relative;

    display:flex;
    align-items:flex-start;
    gap:22px;

    padding:34px;

    border-radius:22px;

    background:#fff;

 border: 1px solid #e3e3e3;

    transition:.35s ease;

    overflow:hidden;

    height:100%;
}

.single-choose-style-two:hover{
    transform:translateY(-6px);
    border-color:rgba(53,194,242,.18);
    box-shadow:0 18px 45px rgba(53,194,242,.10);
}

/* TOP LINE */

.single-choose-style-two::before{
    content:'';

    position:absolute;

    left:0;
    top:0;

    width:100%;
    height:4px;

    background:#35c2f2;

    opacity:0;

    transition:.3s;
}

.single-choose-style-two:hover::before{
    opacity:1;
}

/* ICON */

.single-choose-style-two .icon{
    width:72px;
    height:72px;

    min-width:72px;

    border-radius:22px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:
    linear-gradient(
        135deg,
        rgba(53,194,242,.10),
        rgba(53,194,242,.04)
    );

    color:#35c2f2;

    transition:.35s ease;
}

.single-choose-style-two:hover .icon{
    transform:scale(1.06) rotate(-3deg);

    background:#35c2f2;
    color:#fff;
}

.single-choose-style-two .icon svg{
    width: 40px;
    height: 40px;
    stroke-width: 1.0;
}

/* TEXT */

.single-choose-style-two .title{
    margin:0;

    font-size:24px;
    line-height:1.4;

    font-weight:600;

    color:#111827;
}

.single-choose-style-two .disc{
    margin-top:10px;

    font-size:15px;
    line-height:1.7;

    color:#6b7280;
}

/* SUBTITLE */

.sub-title{
    display:inline-block;

    font-size:16px;
    font-weight:600;

    color:#35c2f2;

    margin-bottom:16px;

    position:relative;
}

.sub-title::after{
    content:'';

    position:absolute;

    left:0;
    bottom:-8px;

    width:48px;
    height:2px;

    background:#35c2f2;
}

/* MOBILE */

@media(max-width:768px){

    .single-choose-style-two{
        padding:24px;
        gap:18px;
    }

    .single-choose-style-two .icon{
        width:58px;
        height:58px;
        min-width:58px;
    }

    .single-choose-style-two .icon svg{
        width:24px;
        height:24px;
    }

    .single-choose-style-two .title{
        font-size:18px;
    }

    .single-choose-style-two .disc{
        font-size:14px;
    }

}


.breadcrumb-area-bg .bread-crumb-area-inner {
text-align: center;
    padding: 150px 0 15px 0;
}

.breadcrumb-top .separator{
    margin: 0 10px;
}




/*     */

.breadcrumb-area-bg{
    position: relative;
    overflow: hidden;
}



.breadcrumb-area-bg::after{
    content: "";
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(59,66,72,0.10) 1px, transparent 1px);
    background-size: 12px 12px;
    z-index: 2;
}

.bread-crumb-area-inner{
    position: relative;
    z-index: 3;
}

.signle-blog-style-one .title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.4;
max-height: calc(1.7em * 2);
}

.signle-blog-style-one .title {
    display: -webkit-box !important;
}


img.sidebar-blog {
    overflow: hidden !important;
    width: 110px;
    height: 120px !important;
    padding: 0px;
    box-sizing: border-box;
    display: block;
    position: relative;
    object-fit: cover;
}

img.gallery-realizacje {
    overflow: hidden !important;
    width: 100%;
    height: 280px !important;
    padding: 0px;
    box-sizing: border-box;
    display: block;
    position: relative;
    object-fit: cover;
}

@media (max-width: 768px) {

  table.mobile-table,
  table.mobile-table tbody,
  table.mobile-table tr,
  table.mobile-table td {
    display: block;
    width: 100% !important;
  }

  table.mobile-table tr {
    margin-bottom: 20px;
  }

  table.mobile-table td {
    box-sizing: border-box;
    padding: 10px 0;
    border: none;
  }

}


.hvac-product-card {
    position: relative;
    overflow: hidden;

    border-radius: 26px;
  ;
    transition: transform .3s ease, box-shadow .3s ease;
}

.hvac-product-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 50% 25%, rgba(37, 177, 235, 0.16), transparent 45%);
    opacity: 0;
    transition: opacity .3s ease;
}

.hvac-product-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 26px 65px rgba(9, 37, 55, 0.16);
}

.hvac-product-card:hover::before {
    opacity: 1;
}

.hvac-product-card img {
    position: relative;
    z-index: 1;
    transition: transform .35s ease;
}

.hvac-product-card:hover img {
    transform: scale(1.06);
}

.hvac-product-card h3,
.hvac-product-card .title {
    position: relative;
    z-index: 1;
}


.hvac-product-card:hover .animate__fadeIn,
.hvac-product-card:hover h3,
.hvac-product-card:hover .title {
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
}

h3.brd-1 {
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 20px;
    margin-bottom: 50px;
}


.footer .top .item p {
    font-size: 12px;
}


.btn-kalkulator{
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.btn-kalkulator .text{
    display:flex;
    flex-direction:column;
    line-height:1.1;
}

.btn-kalkulator .small{
    font-size:13px;
    font-weight:400;
    text-transform:uppercase;
}

.btn-kalkulator .big{
    font-size:22px;
    font-weight:700;
    text-transform:uppercase;
}