@import url('./fonts.css');


* {margin: 0;padding: 0;box-sizing: border-box;}
*::after { box-sizing: border-box;}
*::before {box-sizing: border-box;}
*::selection {background-color: rgba(194, 102, 27, 0.205); color: #fff;}
*:focus-visible {outline: none;}
*::placeholder{font-family: "Montserrat", sans-serif; color: #595959;}

textarea{font-family: "Montserrat", sans-serif;}

body {background-color: #FFFFFF; font-family: "Montserrat", sans-serif; overflow-x: hidden;}

img{max-width: 100%; height: auto; object-fit: cover;}

a{text-decoration: none; color: #6F6F6E; transition: all 200ms;}
a:hover{color: #434343;}
ol{padding-left: 15px;}
.lh166 ol{padding-left: 25px;}
p{font-size: 14px !important; font-weight: 400; line-height: 1.8; color: rgb(45, 44, 49);}

.container-fluid{padding: 0 30px;}
.container-wide{max-width: 1290px; width: 100%; margin: 0 auto;}
.container-narrow{max-width: 1035px; padding: 0 30px; width: 100%; margin: 0 auto;}

.btn{background: #292929;border-radius: 6px;padding: 10px 25px;display: flex;justify-content: center;align-items: center;color: #fff;font-style: normal;font-weight: 400;font-size: clamp(0.813rem, 0.784rem + 0.128vw, 0.938rem) /*15px->13px*/;width: fit-content;line-height: 23px; transition: all 250ms;}

.btn:hover{background: #ED6717; color: #fff;}

.btn.btn-orange{color: #fff !important; background-color: #ed6717 !important; border-radius: 40px; width: auto; height: auto; min-height: auto;}
.btn.btn-orange:hover{background: #292929 !important;}

.btn.btn-secondary{background: #1C1C1B;}
.btn.btn-secondary:hover{background: #292929; color: #fff;}

.btn.liveedit{background: #1775f1 !important;color: white !important;font-weight: 700 !important;padding: 5px 30px !important;font-size: 14px !important; width: 102px !important; height: 33px !important; margin: 10px 0; z-index: 1; position: relative;}
.btn.liveedit.absolute{position: absolute; top: 0; left: 0;}

/* liveedit */
.liveedit-bar{width: 200px;height: 75px;padding: 5px;background-color: rgba(0, 0, 0, 0.24);position: fixed;bottom: 0;left: 0;display: flex;justify-content: center;align-content: center;border-top-right-radius: 10px; z-index: 100000;}


h1{color: #000; font-weight: 800; font-size: clamp(1.875rem, 0.586rem + 2.689vw, 3.813rem) !important; /*61px->30px*/}
h2{color: #292b29; font-weight: 800; font-size: clamp(1.875rem, 1.210rem + 1.388vw, 2.875rem) !important /*46->30px*/;}
h3{color: #292b29; font-weight: 700; font-size: clamp(1.625rem, 1.251rem + 0.781vw, 2.188rem) !important /*35->26px*/;}
h4{color: #292b29; font-weight: 700; font-size: clamp(1.375rem, 1.209rem + 0.347vw, 1.625rem) !important /*26->22px*/;}

.read-more {color: #ed6717;font-size: 15px;font-weight: 500;transition: all .3s;}

.read-more:hover {color: #464646;}


@media screen and (max-width: 1600px){
    p{font-size: clamp(0.938rem, 0.847rem + 0.403vw, 1.250rem); line-height: clamp(1.250rem, 1.232rem + 0.081vw, 1.313rem);} 
}

@media screen and (max-width: 767px){
  .container-narrow{padding: 0;}
}

@media screen and (max-width: 500px){
    .container-fluid{padding: 0 15px;}
    .section-title{padding:  0 15px;}
}



/* Kontener siatki */
.container-bootstrap {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }
  
  @media (min-width: 576px) {
    .container-bootstrap {
      max-width: 540px;
    }
  }
  
  @media (min-width: 768px) {
    .container-bootstrap {
      max-width: 720px;
    }
  }
  
  @media (min-width: 992px) {
    .container-bootstrap {
      max-width: 960px;
    }
  }
  
  @media (min-width: 1200px) {
    .container-bootstrap {
      max-width: 1140px;
    }
  }
  
  /* Definicje wierszy */
  .row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  
  /* Definicje kolumn */
  [class*="col-"] {
    position: relative;
    width: 100%;
    padding-right: 5px;
    padding-left: 5px;
  }
  
  @media (min-width: 576px) {
    .col-sm-1 { flex: 0 0 8.333333%; max-width: 8.333333%; }
    .col-sm-2 { flex: 0 0 16.666667%; max-width: 16.666667%; }
    .col-sm-3 { flex: 0 0 25%; max-width: 25%; }
    .col-sm-4 { flex: 0 0 33.333333%; max-width: 33.333333%; }
    .col-sm-5 { flex: 0 0 41.666667%; max-width: 41.666667%; }
    .col-sm-6 { flex: 0 0 50%; max-width: 50%; }
    .col-sm-7 { flex: 0 0 58.333333%; max-width: 58.333333%; }
    .col-sm-8 { flex: 0 0 66.666667%; max-width: 66.666667%; }
    .col-sm-9 { flex: 0 0 75%; max-width: 75%; }
    .col-sm-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
    .col-sm-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
    .col-sm-12 { flex: 0 0 100%; max-width: 100%; }
  }
  
  @media (min-width: 768px) {
    .col-md-1 { flex: 0 0 8.333333%; max-width: 8.333333%; }
    .col-md-2 { flex: 0 0 16.666667%; max-width: 16.666667%; }
    .col-md-3 { flex: 0 0 25%; max-width: 25%; }
    .col-md-4 { flex: 0 0 33.333333%; max-width: 33.333333%; }
    .col-md-5 { flex: 0 0 41.666667%; max-width: 41.666667%; }
    .col-md-6 { flex: 0 0 50%; max-width: 50%; }
    .col-md-7 { flex: 0 0 58.333333%; max-width: 58.333333%; }
    .col-md-8 { flex: 0 0 66.666667%; max-width: 66.666667%; }
    .col-md-9 { flex: 0 0 75%; max-width: 75%; }
    .col-md-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
    .col-md-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
    .col-md-12 { flex: 0 0 100%; max-width: 100%; }
  }
  
  @media (min-width: 992px) {
    .col-lg-1 { flex: 0 0 8.333333%; max-width: 8.333333%; }
    .col-lg-2 { flex: 0 0 16.666667%; max-width: 16.666667%; }
    .col-lg-3 { flex: 0 0 25%; max-width: 25%; }
    .col-lg-4 { flex: 0 0 33.333333%; max-width: 33.333333%; }
    .col-lg-5 { flex: 0 0 41.666667%; max-width: 41.666667%; }
    .col-lg-6 { flex: 0 0 50%; max-width: 50%; }
    .col-lg-7 { flex: 0 0 58.333333%; max-width: 58.333333%; }
    .col-lg-8 { flex: 0 0 66.666667%; max-width: 66.666667%; }
    .col-lg-9 { flex: 0 0 75%; max-width: 75%; }
    .col-lg-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
    .col-lg-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
    .col-lg-12 { flex: 0 0 100%; max-width: 100%; }
  }
  
  @media (min-width: 1200px) {
    .col-xl-1 { flex: 0 0 8.333333%; max-width: 8.333333%; }
    .col-xl-2 { flex: 0 0 16.666667%; max-width: 16.666667%; }
    .col-xl-3 { flex: 0 0 25%; max-width: 25%; }
    .col-xl-4 { flex: 0 0 33.333333%; max-width: 33.333333%; }
    .col-xl-5 { flex: 0 0 41.666667%; max-width: 41.666667%; }
    .col-xl-6 { flex: 0 0 50%; max-width: 50%; }
    .col-xl-7 { flex: 0 0 58.333333%; max-width: 58.333333%; }
    .col-xl-8 { flex: 0 0 66.666667%; max-width: 66.666667%; }
    .col-xl-9 { flex: 0 0 75%; max-width: 75%; }
    .col-xl-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
    .col-xl-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
    .col-xl-12 { flex: 0 0 100%; max-width: 100%; }
  }