/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* header p {
    margin-bottom: 0;
}

#welcome {
    background-image: url(assets/images/bg-welcome.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    height: calc(100vh - 146px);
}

#oferta .elementor-image-carousel-caption {
    display: inline-block;
    margin: 0 auto;
    background: #262D5A;
    color: #fff;
    padding: 10px 40px;
    top: -33px;
    position: relative;
    font-family: Lato;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
}
#service_slider h2 {
    position: absolute;
    left: 590px;
    top: 40px;
}
#service_slider .elementor-slides .swiper-slide-inner {
    display: block;
    padding: 0;
    margin: 0;
    text-align: left;
}
#service_slider .elementor-slides .swiper-slide-bg {
    background-position: bottom right;
    background-color: transparent!important;
    background-size: 1170px 565px;
}
#service_slider .elementor-slides .swiper-slide-inner .swiper-slide-contents {
    display: inline-flex;
    padding: 101px 56px 0px 69px;
    flex-direction: column;
    border-radius: 5px;
    background: #F0F0F0;
    font-family: Lato;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    color: #262D5A;
    text-align: left;
    width: 555px;
    height: 590px;
}

#service_slider .elementor-swiper-button-prev,
#service_slider .elementor-swiper-button-next {
    width: 68px;
    height: 68px;
    background-position: top center;
}
#service_slider .elementor-swiper-button-prev svg,
#service_slider .elementor-swiper-button-next svg {
    display: none;
}
#service_slider .elementor-swiper-button-prev {
    left: -35px;
    background-image: url(assets/images/carousel-nav-left.png);
}
#service_slider .elementor-swiper-button-next {
    right: -35px;
    background-image: url(assets/images/carousel-nav-right.png);
}


.text-image-content-left .orange-box-before:after {
    content: '';
    position: absolute;
    top: -50px;
    left: 45px;
    width: 114px;
    height: 22px;
    background: #F4A847;
    display: block;
    z-index: 1;
}
.text-image-content-right .orange-box-before:after {
    content: '';
    position: absolute;
    top: -50px;
    right: 45px;
    width: 114px;
    height: 22px;
    background: #F4A847;
    display: block;
    z-index: 1;
}


.box-with-image-left p {
    margin-bottom: 5px;
}
.text-image-content-left img {
    position: absolute;
    left: 0;
    top: -30px;
    width: 590px;
    max-width: 590px!important;
    z-index: 9;
}

.text-image-content-right img {
    position: absolute;
    right: 0;
    top: -30px;
    width: 590px;
    max-width: 590px !important;
    z-index: 9;
}


#gama {
    padding-top: 20px;
    padding-bottom: 35px;
}

#gama .boxes-number-vertical {
    position: relative;
}
#gama .boxes-number-vertical .box-number-vertical:before {
    content: '1';
    position: absolute;
    font-family: Lato;
    font-size: 100px;
    font-style: normal;
    font-weight: 700;
    line-height: 43px;
    color: #fff;
    left: -75px;
    top: 30px;
}
#gama .boxes-number-vertical .box-number-vertical:nth-child(1):before {
    content: '1';
}
#gama .boxes-number-vertical .box-number-vertical:nth-child(2):before {
    content: '2';
}
#gama .boxes-number-vertical .box-number-vertical:nth-child(3):before {
    content: '3';
}






.box-number {
    position: relative;
}
.box-number .number {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 100px;
    top: -32px;
    right: 58px;
    background: #262D5A;
    font-family: Lato;
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: 43px;
    color: #fff;
    border-radius: 50%;
}


#kontakt {
    background-image: url(assets/images/bg-contact.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
#kontakt .elementor-field-option {
    display: flex;
    align-items: start;
    gap: 16px;
    margin-bottom: 10px;
}
#kontakt .elementor-field-option label {
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
}

footer p {
    margin-bottom: 0;
}
footer .powered-by {
    color: #fff;
    margin-top: 10px;
}
footer .powered-by img {
    margin-left: 10px;
}
footer .elementor-nav-menu--layout-horizontal .elementor-nav-menu {
    justify-content: space-between;
    width: 100%;
}
footer .elementor-nav-menu:after {
    display: none;
}


@media (max-width: 768px) {

    body, html {
        overflow-x: hidden;
    }
    header {
        position: relative;
        z-index: 200;
    }
    #relokacja .e-con-inner {
        flex-direction: column-reverse !important;
    }
    #relokacja .e-con-inner img {
        margin-bottom: 10px;
    }

    #gama .boxes-number-vertical .box-number-vertical h3 {
        white-space: nowrap;
    }
    #gama .boxes-number-vertical .box-number-vertical:before {
        font-size: 90px;
        left: -53px;
        top: 30px;
    }

    .text-image-content-left .orange-box-before,
    .text-image-content-right .orange-box-before {
        z-index: 10;
    }

    .text-image-content-right {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .text-image-content-left .orange-box-before:after {
        top: -12px;
        left: 15px;
        width: 48px;
        height: 12px;
        z-index: 1;
    }
    .text-image-content-right .orange-box-before:after {
        top: -12px;
        left: auto;
        right: 15px;
        width: 48px;
        height: 12px;
        z-index: 1;
    }

    .text-image-content-right img,
    .text-image-content-left img {
        position: relative;
        top: 0;
        width: 100%;
        max-width: 100%!important;
    }

    .text-image-content-left .elementor-widget-image {
        padding: 0 15px 0 0;
        margin-bottom: -100px!important;
    }

    .text-image-content-right .elementor-widget-image{
        padding: 0 0 0 15px;
        margin-bottom: -100px!important;
    }

    .text-image-content-right .col-text,
    .text-image-content-left .col-text {
        width: calc(100% + 15px);
        padding-top: 120px;
        padding-bottom: 30px;
        z-index: 0;
    }

    .text-image-content-right {
        flex-direction: column-reverse !important;
    }

    .box-number {
        overflow-x: scroll!important;
        -webkit-overflow-scrolling: touch!important;
        margin-left: -15px!important;
        width: calc(100% + 30px)!important;
        padding-left: 15px!important;
        display: block!important;
    }
    .box-number > .e-con-inner {
        padding-top: 35px!important;
        display: flex!important;
        width: 900px!important;
        min-width: 900px!important;
        max-width: 900px!important;
    }

    .boxes .box {
        padding: 0 15px;
        height: 290px;
    }

    .box-number .number {
        width: 75px;
        height: 75px;
        top: -43px;
        right: 11px;
        font-size: 40px;
    }

    #service_slider h2 {
        position: relative;
        left: 0;
        top: 0;
    }

    #service_slider .elementor-slides .swiper-slide-bg {
        background-position: center center;
        background-color: transparent !important;
        background-size: cover;
        height: 265px;
        min-height: 265px;
        max-height: 265px;
    }

    #service_slider .elementor-swiper-button-prev {
        left: 10px!important;
        top: 245px;
    }
    #service_slider .elementor-swiper-button-next {
        right: 10px!important;
        top: 245px;
    }
    #service_slider .elementor-slides .swiper-slide-inner .swiper-slide-contents {
        padding: 52px 30px 20px;
        flex-direction: column;
        font-size: 17px;
        line-height: 25px;
        width: 100%;
        height: auto;
    }
    #service_slider .elementor-slides .swiper-slide-inner {
        display: block;
        padding: 0;
        margin: 0;
        text-align: left;
        top: 240px;
        width: calc(100% - 30px);
        left: 15px;
    }

    #service_slider .elementor-swiper-button-prev,
    #service_slider .elementor-swiper-button-next {
        width: 68px;
        height: 68px;
        background-position: top center;
    }
    #service_slider .elementor-swiper-button-prev {
        left: 0px;
    }
    #service_slider .elementor-swiper-button-next {
        right: 0px;
    }

    .footer-contact-data .e-con-inner {
        flex-direction: column-reverse !important;
    }
    .footer-contact-data .elementor-widget-spacer {
        display: none;
    }
} */


.elementor-heading-title span {
    color: #1DB4FF;
}

#production_boxes .elementor-image-box-wrapper:hover {

}
#production_boxes .elementor-image-box-wrapper {
    position: relative;
    overflow: hidden;
}
#production_boxes .elementor-image-box-wrapper .elementor-image-box-img {
    overflow: hidden;
    position: relative;
}
#production_boxes .elementor-image-box-wrapper .elementor-image-box-img:before {
    content: '';
    position: absolute;
    display: block;
    right: 0;
    top: 0;
    width: 105px;
    height: 105px;
    background-color: #141A3D;
    background-image: url(assets/images/right-top-arrow.png);
    background-position: 35px 15px;
    background-repeat: no-repeat;
    z-index: 9;
    -moz-transition-duration: 0.1s;
    -moz-transition-timing-function: ease-in;
    -webkit-transition-duration: 0.1s;
    -webkit-transition-timing-function: ease-in;
    transition-duration: 0.1s;
    transition-timing-function: ease-in;
}
#production_boxes .elementor-image-box-wrapper .elementor-image-box-img:after {
    content: '';
    position: absolute;
    opacity: 1;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgb(53,68,163);
    background: -moz-linear-gradient(180deg, rgba(53,68,163,0) 0%, rgba(20,26,61,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(53,68,163,0) 0%, rgba(20,26,61,1) 100%);
    background: linear-gradient(180deg, rgba(53,68,163,0) 0%, rgba(20,26,61,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3544a3",endColorstr="#141a3d",GradientType=1);
    -moz-transition-duration: 0.1s;
    -moz-transition-timing-function: ease-in;
    -webkit-transition-duration: 0.1s;
    -webkit-transition-timing-function: ease-in;
    transition-duration: 0.1s;
    transition-timing-function: ease-in;
}
#production_boxes .elementor-image-box-wrapper:hover .elementor-image-box-img img {
    transform: scale(1.1);
}
#production_boxes .elementor-image-box-wrapper:hover .elementor-image-box-img:after {
    opacity: 0;
}
#production_boxes .elementor-image-box-wrapper:hover .elementor-image-box-img:before {
    background-color: #1DB4FF;
}
#production_boxes .elementor-image-box-wrapper a:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
}


.blue-polymer-left,
.blue-polymer-right {
    position: relative;
}
.blue-polymer-left:after,
.blue-polymer-right:after {
    content: ''!important;
    position: absolute!important;
    bottom: 0;
    display: block;
    width: 472px;
    height: 397px;
    background-repeat: no-repeat;
    background-size: 100%;
}
.blue-polymer-left:after {
    left: 0;
    background-image: url(assets/images/blue-polymer-left.png);
}
.blue-polymer-right:after {
    right: 0;
    background-image: url(assets/images/blue-polymer-right.png);
}

.right-sidebar .elementor-widget-heading .elementor-heading-title {
    color: var(--e-global-color-secondary);
    font-family: "Nunito Sans", Sans-serif;
    font-size: 25px;
    font-weight: 700;
    position: relative;
    margin-bottom: 15px;
}
.right-sidebar .elementor-widget-heading .elementor-heading-title:after {
    content: '';
    position: absolute;
    bottom: -10px;
    height: 2px;
    width: 100px;
    display: block;
    background: #1db4ff;
}

a {
    color: var(--e-global-color-secondary);
}
.contact-form-section a,
.elementor-location-footer a {
    color: #fff;
}
.contact-form-section a:active,
.contact-form-section a:hover,
.elementor-location-footer a:active, 
.elementor-location-footer a:hover {
    color: rgb(255 255 255 / 61%);
}

#content [type=button], #content [type=submit], #content button {
    border: 1px solid #1db4ff;
}


@media (max-width: 1550px) {
    .blue-polymer-left:after,
    .blue-polymer-right:after {
        width: 320px;
        height: 325px;
    }
}

@media (max-width: 768px) {
    .blue-polymer-left:after,
    .blue-polymer-right:after {
        display: none;
    }
}