/* Paddings */

.pt-0 {padding-top: 0px;}
.pb-0 {padding-bottom: 0px;}
.pl-0 {padding-left: 0px;}
.pr-0 {padding-right: 0px;}
.pa-0 {padding: 0px!important;}

.pt-3 {padding-top: 3px;}
.pb-3 {padding-bottom: 3px;}
.pl-3 {padding-left: 3px;}
.pr-3 {padding-right: 3px;}
.pa-3 {padding: 3px;}

.pt-6 {padding-top: 6px;}
.pb-6 {padding-bottom: 6px;}
.pl-6 {padding-left: 6px;}
.pr-6 {padding-right: 6px;}
.pa-6 {padding: 6px;}

.pt-9 {padding-top: 9px;}
.pb-9 {padding-bottom: 9px;}
.pl-9 {padding-left: 9px;}
.pr-9 {padding-right: 9px;}
.pa-9 {padding: 9px;}

.pt-12 {padding-top: 12px;}
.pb-12 {padding-bottom: 12px;}
.pl-12 {padding-left: 12px;}
.pr-12 {padding-right: 12px;}
.pa-12 {padding: 12px;}

.pt-15 {padding-top: 15px;}
.pb-15 {padding-bottom: 15px;}
.pl-15 {padding-left: 15px;}
.pr-15 {padding-right: 15px;}
.pa-15 {padding: 15px;}

.pt-18 {padding-top: 18px;}
.pb-18 {padding-bottom: 18px;}
.pl-18 {padding-left: 18px;}
.pr-18 {padding-right: 18px;}
.pa-18 {padding: 18px;}

.pt-21 {padding-top: 21px;}
.pb-21 {padding-bottom: 21px;}
.pl-21 {padding-left: 21px;}
.pr-21 {padding-right: 21px;}
.pa-21 {padding: 21px;}

.pt-24 {padding-top: 24px;}
.pb-24 {padding-bottom: 24px;}
.pl-24 {padding-left: 24px;}
.pr-24 {padding-right: 24px;}
.pa-24 {padding: 24px;}

.pt-30 {padding-top: 30px;}
.pb-30 {padding-bottom: 30px;}
.pl-30 {padding-left: 30px;}
.pr-30 {padding-right: 30px;}
.pa-30 {padding: 30px;}

.pt-32 {padding-top: 32px;}
.pb-32 {padding-bottom: 32px;}
.pl-32 {padding-left: 32px;}
.pr-32 {padding-right: 32px;}
.pa-32 {padding: 32px;}

.pt-36 {padding-top: 36px;}
.pb-36 {padding-bottom: 36px;}
.pl-36 {padding-left: 36px;}
.pr-36 {padding-right: 36px;}
.pa-36 {padding: 36px;}

.pt-48 {padding-top: 48px;}
.pb-48 {padding-bottom: 48px;}
.pl-48 {padding-left: 48px;}
.pr-48 {padding-right: 48px;}
.pa-48 {padding: 48px;}

.pt-64 {padding-top: 64px;}
.pb-64 {padding-bottom: 64px;}
.pl-64 {padding-left: 64px;}
.pr-64 {padding-right: 64px;}
.pa-64 {padding: 64px;}

.pt-96 {padding-top: 96px;}
.pb-96 {padding-bottom: 96px;}
.pl-96 {padding-left: 96px;}
.pr-96 {padding-right: 96px;}
.pa-96 {padding: 96px;}

.pt-128 {padding-top: 128px;}
.pb-128 {padding-bottom: 128px;}
.pl-128 {padding-left: 128px;}
.pr-128 {padding-right: 128px;}
.pa-128 {padding: 128px;}

@media(max-width: 480px) {
    .p0-xs {
        padding: 0;
    }
}

/* Margins */

.mt-0 {margin-top: 0px;}
.mb-0 {margin-bottom: 0px;}
.ml-0 {margin-left: 0px;}
.mr-0 {margin-right: 0px;}
.ma-0 {margin: 0px!important;}

.mt-3 {margin-top: 3px;}
.mb-3 {margin-bottom: 3px;}
.ml-3 {margin-left: 3px;}
.mr-3 {margin-right: 3px;}
.ma-3 {margin: 3px;}

.mt-6 {margin-top: 6px;}
.mb-6 {margin-bottom: 6px;}
.ml-6 {margin-left: 6px;}
.mr-6 {margin-right: 6px;}
.ma-6 {margin: 6px;}

.mt-9 {margin-top: 9px;}
.mb-9 {margin-bottom: 9px;}
.ml-9 {margin-left: 9px;}
.mr-9 {margin-right: 9px;}
.ma-9 {margin: 9px;}

.mt-12 {margin-top: 12px;}
.mb-12 {margin-bottom: 12px;}
.ml-12 {margin-left: 12px;}
.mr-12 {margin-right: 12px;}
.ma-12 {margin: 12px;}

.mt-15 {margin-top: 15px;}
.mb-15 {margin-bottom: 15px;}
.ml-15 {margin-left: 15px;}
.mr-15 {margin-right: 15px;}
.ma-15 {margin: 15px;}

.mt-18 {margin-top: 18px;}
.mb-18 {margin-bottom: 18px;}
.ml-18 {margin-left: 18px;}
.mr-18 {margin-right: 18px;}
.ma-18 {margin: 18px;}


.mt-21 {margin-top: 21px;}
.mb-21 {margin-bottom: 21px;}
.ml-21 {margin-left: 21px;}
.mr-21 {margin-right: 21px;}
.ma-21 {margin: 21px;}

.mt-24 {margin-top: 24px;}
.mb-24 {margin-bottom: 24px;}
.ml-24 {margin-left: 24px;}
.mr-24 {margin-right: 24px;}
.ma-24 {margin: 24px;}

.mt-28 {margin-top: 28px;}
.mb-28 {margin-bottom: 28px;}
.ml-28 {margin-left: 28px;}
.mr-28 {margin-right: 28px;}
.ma-28 {margin: 28px;}

.mt-30 {margin-top: 30px;}
.mb-30 {margin-bottom: 30px;}
.ml-30 {margin-left: 30px;}
.mr-30 {margin-right: 30px;}
.ma-30 {margin: 30px;}

.mt-32 {margin-top: 32px;}
.mb-32 {margin-bottom: 32px;}
.ml-32 {margin-left: 32px;}
.mr-32 {margin-right: 32px;}
.ma-32 {margin: 32px;}

.mt-36 {margin-top: 36px;}
.mb-36 {margin-bottom: 36px;}
.ml-36 {margin-left: 36px;}
.mr-36 {margin-right: 36px;}
.ma-36 {margin: 36px;}

.mt-48 {margin-top: 48px;}
.mb-48 {margin-bottom: 48px;}
.ml-48 {margin-left: 48px;}
.mr-48 {margin-right: 48px;}
.ma-48 {margin: 48px;}

.mt-64 {margin-top: 64px;}
.mb-64 {margin-bottom: 64px;}
.ml-64 {margin-left: 64px;}
.mr-64 {margin-right: 64px;}
.ma-64 {margin: 64px;}

.mt-96 {margin-top: 96px;}
.mb-96 {margin-bottom: 96px;}
.ml-96 {margin-left: 96px;}
.mr-96 {margin-right: 96px;}
.ma-96 {margin: 96px;}

.mt-128 {margin-top: 128px;}
.mb-128 {margin-bottom: 128px;}
.ml-128 {margin-left: 128px;}
.mr-128 {margin-right: 128px;}
.ma-128 {margin: 128px;}


/* Solid Borders */

.sbt-0 {border-top-width: 0px; border-top-style: solid;}
.sbb-0 {border-bottom-width: 0px; border-bottom-style: solid;}
.sbl-0 {border-left-width: 0px; border-left-style: solid;}
.sbr-0 {border-right-width: 0px; border-right-style: solid;}
.sb-0 {border-width: 0px; border-style: solid;}

.sbt-1 {border-top-width: 1px; border-top-style: solid;}
.sbb-1 {border-bottom-width: 1px; border-bottom-style: solid;}
.sbl-1 {border-left-width: 1px; border-left-style: solid;}
.sbr-1 {border-right-width: 1px; border-right-style: solid;}
.sb-1 {border-width: 1px; border-style: solid;}

.sbt-3 {border-top-width: 3px; border-top-style: solid;}
.sbb-3 {border-bottom-width: 3px; border-bottom-style: solid;}
.sbl-3 {border-left-width: 3px; border-left-style: solid;}
.sbr-3 {border-right-width: 3px; border-right-style: solid;}
.sb-3 {border-width: 3px; border-style: solid;}

/* Transparent backgrounds */

/* Black */

.bck-tb-0 {background: rgba(0,0,0,0);}
.bck-tb-10 {background: rgba(0,0,0,0.1);}
.bck-tb-20 {background: rgba(0,0,0,0.2);}
.bck-tb-30 {background: rgba(0,0,0,0.3);}
.bck-tb-40 {background: rgba(0,0,0,0.4);}
.bck-tb-50 {background: rgba(0,0,0,0.5);}
.bck-tb-60 {background: rgba(0,0,0,0.6);}
.bck-tb-70 {background: rgba(0,0,0,0.7);}
.bck-tb-80 {background: rgba(0,0,0,0.8);}
.bck-tb-90 {background: rgba(0,0,0,0.9);}
.bck-tb-100 {background: rgba(0,0,0,1);}

/* White */

.bck-tw-0 {background: rgba(255,255,255,0);}
.bck-tw-10 {background: rgba(255,255,255,0.1);}
.bck-tw-20 {background: rgba(255,255,255,0.2);}
.bck-tw-30 {background: rgba(255,255,255,0.3);}
.bck-tw-40 {background: rgba(255,255,255,0.4);}
.bck-tw-50 {background: rgba(255,255,255,0.5);}
.bck-tw-60 {background: rgba(255,255,255,0.6);}
.bck-tw-70 {background: rgba(255,255,255,0.7);}
.bck-tw-80 {background: rgba(255,255,255,0.8);}
.bck-tw-90 {background: rgba(255,255,255,0.9);}
.bck-tw-100 {background: rgba(255,255,255,1);}

/* shadowed */

.shadowed-horizontal-strong
{width: 100%;
background:  -ms-linear-gradient(left, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.0) 33%,rgba(0,0,0,0.0) 66%,rgba(0,0,0,0.6) 100%);
background: -moz-linear-gradient(left, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.0) 33%, rgba(0,0,0,0.0) 66%, rgba(0,0,0,0.6) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.7)), color-stop(40%,rgba(0,0,0,0)), color-stop(60%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.6)));
background: -webkit-linear-gradient(left, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.0) 33%,rgba(0,0,0,0) 60%,rgba(0,0,0,0.6) 100%);
background: -o-linear-gradient(left, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.0) 33%,rgba(0,0,0,0) 60%,rgba(0,0,0,0.6) 100%);
background: -ms-linear-gradient(left, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.0) 33%,rgba(0,0,0,0) 60%,rgba(0,0,0,0.6) 100%);
background: linear-gradient(to right, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.0) 33%,rgba(0,0,0,0) 60%,rgba(0,0,0,0.6) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000', endColorstr='#b3000000',GradientType=1 );
}

.shadowed-horizontal-light {
width: 100%;
background: -ms-linear-gradient (left, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.0) 33%, rgba(0,0,0,0.0) 66%, rgba(0,0,0,0.2) 100%);
background: -moz-linear-gradient(left, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 33%, rgba(0,0,0,0) 66%, rgba(0,0,0,0.2) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.2)), color-stop(40%,rgba(0,0,0,0)), color-stop(60%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.2)));
background: -webkit-linear-gradient(left, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.0) 33%,rgba(0,0,0,0) 60%,rgba(0,0,0,0.2) 100%);
background: -o-linear-gradient(left, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.0) 33%,rgba(0,0,0,0) 60%,rgba(0,0,0,0.2) 100%);
background: -ms-linear-gradient(left, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.0) 33%,rgba(0,0,0,0) 60%,rgba(0,0,0,0.2) 100%);
background: linear-gradient(to right, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.0) 33%,rgba(0,0,0,0) 60%,rgba(0,0,0,0.2) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000', endColorstr='#b3000000',GradientType=1 );
}

.shadowed-vertical-strong{
width: 100%;
background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.05) 45%, rgba(0,0,0,0.05) 55%, rgba(0,0,0,0.5) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.5)), color-stop(45%,rgba(0,0,0,0.05)),  color-stop(55%,rgba(0,0,0,0.05))color-stop(100%,rgba(0,0,0,0.5))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.05) 45%,rgba(0,0,0,0.05) 55%,rgba(0,0,0,0.5) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.05) 45%,rgba(0,0,0,0.05) 55%,rgba(0,0,0,0.5) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.05) 45%,rgba(0,0,0,0.05) 55%,rgba(0,0,0,0.5) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.05) 45%,rgba(0,0,0,0.05) 55%,rgba(0,0,0,0.5) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */
}

/* Useful formatting */

.fullwidth {width: 100%;}
.cleared {clear: both; width: 100%;}
.centered {text-align: center; margin-left: auto; margin-right: auto;}
.inline {display:inline;line-height: 72px;}
div.rounded {
border-style: solid;
padding: 8px;
background-color: #ccc;
}

.sq100{
height: 100px;
width: 100px;}

.sq150{
height: 150px;
width: 150px;}

.roundpicture{
border-radius: 50%;}

.roundpicture24{
border-radius: 24px;}

/* Tekst-shadow */

.shatex-1 {text-shadow: 1px 1px 1px rgba(0,0,0,0.5);}
.shatex-2 {text-shadow: 1px 1px 2px rgba(0,0,0,0.5);}
.shatex-3 {text-shadow: 2px 2px 3px rgba(0,0,0,0.5);}

/* Border-Radius */

.br-1 {border-radius: 1px;}
.br-2 {border-radius: 2px;}
.br-3 {border-radius: 3px;}
.br-6 {border-radius: 6px;}
.br-9 {border-radius: 9px;}
.br-12 {border-radius: 12px;}

/* wielkość czczionek  */

.fsm3 {font-size: 5px!important;}
.fsm2 {font-size: 7px!important;}
.fsm1 {font-size: 9px!important;}
.fs0 {font-size: 12px!important;}
.fsp1 {font-size: 16px!important;}
.fsp2 {font-size: 21px!important;}
.fsp3 {font-size: 28px!important;}
.fsp4 {font-size: 38px!important;}
.fsp5 {font-size: 50px!important;}
.fsp6 {font-size: 66px!important;}
.fsp7 {font-size: 88px!important;}
.fsp8 {font-size: 118px!important;}
.fsp9 {font-size: 158px!important;}
.fsp10 {font-size: 210px!important;}

@media (max-width: 768px) {
.fsm3 {font-size: 5px!important;}
.fsm2 {font-size: 7px!important;}
.fsm1 {font-size: 9px!important;}
.fs0 {font-size: 11px!important;}
.fsp1 {font-size: 14px!important;}
.fsp2 {font-size: 18px!important;}
.fsp3 {font-size: 21px!important;}
.fsp4 {font-size: 26px!important;}
.fsp5 {font-size: 32px!important;}
.fsp6 {font-size: 48px!important;}
.fsp7 {font-size: 52px!important;}
.fsp8 {font-size: 60px!important;}
.fsp9 {font-size: 80px!important;}
.fsp10 {font-size: 100px!important;}
}

@media (max-width: 480px) {
    .fsp6 {font-size: 30px!important;}
}

.bs-content{
box-sizing: content-box;}

.bw-0{
border-width: 0px;
}

/* grey shadows 
.c-grey-0 = black
.c-grey-16 = white
apply values between to get different grey shades
*/

.c-grey-0 {color: #000000!important;}
.c-grey-1 {color: #101010!important;}
.c-grey-2 {color: #202020!important;}
.c-grey-3 {color: #303030!important;}
.c-grey-4 {color: #404040!important;}
.c-grey-5 {color: #505050!important;}
.c-grey-6 {color: #606060!important;}
.c-grey-7 {color: #707070!important;}
.c-grey-8 {color: #808080!important;}
.c-grey-9 {color: #909090!important;}
.c-grey-10 {color: #a0a0a0!important;}
.c-grey-11 {color: #b0b0b0!important;}
.c-grey-12 {color: #c0c0c0!important;}
.c-grey-13 {color: #d0d0d0!important;}
.c-grey-14 {color: #e0e0e0!important;}
.c-grey-15 {color: #f0f0f0!important;}
.c-grey-16 {color: #ffffff!important;}

.b-grey-0 {background-color: #000000!important;}
.b-grey-1 {background-color: #101010!important;}
.b-grey-2 {background-color: #202020!important;}
.b-grey-3 {background-color: #303030!important;}
.b-grey-4 {background-color: #404040!important;}
.b-grey-5 {background-color: #505050!important;}
.b-grey-6 {background-color: #606060!important;}
.b-grey-7 {background-color: #707070!important;}
.b-grey-8 {background-color: #808080!important;}
.b-grey-9 {background-color: #909090!important;}
.b-grey-10 {background-color: #a0a0a0!important;}
.b-grey-11 {background-color: #b0b0b0!important;}
.b-grey-12 {background-color: #c0c0c0!important;}
.b-grey-13 {background-color: #d0d0d0!important;}
.b-grey-14 {background-color: #e0e0e0!important;}
.b-grey-15 {background-color: #f0f0f0!important;}
.b-grey-16 {background-color: #ffffff!important;}

.border-grey-0 {border-color: #000000!important;}
.border-grey-1 {border-color: #101010!important;}
.border-grey-2 {border-color: #202020!important;}
.border-grey-3 {border-color: #303030!important;}
.border-grey-4 {border-color: #404040!important;}
.border-grey-5 {border-color: #505050!important;}
.border-grey-6 {border-color: #606060!important;}
.border-grey-7 {border-color: #707070!important;}
.border-grey-8 {border-color: #808080!important;}
.border-grey-9 {border-color: #909090!important;}
.border-grey-10 {border-color: #a0a0a0!important;}
.border-grey-11 {border-color: #b0b0b0!important;}
.border-grey-12 {border-color: #c0c0c0!important;}
.border-grey-13 {border-color: #d0d0d0!important;}
.border-grey-14 {border-color: #e0e0e0!important;}
.border-grey-15 {border-color: #f0f0f0!important;}
.border-grey-16 {border-color: #ffffff!important;}


.orange-t {
    color: #fd7700 !important;
}

.orange-b {
    color: #fd7700 !important;
} 


.fw-100 {font-weight: 100!important;} 
.fw-300 {font-weight: 300!important;} 
.fw-500 {font-weight: 500!important;} 
.fw-700 {font-weight: 700!important;} 
.fw-900 {font-weight: 900!important;} 

.lh-0 { line-height: 100%!important;} 
.lh-p1 { line-height: 133%!important;} 
.lh-p2 { line-height: 177%!important;} 
.lh-p3 { line-height: 236%!important;} 
.lh-m1 { line-height: 75%!important;} 
.lh-m2 { line-height: 56%important;} 
.lh-m3 { line-height: 42%important;} 



.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

/* -------------------RWD-------------------- */
/* Header */
.dn-logo {
    text-align: center;
}

@media(min-width: 768px) {
    .dn-logo {
        text-align: left;
    }
}

.dn-client-navbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

@media(min-width: 600px) {
    .dn-client-navbar {
        display: block;
    }
}

@media(min-width: 768px) {
    .dn-client-navbar {
        text-align: right;
    }
}

.dn-client-navbar .dn-client-navbar__link {
    color: #808080;
    display: inline-block;
    margin: 0 10px;
}

@media(min-width: 600px) {
    .dn-client-navbar .dn-client-navbar__link {
        margin: 0 0 0 15px;
    }
}

@media(min-width: 768px) {
    .dn-client-navbar .dn-client-navbar__link {
        display: inline;
        line-height: 72px;
    }
}

@media(min-width: 992px) {
    .dn-client-navbar .dn-client-navbar__link {
        margin: 0 0 0 24px;
    }
}

@media(min-width: 600px) {
    .dn-client-navbar .dn-client-navbar__link:first-of-type {
        margin: 0;
    }
}

.dn-client-navbar .dn-client-navbar__link:last-of-type {
    font-size: 21px;
    position: relative;
    top: 1px;
}

@media(min-width: 768px) {
    .dn-client-navbar .dn-client-navbar__link:last-of-type .fa {
        position: relative;
        top: 2px;
    }
}

.dn-client-navbar .dn-client-navbar__link .fa {
    margin-right: 5px;
}

@media(min-width: 992px) {
    .dn-client-navbar .dn-client-navbar__link .fa {
        margin-right: 12px;
    }
}

@media(min-width: 768px) {
    .dn-main-navbar {
        padding: 0;
    }
}

@media(max-width: 991px) {
    .dn-main-navbar .navbar-nav li a {
        padding: 8px;
    }
}

.dn-navbar-header .row {
    text-align: center;
}

.dn-navbar-header .navbar-toggle {
    float: none;
    margin-right: 0;
}
/* Header */

/* Footer */
.dn-footer .dn-footer__content {
    padding-top: 25px;
    padding-bottom: 20px;
}

@media(min-width: 480px) {
    .dn-footer .dn-footer__content {
        padding-top: 35px;
        padding-bottom: 30px;
    }
}

@media(min-width: 768px) {
    .dn-footer .dn-footer__content {
        padding-top: 45px;
        padding-bottom: 40px;
    }
}

@media(min-width: 992px) {
    .dn-footer .dn-footer__content {
        padding-top: 64px;
        padding-bottom: 64px;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .dn-footer .dn-footer__content .dn-footer-box {
        width: 50%;
        float: left;
    }
}

@media (max-width: 479px) {
    .dn-footer .dn-footer__content .dn-footer-box-text {
        margin-top: 10px;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .dn-footer .dn-footer__content .dn-footer-box--clearfix {
        clear: both;
    }
}
/* Footer */

/* Content */
.site .dn-site__content {
    margin: 24px 0 24px;
    padding: 4px 25px 20px;
    border-radius: 9px;
}

@media(min-width: 1200px) {
    .site .dn-site__content {
        padding: 24px 32px 32px;
    }
}

.site .dn-site__content .dn-site-slogan {
    margin-top: 0;
    margin-bottom: 30px;
}

@media(min-width: 992px) {
    .site .dn-site__content .dn-site-slogan {
        margin-top: 24px;
        margin-bottom: 15px;
    }
}

@media(min-width: 1200px) {
    .site .dn-site__content .dn-site-slogan {
        margin-bottom: 24px;
    }
}

h1 {
    font-size: 30px !important;
    line-height: 35px;
}

@media(min-width: 480px) {
    h1 {
        font-size: 35px !important;
        line-height: 40px;
    }
}

@media(min-width: 768px) {
    h1 {
        font-size: 40px !important;
        line-height: 45px;
    }
}

@media(min-width: 992px) {
    h1 {
        font-size: 48px !important;
        line-height: 55px;
    }
}

.dn-content {
    margin-top: 0;
}

@media(min-width: 768px) {
    .dn-content {
        margin-top: 10px;
    }
}

@media(min-width: 992px) {
    .dn-content {
        margin-top: 24px;
    }
}

.dn-packages {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.dn-packages .dn-packages__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /* Fix - flex */
    margin-left: -1px; 
}

.dn-packages .dn-packages__item h1 {
    margin: 0 0 5px;
    line-height: 22px;
}

@media(min-width: 768px) {
    .dn-packages .dn-packages__item h1 {
        line-height: 25px;
    }
}

@media(min-width: 1200px) {
    .dn-packages .dn-packages__item h1 {
        margin-top: 22px;
        margin-bottom: 11px;
    }
}

.dn-packages .dn-packages__item .dn-package-features {
    padding: 0;
    display: inline-block;
}

@media(max-width: 991px) {
    .dn-packages__item .dn-package-recommended {
        display: none;
    }
}

.dn-domain-price-list-tab {
    padding: 15px;
}

@media(min-width: 992px) {
    .dn-domain-price-list-tab {
        padding: 24px;
    }
}

.dn-domain-price-list-tab h2 {
    font-size: 22px !important;
    margin-top: 0;
}

@media(min-width: 480px) {
    .dn-domain-price-list-tab h2 {
        font-size: 24px !important;
        margin-top: 5px
    }
}

@media(min-width: 768px) {
    .dn-domain-price-list-tab h2 {
        font-size: 26px !important;
        margin-top: 15px
    }
}

@media(min-width: 992px) {
    .dn-domain-price-list-tab h2 {
        font-size: 28px !important;
        margin-top: 22px
    }
}

@media(max-width: 767px) {
    .dn-domain-price-list-tab .dn-domain-price-list-tab__head {
        display: none;
    }
}

@media(max-width: 767px) {
    .dn-domain-price-list-tab .dn-domain-price-list-tab__row {
        padding-bottom: 10px;
    }
}

@media(max-width: 767px) {
    .dn-domain-price-list-tab .dn-domain-price-list-tab__row div {
        margin-left: 50%;
        text-align: left;
        position: relative;
    }
}

@media(max-width: 767px) {
    .dn-domain-price-list-tab .dn-domain-price-list-tab__row div::before {
        display: block;
        font-family: 'Roboto Condensed';
        font-size: 16px;
        line-height: 28.8px;
        color: #808080;
        margin-left: 15px;
        position: absolute;
        left: -100%;
    }
}

@media(max-width: 767px) {
    .dn-domain-price-list-tab .dn-domain-price-list-tab__row div:nth-child(1)::before {
        content: 'domena';
    }
}

@media(max-width: 767px) {
    .dn-domain-price-list-tab .dn-domain-price-list-tab__row div:nth-child(2)::before {
        content: 'rejestracja na rok';
    }
}

@media(max-width: 767px) {
    .dn-domain-price-list-tab .dn-domain-price-list-tab__row div:nth-child(3)::before {
        content: 'odnowienie na rok';
    }
}

@media(max-width: 767px) {
    .dn-domain-price-list-tab .dn-domain-price-list-tab__row div:nth-child(4)::before {
        content: 'cena standardowa';
    }
}

.dn-domain-search-text .fsp5 {
    font-size: 30px !important;
    line-height: 35px;
    margin-top: 0;
    margin-bottom: 10px !important;
}

@media(min-width: 768px) {
    .dn-domain-search-text .fsp5 {
        font-size: 40px !important;
        line-height: 48px;
    }
}

@media(min-width: 992px) {
    .dn-domain-search-text .fsp5 {
        font-size: 45px !important;
        line-height: 54px;
    }
}

@media(min-width: 1200px) {
    .dn-domain-search-text .fsp5 {
        font-size: 50px !important;
        margin-top: 22px;
        margin-bottom: 12px !important;
        line-height: 60px;
    }
}

.dn-domain-search-text .fsp3 {
    font-size: 23px !important;
    line-height: 27px;
    margin-top: 0;
    margin-bottom: 5px !important;
}

@media(min-width: 768px) {
    .dn-domain-search-text .fsp3 {
        font-size: 28px !important;
        line-height: 33px;
    }
}

@media(min-width: 1200px) {
    .dn-domain-search-text .fsp3 {
        margin-top: 22px;
        margin-bottom: 12px!important;
    }
}

form.dn-domain-search-form .dn-domain-search-input-box {
    padding: 10px;
    display: flex;
}

@media(min-width: 1200px) {
    form.dn-domain-search-form .dn-domain-search-input-box {
        padding: 12px;
    }
}

form.dn-domain-search-form .dn-domain-search-input-box .dn-domain-search-input {
    width: 100%;
    margin-right: 20px;
}

form.dn-domain-search-form .dn-domain-search-input-box .dn-domain-search-input input {
    padding: 8px;
    font-size: 19px !important;
    outline: none;
}

@media(min-width: 1200px) {
    form.dn-domain-search-form .dn-domain-search-input-box .dn-domain-search-input input {
        padding: 12px;
        font-size: 21px !important;
    }
}

form.dn-domain-search-form .dn-domain-search-input-box .btn {
    font-size: 20px !important;
    padding-top: 6px;
    padding-bottom: 6px;
}

@media(min-width: 1200px) {
    form.dn-domain-search-form .dn-domain-search-input-box .btn {
        font-size: 28px !important;
        padding-top: 8px;
        padding-bottom: 8px;
    }
}

form.dn-domain-search-form .dn-domain-search-input-box .btn .fa {
    margin-right: 5px;
    margin-left: 5px;
}

form.dn-domain-search-form #advancedMode select[name=filterMaxDlugosc] {
    margin-bottom: 10px;
}

@media(min-width: 992px) {
    form.dn-domain-search-form #advancedMode select[name=filterMaxDlugosc] {
        margin-bottom: 0;
    }
}

.alert {
    padding: 15px 35px 10px 15px;
}

.alert h3 {
    margin: 8px 0 0;
}

form[name=login_form] #rcmloginpwd {
    width: 100%;    
}

@media(min-width: 480px) {
    form[name=login_form] #rcmloginpwd {
        width: auto;    
    } 
}

form[name=login_form] .btn,
form[name=form] .btn {
    margin-top: 10px;
}

@media(min-width: 480px) {
    form[name=login_form] .btn,
    form[name=form] .btn {
        margin-top: -4px;
    }
}

@media(max-width: 767px) {
    .dn-cart {
        padding: 2px 15px;
    }
} 

@media(max-width: 480px) {
    .dn-cart .table tr td {
        padding: 3px;
        font-size: 14px;
    }
} 

@media(max-width: 991px) {
    .dn-billing-period {
        margin-top: 25px;
    }
}

@media(min-width: 992px) {
    .text-right-md {
        text-align: right;
    }
}

@media(max-width: 479px) {
    input[name=kodPromocyjny] {
        width: 100%;
    }
}

@media(max-width: 479px) {
    button[name=uzyjKoduPromocyjnego] {
        margin-top: 10px;
    }
}

@media(max-width: 479px) {
    .dn-privacy-policy ol,
    .dn-consumer-info ol,
    .dn-regulations ol {
        padding-left: 20px;
    }
}

@media(max-width: 479px) {
    .dn-privacy-policy ol li,
    .dn-consumer-info ol li,
    .dn-regulations ol li {
        word-wrap: break-word;
    }
}

sub {
    line-height: 15px;
}

@media(max-width: 991px) {
    .dn-dns-anycast .col-md-6 {
        margin-top: 25px !important;
    }
}

.dn-packages-wrapper {
    position: relative;
}

.dn-packages-wrapper .dn-specification-link {
    display: inline-block;
    font-size: 14px;
    margin-top: 10px;
}

@media(min-width: 768px) {
    .dn-packages-wrapper .dn-specification-link {
        font-size: 14px;
        margin-top: 0;
        position: absolute;
        left: 0;
        bottom: 0;
    }
}

.dn-packages-wrapper .dn-specification-link .fa {
    margin: 0 5px 0 0;
    position: relative;
    top: -1px;
}
/* Content */