@import "style--buttons.css";
@import "nav--layout.css";
@import "nav--mobile.css";
@import "nav--scroll.css";
@import "nav.css";
@import "header.css";
@import "header-common.css";
@import "karty.css";
@import "cenik.css";
@import "footer.css";
@import "testimonials.css";
@import "form.css";
@import "copyright.css";
@import "area-type-1.css";
@import "area-type-2.css";
@import "cisla.css";
@import "faq.css";

html {
	background: white;
    font-family: poppins, sans-serif;
	--border-radius: 0.25em;
	--highlight: #003a6a;
	color: var(--text);
	font-weight: normal;
	/*--light: rgba(0,0,0,0.1);
	--medium: rgba(0,0,0,0.35);
	--dark: #000; */
    
}
body {
    overflow-x: hidden;
}
main {
    margin-bottom: 60px;
}

img {
    max-width: 100%;
}
:root{
    --heading:poppins, sans-serif;
    --font:poppins, sans-serif;
    --primary:#458FB6;
    --primary-light:#EAF8FE;
    --primary-dark:#67C3E1;
    --primary-shade:rgba(43, 43, 43, .94);
    --secondary: #E4F2FC;
    --secondary-dark: #105F89;
    --heading-c:#222934;
    --button-c:#222934;  
    --grey:#C1C1C1;
    --text:#464646;
    --underline:#6A7A7A;
    --light:#D5E6F0;
    --bg: #F8F5F2;
    --bg-light:#F7FCFF;
}
.is-hidden {
    display: none!important;
}
.s-clear {
    display: none;
  }
table {
    font-family: var(--font);
    font-size: 1em;
}
section{
    padding: 40px 0;
}

strong {font-weight: bold;}

h1, h2, h3, h4, h5, p, ul, li, a {
    line-height: 135%;
    font-weight: normal;
}
main li {
    margin-bottom: 15px;
  }
  main li ul {
    padding-top: 15px;
  }
p {
    line-height: 200%;
}

h1 {
    /* mobile/headline/H1 */
    color: var(--heading-c);
    font-family: var(--heading);
    font-size: 44px;
    font-weight: bold;

}
h2 {
    /* mobile/headline/H2 */
    color: var(--heading-c);
    font-family: var(--heading);
    font-size: 24px;
    text-align: center;
    font-weight: bold;
    position: relative;
}

h2 {
    margin: 45px auto 65px auto;
}

h2::after {
    content: '';
    background: transparent url(icon_podtrzeni.svg) no-repeat center;
    background-size: contain;
    width: 89px;
    height: 9px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -15px;
}

.s-page-common h2 {
    text-align: center;
}
.s-page-common h2::after {
    background-position: center;
    transform: translateX(-50);
    left: 50%;
}

h3 {
   /* mobile/headline/H3 */

    color: var(--heading-c);
    font-family: var(--heading);
    font-weight: bold;
    font-size: 24px;
    margin: 30px auto;
    position: relative;
}
.s-page-home h3 {
    margin: auto auto 45px auto;
}
.s-page-home h3::after {
    content: '';
    background: transparent url(icon_podtrzeni_h2.svg) no-repeat center;
    background-size: contain;
    width: 75px;
    height: 10px;
    position: absolute;
    left: 0;
    bottom: -15px;
}

h4 {
  
    /* mobile/headline/H4 */
    color: var(--primary);
    font-family: var(--heading);
    font-style: normal;
    font-size: 20px;
}
p, ul, ol, td, tr {
    /* mobile/paragraph/normal */

    font-family: var(--font);
    font-weight: normal;
    color: var(--text);
}


a {
  /* mobile/link/default */

  font-family: var(--font);
  
    /* identical to box height, or 179% */

    

}
[role="button"]{
    
    font-family: var(--font);
    
    cursor: pointer;
    transition: .3s;
}
/* [role="button"]:hover {
      background: black;
} */
[role="button"]:active {
       
}

.s-item.s-gallery.s-gallery-standard.s-gallery-big {
    justify-content: center;
}

.wrapper, .s-page-home .s-text, .s-page-home .s-item {
    margin: 0 20px;
}
.s-breadcrumb {
    display: none;
}
@media screen and (min-width:768px) {
    section{
        padding: 55px 0;
    }
    h1 {
        /* desktop/headline/H1 */


        font-style: normal;
        font-weight: bold;
        font-size: 44px;
    }
    h2 {
       /* desktop/headline/H2 */

       font-size: 32px;
        /* identical to box height, or 125% */
    }

    .s-page-home h2::after {
        
        width: 108px;
        height: 20px;
        bottom: -25px;
       
    }

    h3 {
       /* desktop/headline/H3 */
        font-size: 28px;
        letter-spacing: -0.8px;
        /* identical to box height, or 133% */
    }

    h4{
        /* desktop/headline/H4 */

        font-style: normal;
        font-weight: normal;
        font-size: 20px;
        /* identical to box height, or 150% */
    }

    p, ul, ol, td, tr {
       /* desktop/paragraph/normal */
       font-style: normal;
       font-size: 18px;
        /* identical to box height, or 187% */
    }
   
    a {
        /* mobile/link/default */      
        font-style: normal;
        font-size: inherit;
          /* identical to box height, or 179% */      
        text-decoration-line: underline;
      
    }

    [role="button"]{
        
        font-style: normal;
        font-weight: normal;
        line-height: 20px;
        transition: .3s ease-in-out;
    }
    
    
    main {
        margin-bottom: 120px;
    }
    
    
    .wrapper, .s-page-home .s-text, .s-page-home .s-item  {
        margin: 0 auto;
        max-width: 1380px;
        padding: 0 20px;
    }
    .s-text, .s-item, .header-c__wrapper  {
        margin: 0 auto;
        max-width: 1094px;
        padding: 0 20px;
    }

    p.s-align-center {
        max-width: 910px;
        margin: 0 auto;
    }
    
}

[role="button"] {
    transition: all 0.3s ease-in-out;
    position: relative;
    width: fit-content;
}