/*
 Theme Name:   Darna Child Theme
 Theme URI:    http://themes.g5plus.net/darna
 Description:  Darna Child Theme
 Author:       G5plus
 Author URI:   http://g5plus.net
 Template:     darna
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags: 				two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: 		g5plus-framework
*/


/************************************************************************************
Put your custom CSS below this block :)
*************************************************************************************/

/*
* Footer 
*/

.main-footer-wrapper {
    border-top:2px solid rgb(232,170,0,0.9);
    background-attachment:unset!important;

}

.footer-wrapper {
    margin:auto;
    max-width:80%;
    
}


.footer-container {
    width:100%;
    position:relative;
    display:flex;justify-content: space-between;

}

.footer-col {
    width:45%;
}

.sidebar-bottom-right {
    display:flex;
    justify-content: flex-end;
}

.footer-logo {
    width:100%;max-width:220px!important;
}

.footer-logo-img {
    width:100%;max-width:200px;
    height:auto;
    display:block;
}

.footer-text-about {
    margin-top:24px;
    width:100%;max-width: 80%;

    font-size: 18px;
    line-height:18px;
    color:rgba(255,255,255,0.75);
    text-align: justify;
}

.footer-social-links{
    margin-top:16px;
    display:flex;
}

.fsl-item {
    margin:16px;
    width:48px;height:48px;
    display:flex;
    align-items: center;justify-content: center;

    border-radius:50%;
    border:1px solid rgb(179, 116, 0);
    background:rgb(255, 182, 0, 0.65);
}

.fsl-item:first-child{
    margin-left:0;
}

.fsl-item:hover {
    background:rgb(255, 182, 0, 1);
}

.fsl-item svg {
    width:60%;height: auto;
    display:block;

}

.fsl-item svg path {
    fill:#fff;
}

.footer-info-listing {
    width:100%;
    display:flex;flex-direction: column;
}

.fil-item {
    margin-bottom:16px;
    width:100%;
    display:flex;
}

.fil-icon {

    width:40px;height: 40px;
    display:flex;align-items: center;justify-content: center;


    border-radius:50%;
    border:1px solid rgba(179, 130, 7, 0.65);
    background:rgba(255, 182, 0, 1);
}

.fil-icon svg {
    width:70%;height:auto;
    display:block;
}

.fil-icon svg path {
    fill:#fff;
}


.fil-data{
    margin-left:16px;
    display:flex;
    align-items: center;
}

.fil-text,
.fil-text a
{
    font-size: 20px;
    line-height:20px;
    font-weight:500;
    color:rgba(255,255,255,0.85);

    text-decoration: none;
}

.footer-section-header {
    padding-bottom: 10px;margin:24px 0;
    width:100%;max-width:250px;

    border-bottom:1px solid rgb(216, 142, 5, 1);
}

.footer-section-header-text {
    padding-left:8px;
    font-size: 22px;
    line-height:20px;
    font-weight:500;
    color:rgba(255,255,255,0.85);
}


/*
* Top bar
*/

.top-bar {
 
    border-top:none!important;
    border-bottom:2px solid rgb(232,170,0,0.9);

    background: #6b6b6b;
    background: radial-gradient(circle,rgba(107, 107, 107, 1) 0%, rgba(56, 56, 56, 1) 100%);

    -webkit-box-shadow:-8px -2px 26px 3px rgba(0,0,0, 0.9);
    -moz-box-shadow: -8px -2px 26px 3px rgba(0,0,0, 0.9);
    box-shadow: -8px -2px 26px 3px rgba(0,0,0, 0.9);
}

.top-bar-info a {
    font-size:18px;
    line-height:18px;
    color:rgba(255,255,255,0.85);
    text-transform: lowercase;
    letter-spacing:1px;
}

.top-bar ul.top-bar-info i.fa {
    font-size:18px;
    line-height: 18px;
}

/*
* Page header
*/

.page-title-wrap {
    margin:0!important;
}

.block-center-inner .breadcrumbs {
    display:none!important;
}

.page-title-wrap {
    border-bottom:2px solid rgb(232,170,0,0.9);
    -webkit-box-shadow:-8px -2px 26px 3px rgba(116, 116, 116, 0.7);
    -moz-box-shadow: -8px -2px 26px 3px rgba(116, 116, 116, 0.7);
    box-shadow: -8px -2px 26px 3px rgba(116, 116, 116, 0.7);
}

/* 
* Sections
*/


.light-section{
    background-color:#E3E3E3!important;
}


.section-home-services {
    margin: auto;
    max-width:100%;
    height:700px;
}

.section-home-portfolio {
    max-width:80%;
    margin:64px auto;
}

.section-dark {
    width:100%;
    height:330px; 
    
    background: #3C3C3C!important;
    background: linear-gradient(90deg,rgba(60, 60, 60, 1) 60%, rgba(179, 173, 173, 1) 100%)!important;
    background-image: url("https://tm-system.eu/wp-content/uploads/2025/06/section-dark-1.jpg")!important;
    background-size:cover!important;
    background-position:center center!important;
}

.pgc-rev-lb-b-item-title {
    display:none!important;
}

/*
* Dark section wycena
*/

.section-home-wycena  {
    width:100%;
    height:850px;

    background: #3C3C3C!important;
    background: linear-gradient(90deg,rgba(60, 60, 60, 1) 60%, rgba(179, 173, 173, 1) 100%)!important;
    background-image: url("https://tm-system.eu/wp-content/uploads/2025/06/section-dark-1.jpg")!important;
    background-size:cover!important;
    background-position:center center!important;
}

.section-home-wycena-inner {
    width: 100%;
    height:100%;
}

.container-wycena-light-text{

    font-size:18px;
    line-height:18px;
    color:rgb(255,255,255,0.9);

    text-align: center;
}

.container-wycena-light-text-phone {
    width:100%;height:80px;

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

.container-wycena-light-text-phone a{
    display:block;
    
    font-size:32px;
    line-height:35px;
    color: rgb(237,157,17,1);

    text-decoration: none!important;
   
}

/*
* Realizacje section
*/

.section-realizacje-bg-wrapper {
    width: 100%;
    height: 80vh;
    display: flex;
    align-items: center;
    justify-content: center;
    /* Optional: add overflow hidden if needed */
    overflow: hidden;
}

.section-realizacje-bg {
    width: 45vw;
    aspect-ratio: 2 / 1  ;

    background: 
        url("https://tm-system.eu/wp-content/uploads/2025/07/img-main.png");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}


/*
* Hero partners
*/

.section-partners {
    width:100%;
    height:730px; 
    
    background: #3C3C3C;
    background: linear-gradient(90deg,rgba(60, 60, 60, 1) 60%, rgba(179, 173, 173, 1) 100%);
    background-image: url("https://tm-system.eu/wp-content/uploads/2025/06/section-dark-1.jpg");
    background-size:cover;
    background-position:center center;
}


.col-slider-partners {
    height:100%;min-height:600px;
    display:flex;flex-direction: column;
    justify-content: center;
}

.slider-partners {

}

/*
* Hero process
*/


.wrapper-hero-process {
    width:100%;
    height:730px; 
    
    background: #3C3C3C;
    background: linear-gradient(90deg,rgba(60, 60, 60, 1) 60%, rgba(179, 173, 173, 1) 100%);
    background-image: url("https://tm-system.eu/wp-content/uploads/2025/06/section-dark-1.jpg");
    background-size:cover;
    background-position:center center;
}

.container-hero-process-background{  
    
    width:100%;height:600px;
    
    
    background-size: cover;         /* or 'contain' depending on your need */
    background-position: right center !important;    /* center image inside container */
    background-repeat: no-repeat;   /* prevent tiling */
}

.container-hero-process {
    
    width:100%;
    height:620px;
    
    position:relative;
    
    border-top:2vw solid rgb(255,255,255,1);
    border-bottom:2vw solid rgb(255,255,255,1);
    background:#3c3c3c!important;
}


.icp-image-container-right{
    height:110%;width:100%;
    
    position:absolute;z-index:99999;
    top:-5%;left:50%;
    
    
    background-size: contain;         /* or 'contain' depending on your need */
    background-position: left;    /* center image inside container */
    background-repeat: no-repeat;   /* prevent tiling */
}




.chp-image-left {
 
}

.ich-flex-position-container {
    width:80%;height:80%;

    display:flex;flex-wrap:wrap;
    align-items: center;
}

.inner-container-hero-process {
    padding:2vw;
    width:100%; height:auto;

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

.cs-step {
    margin-bottom:70px;
    width:50%; height:45%;
}

 .cs-header {
    width:100%;
    height:20%;min-height:40px;
    display:flex;
}


 .cs-indicator {
     width:5%;min-width:40px;
     height:100%;min-height:40px;

    border:1px solid #000;
    background:#ed9d11;

    -webkit-box-shadow: 8px 8px 0px 0px rgba(78, 78, 78, 1);
    -moz-box-shadow: 8px 8px 0px 0px rgba(78, 78, 78, 1);
    box-shadow: 8px 8px 0px 0px rgba(78, 78, 78, 1);

    -webkit-transform:  skew(-15deg, 0deg);
    -moz-transform:  skew(-15deg, 0deg);
    -ms-transform:  skew(-15deg, 0deg);
    -o-transform:  skew(-15deg, 0deg);
    transform:  skew(-15deg, 0deg);
}

.cs-indicator-inner {
    width:100%;
    height:100%;min-height:40px;

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

   -webkit-transform:  skew(15deg, 0deg);
    -moz-transform:  skew(15deg, 0deg);
    -ms-transform:  skew(15deg, 0deg);
    -o-transform:  skew(15deg, 0deg);
    transform:  skew(15deg, 0deg);
    
    font-size:24px;
    line-height:24px;
    font-weight:600;
    color:#fff;
}

.cs-title{
    margin-left:20px;
    width:65%;
    display:flex;align-items: center;justify-content: flex-start;

    font-size:24px;
    line-height:24px;
    font-weight:500;
    color:#fff;
    letter-spacing:2px;
}

.cs-content {
    margin-top:20px;
    width:80%;
    
    font-size:18px;
    line-height:24px;
    color:rgb(255,255,255,0.85);
    
}


/*
* Hero testimonials
*/

.wrapper-hero-testimonials {
    width:100%;
    height:730px; 
    
    background: #3C3C3C;
    background: linear-gradient(90deg,rgba(60, 60, 60, 1) 60%, rgba(179, 173, 173, 1) 100%);
    background-image: url("https://tm-system.eu/wp-content/uploads/2025/06/section-dark-2.jpg");
    background-size:cover;
    background-position:center center;
}


/*
* Gallery modifications - plugin
*/

.pgcsimplygalleryblock-masonry-item {
    margin:3px;
    border:1px solid rgb(255,165,0,0.85)!important;
}

.pgcsimplygalleryblock-masonry-main-wrap {
    padding:0!important;
}

.pgcsimplygalleryblock-masonry-item-title{
    display:none!important;
    position:relative;top:-5px;

    font-size:22px!important;
    line-height:36px!important;

    background:transparent!important;
    background-color:transparent!important;
    box-shadow:none!important;
}


.pgcsimplygalleryblock-viewer-collection {
    margin:auto!important;
    max-width:70%!important;
}

.pgcsimplygalleryblock-viewer-slider-wrap {
    background:none!important;
    background-color:none!important;
}

.pgcsimplygalleryblock-viewer-slider-footer,
.pgcsimplygalleryblock-viewer-slider-header,
.pgc-b-icon-inside

{
    border: 1px solid #96451d!important;
    background: rgb(237 157 17)!important;
}

/*
* Bullets points
*/

.bullet-point-wrapper {
    padding:0;margin:0;
    min-width: 100%;
}

.bullet-point-container {
    margin-bottom:36px;
    min-height:30px;
    display:flex;
}

.bpc-icon{
    margin-right:24px;
    width:50px; min-width:50px;
    height:50px; min-height:50px;
    display:block;
    
    border:1px solid rgb(179, 116, 0);
    background:rgb(255,165,0,0.85);

    -webkit-transform:  skew(-15deg, 0deg);
    -moz-transform:  skew(-15deg, 0deg);
    -ms-transform:  skew(-15deg, 0deg);
    -o-transform:  skew(-15deg, 0deg);
    transform:  skew(-15deg, 0deg);
}


.bpc-content {
    display:flex; flex-direction: column;
    justify-content: flex-start;
}

.bpc-header {
    margin-bottom:5px;
    width:100%;

    font-size:24px;
    line-height:24px;
    color:rgba(0,0,0,0.9);
}

.bpc-text {
    width:100%;

    font-size:18px;
    line-height:20px;
    color:rgba(0,0,0,0.6);
}




/*
* Product box
*/

.pr-wrapper {
    display:flex; flex-wrap: wrap;

    justify-content: space-around;
}

.pr-item {
    margin:16px 0;
    width:23vw;min-width:300px;
    height:23vw;min-height:400px;

    border:1px solid rgb(150,150,150,1);

    background: #b3b3b3;
    background: radial-gradient(circle,rgba(179, 179, 179, 1) 27%, rgba(63, 63, 63, 1) 100%);

    -webkit-box-shadow: 5px 5px 2px 0px rgba(60, 60, 60, 1);
    -moz-box-shadow: 5px 5px 2px 0px rgba(60, 60, 60, 1);
    box-shadow: 5px 5px 2px 0px rgba(60, 60, 60, 1);
}

.pri-top {
    width:100%;height:50%;
}

.pri-image-container {
    width:100%;height:100%;

    display:flex;align-items: center;

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.pri-img {
    width:80%; height:auto;
    display:block;
}

.pri-bottom{
    width:100%;height:50%;

    background:rgb(50,50,50,1);
}

.pri-top-clipped {
    clip-path: polygon(0 40px, 100% 0, 100% 100%, 0 100%);
}

.pri-content {
    /*padding:40px 10px 10px 10px;*/
    width:100%;height:100%;

    display:flex;flex-direction: column;
    align-items: flex-end;
}

.pri-header {
    margin-top:35px;margin-bottom:8px;
    padding:0 10px;
    height:15%;min-height:20px;

    font-size:20px;
    line-height:20px;
    font-weight: 500;
    letter-spacing:2px;
    color:orange;
}

.pri-text{
    padding:0 15px;
    width:94%;
    
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;

    font-size: 16px;
    line-height: 18px;
    color: rgba(255, 255, 255, 0.8);
    text-align: right;
}

.pri-text::after {
    content: '';
    width: 15px;
    margin-left: 18px;
    background: orange;
    display: inline-block;
    height: 100%; 
}

@keyframes bg-zoom {
    0% {
        background-size: 100% auto;
    }
    50% {
        background-size: 105% auto;
    }
    100% {
        background-size: 100% auto;
    }
}

.animated-background:hover {
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;

    animation: bg-zoom 4s ease-in-out infinite;
}

.background-stolarka-pcv {
    background-image: url('https://tm-system.eu/wp-content/uploads/2025/06/imp-p-okna.png');
}

.background-slusarka-aluminowa {
    background-image: url('https://tm-system.eu/wp-content/uploads/2025/06/imp-p-al-alu.png');
}

.background-rolety-zewn {
    background-image: url('https://tm-system.eu/wp-content/uploads/2025/06/imp-p-rolety-zewn.png');
}   

.background-bramy-garazowe {
    background-image: url('https://tm-system.eu/wp-content/uploads/2025/06/imp-p-bramy.png');
}

.background-drzwi-wejsciowe {
    background-image: url('https://tm-system.eu/wp-content/uploads/2025/06/imp-p-drzwi.png');
}

.background-pergole { 
    background-image: url('https://tm-system.eu/wp-content/uploads/2025/06/imp-p-pergole.png');
}

.background-moskitiery {
    background-image: url('https://tm-system.eu/wp-content/uploads/2025/06/imp-p-moskitiery.png');
}


/*
* WP-Bakery modifications
*/

.vc_row-o-content-middle {
    display:flex; flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}


/*
* Map widget modification
*/

.lq-map-width {
    margin:64px auto;
    max-width:80%;
    height:500px;
}

.lq-map-width > .wpb_wrapper,
.lq-map-width > .wpb_wrapper > .wpb_map_wraper
{
    width:100%;
    height:100%;
}

.lq-map-width iframe {
    width:100%;
    height:100%;

    border:5px solid rgb(75 75 75) !important;
}

/*
* PopUps overlay
*/
.pum-overlay {
    background:none!important;
}

.pum-container {
    width:30vvw;height:60vh;
    background:none!important;
}

.popmake-content {
    border:5px solid rgb(179, 116, 0,1);
}

.pum-title  {
    display:none!important;
}

.pum-close {
    font-size:18px!important;
    line-height:18px!important;
    border:1px solid rgb(255,255,255,0.65)!important;
    background:rgb(179, 116, 0,1)!important;
}

.lq-popup-marketing {
    padding:24px;
    width:100%; height:100%;
    height:70vh;
    
   
    background:rgba(53, 53, 53, 0.9);
    background-image: url('https://tm-system.eu/wp-content/uploads/2025/06/bg-popup-2.png');
    background-size:cover;
    background-position:center;
}

.lpm-content {
    width:100%;height:100%;

    display:flex;flex-wrap: wrap;

    /*background:rgb(83, 83, 83);*/
}


.lpm-title {
    width:100%; 

    font-size:36px;
    line-height:36px;
    color:orange;

    letter-spacing:1.5px;

    text-align: center;
}

.lmp-text-regular {
    width:100%; 

    font-size:24px;
    line-height:24px;
    color:rgb(255,255,255,1);

    letter-spacing:1.5px;
}

.lmp-text-medium {
    margin:24px 0;
    width:100%; 

    font-size:30px;
    line-height:30px;
    color:rgb(255,255,255,1);

    letter-spacing:1.5px;
}

.lpm-content-inner {
    width:100%;height:85%;

    display:flex;flex-wrap: wrap;
}

.lpm-content-inner-left {
    width:50%;height:100%;

    display:flex;flex-direction: column;
    justify-content: center;

}

.lpm-content-inner-right {
    width:50%;height:100%;
}

.lpm-img-container {
    width:100%;height:100%;

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

    /*background:rgba(53, 53, 53, 0.9);*/
    background-image: url('https://tm-system.eu/wp-content/uploads/2025/06/pop-2c.png');
    background-size:cover;
    background-position:center;
}

.lpm-img {
    width:100%;max-width:100%;
    height:auto;
}

.lpm-content-bottom {
    width:100%;height:10%;

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

.lpm-cb-button {
    padding:12px;margin:0 8px;
    width:200px;

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

    font-size:16px;
    line-height:16px;
    color:rgb(255,255,255,1);

    border:1px solid rgb(255,255,255,0.25)!important;
    background: #6b6b6b;
    background: radial-gradient(circle,rgba(107, 107, 107, 1) 0%, rgba(56, 56, 56, 1) 100%);
}

/* style="background-image: url('https://tm-system.eu/wp-content/uploads/2025/06/opoup-1-background.png');" */
/*
* Blog 
*/

.entry-thumbnail {
    margin:24px;
    width:40vw;
}

.entry-post-meta-wrap {
    display:none!important;
}

/*
* Lq-Contact-Form
*/

.lq-contact-form {
    margin:24px auto;
    width:80%;

}

.lq-contact-form .lq-contact-form-row-100 {
    margin:16px 0;
    width:100%;
    display:flex;flex-wrap:wrap;
}

.lq-contact-form  .lq-contact-form-col-50 {
    width:50%;
}

.lq-contact-form  .lq-contact-form-col-100 {
    width:100%;
} 


.lq-contact-form  .lq-contact-form-row-action {
    width:100%;
}

.lq-contact-form  .lq-contact-form-row-action .lq-contact-form-col-action {
    width:100%;
    display:flex;align-items: center;justify-content: flex-end;
}

.lq-contact-form  .lq-input-label {
    width:80%!important;

    font-size:16px!important;
    line-height:18px!important;;
    font-weight:500!important;;
    color:rgb(86,86,86,1)!important;;
}

.lq-contact-form  input[type="text"],
.lq-contact-form  input[type="email"],
.lq-contact-form  input[type="tel"]
{
    padding:8px!important;
    width:80%!important;

    border:2px solid rgba(0,0,0,0.2)!important;
}

.lq-contact-form  textarea {
    
    width:90%!important;
    resize:none!important;

    border:2px solid rgba(0,0,0,0.2)!important;
}

.lq-contact-form .wpcf7-radio {
    width:100%;
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.lq-contact-form .wpcf7-list-item,
.lq-contact-form .wpcf7-list-item > label
{
    width:100%;
    display:flex;
}

.lq-contact-form .lq-contact-form  input[type="radio"] {
    margin-right:12px;
    width:24px!important
}

.lq-contact-form .wpcf7-list-item-label {
    font-size:16px!important;
    line-height:18px!important;;
    font-weight:500!important;;
    color:rgb(86,86,86,1)!important;;
}

/*
* Contact form dark
*/


.lq-contact-form-dark {
    margin:24px auto;
    width:80%;
}


.lq-contact-form-dark .lq-contact-form-row-100 {
    margin:16px 0;
    width:100%;
    display:flex;flex-wrap:wrap;
}

.lq-contact-form-dark  .lq-contact-form-col-50 {
    width:50%;
}

.lq-contact-form-dark .lq-contact-form-col-100 {
    width:100%;
} 


.lq-contact-form-dark  .lq-contact-form-row-action {
    width:100%;
}

.lq-contact-form-dark  .lq-contact-form-row-action .lq-contact-form-col-action {
    width:100%;
    display:flex;align-items: center;justify-content: flex-end;
}


.lq-contact-form-dark  .lq-input-label {
    width:80%!important;

    font-size:16px!important;
    line-height:18px!important;;
    font-weight:500!important;;
    color:rgb(235, 235, 235)!important;
}

.lq-contact-form-dark  input[type="text"],
.lq-contact-form-dark  input[type="email"],
.lq-contact-form-dark  input[type="tel"]
{
    padding:8px!important;
    width:80%!important;

    border:1px solid rgb(237,157,17,1)!important;
    background:rgb(73,73,73,0.85);
}

.lq-contact-form-dark  textarea {
    
    width:90%!important;height:100px;
    resize:none!important;

    color:rgba(255,255,255,1);

    border:1px solid rgb(237,157,17,1)!important;
    background:rgb(73,73,73,0.85);
}

.lq-contact-form-dark .wpcf7-radio {
    width:100%;
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.lq-contact-form-dark .wpcf7-list-item,
.lq-contact-form-dark .wpcf7-list-item > label
{
    width:100%;
    display:flex;
    color:rgb(235, 235, 235)!important;
}

.lq-contact-form-dark .lq-contact-form  input[type="radio"] {
    margin-right:12px;
    width:24px!important
}

.lq-contact-form-dark .wpcf7-list-item-label {
    font-size:16px!important;
    line-height:18px!important;;
    font-weight:500!important;;
    color:rgb(235, 235, 235)!important;
}

.wpcf7-not-valid-tip {
    margin-top:8px;
    font-size:12px;
    line-height:12px;

    color:#de0101;
}

input[type=checkbox], input[type=radio] {
    margin:4px 5px 0 4px;
}

.wpcf7-response-output {
    font-weight:500;
    color:#fff;
    border: 1px solid #000;
    background:#520000;
}


/*
* Woocommere
*/

.woo-header-1 {
    margin-bottom: 8px;

    font-size:18px;
    line-height:18px;
    color:rgb(0,0,0,0.9);
}

.woocommerce div.product,
.archive-product-wrap
{
    margin-top:24px!important;
}

.woocommerce-sidebar {
    margin-top:24px!important;
}

.product_title {
    text-shadow:5px 5px 10px #000!important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    border:1px solid rgb(255,255,255,0.85);
}

/*
* ELements
*/

/*
* Buttons
*/

.btn-skewed-medium {
    padding:8px 16px;
    width:auto;max-width:350px;
    height:auto;

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

    text-decoration:none!important;

    border:1px solid rgb(80, 52, 1);
    background:rgba(219, 153, 29, 0.9);

    -webkit-transform:  skew(-15deg, 0deg);
    -moz-transform:  skew(-15deg, 0deg);
    -ms-transform:  skew(-15deg, 0deg);
    -o-transform:  skew(-15deg, 0deg);
    transform:  skew(-15deg, 0deg);
}

.btn-skewed-medium.a {
    text-decoration:none!important;
}

.btn-skewed-medium:hover {
    background:rgba(60, 60, 60, 1);
}

.btn-skewed-medium .btn-text-medium{
    font-size: 20px;
    line-height:20px;
    font-weight:500;
    color:rgba(255,255,255,0.85);
    

    -webkit-transform:  skew(15deg, 0deg);
    -moz-transform:  skew(15deg, 0deg);
    -ms-transform:  skew(15deg, 0deg);
    -o-transform:  skew(15deg, 0deg);
    transform:  skew(15deg, 0deg);
}


/*
* Helpers
*/

.lq-min-height-500 {
    min-height:500px;
}


.lq-column-100-relative {
    height:100%;
}

.lq-column-100-relative > .vc_column-inner {
    width:100%;
    height:100%;
    display:flex;
    align-items: center;
    justify-content: center;
}

.lq-column-100,
.lq-column-100  * {
    height: 100% !important;
}

.lq-max-width-80p{
    margin:auto;
    max-width:80%;
}

.lg-max-width-image-180{
    max-width:180px;
}

.lq-margin-auto {
    margin:auto;
}

.lq-margin-top-24p {
    margin-top:24px;
}

.lq-margin-top-12p{
    margin-top:12px;
}


.lq-margin-left-16p{
    margin-left:16px;
}

.lq-margin-right {
 margin-left:auto!important;   
}

.lq-margin-left-30{
    margin-left:30%;
}

.lq-margin-left-40{
    margin-left:40%;
}

.lq-margin-auto {
    margin:auto!important;
}

.lq-container-80{
    width:80%;
}

.lq-container-60{
    width:60%;
}

.lq-container-50{
    width:50%;
}

.lq-height-50 {
    height:50vh;
}

.lq-height-80 {
    height:80vh;
}

.lq-height-80 > .vc_column-inner {  
    height:100%;
}

.lq-height-80 > .vc_column-inner > .wpb_wrapper {
    height:100%;
}

.lq-height-80 > .vc_column-inner > .wpb_raw_code {
    height:100%;
}

.lq-height-80 > .vc_column-inner > .wpb_raw_code > .wpb_wrapper {
    height:100%;
}


.lq-flex {
    display:flex;
}

.lq-align-items-center{
 align-items:center;   
}

.lq-justify-content-center{
 justify-content:center;   
}

.lq-text-center{
    text-align:center;
}

.lq-text-left {
    text-align: left;
}


/*
* Media queries
*/


/* Extra small devices (phones, portrait) */
@media (max-width: 575.98px) {

    header.main-header {
       
        background-image: url('https://tm-system.eu/wp-content/uploads/2025/06/header-contect-1.png');
        background-color:#3c3c3c!important;
        background-size: cover!important;
    }

    .toggle-icon-wrapper .toggle-icon:after, .toggle-icon-wrapper .toggle-icon:before, .toggle-icon-wrapper .toggle-icon > span {
        background-color:#fff!important;
    }


    .slider-header-text {
        position:relative;top:-25px;
        font-size:16px!important;
        line-height:16px!important;
        max-width:150px;
        text-wrap: auto;
    }

    .slider-text {
        max-width:340px!important;
        position:relative;top:-25px;
        font-size:8px!important;
        line-height:10px!important;
        font-weight:500!important;
        
        text-wrap: auto;
    }


    .footer-container{
        flex-wrap:wrap;
    }

    .footer-col {
        width:100%;
    }

    .footer-logo-img {
        margin:auto;
    }

    

    .footer-text-about {
        max-width:95%;
    }
    
    .lq-grid-images-container {
        grid-template-columns: repeat(1, 100%)!important;
    }



    .darna-heading h2  {
        font-size:20px!important;
    }

    .bpc-header {
        font-size:18px;
    }

    .bpc-text {
        font-size:16px;
    }

    .bpc-icon {
       display:none;
    }





    .wrapper-hero-process {
        height:auto
    }


    .section-home-services {
        height:auto;
    }

    .service-grid-wrapper {
        margin:16px auto!important;
        width:98vw!important;
        height:auto!important;
    }

    .lq-image-box-wrapper {
        margin:24px auto!important;
        width:200px!important;
        height:200px!important;
    }


    .wrapper-hero-process {
        height:auto
    }


    .section-home-wycena {
        margin:auto;
        height:auto;
    }

    .lq-contact-form-col-50 {
        width:100%!important;
    }


    .cs-step {
        width:100%;
    }


    .wrapper-hero-testimonials {
        height:auto;
    }






    .darna-testimonial {
        margin:auto!important;
        width:85%!important;

    }

    .lq-grid-images-container {
        grid-template-columns: 100%;
    }

    .lq-grid-images-container {
        grid-template-columns: repeat(1, 100%)!important;
    }

    .section-partners {
        height:auto;
    }


    .btn-skewed-medium {
        margin:16px auto!important;
        width:200px!important;
    }

    .lq-col-section-90-mobile {
        margin:auto;
        width:90%;
    }

    .lq-container-50 {
        margin:auto;
        width:85%;
    }

    /*
    * Popup
    */
    .lpm-content-inner-left,
    .lpm-content-inner-right
     {
        width:100%;height:auto;
    }

    .lpm-content-inner-right {
        min-height:220px;
    }

    .lpm-img-container-popup-wycena {
        background-position:center;
        background-repeat: no-repeat;
        background-image: url('https://tm-system.eu/wp-content/uploads/2025/06/wycena-popup-image-3.png')!important;
        background-color:transparent!important;
    }

}

/* Small devices (phones, landscape / large phones) */
@media (min-width: 576px) and (max-width: 767.98px) {

   .vc-col-mobiles-full {
        width:100%!important;
   }

    header.main-header {
        background-image: url('https://tm-system.eu/wp-content/uploads/2025/06/header-contect-1.png');
        background-color:#3c3c3c!important;
        background-size: cover!important;
    }

    .toggle-icon-wrapper .toggle-icon:after, .toggle-icon-wrapper .toggle-icon:before, .toggle-icon-wrapper .toggle-icon > span {
        background-color:#fff!important;
    }

    
    .slider-header-text {
        max-width:300px!important;
        position:relative;top:-25px;
        font-size:16px!important;
        line-height:16px!important;
       
        text-wrap: auto;
    }

    .slider-text {
        max-width:400px!important;
        position:relative;top:-25px;
        font-size:16px!important;
        line-height:16px!important;
        font-weight:500!important;
        
        text-wrap: auto;
    }

    .footer-container{
        flex-wrap:wrap;
    }

    .footer-col {
        width:100%;
    }

    .footer-logo-img {
        margin:auto;
    }

    .footer-text-about {
        max-width:95%;
    }
    
    .lq-grid-images-container {
        grid-template-columns: repeat(1, 100%)!important;
    }



    .wrapper-hero-process {
        height:auto
    }


    .section-home-services {
        height:auto;
    }

    .service-grid-wrapper {
        margin:16px auto!important;
        width:98vw!important;
        height:auto!important;
    }

    .lq-image-box-wrapper {
        margin:24px auto!important;
        width:200px!important;
        height:200px!important;
    }


    .wrapper-hero-process {
        height:auto
    }


    .section-home-wycena {
        margin:auto;
        height:auto;
    }

    .lq-contact-form-col-50 {
        width:100%!important;
    }


    .cs-step {
        width:100%;
    }


    .wrapper-hero-testimonials {
        height:auto;
    }

    .wrapper-hero-process {
        height:auto
    }

    .cs-step {
        width:100%;
    }



    .section-home-services {
        height:auto;
    }

    .service-grid-wrapper {
        margin:16px auto!important;
        width:85vw!important;
        height:auto!important;
    }

    .lq-image-box-wrapper {
        margin:24px auto!important;
        width:40vw!important;
        height:40vw!important;
    }



    .wrapper-hero-testimonials {
        height:auto;
    }

    .darna-testimonial {
        margin:auto!important;
        width:85%!important;

    }

    .section-partners {
        height:auto;
    }


    .btn-skewed-medium {
        margin:16px auto!important;
        width:200px!important;
    }

    .lq-col-section-90-mobile {
        margin:auto;
        width:90%;
    }

    .lq-container-50 {
        margin:auto;
        width:85%;
    }

}

/* Medium devices (tablets) */
@media (min-width: 768px) and (max-width: 991.98px) {

    .vc-col-mobiles-full {
        width:100%!important;
    }

    .vc-col-mobiles-full .wpb_column,
    .vc-col-mobiles-full .vc_column-inner ,
    .vc-col-mobiles-full .wpb_wrapper
    {
        height:100%!important;
    }

    header.main-header {
        background-image: url('https://tm-system.eu/wp-content/uploads/2025/06/header-contect-1.png');
        background-color:#3c3c3c!important;
        background-size: cover!important;
    }

    .toggle-icon-wrapper .toggle-icon:after, .toggle-icon-wrapper .toggle-icon:before, .toggle-icon-wrapper .toggle-icon > span {
        background-color:#fff!important;
    }

    
    .slider-header-text {
        max-width:300px!important;
        position:relative;top:-25px;
        font-size:16px!important;
        line-height:16px!important;
       
        text-wrap: auto;
    }

    .slider-text {
        max-width:400px!important;
        position:relative;top:-25px;
        font-size:16px!important;
        line-height:16px!important;
        font-weight:500!important;
        
        text-wrap: auto;
    }

    .footer-container{
        flex-wrap:wrap;
    }

    .footer-col {
        width:100%;
    }

    .footer-logo-img {
        margin:auto;
    }

    .footer-text-about {
        max-width:95%;
    }
    
    .lq-grid-images-container {
        grid-template-columns: repeat(1, 100%)!important;
    }



    .wrapper-hero-process {
        height:auto
    }


    .section-home-services {
        height:auto;
    }

    .service-grid-wrapper {
        margin:16px auto!important;
        width:98vw!important;
        height:auto!important;
    }

    .lq-image-box-wrapper {
        margin:24px auto!important;
        width:200px!important;
        height:200px!important;
    }


    .wrapper-hero-process {
        height:auto
    }


    .section-home-wycena {
        margin:auto;
        height:auto;
    }

    .lq-contact-form-col-50 {
        width:100%!important;
    }


    .cs-step {
        width:100%;
    }


    .wrapper-hero-testimonials {
        height:auto;
    }

    .wrapper-hero-process {
        height:auto
    }

    .cs-step {
        width:100%;
    }



    .section-home-services {
        height:auto;
    }

    .service-grid-wrapper {
        margin:16px auto!important;
        width:85vw!important;
        height:auto!important;
    }

    .lq-image-box-wrapper {
        margin:24px auto!important;
        width:40vw!important;
        height:40vw!important;
    }



    .wrapper-hero-testimonials {
        height:auto;
    }

    .darna-testimonial {
        margin:auto!important;
        width:85%!important;

    }

    .section-partners {
        height:auto;
    }


    .btn-skewed-medium {
        margin:16px auto!important;
        width:200px!important;
    }

    .lq-col-section-90-mobile {
        margin:auto;
        width:90%;
    }

    .lq-container-50 {
        margin:auto;
        width:85%;
    }



}

/* Large devices (desktops) */
@media (min-width: 992px) and (max-width: 1260px) {

    .vc-col-mobiles-full {
        width:100%!important;
    }

    .vc-col-mobiles-full > .wpb_column,
    .vc-col-mobiles-full  .vc_column-inner ,
    .vc-col-mobiles-full .wpb_wrapper
    {
        height:100%!important;
    }

    header.main-header {
        background-image: url('https://tm-system.eu/wp-content/uploads/2025/06/header-contect-1.png');
        background-color:#3c3c3c!important;
        background-size: cover!important;
    }

    .toggle-icon-wrapper .toggle-icon:after, .toggle-icon-wrapper .toggle-icon:before, .toggle-icon-wrapper .toggle-icon > span {
        background-color:#fff!important;
    }

    
    .slider-header-text {
        max-width:300px!important;
        position:relative;top:-25px;
        font-size:16px!important;
        line-height:16px!important;
       
        text-wrap: auto;
    }

    .slider-text {
        max-width:400px!important;
        position:relative;top:-25px;
        font-size:16px!important;
        line-height:16px!important;
        font-weight:500!important;
        
        text-wrap: auto;
    }

    .footer-container{
        flex-wrap:wrap;
    }

    .footer-col {
        width:100%;
    }

    .footer-logo-img {
        margin:auto;
    }

    .footer-text-about {
        max-width:95%;
    }
    
    .lq-grid-images-container {
        grid-template-columns: repeat(1, 100%)!important;
    }



    .wrapper-hero-process {
        height:auto
    }


    .section-home-services {
        height:auto;
    }

    .service-grid-wrapper {
        margin:16px auto!important;
        width:98vw!important;
        height:auto!important;
    }

    .lq-image-box-wrapper {
        margin:24px auto!important;
        width:200px!important;
        height:200px!important;
    }


    .wrapper-hero-process {
        height:auto
    }


    .section-home-wycena {
        margin:auto;
        height:auto;
    }

    .lq-contact-form-col-50 {
        width:100%!important;
    }


    .cs-step {
        width:100%;
    }


    .wrapper-hero-testimonials {
        height:auto;
    }

    .wrapper-hero-process {
        height:auto
    }

    .cs-step {
        width:100%;
    }



    .section-home-services {
        height:auto;
    }

    .service-grid-wrapper {
        margin:16px auto!important;
        width:85vw!important;
        height:auto!important;
    }

    .lq-image-box-wrapper {
        margin:24px auto!important;
        width:40vw!important;
        height:40vw!important;
    }



    .wrapper-hero-testimonials {
        height:auto;
    }

    .darna-testimonial {
        margin:auto!important;
        width:85%!important;

    }

    .section-partners {
        height:auto;
    }


    .btn-skewed-medium {
        margin:16px auto!important;
        width:200px!important;
    }

    .lq-col-section-90-mobile {
        margin:auto;
        width:90%;
    }

    .lq-container-50 {
        margin:auto;
        width:85%;
    }


}

/* Extra large devices (large desktops) */
@media (min-width: 1261px) {

}