@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300ita‌​lic,400italic,500,500italic,700,700italic,900italic,900);

@import url('https://fonts.cdnfonts.com/css/playfair-display');

:root {

    --kolorek: #EF7F1A;

}

a,

abbr,

acronym,

address,

applet,

article,

aside,

b,

big,

blockquote,

body,

center,

cite,

code,

dd,

del,

dfn,

div,

div pre,

dl,

dt,

em,

figcaption,

figure,

font,

footer,

h1,

h2,

h3,

h4,

h5,

h6,

header,

html,

i,

iframe,

img,

ins,

kbd,

li,

nav,

object,

ol,

p,

q,

s,

samp,

section,

small,

span,

strike,

strong,

sub,

sup,

tt,

u,

ul,

var {

    margin: 0;

    padding: 0;

    border: 0;

    outline: 0;

}

.clearfix:after {

    content: ".";

    display: block;

    clear: both;

    visibility: hidden;

    line-height: 0;

    height: 0;

}

.clearfix {

    display: inline-block;

}

html[xmlns] .clearfix {

    display: block;

}

* html .clearfix {

    height: 1%;

}

li,

ul {

    padding: 0;

    margin: 0;

    list-style: none;

}

img {

    max-width: 100%;

}

.img-responsive {

    width: 100%;

    height: auto;

}

article,

aside,

footer,

header,

hgroup,

nav,

section {

    display: block;

}

* {

    box-sizing: border-box;

}

body,

html {

    font-family: Roboto, sans-serif;

    font-weight: 400;

    background-color: #fff;

    font-size: 15px;

    -ms-text-size-adjust: 100%;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    color: #000;

    line-height: 2;

}

a {

    text-decoration: none !important;

}

.h1,

.h2,

.h3,

.h4,

.h5,

.h6,

h1,

h2,

h3,

h4,

h5,

h6 {

    margin-top: 0;

    margin-bottom: 0.5rem;

    font-weight: 100;

    line-height: 1.2;

}

@media (min-width: 1441px) {

    .h1,

    h1 {

        font-size: 6rem;

    }

    .h2,

    h2 {

        font-size: 2.5rem;

    }

    .h3,

    h3 {

        font-size: 2rem;

    }

    .h4,

    h4 {

        font-size: 1.5rem;

    }

}

@media (max-width: 1440px) {

    .h1,

    h1 {

        font-size: 4rem;

    }

    .h2,

    h2 {

        font-size: 2.5rem;

    }

    .h3,

    h3 {

        font-size: 1.9rem;

    }

    .h4,

    h4 {

        font-size: 1.3rem;

    }

    body,

    html {

        font-size: 16px;

    }

}

@media (max-width: 1280px) {

    body,

    html {

        font-size: 14px;

    }

}

@media (max-width: 786px) {

    .h1,

    h1 {

        font-size: 2.3rem;

    }

    .h2,

    h2 {

        font-size: 2rem;

    }

    .h3,

    h3 {

        font-size: 1.8rem;

    }

    .h4,

    h4 {

        font-size: 1.2rem;

    }

}

ul {

    margin-bottom: 0;

}

::selection {

    background: var(--kolorek);

    color: #fff;

}

::-moz-selection {

    background: var(--kolorek);

    color: #fff;

}

@media (max-width: 1023px) {

    body,

    html {

        overflow-x: hidden;

    }

    .mobile-top-fix {

        margin-top: 30px;

        margin-bottom: 0;

    }

    .mobile-bottom-fix {

        margin-bottom: 30px;

    }

    .mobile-bottom-fix-big {

        margin-bottom: 60px;

    }

}

.background-header {

    background: #fff !important;

    height: 80px !important;

    position: fixed !important;

    top: 0;

    left: 0;

    right: 0;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15) !important;

}

.header-area.header-sticky {

    background: 0 0;

    height: 120px;

}

.header-area {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    height: 100px;

    -webkit-transition: all 0.5s ease 0s;

    -moz-transition: all 0.5s ease 0s;

    -o-transition: all 0.5s ease 0s;

    transition: all 0.5s ease 0s;

    z-index: 9999;

}

.header-area .main-nav .nav li a {

    display: block;

    font-weight: 500;

    font-size: 18px;

    color: #000;

    -webkit-transition: all 0.3s ease 0s;

    -moz-transition: all 0.3s ease 0s;

    -o-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

    height: 40px;

    line-height: 40px;

    border: transparent;

    letter-spacing: 3px;

}

@media (min-width: 1701px) and (max-width: 1800px) {

    .header-area .main-nav .nav li a {

        font-size: 17px;

    }

}

@media (min-width: 1440px) and (max-width: 1700px) {

    .header-area .main-nav .nav li a {

        font-size: 16px;

    }

}

@media (min-width: 1281px) and (max-width: 1439px) {

    .header-area .main-nav .nav li a {

        font-size: 14px;

    }

}

@media (min-width: 1125px) and (max-width: 1280px) {

    .header-area .main-nav .nav li a {

        font-size: 13px;

        letter-spacing: 0;

    }

}

.background-header .main-nav .nav li a {

    color: #000 !important;

}

.background-header .main-nav .nav li a:before {

    background-color: #000 !important;

}

.background-header .main-nav .nav li a:hover:before {

    background-color: #000 !important;

}

.background-header .main-nav .nav li:hover a {

    color: #000 !important;

}

.header-area .main-nav {

    min-height: 80px;

    background: 0 0;

}

.header-area .main-nav .logo {

    line-height: 75px;

    float: left;

    -webkit-transition: all 0.3s ease 0s;

    -moz-transition: all 0.3s ease 0s;

    -o-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

}

.header-area .main-nav .logo img {

    animation: bounceIn 1s both;

}

.header-area .main-nav .nav {

    float: right;

    margin-top: 27px;

    margin-right: 0;

    background-color: transparent;

    -webkit-transition: all 0.3s ease 0s;

    -moz-transition: all 0.3s ease 0s;

    -o-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

    position: relative;

    z-index: 999;

}

.header-area .main-nav .nav li {

    padding-left: 15px;

    padding-right: 15px;

}

.header-area .main-nav .nav .popup-icon2 {

    float: right;

    margin-left: 15px;

}

.header-area .main-nav .nav .popup-icon2 a {

    background-color: var(--kolorek);

    color: #fff;

    width: auto;

    height: 40px;

    display: inline-block;

    text-align: center;

    line-height: 40px;

    padding: 0 20px;

}

.header-area .main-nav .nav .popup-icon2 a:hover {

    opacity: 1;

    color: #fff;

    background-color: #555;

    transition: all 250ms linear;

}

.background-header .main-nav .nav .popup-icon2 a{

    background-color: var(--kolorek);

    color: #fff;

    }

@media (max-width: 1024px) {

    .header-area .main-nav .nav .popup-icon2 {

        float: none;

        text-align: center;

        width: 100%;

        background-color: var(--kolorek);

        color: #fff;

        margin-left: 0;

        margin-top: 7px;

    }

    .header-area.header-sticky {

        height: 80px;

            background: #fff;

    }

    .header-area .main-nav .nav .popup-icon2 a,

    .header-area .main-nav .nav .popup-icon2 a:hover {

        background-color: var(--kolorek);

        color: #fff;

    }

}

.header-area .main-nav .nav li a {

    position: relative;

    color: #fff;

}

.header-area .main-nav .nav li a:hover {

    color: #fff;

}

.header-area .main-nav .nav li a:before {

    content: "";

    position: absolute;

    width: 100%;

    height: 2px;

    bottom: 0;

    left: 0;

    background-color: #fff;

    visibility: hidden;

    -webkit-transform: scaleX(0);

    transform: scaleX(0);

    -webkit-transition: all 0.3s ease-in-out 0s;

    transition: all 0.3s ease-in-out 0s;

}

.header-area .main-nav .nav li a:hover:before {

    visibility: visible;

    background-color: #fff;

    -webkit-transform: scaleX(1);

    transform: scaleX(1);

}

.header-area .main-nav .nav li.submenu {

    position: relative;

    padding-right: 35px;

}

.header-area .main-nav .nav li.submenu:after {

    font-family: FontAwesome;

    content: "\f107";

    font-size: 12px;

    color: #000;

    position: absolute;

    right: 18px;

    top: 12px;

}

.background-header .main-nav .nav li.submenu:after {

    color: #000;

}

.header-area .main-nav .nav li.submenu ul {

    position: absolute;

    width: 200px;

    box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);

    overflow: hidden;

    top: 40px;

    opacity: 0;

    transform: translateY(+2em);

    visibility: hidden;

    z-index: -1;

    transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 10ms;

}

.header-area .main-nav .nav li.submenu ul li {

    margin-left: 0;

    padding-left: 0;

    padding-right: 0;

}

.header-area .main-nav .nav li.submenu ul li a {

    opacity: 1;

    display: block;

    background: #fff;

    color: #7a7a7a !important;

    padding-left: 20px;

    height: 40px;

    line-height: 40px;

    -webkit-transition: all 0.3s ease 0s;

    -moz-transition: all 0.3s ease 0s;

    -o-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

    position: relative;

    font-size: 13px;

    border-bottom: 1px solid #f5f5f5;

}

.header-area .main-nav .nav li.submenu ul li a:hover {

    background: #fff;

    color: var(--kolorek) !important;

    padding-left: 25px;

}

.header-area .main-nav .nav li.submenu ul li a:hover:before {

    width: 3px;

}

.header-area .main-nav .nav li.submenu:hover ul {

    visibility: visible;

    opacity: 1;

    z-index: 1;

    transform: translateY(0);

    transition-delay: 0s, 0s, 0.3s;

}

.header-area .main-nav .menu-trigger {

    cursor: pointer;

    display: block;

    position: absolute;

    top: 23px;

    width: 32px;

    height: 40px;

    text-indent: -9999em;

    z-index: 99;

    right: 40px;

    display: none;

}

.header-area .main-nav .menu-trigger span,

.header-area .main-nav .menu-trigger span:after,

.header-area .main-nav .menu-trigger span:before {

    -moz-transition: all 0.4s;

    -o-transition: all 0.4s;

    -webkit-transition: all 0.4s;

    transition: all 0.4s;

    background-color: #000;

    display: block;

    position: absolute;

    width: 30px;

    height: 2px;

    left: 0;

}

.background-header .main-nav .menu-trigger span,

.background-header .main-nav .menu-trigger span:after,

.background-header .main-nav .menu-trigger span:before {

    background-color: #000;

}

.header-area .main-nav .menu-trigger span:after,

.header-area .main-nav .menu-trigger span:before {

    -moz-transition: all 0.4s;

    -o-transition: all 0.4s;

    -webkit-transition: all 0.4s;

    transition: all 0.4s;

    background-color: #000;

    display: block;

    position: absolute;

    width: 30px;

    height: 2px;

    left: 0;

    width: 100%;

}

.background-header .main-nav .menu-trigger span:after,

.background-header .main-nav .menu-trigger span:before {

    background-color: #000;

}

.header-area .main-nav .menu-trigger span:after,

.header-area .main-nav .menu-trigger span:before {

    content: "";

}

.header-area .main-nav .menu-trigger span {

    top: 16px;

}

.header-area .main-nav .menu-trigger span:before {

    -moz-transform-origin: 33% 100%;

    -ms-transform-origin: 33% 100%;

    -webkit-transform-origin: 33% 100%;

    transform-origin: 33% 100%;

    top: -10px;

    z-index: 10;

}

.header-area .main-nav .menu-trigger span:after {

    -moz-transform-origin: 33% 0;

    -ms-transform-origin: 33% 0;

    -webkit-transform-origin: 33% 0;

    transform-origin: 33% 0;

    top: 10px;

}

.header-area .main-nav .menu-trigger.active span,

.header-area .main-nav .menu-trigger.active span:after,

.header-area .main-nav .menu-trigger.active span:before {

    background-color: transparent;

    width: 100%;

}

.header-area .main-nav .menu-trigger.active span:before {

    -moz-transform: translateY(6px) translateX(1px) rotate(45deg);

    -ms-transform: translateY(6px) translateX(1px) rotate(45deg);

    -webkit-transform: translateY(6px) translateX(1px) rotate(45deg);

    transform: translateY(6px) translateX(1px) rotate(45deg);

    background-color: #000;

}

.background-header .main-nav .menu-trigger.active span:before {

    background-color: #000;

}

.header-area .main-nav .menu-trigger.active span:after {

    -moz-transform: translateY(-6px) translateX(1px) rotate(-45deg);

    -ms-transform: translateY(-6px) translateX(1px) rotate(-45deg);

    -webkit-transform: translateY(-6px) translateX(1px) rotate(-45deg);

    transform: translateY(-6px) translateX(1px) rotate(-45deg);

    background-color: #000;

}

.background-header .main-nav .menu-trigger.active span:after {

    background-color: #000;

}

.header-area.header-sticky .nav {

    margin-top: 20px !important;

}

@media (max-width: 1200px) {

    .header-area .main-nav .nav li {

        padding-left: 12px;

        padding-right: 12px;

    }

    .header-area .main-nav:before {

        display: none;

    }

}

@media (max-width: 1024px) {

    .header-area .main-nav .logo {

        color: var(--kolorek);

    }

    .header-area.header-sticky .nav li a.active,

    .header-area.header-sticky .nav li a:hover {

        color: var(--kolorek) !important;

        opacity: 1;

    }

    .header-area.header-sticky .nav li.popup-icon a {

        width: 100%;

    }

    .header-area {

        background-color: #f7f7f7;

        padding: 0 15px;

        height: 80px;

        box-shadow: none;

        text-align: center;

    }

    .header-area .container {

        padding: 0;

    }

    .header-area .menu-trigger {

        display: block !important;

    }

    .header-area .main-nav {

        overflow: hidden;

    }

    .header-area .main-nav .nav {

        float: none;

        width: 100%;

        display: none;

        -webkit-transition: all 0s ease 0s;

        -moz-transition: all 0s ease 0s;

        -o-transition: all 0s ease 0s;

        transition: all 0s ease 0s;

        margin-top: 100px !important;

        padding-left: 30px;

        padding-right: 30px;

    }

    .header-area .main-nav .nav li:first-child {

        border-top: 1px solid #eee;

    }

    .header-area .main-nav .nav li {

        width: 100%;

        background: #fff;

        border-bottom: 1px solid #eee;

        border-left: 1px solid #eee;

        border-right: 1px solid #eee;

        padding-left: 0 !important;

        padding-right: 0 !important;

    }

    .header-area .main-nav .nav li a {

        height: 50px !important;

        line-height: 50px !important;

        padding: 0 !important;

        border: none !important;

        color: #191a20 !important;

    }

    .header-area .main-nav .nav li a:hover {

        background: #eee !important;

        color: #191a20 !important;

    }

    .header-area .main-nav .nav li.submenu ul {

        position: relative;

        visibility: inherit;

        opacity: 1;

        z-index: 1;

        transform: translateY(0);

        transition-delay: 0s, 0s, 0.3s;

        top: 0;

        width: 100%;

        box-shadow: none;

        height: 0;

    }

    .header-area .main-nav .nav li.submenu ul li a {

        font-size: 12px;

        font-weight: 400;

    }

    .header-area .main-nav .nav li.submenu ul li a:hover:before {

        width: 0;

    }

    .header-area .main-nav .nav li.submenu ul.active {

        height: auto !important;

    }

    .header-area .main-nav .nav li.submenu:after {

        color: #3b566e;

        right: 25px;

        font-size: 14px;

        top: 15px;

    }

    .header-area .main-nav .nav li.submenu:focus ul,

    .header-area .main-nav .nav li.submenu:hover ul {

        height: 0;

    }

}

@media (min-width: 1025px) {

    .header-area .main-nav .nav {

        display: flex !important;

    }

    .logomobile {

        display: none;

    }

}

@media (max-width: 1024px) {

    .logopc {

        display: none;

    }

}

.strona {

    background: #082749;

    padding: 110px 0 10px;

    text-align: right;

}

.strona h1 {

    color: #fff;

    font-size: 40px;

}

@media (max-width: 1023px) {

    .strona {

        padding: 120px 0 80px;

        text-align: center!important;

    }

    .strona h1 {

        font-size: 36px;

    }

    .mobilepadT80 {padding-top: 80px;}

}

.footer-bottom p {

    text-align: right;

}

.footer-bottom a,

.footer-bottom a:hover {

    color: #333;

}

@media (max-width: 767px) {

    .footer-bottom {

        text-align: center;

    }

    .footer-bottom p {

        text-align: center;

        margin-top: 20px;

    }

}

#wyslij {

    z-index: 9999;

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: #fff;

}

#wyslij .pop {

    position: absolute;

    top: 40%;

    width: 100%;

    text-align: center;

    border: 0;

    margin: 0 auto;

    margin-top: -61px;

    padding-left: 30px;

    padding-right: 30px;

    outline: 0;

}

#wyslij .close {

    position: fixed;

    top: 15px;

    right: 15px;

    color: #fff;

    background-color: var(--kolorek);

    outline: 0;

    opacity: 1;

    display: inline-block;

    width: 60px;

    height: 60px;

    text-align: center;

    line-height: 60px;

    font-size: 28px;

}

#wyslij .close:hover {

    background-color: #555;

    transition: all 250ms linear;

}

#gotoTop {

    display: none;

    position: fixed;

    bottom: 20px;

    right: 30px;

    z-index: 99;

    font-size: 18px;

    border: none;

    outline: 0;

    background-color: var(--kolorek);

    color: #fff;

    cursor: pointer;

    padding: 10px 20px;

}

#gotoTop:hover {

    background-color: #555;

    transition: all 250ms linear;

}

.pad0 {

    padding: 0;

}

.pad5 {

    padding: 5px;

}

.pad10 {

    padding: 10px;

}

.pad15 {

    padding: 15px;

}

.pad20 {

    padding: 20px;

}

.pad30 {

    padding: 30px;

}

.pad40 {

    padding: 40px;

}

.pad50 {

    padding: 50px;

}

.pad60 {

    padding: 60px;

}

.pad70 {

    padding: 70px;

}

.pad80 {

    padding: 80px;

}

.pad90 {

    padding: 90px;

}

.pad100 {

    padding: 100px;

}

.padTB0 {

    padding: 0 0;

}

.padTB5 {

    padding: 5px 0;

}

.padTB10 {

    padding: 10px 0;

}

.padTB15 {

    padding: 15px 0;

}

.padTB20 {

    padding: 20px 0;

}

.padTB30 {

    padding: 30px 0;

}

.padTB40 {

    padding: 40px 0;

}

.padTB50 {

    padding: 50px 0;

}

.padTB60 {

    padding: 60px 0;

}

.padTB70 {

    padding: 70px 0;

}

.padTB80 {

    padding: 80px 0;

}

.padTB90 {

    padding: 90px 0;

}

.padTB100 {

    padding: 100px 0;

}

.padT0 {

    padding-top: 0;

}

.padT5 {

    padding-top: 5px;

}

.padT10 {

    padding-top: 10px;

}

.padT15 {

    padding-top: 15px;

}

.padT20 {

    padding-top: 20px;

}

.padT30 {

    padding-top: 30px;

}

.padT40 {

    padding-top: 40px;

}

.padT50 {

    padding-top: 50px;

}

.padT60 {

    padding-top: 60px;

}

.padT70 {

    padding-top: 70px;

}

.padT80 {

    padding-top: 80px;

}

.padT90 {

    padding-top: 90px;

}

.padT100 {

    padding-top: 100px;

}

.padB0 {

    padding-bottom: 0;

}

.padB5 {

    padding-bottom: 5px;

}

.padB10 {

    padding-bottom: 10px;

}

.padB20 {

    padding-bottom: 20px;

}

.padB30 {

    padding-bottom: 30px;

}

.padB40 {

    padding-bottom: 40px;

}

.padB50 {

    padding-bottom: 50px;

}

.padB60 {

    padding-bottom: 60px;

}

.padB70 {

    padding-bottom: 70px;

}

.padB80 {

    padding-bottom: 80px;

}

.padB90 {

    padding-bottom: 90px;

}

.padB100 {

    padding-bottom: 100px;

}

.padL0 {

    padding-left: 0;

}

.padL5 {

    padding-left: 5px;

}

.padL10 {

    padding-left: 10px;

}

.padL20 {

    padding-left: 20px;

}

.padL30 {

    padding-left: 30px;

}

.padL40 {

    padding-left: 40px;

}

.padL50 {

    padding-left: 50px;

}

.padL60 {

    padding-left: 60px;

}

.padL70 {

    padding-left: 70px;

}

.padL80 {

    padding-left: 80px;

}

.padL90 {

    padding-left: 90px;

}

.padL100 {

    padding-left: 100px;

}

.padLR0 {

    padding-left: 0;

}

.padLR5 {

    padding-left: 5px;

}

.padLR10 {

    padding-left: 10px;

}

.padLR20 {

    padding-left: 20px;

}

.padLR30 {

    padding-left: 30px;

}

.padLR40 {

    padding-left: 40px;

}

.padLR50 {

    padding-left: 50px;

}

.padLR60 {

    padding-left: 60px;

}

.padLR70 {

    padding-left: 70px;

}

.padLR80 {

    padding-left: 80px;

}

.padLR90 {

    padding-left: 90px;

}

.padLR100 {

    padding-left: 100px;

}

.padR0 {

    padding-right: 0;

}

.padR5 {

    padding-right: 5px;

}

.padR10 {

    padding-right: 10px;

}

.padR20 {

    padding-right: 20px;

}

.padR30 {

    padding-right: 30px;

}

.padR40 {

    padding-right: 40px;

}

.padR50 {

    padding-right: 50px;

}

.padR60 {

    padding-right: 60px;

}

.padR70 {

    padding-right: 70px;

}

.padR80 {

    padding-right: 80px;

}

.padR90 {

    padding-right: 90px;

}

.padR100 {

    padding-right: 100px;

}

.mar0 {

    margin: 0;

}

.mar5 {

    margin: 5px;

}

.mar10 {

    margin: 10px;

}

.mar15 {

    margin: 15px;

}

.mar20 {

    margin: 20px;

}

.mar30 {

    margin: 30px;

}

.mar40 {

    margin: 40px;

}

.mar50 {

    margin: 50px;

}

.mar60 {

    margin: 60px;

}

.mar70 {

    margin: 70px;

}

.mar80 {

    margin: 80px;

}

.mar90 {

    margin: 90px;

}

.mar100 {

    margin: 100px;

}

.marT0 {

    margin-top: 0;

}

.marT5 {

    margin-top: 5px;

}

.marT10 {

    margin-top: 10px;

}

.marT15 {

    margin-top: 15px;

}

.marT20 {

    margin-top: 20px;

}

.marT30 {

    margin-top: 30px;

}

.marT40 {

    margin-top: 40px;

}

.marT50 {

    margin-top: 50px;

}

.marT60 {

    margin-top: 60px;

}

.marT70 {

    margin-top: 70px;

}

.marT80 {

    margin-top: 80px;

}

.marT90 {

    margin-top: 90px;

}

.marT100 {

    margin-top: 100px;

}

.marT150 {

    margin-top: 150px;

}

.marT200 {

    margin-top: 200px;

}

.marB0 {

    margin-bottom: 0;

}

.marB5 {

    margin-bottom: 5px;

}

.marB15 {

    margin-bottom: 15px;

}

.marB10 {

    margin-bottom: 10px;

}

.marB20 {

    margin-bottom: 20px;

}

.marB30 {

    margin-bottom: 30px;

}

.marB40 {

    margin-bottom: 40px;

}

.marB50 {

    margin-bottom: 50px;

}

.marB60 {

    margin-bottom: 60px;

}

.marB70 {

    margin-bottom: 70px;

}

.marB80 {

    margin-bottom: 80px;

}

.marB90 {

    margin-bottom: 90px;

}

.marB100 {

    margin-bottom: 100px;

}

.marB150 {

    margin-bottom: 150px;

}

.marB200 {

    margin-bottom: 200px;

}

.marL0 {

    margin-left: 0;

}

.marL5 {

    margin-left: 5px;

}

.marL10 {

    margin-left: 10px;

}

.marL20 {

    margin-left: 20px;

}

.marL30 {

    margin-left: 30px;

}

.marL40 {

    margin-left: 40px;

}

.marL50 {

    margin-left: 50px;

}

.marL60 {

    margin-left: 60px;

}

.marL70 {

    margin-left: 70px;

}

.marL80 {

    margin-left: 80px;

}

.marL90 {

    margin-left: 90px;

}

.marL100 {

    margin-left: 100px;

}

.marR0 {

    margin-right: 0;

}

.marR5 {

    margin-right: 5px;

}

.marR10 {

    margin-right: 10px;

}

.marR20 {

    margin-right: 20px;

}

.marR30 {

    margin-right: 30px;

}

.marR40 {

    margin-right: 40px;

}

.marR50 {

    margin-right: 50px;

}

.marR60 {

    margin-right: 60px;

}

.marR70 {

    margin-right: 70px;

}

.marR80 {

    margin-right: 80px;

}

.marR90 {

    margin-right: 90px;

}

.marR100 {

    margin-right: 100px;

}

@media (max-width: 1023px) {

    .phonenone {

        display: none;

    }

}

@media (min-width: 1024px) {

    .pcnone {

        display: none;

    }

}

.form-group {

    margin-bottom: 1rem;

}

.form-control {

    display: block;

    width: 100%;

    height: calc(1.5em + 0.75rem + 2px);

    min-height: 50px;

    padding: 0.375rem 0.75rem;

    font-size: 1rem;

    line-height: 1.5;

    color: #495057;

    background: #fff !important;

    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

    -webkit-appearance: none;

}

.border {

    border: 1px solid #dee2e6 !important;

}

.btn.active,

.btn.disabled,

.btn.hover {

    background: var(--kolorek);

    color: #fff;

}

.text-center {

    text-align: center!important;

}



.sr-only {

position: absolute;

width: 1px;

height: 1px;

padding: 0;

margin: -1px;

overflow: hidden;

clip: rect(0, 0, 0, 0);

border: 0;

}

.sr-only-focusable:active,

.sr-only-focusable:focus {

position: static;

width: auto;

height: auto;

margin: 0;

overflow: visible;

clip: auto;

}



html.lb-disable-scrolling {

overflow: hidden;

/* Position fixed required for iOS. Just putting overflow: hidden; on the body is not enough. */

position: fixed;

height: 100vh;

width: 100vw;

}



.lightboxOverlay {

position: absolute;

top: 0;

left: 0;

z-index: 9999;

background-color: black;

filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);

opacity: 0.95;

display: none;

}



.lightbox {

position: absolute;

left: 0;

width: 100%;

z-index: 10000;

text-align: center;

line-height: 0;

}



.lightbox .lb-image {

display: block;

height: auto;

max-width: inherit;

max-height: none;

border-radius: 5px;

}



.lightbox a img {

border: none;

}



.lb-outerContainer {

position: relative;

*zoom: 1;

width: 250px;

height: 250px;

margin: 0 auto;

border-radius: 4px;

background-color: white;

}



.lb-outerContainer:after {

content: "";

display: table;

clear: both;

}



.lb-loader {

position: absolute;

top: 43%;

left: 0;

height: 25%;

width: 100%;

text-align: center;

line-height: 0;

}



.lb-cancel {

display: block;

width: 32px;

height: 32px;

margin: 0 auto;

background: url(../images/loading.gif) no-repeat;

}



.lb-nav {

position: absolute;

top: 0;

left: 0;

height: 100%;

width: 100%;

z-index: 10;

}



.lb-container > .nav {

left: 0;

}



.lb-nav a {

outline: none;

background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');

}



.lb-prev, .lb-next {

height: 100%;

cursor: pointer;

display: block;

}



.lb-nav a.lb-prev {

width: 34%;

left: 0;

float: left;

background: url(../images/prev.png) left 48% no-repeat;

filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);

opacity: 0;

-webkit-transition: opacity 0.6s;

-moz-transition: opacity 0.6s;

-o-transition: opacity 0.6s;

transition: opacity 0.6s;

}



.lb-nav a.lb-prev:hover {

filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);

opacity: 1;

}



.lb-nav a.lb-next {

width: 64%;

right: 0;

float: right;

background: url(../images/next.png) right 48% no-repeat;

filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);

opacity: 0;

-webkit-transition: opacity 0.6s;

-moz-transition: opacity 0.6s;

-o-transition: opacity 0.6s;

transition: opacity 0.6s;

}



.lb-nav a.lb-next:hover {

filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);

opacity: 1;

}



.lb-dataContainer {

margin: 0 auto;

padding-top: 5px;

*zoom: 1;

width: 100%;

border-bottom-left-radius: 4px;

border-bottom-right-radius: 4px;

}



.lb-dataContainer:after {

content: "";

display: table;

clear: both;

}



.lb-data {

padding: 0 4px;

color: #ccc;

}



.lb-data .lb-details {

margin-top: 10px;

width: 85%;

float: left;

text-align: left;

line-height: 1.1em;

display: none;

}



.lb-data .lb-caption {

font-size: 13px;

line-height: 1em;

}



.lb-data .lb-caption a {

color: #4ae;

}



.lb-data .lb-number {

display: block;

clear: left;

padding-bottom: 1em;

font-size: 12px;

color: #999999;

}



.lb-data .lb-close {

position:absolute;

right:50px;

top:-20px;

float: right;

display: block;

float: right;

width: 30px;

height: 30px;

background: url(../images/close.png) top right no-repeat;

text-align: right;

outline: none;

filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);

opacity: 0.7;

-webkit-transition: opacity 0.2s;

-moz-transition: opacity 0.2s;

-o-transition: opacity 0.2s;

transition: opacity 0.2s;

}



.lb-data .lb-close:hover {

cursor: pointer;

filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);

opacity: 1;

}



 /*!

 * Bootstrap Grid Only (grid and responsive utilities extracted from Bootstrap 4.1.3)

 * GitHub: https://github.com/dmhendricks/bootstrap-grid-css

 * Bootstrap License: MIT (https://github.com/twbs/bootstrap/blob/v4-dev/LICENSE)

 * Credits: Twitter, Inc. & The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)

 */

@-ms-viewport {

    width: device-width;

}

.clearfix::after {

    display: block;

    clear: both;

    content: "";

}

.visible {

    visibility: visible !important;

}

.invisible {

    visibility: hidden !important;

}

.hidden-xs-up {

    display: none !important;

}

@media (max-width: 575.98px) {

    .hidden-xs-down {

        display: none !important;

    }

}

@media (min-width: 576px) {

    .hidden-sm-up {

        display: none !important;

    }

}

@media (max-width: 767.98px) {

    .hidden-sm-down {

        display: none !important;

    }

}

@media (min-width: 768px) {

    .hidden-md-up {

        display: none !important;

    }

}

@media (max-width: 991.98px) {

    .hidden-md-down {

        display: none !important;

    }

}

@media (min-width: 992px) {

    .hidden-lg-up {

        display: none !important;

    }

}

@media (max-width: 1199.98px) {

    .hidden-lg-down {

        display: none !important;

    }

}

@media (min-width: 1200px) {

    .hidden-xl-up {

        display: none !important;

    }

}

.hidden-xl-down {

    display: none !important;

}

.visible-print-block {

    display: none !important;

}

@media print {

    .visible-print-block {

        display: block !important;

    }

}

.visible-print-inline {

    display: none !important;

}

@media print {

    .visible-print-inline {

        display: inline !important;

    }

}

.visible-print-inline-block {

    display: none !important;

}

@media print {

    .visible-print-inline-block {

        display: inline-block !important;

    }

}

@media print {

    .hidden-print {

        display: none !important;

    }

}

.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:100%;padding-left:50px;padding-right:50px;}}@media (min-width:1600px){.container{max-width:100%;padding-left:180px;padding-right:180px;}}@media (min-width:2100px){.container{max-width:100%;padding-left:280px;padding-right:280px;}}

.container-fluid {

    width: 100%;

    padding-right: 15px;

    padding-left: 15px;

    margin-right: auto;

    margin-left: auto;

}

.row {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-right: -15px;

    margin-left: -15px;

}

.no-gutters {

    margin-right: 0;

    margin-left: 0;

}

.no-gutters > .col,

.no-gutters > [class*="col-"] {

    padding-right: 0;

    padding-left: 0;

}

.col,

.col-1,

.col-10,

.col-11,

.col-12,

.col-2,

.col-3,

.col-4,

.col-5,

.col-6,

.col-7,

.col-8,

.col-9,

.col-auto,

.col-lg,

.col-lg-1,

.col-lg-10,

.col-lg-11,

.col-lg-12,

.col-lg-2,

.col-lg-3,

.col-lg-4,

.col-lg-5,

.col-lg-6,

.col-lg-7,

.col-lg-8,

.col-lg-9,

.col-lg-auto,

.col-md,

.col-md-1,

.col-md-10,

.col-md-11,

.col-md-12,

.col-md-2,

.col-md-3,

.col-md-4,

.col-md-5,

.col-md-6,

.col-md-7,

.col-md-8,

.col-md-9,

.col-md-auto,

.col-sm,

.col-sm-1,

.col-sm-10,

.col-sm-11,

.col-sm-12,

.col-sm-2,

.col-sm-3,

.col-sm-4,

.col-sm-5,

.col-sm-6,

.col-sm-7,

.col-sm-8,

.col-sm-9,

.col-sm-auto,

.col-xl,

.col-xl-1,

.col-xl-10,

.col-xl-11,

.col-xl-12,

.col-xl-2,

.col-xl-3,

.col-xl-4,

.col-xl-5,

.col-xl-6,

.col-xl-7,

.col-xl-8,

.col-xl-9,

.col-xl-auto {

    position: relative;

    width: 100%;

    padding-right: 15px;

    padding-left: 15px;

}

.col {

    -webkit-flex-basis: 0;

    -ms-flex-preferred-size: 0;

    flex-basis: 0;

    -webkit-box-flex: 1;

    -webkit-flex-grow: 1;

    -ms-flex-positive: 1;

    flex-grow: 1;

    max-width: 100%;

}

.col-auto {

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 auto;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: auto;

    max-width: 100%;

}

.col-1 {

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 8.3333333333%;

    -ms-flex: 0 0 8.3333333333%;

    flex: 0 0 8.3333333333%;

    max-width: 8.3333333333%;

}

.col-2 {

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 16.6666666667%;

    -ms-flex: 0 0 16.6666666667%;

    flex: 0 0 16.6666666667%;

    max-width: 16.6666666667%;

}

.col-3 {

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 25%;

    -ms-flex: 0 0 25%;

    flex: 0 0 25%;

    max-width: 25%;

}

.col-4 {

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 33.3333333333%;

    -ms-flex: 0 0 33.3333333333%;

    flex: 0 0 33.3333333333%;

    max-width: 33.3333333333%;

}

.col-5 {

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 41.6666666667%;

    -ms-flex: 0 0 41.6666666667%;

    flex: 0 0 41.6666666667%;

    max-width: 41.6666666667%;

}

.col-6 {

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 50%;

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;

}

.col-7 {

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 58.3333333333%;

    -ms-flex: 0 0 58.3333333333%;

    flex: 0 0 58.3333333333%;

    max-width: 58.3333333333%;

}

.col-8 {

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 66.6666666667%;

    -ms-flex: 0 0 66.6666666667%;

    flex: 0 0 66.6666666667%;

    max-width: 66.6666666667%;

}

.col-9 {

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 75%;

    -ms-flex: 0 0 75%;

    flex: 0 0 75%;

    max-width: 75%;

}

.col-10 {

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 83.3333333333%;

    -ms-flex: 0 0 83.3333333333%;

    flex: 0 0 83.3333333333%;

    max-width: 83.3333333333%;

}

.col-11 {

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 91.6666666667%;

    -ms-flex: 0 0 91.6666666667%;

    flex: 0 0 91.6666666667%;

    max-width: 91.6666666667%;

}

.col-12 {

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 100%;

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%;

}

.order-first {

    -webkit-box-ordinal-group: 0;

    -webkit-order: -1;

    -ms-flex-order: -1;

    order: -1;

}

.order-last {

    -webkit-box-ordinal-group: 14;

    -webkit-order: 13;

    -ms-flex-order: 13;

    order: 13;

}

.order-0 {

    -webkit-box-ordinal-group: 1;

    -webkit-order: 0;

    -ms-flex-order: 0;

    order: 0;

}

.order-1 {

    -webkit-box-ordinal-group: 2;

    -webkit-order: 1;

    -ms-flex-order: 1;

    order: 1;

}

.order-2 {

    -webkit-box-ordinal-group: 3;

    -webkit-order: 2;

    -ms-flex-order: 2;

    order: 2;

}

.order-3 {

    -webkit-box-ordinal-group: 4;

    -webkit-order: 3;

    -ms-flex-order: 3;

    order: 3;

}

.order-4 {

    -webkit-box-ordinal-group: 5;

    -webkit-order: 4;

    -ms-flex-order: 4;

    order: 4;

}

.order-5 {

    -webkit-box-ordinal-group: 6;

    -webkit-order: 5;

    -ms-flex-order: 5;

    order: 5;

}

.order-6 {

    -webkit-box-ordinal-group: 7;

    -webkit-order: 6;

    -ms-flex-order: 6;

    order: 6;

}

.order-7 {

    -webkit-box-ordinal-group: 8;

    -webkit-order: 7;

    -ms-flex-order: 7;

    order: 7;

}

.order-8 {

    -webkit-box-ordinal-group: 9;

    -webkit-order: 8;

    -ms-flex-order: 8;

    order: 8;

}

.order-9 {

    -webkit-box-ordinal-group: 10;

    -webkit-order: 9;

    -ms-flex-order: 9;

    order: 9;

}

.order-10 {

    -webkit-box-ordinal-group: 11;

    -webkit-order: 10;

    -ms-flex-order: 10;

    order: 10;

}

.order-11 {

    -webkit-box-ordinal-group: 12;

    -webkit-order: 11;

    -ms-flex-order: 11;

    order: 11;

}

.order-12 {

    -webkit-box-ordinal-group: 13;

    -webkit-order: 12;

    -ms-flex-order: 12;

    order: 12;

}

.offset-1 {

    margin-left: 8.3333333333%;

}

.offset-2 {

    margin-left: 16.6666666667%;

}

.offset-3 {

    margin-left: 25%;

}

.offset-4 {

    margin-left: 33.3333333333%;

}

.offset-5 {

    margin-left: 41.6666666667%;

}

.offset-6 {

    margin-left: 50%;

}

.offset-7 {

    margin-left: 58.3333333333%;

}

.offset-8 {

    margin-left: 66.6666666667%;

}

.offset-9 {

    margin-left: 75%;

}

.offset-10 {

    margin-left: 83.3333333333%;

}

.offset-11 {

    margin-left: 91.6666666667%;

}

@media (min-width: 576px) {

    .col-sm {

        -webkit-flex-basis: 0;

        -ms-flex-preferred-size: 0;

        flex-basis: 0;

        -webkit-box-flex: 1;

        -webkit-flex-grow: 1;

        -ms-flex-positive: 1;

        flex-grow: 1;

        max-width: 100%;

    }

    .col-sm-auto {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 auto;

        -ms-flex: 0 0 auto;

        flex: 0 0 auto;

        width: auto;

        max-width: 100%;

    }

    .col-sm-1 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 8.3333333333%;

        -ms-flex: 0 0 8.3333333333%;

        flex: 0 0 8.3333333333%;

        max-width: 8.3333333333%;

    }

    .col-sm-2 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 16.6666666667%;

        -ms-flex: 0 0 16.6666666667%;

        flex: 0 0 16.6666666667%;

        max-width: 16.6666666667%;

    }

    .col-sm-3 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 25%;

        -ms-flex: 0 0 25%;

        flex: 0 0 25%;

        max-width: 25%;

    }

    .col-sm-4 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 33.3333333333%;

        -ms-flex: 0 0 33.3333333333%;

        flex: 0 0 33.3333333333%;

        max-width: 33.3333333333%;

    }

    .col-sm-5 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 41.6666666667%;

        -ms-flex: 0 0 41.6666666667%;

        flex: 0 0 41.6666666667%;

        max-width: 41.6666666667%;

    }

    .col-sm-6 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 50%;

        -ms-flex: 0 0 50%;

        flex: 0 0 50%;

        max-width: 50%;

    }

    .col-sm-7 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 58.3333333333%;

        -ms-flex: 0 0 58.3333333333%;

        flex: 0 0 58.3333333333%;

        max-width: 58.3333333333%;

    }

    .col-sm-8 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 66.6666666667%;

        -ms-flex: 0 0 66.6666666667%;

        flex: 0 0 66.6666666667%;

        max-width: 66.6666666667%;

    }

    .col-sm-9 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 75%;

        -ms-flex: 0 0 75%;

        flex: 0 0 75%;

        max-width: 75%;

    }

    .col-sm-10 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 83.3333333333%;

        -ms-flex: 0 0 83.3333333333%;

        flex: 0 0 83.3333333333%;

        max-width: 83.3333333333%;

    }

    .col-sm-11 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 91.6666666667%;

        -ms-flex: 0 0 91.6666666667%;

        flex: 0 0 91.6666666667%;

        max-width: 91.6666666667%;

    }

    .col-sm-12 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 100%;

        -ms-flex: 0 0 100%;

        flex: 0 0 100%;

        max-width: 100%;

    }

    .order-sm-first {

        -webkit-box-ordinal-group: 0;

        -webkit-order: -1;

        -ms-flex-order: -1;

        order: -1;

    }

    .order-sm-last {

        -webkit-box-ordinal-group: 14;

        -webkit-order: 13;

        -ms-flex-order: 13;

        order: 13;

    }

    .order-sm-0 {

        -webkit-box-ordinal-group: 1;

        -webkit-order: 0;

        -ms-flex-order: 0;

        order: 0;

    }

    .order-sm-1 {

        -webkit-box-ordinal-group: 2;

        -webkit-order: 1;

        -ms-flex-order: 1;

        order: 1;

    }

    .order-sm-2 {

        -webkit-box-ordinal-group: 3;

        -webkit-order: 2;

        -ms-flex-order: 2;

        order: 2;

    }

    .order-sm-3 {

        -webkit-box-ordinal-group: 4;

        -webkit-order: 3;

        -ms-flex-order: 3;

        order: 3;

    }

    .order-sm-4 {

        -webkit-box-ordinal-group: 5;

        -webkit-order: 4;

        -ms-flex-order: 4;

        order: 4;

    }

    .order-sm-5 {

        -webkit-box-ordinal-group: 6;

        -webkit-order: 5;

        -ms-flex-order: 5;

        order: 5;

    }

    .order-sm-6 {

        -webkit-box-ordinal-group: 7;

        -webkit-order: 6;

        -ms-flex-order: 6;

        order: 6;

    }

    .order-sm-7 {

        -webkit-box-ordinal-group: 8;

        -webkit-order: 7;

        -ms-flex-order: 7;

        order: 7;

    }

    .order-sm-8 {

        -webkit-box-ordinal-group: 9;

        -webkit-order: 8;

        -ms-flex-order: 8;

        order: 8;

    }

    .order-sm-9 {

        -webkit-box-ordinal-group: 10;

        -webkit-order: 9;

        -ms-flex-order: 9;

        order: 9;

    }

    .order-sm-10 {

        -webkit-box-ordinal-group: 11;

        -webkit-order: 10;

        -ms-flex-order: 10;

        order: 10;

    }

    .order-sm-11 {

        -webkit-box-ordinal-group: 12;

        -webkit-order: 11;

        -ms-flex-order: 11;

        order: 11;

    }

    .order-sm-12 {

        -webkit-box-ordinal-group: 13;

        -webkit-order: 12;

        -ms-flex-order: 12;

        order: 12;

    }

    .offset-sm-0 {

        margin-left: 0;

    }

    .offset-sm-1 {

        margin-left: 8.3333333333%;

    }

    .offset-sm-2 {

        margin-left: 16.6666666667%;

    }

    .offset-sm-3 {

        margin-left: 25%;

    }

    .offset-sm-4 {

        margin-left: 33.3333333333%;

    }

    .offset-sm-5 {

        margin-left: 41.6666666667%;

    }

    .offset-sm-6 {

        margin-left: 50%;

    }

    .offset-sm-7 {

        margin-left: 58.3333333333%;

    }

    .offset-sm-8 {

        margin-left: 66.6666666667%;

    }

    .offset-sm-9 {

        margin-left: 75%;

    }

    .offset-sm-10 {

        margin-left: 83.3333333333%;

    }

    .offset-sm-11 {

        margin-left: 91.6666666667%;

    }

}

@media (min-width: 768px) {

    .col-md {

        -webkit-flex-basis: 0;

        -ms-flex-preferred-size: 0;

        flex-basis: 0;

        -webkit-box-flex: 1;

        -webkit-flex-grow: 1;

        -ms-flex-positive: 1;

        flex-grow: 1;

        max-width: 100%;

    }

    .col-md-auto {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 auto;

        -ms-flex: 0 0 auto;

        flex: 0 0 auto;

        width: auto;

        max-width: 100%;

    }

    .col-md-1 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 8.3333333333%;

        -ms-flex: 0 0 8.3333333333%;

        flex: 0 0 8.3333333333%;

        max-width: 8.3333333333%;

    }

    .col-md-2 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 16.6666666667%;

        -ms-flex: 0 0 16.6666666667%;

        flex: 0 0 16.6666666667%;

        max-width: 16.6666666667%;

    }

    .col-md-3 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 25%;

        -ms-flex: 0 0 25%;

        flex: 0 0 25%;

        max-width: 25%;

    }

    .col-md-4 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 33.3333333333%;

        -ms-flex: 0 0 33.3333333333%;

        flex: 0 0 33.3333333333%;

        max-width: 33.3333333333%;

    }

    .col-md-5 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 41.6666666667%;

        -ms-flex: 0 0 41.6666666667%;

        flex: 0 0 41.6666666667%;

        max-width: 41.6666666667%;

    }

    .col-md-6 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 50%;

        -ms-flex: 0 0 50%;

        flex: 0 0 50%;

        max-width: 50%;

    }

    .col-md-7 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 58.3333333333%;

        -ms-flex: 0 0 58.3333333333%;

        flex: 0 0 58.3333333333%;

        max-width: 58.3333333333%;

    }

    .col-md-8 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 66.6666666667%;

        -ms-flex: 0 0 66.6666666667%;

        flex: 0 0 66.6666666667%;

        max-width: 66.6666666667%;

    }

    .col-md-9 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 75%;

        -ms-flex: 0 0 75%;

        flex: 0 0 75%;

        max-width: 75%;

    }

    .col-md-10 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 83.3333333333%;

        -ms-flex: 0 0 83.3333333333%;

        flex: 0 0 83.3333333333%;

        max-width: 83.3333333333%;

    }

    .col-md-11 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 91.6666666667%;

        -ms-flex: 0 0 91.6666666667%;

        flex: 0 0 91.6666666667%;

        max-width: 91.6666666667%;

    }

    .col-md-12 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 100%;

        -ms-flex: 0 0 100%;

        flex: 0 0 100%;

        max-width: 100%;

    }

    .order-md-first {

        -webkit-box-ordinal-group: 0;

        -webkit-order: -1;

        -ms-flex-order: -1;

        order: -1;

    }

    .order-md-last {

        -webkit-box-ordinal-group: 14;

        -webkit-order: 13;

        -ms-flex-order: 13;

        order: 13;

    }

    .order-md-0 {

        -webkit-box-ordinal-group: 1;

        -webkit-order: 0;

        -ms-flex-order: 0;

        order: 0;

    }

    .order-md-1 {

        -webkit-box-ordinal-group: 2;

        -webkit-order: 1;

        -ms-flex-order: 1;

        order: 1;

    }

    .order-md-2 {

        -webkit-box-ordinal-group: 3;

        -webkit-order: 2;

        -ms-flex-order: 2;

        order: 2;

    }

    .order-md-3 {

        -webkit-box-ordinal-group: 4;

        -webkit-order: 3;

        -ms-flex-order: 3;

        order: 3;

    }

    .order-md-4 {

        -webkit-box-ordinal-group: 5;

        -webkit-order: 4;

        -ms-flex-order: 4;

        order: 4;

    }

    .order-md-5 {

        -webkit-box-ordinal-group: 6;

        -webkit-order: 5;

        -ms-flex-order: 5;

        order: 5;

    }

    .order-md-6 {

        -webkit-box-ordinal-group: 7;

        -webkit-order: 6;

        -ms-flex-order: 6;

        order: 6;

    }

    .order-md-7 {

        -webkit-box-ordinal-group: 8;

        -webkit-order: 7;

        -ms-flex-order: 7;

        order: 7;

    }

    .order-md-8 {

        -webkit-box-ordinal-group: 9;

        -webkit-order: 8;

        -ms-flex-order: 8;

        order: 8;

    }

    .order-md-9 {

        -webkit-box-ordinal-group: 10;

        -webkit-order: 9;

        -ms-flex-order: 9;

        order: 9;

    }

    .order-md-10 {

        -webkit-box-ordinal-group: 11;

        -webkit-order: 10;

        -ms-flex-order: 10;

        order: 10;

    }

    .order-md-11 {

        -webkit-box-ordinal-group: 12;

        -webkit-order: 11;

        -ms-flex-order: 11;

        order: 11;

    }

    .order-md-12 {

        -webkit-box-ordinal-group: 13;

        -webkit-order: 12;

        -ms-flex-order: 12;

        order: 12;

    }

    .offset-md-0 {

        margin-left: 0;

    }

    .offset-md-1 {

        margin-left: 8.3333333333%;

    }

    .offset-md-2 {

        margin-left: 16.6666666667%;

    }

    .offset-md-3 {

        margin-left: 25%;

    }

    .offset-md-4 {

        margin-left: 33.3333333333%;

    }

    .offset-md-5 {

        margin-left: 41.6666666667%;

    }

    .offset-md-6 {

        margin-left: 50%;

    }

    .offset-md-7 {

        margin-left: 58.3333333333%;

    }

    .offset-md-8 {

        margin-left: 66.6666666667%;

    }

    .offset-md-9 {

        margin-left: 75%;

    }

    .offset-md-10 {

        margin-left: 83.3333333333%;

    }

    .offset-md-11 {

        margin-left: 91.6666666667%;

    }

}

@media (min-width: 992px) {

    .col-lg {

        -webkit-flex-basis: 0;

        -ms-flex-preferred-size: 0;

        flex-basis: 0;

        -webkit-box-flex: 1;

        -webkit-flex-grow: 1;

        -ms-flex-positive: 1;

        flex-grow: 1;

        max-width: 100%;

    }

    .col-lg-auto {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 auto;

        -ms-flex: 0 0 auto;

        flex: 0 0 auto;

        width: auto;

        max-width: 100%;

    }

    .col-lg-1 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 8.3333333333%;

        -ms-flex: 0 0 8.3333333333%;

        flex: 0 0 8.3333333333%;

        max-width: 8.3333333333%;

    }

    .col-lg-2 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 16.6666666667%;

        -ms-flex: 0 0 16.6666666667%;

        flex: 0 0 16.6666666667%;

        max-width: 16.6666666667%;

    }

    .col-lg-3 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 25%;

        -ms-flex: 0 0 25%;

        flex: 0 0 25%;

        max-width: 25%;

    }

    .col-lg-4 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 33.3333333333%;

        -ms-flex: 0 0 33.3333333333%;

        flex: 0 0 33.3333333333%;

        max-width: 33.3333333333%;

    }

    .col-lg-5 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 41.6666666667%;

        -ms-flex: 0 0 41.6666666667%;

        flex: 0 0 41.6666666667%;

        max-width: 41.6666666667%;

    }

    .col-lg-6 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 50%;

        -ms-flex: 0 0 50%;

        flex: 0 0 50%;

        max-width: 50%;

    }

    .col-lg-7 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 58.3333333333%;

        -ms-flex: 0 0 58.3333333333%;

        flex: 0 0 58.3333333333%;

        max-width: 58.3333333333%;

    }

    .col-lg-8 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 66.6666666667%;

        -ms-flex: 0 0 66.6666666667%;

        flex: 0 0 66.6666666667%;

        max-width: 66.6666666667%;

    }

    .col-lg-9 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 75%;

        -ms-flex: 0 0 75%;

        flex: 0 0 75%;

        max-width: 75%;

    }

    .col-lg-10 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 83.3333333333%;

        -ms-flex: 0 0 83.3333333333%;

        flex: 0 0 83.3333333333%;

        max-width: 83.3333333333%;

    }

    .col-lg-11 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 91.6666666667%;

        -ms-flex: 0 0 91.6666666667%;

        flex: 0 0 91.6666666667%;

        max-width: 91.6666666667%;

    }

    .col-lg-12 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 100%;

        -ms-flex: 0 0 100%;

        flex: 0 0 100%;

        max-width: 100%;

    }

    .order-lg-first {

        -webkit-box-ordinal-group: 0;

        -webkit-order: -1;

        -ms-flex-order: -1;

        order: -1;

    }

    .order-lg-last {

        -webkit-box-ordinal-group: 14;

        -webkit-order: 13;

        -ms-flex-order: 13;

        order: 13;

    }

    .order-lg-0 {

        -webkit-box-ordinal-group: 1;

        -webkit-order: 0;

        -ms-flex-order: 0;

        order: 0;

    }

    .order-lg-1 {

        -webkit-box-ordinal-group: 2;

        -webkit-order: 1;

        -ms-flex-order: 1;

        order: 1;

    }

    .order-lg-2 {

        -webkit-box-ordinal-group: 3;

        -webkit-order: 2;

        -ms-flex-order: 2;

        order: 2;

    }

    .order-lg-3 {

        -webkit-box-ordinal-group: 4;

        -webkit-order: 3;

        -ms-flex-order: 3;

        order: 3;

    }

    .order-lg-4 {

        -webkit-box-ordinal-group: 5;

        -webkit-order: 4;

        -ms-flex-order: 4;

        order: 4;

    }

    .order-lg-5 {

        -webkit-box-ordinal-group: 6;

        -webkit-order: 5;

        -ms-flex-order: 5;

        order: 5;

    }

    .order-lg-6 {

        -webkit-box-ordinal-group: 7;

        -webkit-order: 6;

        -ms-flex-order: 6;

        order: 6;

    }

    .order-lg-7 {

        -webkit-box-ordinal-group: 8;

        -webkit-order: 7;

        -ms-flex-order: 7;

        order: 7;

    }

    .order-lg-8 {

        -webkit-box-ordinal-group: 9;

        -webkit-order: 8;

        -ms-flex-order: 8;

        order: 8;

    }

    .order-lg-9 {

        -webkit-box-ordinal-group: 10;

        -webkit-order: 9;

        -ms-flex-order: 9;

        order: 9;

    }

    .order-lg-10 {

        -webkit-box-ordinal-group: 11;

        -webkit-order: 10;

        -ms-flex-order: 10;

        order: 10;

    }

    .order-lg-11 {

        -webkit-box-ordinal-group: 12;

        -webkit-order: 11;

        -ms-flex-order: 11;

        order: 11;

    }

    .order-lg-12 {

        -webkit-box-ordinal-group: 13;

        -webkit-order: 12;

        -ms-flex-order: 12;

        order: 12;

    }

    .offset-lg-0 {

        margin-left: 0;

    }

    .offset-lg-1 {

        margin-left: 8.3333333333%;

    }

    .offset-lg-2 {

        margin-left: 16.6666666667%;

    }

    .offset-lg-3 {

        margin-left: 25%;

    }

    .offset-lg-4 {

        margin-left: 33.3333333333%;

    }

    .offset-lg-5 {

        margin-left: 41.6666666667%;

    }

    .offset-lg-6 {

        margin-left: 50%;

    }

    .offset-lg-7 {

        margin-left: 58.3333333333%;

    }

    .offset-lg-8 {

        margin-left: 66.6666666667%;

    }

    .offset-lg-9 {

        margin-left: 75%;

    }

    .offset-lg-10 {

        margin-left: 83.3333333333%;

    }

    .offset-lg-11 {

        margin-left: 91.6666666667%;

    }

}

@media (min-width: 1200px) {

    .col-xl {

        -webkit-flex-basis: 0;

        -ms-flex-preferred-size: 0;

        flex-basis: 0;

        -webkit-box-flex: 1;

        -webkit-flex-grow: 1;

        -ms-flex-positive: 1;

        flex-grow: 1;

        max-width: 100%;

    }

    .col-xl-auto {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 auto;

        -ms-flex: 0 0 auto;

        flex: 0 0 auto;

        width: auto;

        max-width: 100%;

    }

    .col-xl-1 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 8.3333333333%;

        -ms-flex: 0 0 8.3333333333%;

        flex: 0 0 8.3333333333%;

        max-width: 8.3333333333%;

    }

    .col-xl-2 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 16.6666666667%;

        -ms-flex: 0 0 16.6666666667%;

        flex: 0 0 16.6666666667%;

        max-width: 16.6666666667%;

    }

    .col-xl-3 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 25%;

        -ms-flex: 0 0 25%;

        flex: 0 0 25%;

        max-width: 25%;

    }

    .col-xl-4 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 33.3333333333%;

        -ms-flex: 0 0 33.3333333333%;

        flex: 0 0 33.3333333333%;

        max-width: 33.3333333333%;

    }

    .col-xl-5 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 41.6666666667%;

        -ms-flex: 0 0 41.6666666667%;

        flex: 0 0 41.6666666667%;

        max-width: 41.6666666667%;

    }

    .col-xl-6 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 50%;

        -ms-flex: 0 0 50%;

        flex: 0 0 50%;

        max-width: 50%;

    }

    .col-xl-7 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 58.3333333333%;

        -ms-flex: 0 0 58.3333333333%;

        flex: 0 0 58.3333333333%;

        max-width: 58.3333333333%;

    }

    .col-xl-8 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 66.6666666667%;

        -ms-flex: 0 0 66.6666666667%;

        flex: 0 0 66.6666666667%;

        max-width: 66.6666666667%;

    }

    .col-xl-9 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 75%;

        -ms-flex: 0 0 75%;

        flex: 0 0 75%;

        max-width: 75%;

    }

    .col-xl-10 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 83.3333333333%;

        -ms-flex: 0 0 83.3333333333%;

        flex: 0 0 83.3333333333%;

        max-width: 83.3333333333%;

    }

    .col-xl-11 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 91.6666666667%;

        -ms-flex: 0 0 91.6666666667%;

        flex: 0 0 91.6666666667%;

        max-width: 91.6666666667%;

    }

    .col-xl-12 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 100%;

        -ms-flex: 0 0 100%;

        flex: 0 0 100%;

        max-width: 100%;

    }

    .order-xl-first {

        -webkit-box-ordinal-group: 0;

        -webkit-order: -1;

        -ms-flex-order: -1;

        order: -1;

    }

    .order-xl-last {

        -webkit-box-ordinal-group: 14;

        -webkit-order: 13;

        -ms-flex-order: 13;

        order: 13;

    }

    .order-xl-0 {

        -webkit-box-ordinal-group: 1;

        -webkit-order: 0;

        -ms-flex-order: 0;

        order: 0;

    }

    .order-xl-1 {

        -webkit-box-ordinal-group: 2;

        -webkit-order: 1;

        -ms-flex-order: 1;

        order: 1;

    }

    .order-xl-2 {

        -webkit-box-ordinal-group: 3;

        -webkit-order: 2;

        -ms-flex-order: 2;

        order: 2;

    }

    .order-xl-3 {

        -webkit-box-ordinal-group: 4;

        -webkit-order: 3;

        -ms-flex-order: 3;

        order: 3;

    }

    .order-xl-4 {

        -webkit-box-ordinal-group: 5;

        -webkit-order: 4;

        -ms-flex-order: 4;

        order: 4;

    }

    .order-xl-5 {

        -webkit-box-ordinal-group: 6;

        -webkit-order: 5;

        -ms-flex-order: 5;

        order: 5;

    }

    .order-xl-6 {

        -webkit-box-ordinal-group: 7;

        -webkit-order: 6;

        -ms-flex-order: 6;

        order: 6;

    }

    .order-xl-7 {

        -webkit-box-ordinal-group: 8;

        -webkit-order: 7;

        -ms-flex-order: 7;

        order: 7;

    }

    .order-xl-8 {

        -webkit-box-ordinal-group: 9;

        -webkit-order: 8;

        -ms-flex-order: 8;

        order: 8;

    }

    .order-xl-9 {

        -webkit-box-ordinal-group: 10;

        -webkit-order: 9;

        -ms-flex-order: 9;

        order: 9;

    }

    .order-xl-10 {

        -webkit-box-ordinal-group: 11;

        -webkit-order: 10;

        -ms-flex-order: 10;

        order: 10;

    }

    .order-xl-11 {

        -webkit-box-ordinal-group: 12;

        -webkit-order: 11;

        -ms-flex-order: 11;

        order: 11;

    }

    .order-xl-12 {

        -webkit-box-ordinal-group: 13;

        -webkit-order: 12;

        -ms-flex-order: 12;

        order: 12;

    }

    .offset-xl-0 {

        margin-left: 0;

    }

    .offset-xl-1 {

        margin-left: 8.3333333333%;

    }

    .offset-xl-2 {

        margin-left: 16.6666666667%;

    }

    .offset-xl-3 {

        margin-left: 25%;

    }

    .offset-xl-4 {

        margin-left: 33.3333333333%;

    }

    .offset-xl-5 {

        margin-left: 41.6666666667%;

    }

    .offset-xl-6 {

        margin-left: 50%;

    }

    .offset-xl-7 {

        margin-left: 58.3333333333%;

    }

    .offset-xl-8 {

        margin-left: 66.6666666667%;

    }

    .offset-xl-9 {

        margin-left: 75%;

    }

    .offset-xl-10 {

        margin-left: 83.3333333333%;

    }

    .offset-xl-11 {

        margin-left: 91.6666666667%;

    }

}

.img-fluid {

    max-width: 100%;

    height: auto;

}

.btn-lg {

    color: #fff;

    background: var(--kolorek);

    border: solid 2px var(--kolorek);

    position: relative;

    display: inline-block;

    text-transform: uppercase;

    padding: 15px;

    line-height: 1;

    font-weight: 300;

    text-align: center;

    letter-spacing: 0.1em;

    overflow: hidden;

    font-size: 1rem !important;

}

.btn-white {

    color: #000;

    background-color: #fff;

    border-color: #fff;

    text-transform: uppercase;

}

.btn-white:hover {

    color: #fff;

}

.btn-primary {

    color: #fff;

    background-color: var(--kolorek);

    border-color: var(--kolorek);

    text-transform: uppercase;

}

.btn-block {

    width: 100%;

}

.btn-group-sm > .btn,

.btn-sm {

    padding: 0.25rem 0.5rem!important;

    font-size: 0.875rem!important;

    line-height: 1.5!important;

}

.btn-info {

    color: #fff;

    background-color: var(--kolorek);

    border-color: var(--kolorek);

}

input[type="button"].btn-block,

input[type="reset"].btn-block,

input[type="submit"].btn-block {

    width: 100%;

}

.navbar {

    position: relative;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -ms-flex-align: center;

    align-items: center;

    -ms-flex-pack: justify;

    justify-content: space-between;

    padding: 0.5rem 1rem;

}

.navbar-brand {

    display: inline-block;

    padding-top: 0.3125rem;

    padding-bottom: 0.3125rem;

    margin-right: 1rem;

    font-size: 1.25rem;

    line-height: inherit;

    white-space: nowrap;

}

a {

    color: var(--kolorek);

    text-decoration: none;

    background-color: transparent;

}

.navbar-text {

    display: inline-block;

    padding-top: 0.5rem;

    padding-bottom: 0.5rem;

}

.card {

    position: relative;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-direction: column;

    flex-direction: column;

    min-width: 0;

    word-wrap: break-word;

    background-color: #fff;

    background-clip: border-box;

    border: 1px solid rgba(0, 0, 0, 0.125);

}

.card-header {

    padding: 0.75rem 1.25rem;

    margin-bottom: 0;

    background-color: rgba(0, 0, 0, 0.03);

    border-bottom: 1px solid rgba(0, 0, 0, 0.125);

}

.card-body {

    -ms-flex: 1 1 auto;

    flex: 1 1 auto;

    padding: 1.25rem;

}

.collapse:not(.show) {

    display: none;

}

.d-inline {

    display: inline !important;

}

.text-right {

    text-align: right !important;

}

.btn {

    display: inline-block;

    text-align: center;

    vertical-align: middle;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    border: 1px solid transparent;

    font-size: 1rem;

    line-height: 1.5;

    padding: 10px 20px 8px;

}

.btn:hover {

    background: #555;

}

.alert {

    position: relative;

    padding: 0.75rem 1.25rem;

    margin-bottom: 1rem;

}

.alert-info {

    background-color: #f0f1f2;

    border: 1px solid rgba(0, 0, 0, 0.125);

}

.alert-success {

    color: #155724;

    background-color: #d4edda;

    border: 1px solid #c3e6cb;

}

.alert-danger {

    color: #721c24;

    background-color: #f8d7da;

    border: 1px solid #f5c6cb;

}

img {

    vertical-align: middle;

    border-style: none;

}

p {

    margin-top: 0;

    margin-bottom: 1rem;

}

.bg-light {

    background-color: #F1F3F4 !important;

}

.bg-white {

    background-color: #fff !important;

}

.bg-primary {

    background-color: var(--kolorek) !important;

}

.text-dark {

    color: #000 !important;

}

.text-white {

    color: #fff !important;

}

.text-primary {

    color: var(--kolorek) !important;

}

.align-self-center {

    -ms-flex-item-align: center !important;

    align-self: center !important;

}

.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}

.fa {

    display: inline-block;

    font: normal normal normal 14px/1 FontAwesome;

    font-size: inherit;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}

[class*="fa-"]:before {

    font-weight: 400;

    font-family: FontAwesome;

}

.fa-arrow-up:before {

    content: "\f062";

}

.fa-phone:before {

    content: "\f095";

}

.fa-envelope:before {

    content: "\f0e0";

}

.fa-map-marker:before {

    content: "\f041";

}

.fa-facebook:before {

    content: "\f09a";

}

.fa-file-pdf-o:before {

content:"\f1c1";

}

@font-face {

    font-family: FontAwesome;

    src: url(../fonts/fontawesome-webfont.eot?v=4.5.0);

    src: url(../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0) format("embedded-opentype"), url(../fonts/fontawesome-webfont.woff2?v=4.5.0) format("woff2"), url(../fonts/fontawesome-webfont.woff?v=4.5.0) format("woff"),

        url(../fonts/fontawesome-webfont.ttf?v=4.5.0) format("truetype"), url(../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular) format("svg");

    font-weight: 400;

    font-style: normal;

}

.fa {

    display: inline-block;

    font: normal normal normal 14px/1 FontAwesome;

    font-size: inherit;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}

.fa-lg {

    font-size: 1.33333333em;

    line-height: 0.75em;

    vertical-align: -15%;

}

.fa-2x {

    font-size: 2em;

}

.fa-3x {

    font-size: 3em;

}

.fa-4x {

    font-size: 4em;

}

.fa-5x {

    font-size: 5em;

}

.antispam{display:none;}



/* ciasteczka */

.ciasteczka {

display: block; z-index: 99999; min-height: 35px; width: 250px; position: fixed; background: #000000; text-align: left; left: 30px; bottom: 30px; color: #fff; padding: 30px; border-radius: 4px;

}

.ciasteczka .cookieTitle {

	color: #fff;

	font-size: 22px;

	line-height: 20px;

	display: block;

}

.ciasteczka .cookieDesc p {

	margin: 0;

	padding: 0;

	color: #9babb3;

	font-size: 13px;

	line-height: 20px;

	display: block;

	margin-top: 10px;

}

.ciasteczka .cookieDesc a {

	color: #9babb3;

	text-decoration: underline;

}

.ciasteczka .cookieButton a {

	display: inline-block;

	color: #FFFFFF;

	font-size: 14px;

	font-weight: bold;

	margin-top: 14px;

	background: var(--kolorek);

	box-sizing: border-box; 

	padding: 15px 24px;

	text-align: center;

	transition: background 0.3s;

	width: 100%;

}

.ciasteczka .cookieButton a:hover { 

	cursor: pointer;

	background: #fff;

	color: #000000;

}



@media (max-width: 980px) {

	.ciasteczka {

		bottom: 0px !important;

		left: 0px !important;

		width: 100%!important;

border-radius: 0;

	}

}



/* kontakt */



.stopkakontakt {

background-color: #fff;

}



.stopkakontakt > .row .bloczek:first-child p, .stopkakontakt > .row .bloczek:first-child a, .stopkakontakt > .row .bloczek:first-child h4, .stopkakontakt > .row .bloczek:first-child {

color:#000;

}



.stopkakontakt textarea {

    min-height: 150px!important;

    resize: vertical;

}



.stopkakontakt .form-control {

    min-height: 50px;

    background: transparent!important;

    border-bottom: 1px solid #ced4da!important;

    border: 0px solid #ced4da;

    display: block;

    width: 100%;

    height: calc(1.5em + 0.75rem + 2px);

    padding: 0.375rem 0.75rem;

    font-size: 1rem;

    line-height: 1.5;

    color: #495057;

    font-family: Roboto, sans-serif;

}

.rounded-circle{border-radius:50%!important}



.align-self-center {

    -ms-flex-item-align: center !important;

    align-self: center !important;

}



.stopkakontakt2 hr {

border-top: 1px solid var(--kolorek);

margin-top: 50px;

}





/*  galeria*/

.square {

float:left;

position: relative;

width: 23%;

padding-bottom : 23%;

margin:1%;

background-position:center center;

background-repeat:no-repeat;

background-size:cover;

transition: transform ease-in-out 300ms;

}

.square:hover {

transform: scale(0.9);

transition: transform cubic-bezier(0.4, 0, 0.2, 1) 450ms;

}

.square:hover {

transform: scale(0.97);

transition: transform cubic-bezier(0.4, 0, 0.2, 1) 450ms;

}



@media (max-width: 1024px) {

.square {

width: 99%;

padding-bottom : 99%;

}

}

.clickable {

height: 100%;

width: 100%;

position: absolute; 

z-index: 1;

}

.wybordetails2 {

position: absolute;

color: #fff;

width: 100%;

text-align: center;

background: var(--kolorek);

padding: 20px;

bottom: 0;

font-size: 20px;

}



.ozdobny {font-family: 'Playfair Display', sans-serif;}





.table-bordered {

    border: 1px solid #dee2e6;

}

.table {

    width: 100%;

    margin-bottom: 5px;

    color: #212529;

}

table {

    border-collapse: collapse;

}

.table-bordered td, .table-bordered th {

    border: 1px solid #dee2e6;

}



.table td, .table th {

    padding: 0 10px;

    vertical-align: top;

    border-top: 1px solid #dee2e6;

}

.mapa

{

    filter: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="g"><feColorMatrix type="matrix" values="0.3 0.3 0.3 0 0 0.3 0.3 0.3 0 0 0.3 0.3 0.3 0 0 0 0 0 1 0"/></filter></svg>#g');

    -webkit-filter: grayscale(100%);

    filter: grayscale(100%);    

    filter: progid:DXImageTransform.Microsoft.BasicImage(grayScale=1);

    width: 100% !important;

}

    .w-25{width:25%!important}.w-50{width:50%}.w-40{width:40%!important}.w-60{width:60%}@media(max-width: 768px){.w-50,.w-25,.w-75,.w-40,.w-60{width: 100%!important;}}.w-75{width:75%}.w-100{width:100%!important}

    .marked-list-1 > li {

	padding-left: 20px;

	margin-bottom: 10px;

text-indent: -28px;

}



.marked-list-1 > li:before {

	color: #fff;

	content: '\f00c';

	font-size: 20px;

	padding-right: 10px;

	font-family: FontAwesome;

}



.tlo2 {background: url(../inc/pliki/grafika-strony/tlo2.svg) fixed center; background-size: cover;}



 .przyklad47 {

margin-bottom: -120px;

position: relative;

z-index: 1;

}

.przyklad47-naglowek-lewy .przyklad47-tytul {

max-width: 288px;

letter-spacing: 0;

}



.przyklad47-naglowek-lewy .blok {

background: #082749;

}



@media (max-width: 991px) {

.przyklad47-naglowek-lewy .przyklad47-tytul {

max-width: 100%;

display: block;

text-align: center;

}

}



.przyklad47-naglowek-lewy .przyklad47-tytul:before {

display: none;

}



@media (max-width: 991px) {

.przyklad47-naglowek-lewy .przyklad47-tytul:before {

display: block;

}

}



.przyklad47-naglowek-lewy .przyklad47-tytul .przyklad470-kreska {

position: relative;

width: 47px;

display: inline-block;

position: relative;

left: 25px;

height: 1px;

width: 47px;

content: '';

background: var(--kolorek);

margin-left: auto;

margin-right: auto;

bottom: 6px;

}



@media (max-width: 991px) {

.przyklad47-naglowek-lewy .przyklad47-tytul .przyklad470-kreska {

display: none;

}

}



.przyklad47-naglowek-prawy {

border-right: 1px solid var(--kolorek);

}



@media (max-width: 991px) {

.przyklad47-naglowek-prawy {

border: 0;

}

}

.przyklad47-foto {

min-height: 55px;

max-height: 55px;

margin-bottom: 4px;

}



.przyklad47-foto img {

max-width: 60px;

}

.przyklad47-naglowek.text-center p {

margin-left: auto;

margin-right: auto;

}



.przyklad47-naglowek {

margin-bottom: 62px;

}



.przyklad47-tytulik {

margin-bottom: 12px;

letter-spacing: 0;

}

.przyklad47-blok2 {

display: -webkit-flex;

display: -ms-flexbox;

display: flex;

width: 100%;

-webkit-align-items: center;

-ms-flex-align: center;

align-items: center;

background: #fff;

box-shadow: 0 0 27px rgba(0, 0, 0, 0.05);

}



@media (max-width: 991px) {

.przyklad47-blok2 {

display: block;

margin-top: 50px;

}

}



.przyklad47-blok2-foto {

width: 43.52%;

position: relative;

}



.przyklad47-blok2-foto img {

width: 100%;

}



@media (max-width: 991px) {

.przyklad47-blok2-foto {

display: block;

width: 100%;

}

}



.przyklad47-blok2-tekst {

width: 56.48%;

position: relative;

padding: 20px 80px;

}



@media (max-width: 991px) {

.przyklad47-blok2-tekst {

display: block;

width: 100%;

padding: 20px;

}

}



.przyklad47-blok2-tytul {

margin-bottom: 13px;

font-weight: 400;

}



.przyklad47-blok2-foto2 {

position: absolute;

right: -52px;

top: 53px;

}



.przyklad47-blok2-foto2 img {

max-width: 104px !important;

}



@media (max-width: 991px) {

.przyklad47-blok2-foto2 {

top: 2px;

right: 2px;

}

}



.przyklad47-blok3 {

padding-top: 200px;

}



.przyklad47-blok3 .przyklad47-naglowek-lewy .przyklad47-tytul {

max-width: 100%;

}



.przyklad47-blok3-pasek {

border-width: 0 0 1px 0;

border-style: solid;

border-color: #fff;

}



.przyklad47-blok3-naglowek-paska {

background: transparent;

border: 0;

display: -webkit-flex;

display: -ms-flexbox;

display: flex;

-webkit-align-items: center;

-ms-flex-align: center;

align-items: center;

width: 100%;

text-align: left;

cursor: pointer;

font-weight: 400;

padding: 0;

height: 65px;

}



.przyklad47-blok3-naglowek-paska:focus {

outline: 0;

}



.przyklad47-blok3-naglowek-paska .przyklad47-blok3-pasek-ikonka {

width: 80px;

margin-right: 25px;

margin-top: 50px;

display: inline-block;

}



.przyklad47-blok3-naglowek-paska-lewy {

width: 120px;

min-width: 120px;

}



.przyklad47-blok3-pasek-tresc {

padding-left: 120px;

padding-bottom: 22px;

}



@media (max-width: 991px) {

.przyklad47-blok3-pasek-tresc {

padding-left: 120px;

}

}





/* przyklad 1 */

.animowany-kafelek-zew {

	perspective: 1000px;

	position: relative;

	max-width: 700px;

}



html:not([data-x-mode]) .animowany-kafelek-zew:hover .animowany-kafelek {

	transform: rotateY(180deg);

}



html:not([data-x-mode]) .animowany-kafelek-zew:hover .animowany-kafelek .animowany-kafelek-tyl .animowany-kafelek-wew {

	transform: translate3d(0, 0, 0);

}



html:not([data-x-mode]) .animowany-kafelek-zew:hover .animowany-kafelek .animowany-kafelek-przod .animowany-kafelek-wew {

	transform: translate3d(0, 0, 90px);

}



.animowany-kafelek {

	transform-style: preserve-3d;

	border: 1px solid #F5F5F5;

box-shadow: 0 15px 40px 0 rgba(0, 0, 0, 0.08);

	text-align: center;

	transition: all 0.7s cubic-bezier(0.5, 0.12, 0.46, 0.88);

}



.animowany-kafelek-wew {

	transition: all 0.5s cubic-bezier(0.5, 0.12, 0.46, 0.88);

}





.animowany-kafelek-przod,

.animowany-kafelek-tyl {

	display: flex;

	justify-content: center;

	align-items: center;

	transform-style: preserve-3d;

	min-height: 250px;

	padding: 25px;

	transition: all 0.1s 0.25s cubic-bezier(0.5, 0.12, 0.46, 0.88);

}



@media (min-width: 1023px) {

	.animowany-kafelek-przod,

	.animowany-kafelek-tyl {

		min-height: 250px;

	}

}



.animowany-kafelek-przod {

	background-color: #082749;

	backface-visibility: hidden;

	z-index: 1;

	transform: translate3d(0, 0, 1px);

}



.animowany-kafelek-przod .animowany-kafelek-wew {

	transform: translate3d(0, 0, 0);

}



.animowany-kafelek-tyl {

	position: absolute;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	z-index: 0;

	transform: rotateY(180deg) translate3d(0, 0, 1px);

	background-color: var(--kolorek);

}



.animowany-kafelek-tyl .animowany-kafelek-wew {

	transform: translate3d(0, 0, 110px);

}



.animowany-kafelek-zew-product .animowany-kafelek-tyl {

	background-color: #fff;

	align-items: stretch;

}



.animowany-kafelek-zew-product .animowany-kafelek-tyl > * {

	flex-grow: 1;

	width: 100%;

}



.animowany-kafelek-zew-product .animowany-kafelek-tyl .animowany-kafelek-wew > * {

	position: absolute;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

}



.zdjecie-produktu {

	position: relative;

}



.zdjecie-produktu img {

	width: 100%;

	height: auto;

}



.opis-produktu {

	background-color: rgba(0, 0, 0, 0.22);

}



.cytat-produktu {

	position: absolute;

	left: 25px;

	bottom: 30px;

	background-color: #fff;

	padding: 6px 16px 6px 16px;

	color: #242731;

}



.lista-produktow {

	text-align: center;

}



.opis-produktu-centered > * + * {

	margin-top: 10px;

}



.opis-produktu {

	display: flex;

	align-items: center;

	justify-content: center;

}



.tytul-produktu {

	padding: 10px;

	text-transform: uppercase;

	letter-spacing: 0.075em;

}



.tytul-produktu a {

	color: #fff;

}





button.accordion {

  width: 100%;

  background-color: #082749;

  border: none;

  outline: none;

  text-align: left;

  padding: 15px 20px;

  font-size: 18px;

  color: #fff;

  cursor: pointer;

  transition: background-color 0.2s linear;

}



button.accordion:after {

  font-family: FontAwesome;

  content: "\f078";

  font-family: "fontawesome";

  font-size: 18px;

  float: right;

}



button.accordion.is-open:after {

  content: "\f077";

}



button.accordion:hover,

button.accordion.is-open {

  background-color: #555;

}



.accordion-content {

  background-color: white;

  padding: 0 20px;

  max-height: 0;

  overflow: hidden;

  transition: max-height 0.2s ease-in-out;

  margin-bottom: 2px;

}

.nasz-zespol.menutak{
    order:-1;
}