@charset "utf-8";
@font-face {
    font-family: 'allerbold';
    src: url('../include/fonts/aller/aller_bd-webfont.woff2') format('woff2'),
         url('../include/fonts/aller/aller_bd-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'allerbold_italic';
    src: url('../include/fonts/aller/aller_bdit-webfont.woff2') format('woff2'),
         url('../include/fonts/aller/aller_bdit-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'alleritalic';
    src: url('../include/fonts/aller/aller_it-webfont.woff2') format('woff2'),
         url('../include/fonts/aller/aller_it-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'aller_lightregular';
    src: url('../include/fonts/aller/aller_lt-webfont.woff2') format('woff2'),
         url('../include/fonts/aller/aller_lt-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'aller_lightitalic';
    src: url('../include/fonts/aller/aller_ltit-webfont.woff2') format('woff2'),
         url('../include/fonts/aller/aller_ltit-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'allerregular';
    src: url('../include/fonts/aller/aller_rg-webfont.woff2') format('woff2'),
         url('../include/fonts/aller/aller_rg-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'aller_displayregular';
    src: url('../include/fonts/aller/allerdisplay-webfont.woff2') format('woff2'),
         url('../include/fonts/aller/allerdisplay-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'latoregular';
    src: url('../include/fonts/lato_all_language/lato-regular-webfont.woff2') format('woff2'),
         url('../include/fonts/lato_all_language/lato-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'latobold';
    src: url('../include/fonts/lato_all_language/lato-bold-webfont.woff2') format('woff2'),
         url('../include/fonts/lato_all_language/lato-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'bahnschriftregular';
    src: url('../include/fonts/bahnschrift/bahnschrift-webfont.woff2') format('woff2'),
         url('../include/fonts/bahnschrift/bahnschrift-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




* {
  --main-color: #e8b333;
  --main-color-2: #11110f;
  --main-color-3: #ffffff;
  --main-color-4: #ededed;
  --main-color-5: #5e6372;
  --main-color-6: #4f4f4f;
  --main-color-7: #dfdede;
  --main-color-8: #000000;
  --main-color-9: #e8b333;
  --main-color-10: #eae3e3;
  
  --main-color-11: #ef7d00;
  --main-color-12: #0b0c0a;
  --main-color-13: #f7a600;
  --main-color-14: #1d1d1b;
  --main-color-15: #282728;
  --main-color-16: #878787;
  --main-color-17: #e3e3e3;
  
  /*panel*/
  --main-color-panel: #f8f9fa;
  
}

.bg-color {background-color: var(--main-color)}
.bg-color2 {background-color: var(--main-color-2)}
.bg-color3 {background-color: var(--main-color-3)}
.bg-color4 {background-color: var(--main-color-4)}
.bg-color5 {background-color: var(--main-color-5)}
.bg-color6 {background-color: var(--main-color-6)}
.bg-color7 {background-color: var(--main-color-7)}
.bg-color8 {background-color: var(--main-color-8)}
.bg-color9 {background-color: var(--main-color-9)}
.bg-color10 {background-color: var(--main-color-10)}
.bg-color11 {background-color: var(--main-color-11)}
.bg-color12 {background-color: var(--main-color-12)}
.bg-color13 {background-color: var(--main-color-13)}
.bg-color14 {background-color: var(--main-color-14)}
.bg-color15 {background-color: var(--main-color-15)}
.bg-color16 {background-color: var(--main-color-16)}
.bg-color17 {background-color: var(--main-color-17)}


  
.border-color {border: 2px solid var(--main-color); padding: 5px; border-radius: 10px;}
.border-color2 {border: 2px solid var(--main-color-2); padding: 5px; border-radius: 10px;}
.border-color3 {border: 2px solid var(--main-color-3); padding: 5px; border-radius: 10px;}
.border-color4 {border: 2px solid var(--main-color-4); padding: 5px; border-radius: 10px;}
.border-color5 {border: 2px solid var(--main-color-5); padding: 5px; border-radius: 10px;}
.border-color6 {border: 2px solid var(--main-color-6); padding: 5px; border-radius: 10px;}
.border-color7 {border: 2px solid var(--main-color-7); padding: 5px; border-radius: 10px;}
.border-color8 {border: 2px solid var(--main-color-8); padding: 5px; border-radius: 10px;}
.border-color9 {border: 2px solid var(--main-color-9); padding: 5px; border-radius: 10px;}
.border-color10 {border: 2px solid var(--main-color-10); padding: 5px; border-radius: 10px;}
.border-color11 {border: 2px solid var(--main-color-11); padding: 5px; border-radius: 10px;}
.border-color12 {border: 2px solid var(--main-color-12); padding: 5px; border-radius: 10px;}
.border-color13 {border: 2px solid var(--main-color-13); padding: 5px; border-radius: 10px;}
.border-color14 {border: 2px solid var(--main-color-14); padding: 5px; border-radius: 10px;}
.border-color15 {border: 2px solid var(--main-color-15); padding: 5px; border-radius: 10px;}
.border-color16 {border: 2px solid var(--main-color-16); padding: 5px; border-radius: 10px;}
.border-color17 {border: 2px solid var(--main-color-17); padding: 5px; border-radius: 10px;}


.font-color {color: var(--main-color)}
.font-color2 {color: var(--main-color-2)}
.font-color3 {color: var(--main-color-3)}
.font-color4 {color: var(--main-color-4)}
.font-color5 {color: var(--main-color-5)}
.font-color6 {color: var(--main-color-6)}
.font-color7 {color: var(--main-color-7)}
.font-color8 {color: var(--main-color-8)}
.font-color9 {color: var(--main-color-9)}
.font-color10 {color: var(--main-color-10)}
.font-color11 {color: var(--main-color-11)}
.font-color12 {color: var(--main-color-12)}
.font-color13 {color: var(--main-color-13)}
.font-color14 {color: var(--main-color-14)}
.font-color15 {color: var(--main-color-15)}
.font-color16 {color: var(--main-color-16)}
.font-color17 {color: var(--main-color-17)}







a {color: var(--main-color-2);}
a:hover { text-decoration:underline; color: var(--main-color-2);}









/*cards na rizna ilosc kolumn ale wysokosc dostosuje begin*/
.cards-diffrent .row {
   display: flex;
   flex-wrap: wrap;
}

.cards-diffrent .row > div[class*='col-'] {
  display: flex;
}
/*cards na rizna ilosc kolumn ale wysokosc dostosuje end*/