body{
background-color: #fff;
font-family: 'NaomiWeb', Verdana, sans-serif;
color:#333;
}

p, div, li, td {
font-size:18px; line-height:1.5em;
}

.biger {
font-size:20px; line-height:1.35em;
}

.biger2 {
font-size:26px; line-height:1.35em;
}

a {color:#5b9ef3;text-decoration:none;}
a:hover {color:#c1499b;}
.A1{text-decoration:none;line-height:1.3em;letter-spacing:1px;}
.linia {color:#333;text-decoration:none;border-bottom: 3px solid #749c24;}
.linia:hover {color:#333;text-decoration:none;border-bottom: 3px solid #82b4f4;}

.wiz{font-family:'NaomiCaps',sans-serif;font-size:15px;color:#888;text-decoration:none;line-height:1.3em;letter-spacing:2px;}
.kaps{font-family:'NaomiCaps',sans-serif;line-height:0.85em;}

.cena {font-weight:bold;color:#000;font-size:22px;letter-spacing:1px;}
.cena1 {text-decoration:line-through;font-size:15px;color:#999;}
.nazwa {font-weight:bold;}
.ST{font-size:15px;color:#555;}
.info{font-size:16px;color:#777;}

.inp{color:black;font-size:16px;}
.inp1{text-transform:lowercase;color:black;font-size:16px;}
.ornam{font-size:77px;color:#000;font-family:NaomiWeb,sans-serif;margin-left:34px;margin-top:-15px;line-height:1em;}
.gwiazdka {font-family: Verdana, sans-serif;font-size:20px;line-height:0.5em;color:#ff3333;}

.kolor{font-size:22px;color:white; text-transform:uppercase;margin-left:20px;letter-spacing:2px;}
.kolor1{font-size:22px;color:black; text-transform:uppercase;margin-left:20px;letter-spacing:2px;}
.czte {font-size:160px;color:#596ebe;line-height:1.1em;}

.rogi {
border-radius: 20px 0px 20px 0px;
-webkit-border-radius: 20px 0px 20px 0px;
-moz-border-radius: 20px 0px 20px 0px;
}

.kolo {
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
}

.navbar-default {
  min-height: 70px;
  background-color: #f2f4f6;
  border-color: #fff;
  border-radius: 0px;
  margin-bottom: 50px;
}

.navbar-brand {padding: 0 15px;}
@media (max-width:992px){
.navbar-brand {padding: 0 0;}
}

.navbar-default .nav > li > a:hover {
background-color: #efefef;
color:#4a6da7;}

.navbar-default .nav > li > a,
.navbar-default .nav > li > a:focus {
  padding-top: 27px;
  padding-bottom: 23px;
  font-weight: normal;
  font-size: 20px;
  letter-spacing:2px;
  color: #000;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color: #ececec;
  color: #4a6da7;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a {
  background-color: #f5f5f5;
  color: #4a6da7;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
  background-color: #fff;
  color:#4a6da7;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
background-color: #f2f4f6;
color: #629006;
border-bottom: 5px solid #719e22;
height: 60px;
}

.navbar-default .navbar-toggle {
    border-color: #4a6bb5;
	margin-top: 18px;
    margin-bottom: 18px;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #fff;
}

.btn {
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 1px;
}

.dokoszyka {
   text-transform: none;
   background-color: #dd3395;
	padding: 5px 40px;
	letter-spacing:2px;
   color: white;
	border-radius: 0px;
}

.dokoszyka:hover, .dokoszyka:focus {
  color: #fff;
  background-color: #5a9df4;
  border-color: #5a9df4;
}
@media (max-width:480px) {
.dokoszyka {
	padding: 5px 20px;}
}

.kupuj {
    background-color: #30333c;
    font-size: 18px;
	border-color: #30333c;
	:font-weight: bold;
    color: #fff;
	padding: 10px 20px;
	border-radius: 25px;
	letter-spacing:2px;
}

.kupuj:hover, .kupuj:focus .kupuj:active {
  color: #fff;
  background-color: #709e21;
  border-color: #709e21;
}

.pdf {
    background-color: #4a6da7;
	padding: 8px 14px;
	border-radius: 0px;
    color: white;
}

.pdf:hover, .kup:focus {
  color: #fff;
  background-color: #4d5967;
  border-color: #4d5967;
}

.epdf {
    background-color: #6a9516;
    font-size: 18px;
	border-color: #6a9516;
    color: #fff;
	padding: 15px 25px;
	border-radius: 0px
}

.epdf:hover, .epdf:focus .epdf:active {
  color: #fff;
  background-color: #dd3395;
  border-color: #dd3395;
}

.apdf {
    background-color: #dd3395;
    font-size: 18px;
	border-color: #dd3395;
    color: #fff;
	padding: 15px 25px;
	border-radius: 0px
}

.apdf:hover, .apdf:focus .apdf:active {
  color: #fff;
  background-color: #6a9516;
  border-color: #6a9516;
}

.przelew {
    background-color: #65a5f7;
	padding: 8px 14px;
	border-radius: 0px;
    color: white;
	border-left: 20px solid #282828;
	border-right: 20px solid #282828;
	margin-top:15px;
	margin-bottom:25px;
}

.przelew:hover, .przelew:focus {
  color: #fff;
  background-color: #282828;
  border-left: 20px solid #65a5f7;
  border-right: 20px solid #65a5f7;
}

.wybierz {
font-size:16px;
letter-spacing:1px;
color:black;
}

.btn-info2 {
    background-color: #5bc0de;
	padding: 5px 12px;
    color: white;
}

.btn-default {
    background-color: #fff;
	border-color: #4d5967;
    color: #444;
}

.btn-default:hover, .btn-default:focus {
  color: #fff;
  background-color: #5a94ef;
  border-color: #5a94ef;
}

.btn-info {
    background-color: #fff;
	border-color: #5a94ef;
    color: #000;
	padding: 10px 15px;
	border-radius: 0px
}

.btn-info:hover, .btn-info:focus {
  color: #fff;
  background-color: #5a94ef;
  border-color: #5a94ef;
}

.zest {
    background-color: #fff;
	padding: 4px 10px;
    color: #444;
}

.zest:hover, .zest:focus {
  color: #fff;
  background-color: #4d5967;
  border-color: #4d5967;
}

.panel-primary {
border-radius: 0px;
border-color: #ccc;
}
.panel-primary > .panel-heading {
font-size:20px;
color: #000;
background-color: #fed840;
border-radius: 0px;
}

.panel-primary > .panel-footer {
  background-color: #fff;
}

.panel-info {
border: 0px;
}
.panel-info > .panel-footer {
  background-color: #f2f4f6;
}

.list-group-item-info {
color: #222;
font-weight: bold;
background-color: #ecf0f2;
}

.table > tbody > tr > th {
text-transform: uppercase;
font-size:18px;
font-weight:400;
line-height:1.5em;
background-color:#222;
padding:10px;
color:#fff;
letter-spacing:2px;
}

.table2 > tbody > tr > td {
border-top: 0px;
}

.ft {
width:1140px;
background-color:#343d46;
margin-top: 40px;
font-size:16px;letter-spacing:1px;
color:#fff;
border-top: 30px solid #f2f4f6;
}

.ft > a, .ft > a:hover {
color:#fed840;
}

@media (max-width:1140px){
.ft {
width:100%;
font-size:13px;
}
}

.nobord {
border: 0px;
}

.nobord1 {
border-color: #ecf0f2;
border-bottom: 0px;
border-left: 0px;
border-right: 0px;
}

.nobord2 {
background-color:#ebeff9;
border-color: #ebeff9;
border-bottom: 0px;
border-left: 0px;
border-right: 0px;
}

.opis {
background-color:#eceff1;
padding: 20px;
border-radius: 4px;
}

.opis1 {
background-color:#f5f5f5;
padding: 25px;
}

.opis2 {
background-color:#ebeff9;
padding: 25px;
border-left: 15px solid #444;
}

.opis3 {
background-color:#5a94ef;
color:#fff;
padding: 25px;
border-left: 20px solid #777;
}

.opis4 {
background-color:#ebeff9;
padding: 25px;
}

.opis5 {
margin-top:25px;
background-color:#709e21;
color:#fff;
padding: 25px;
}

.opis54 {
padding: 24px;
border: 4px solid #7e57c2;
}

.opis55 {
padding: 24px;
border: 4px solid #c2c2c2;
}

.opis6 {
padding: 24px;
border: 4px solid #ce9d50;
}

.opis7 {
background-color:#ebeff9;
padding: 15px;
border: 7px solid #c42c8e;
}

.opis8 {
background-color:#343d46;
color:#fff;
padding: 25px;
}

.sklep1 {
background-color:#a9bad9;
border-right: 2px solid #788796;
padding: 20px;
border-radius: 20px;
margin-bottom:20px;
}

.sklep2 {
background-color:#b3cfc9;
border-right: 2px solid #788796;
padding: 20px;
border-radius: 20px;
margin-bottom:20px;
}

.sklep3 {
background-color:#ced1d8;
border-right: 2px solid #788796;
padding: 20px;
border-radius: 20px;
margin-bottom:20px;
}

blockquote {
background-color: #f0f2f4;
border-left: 7px solid #8999cf;
}

.intros {
font-family: 'Intro', Georgia, serif;
color:#282828;
  margin-bottom: 20px;
  font-size: 52px;
  line-height: 60px;
}
@media (max-width:480px){
.intros{
  font-size:40px;
  line-height: 48px;
  margin-bottom: 10px;}
}

.fontypl {
color:#777;
font-size: 56px;
line-height:1em;
letter-spacing:3px;
border-bottom: 3px solid #777;
  padding-bottom: 14px;
}

h1 {
padding:20px;
background-color: #30333c;
color:#fff;
margin:0 0;
font-size: 38px;
line-height:1em;
letter-spacing:1px;
border-bottom: 6px solid #b6cd37;
margin-bottom: 30px;
}

.zamowienie {
padding: 15px 15px;
background-color: #343d46;
color:#fff;
font-size: 38px;
line-height:1em;
letter-spacing:2px;
}

.ofert {
padding: 20px 15px;
background-color: #5a94ef;
color:#fff;
font-size: 44px;
line-height:1em;
letter-spacing:2px;
border-left: 15px solid #fed840;
}

.sizer {
  width: 640px;
}

.napisy {
font-family: 'Gasoek', Georgia, serif;
color:#282828;
  margin-top: -5px;
  margin-bottom: 4px;
  font-size: 60px;
  line-height: 60px;
}

/* ===================================================== */
/* FONTY.PL 2026 - MOBILE IMPROVEMENTS */
/* DODAJ NA SAMYM KOŃCU PLIKU CSS */
/* ===================================================== */

@media (max-width:767px){

/* -------------------- */
/* OGÓLNE */
/* -------------------- */

body{
    overflow-x:hidden;
}

p, li, td{
    font-size:16px;
    line-height:1.6em;
}

.biger{
    font-size:18px;
}

.biger2{
    font-size:24px;
}

/* -------------------- */
/* MENU */
/* -------------------- */

.navbar-default{
    min-height:50px;
    margin-bottom:20px;
}

.navbar-brand{
    padding:0;
}

.navbar-default .navbar-toggle{
    margin-top:25px;
    margin-bottom:25px;
}

.navbar-collapse{
    background:#fff;
    border-top:1px solid #ddd;
}

.navbar-default .nav > li > a,
.navbar-default .nav > li > a:focus{

    padding:10px 15px;

    font-size:18px;

    letter-spacing:1;

    line-height:1em;

    border-bottom:1px solid #ececec;
}

.navbar-default .nav > li > a:hover{
    background:#f5f5f5;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus{

    height:auto;

    border-bottom:1px solid #ececec;
}

/* -------------------- */
/* NAGŁÓWKI */
/* -------------------- */

h1{

    font-size:30px;

    line-height:1.15em;

    padding:15px;

    margin-bottom:20px;
}

.intros{

    font-size:36px;

    line-height:1.1em;

    margin-bottom:15px;
}

.napisy{

    font-size:42px;

    line-height:1.05em;
}

.fontypl{

    font-size:36px;

    letter-spacing:1px;
}

/* -------------------- */
/* BOXy */
/* -------------------- */

.opis,
.opis1,
.opis2,
.opis3,
.opis4{

    padding:18px;

    border-radius:12px;
}

.sklep1,
.sklep2,
.sklep3{

    padding:18px;

    border-radius:16px;
}

/* -------------------- */
/* PRZYCISKI */
/* -------------------- */

.btn{

    width:100%;

    margin-bottom:10px;
}

.dokoszyka{

    width:100%;

    padding:12px 20px;

    font-size:18px;
}

.kupuj{

    width:100%;

    padding:12px 20px;
}

.epdf,
.apdf{

    width:100%;
}

/* -------------------- */
/* OBRAZKI */
/* -------------------- */

.img-responsive{

    margin-left:auto;

    margin-right:auto;
}

img{

    max-width:100%;

    height:auto;
}

/* -------------------- */
/* TABELKI */
/* -------------------- */

.table{

    font-size:15px;
}

.table > tbody > tr > th{

    font-size:15px;

    letter-spacing:1px;
}

/* -------------------- */
/* STOPKA */
/* -------------------- */

.ft{

    font-size:14px;

    text-align:center;
}

}


/* -------------------- */
/* KOSZYK NOWY */
/* -------------------- */

.koszyk-mobile{
    display:none;
}

@media (max-width:767px){

.koszyk-desktop{
    display:none;
}

.koszyk-mobile{
    display:inline;
}
}

.cena-start{
    text-align:center;
    margin-bottom:25px;
}

.cena-od{
    font-size:18px;
}

.cena-duza{
    font-size:30px;
    font-weight:bold;
    line-height:1em;
    color:#222;
}

.cena-brutto{
    font-size:20px;
    color:#666;
    margin-top:5px;
}

.cena-info{
    margin-top:10px;
    color:#666;
}

.licencje{
    display:flex;
    flex-wrap:wrap;
    gap:15px;
    margin-top:20px;
    margin-bottom:25px;
}

.licencja-box{
    position:relative;
    flex:1 1 220px;
    padding:20px;
    border:2px solid #dcdcdc;
    border-radius:14px;
    background:#fff;
    cursor:pointer;
    transition:0.2s;
}

.licencja-box:hover{
    border-color:#7ca612;
}

.licencja-box input{
    margin-bottom:12px;
}

.licencja-typ{
    font-size:22px;
    color:#c42c8e;
    font-weight:bold;
}

.licencja-opis{
    color:#999;
    min-height:40px;
    margin-top:6px;
}

.licencja-cena{
    margin-top:15px;
    font-size:28px;
    font-weight:bold;
}

.cena-info2{
    margin-top:0px;
    color:#999;
}

.popular{
    border-color:#c42c8e;
}

.popular-tag{
    position:absolute;
    top:-12px;
    left:15px;
    background:#c42c8e;
    color:#fff;
    padding:4px 12px;
    border-radius:30px;
    font-size:13px;
    font-weight:bold;
}

.kup-font{
    width:100%;
    font-size:22px;
    padding:14px;
    background:#c42c8e;
}

.pakiet-zawiera{

    margin-top:30px;

    padding-top:20px;

    border-top:1px solid #ddd;
}

.licencja-link{
    text-align:center;
    margin-top:20px;
}

@media(max-width:767px){

.licencja-box{
    padding:10px;
}

.cena-duza{
    font-size:30px;
}

.licencja-typ{
    font-size:18px;
    font-weight:bold;
}

.licencja-cena{
    font-size:20px;
}

.zamowienie {
padding: 15px 15px;
background-color: #343d46;
color:#fff;
font-size: 28px;
line-height:1em;
}

}

#fonty-toggle,
#fonty-submenu{
    display:none;
}

@media (max-width:767px){

#fonty-menu-mobile{
    position:relative;
}

#fonty-toggle{
    display:block;
    position:absolute;
    right:10px;
    top:1px;
    cursor:pointer;
}

#fonty-submenu{
    background:#fafafa;
    border-top:1px solid #eee;
}

#fonty-submenu a{
    display:block;
    padding:6px 15px 6px 50px;
    border-bottom:1px solid #eee;
    font-size:16px;
}
}