@import "normalize.css";
@import "reset.css";

#fancybox-wrap *::before,
#fancybox-wrap *::after,
#fancybox-wrap *,
#fancybox-overlay,
#fancybox-wrap {
    box-sizing: content-box !important;
}

/* --- ustawienia ogólne --- */

.cms, .cms2 {
    display: inline-block;
    width: 100%;
    color: #050505;
    background-color: #ffffff;
    padding: 20px 25px;
}

.cms_koszyk {
    background-color: #050505;
    padding: 0;
    color: #c8ae58;
}

.cms.cms_koszyk hr,
#koszyk .wiersz hr{
    background: #c8ae58;
}

.cms h1, h1 {
    font: 700 46px/56px 'Open Sans', sans-serif;
}

.cms.podstrona_lista_pr h1 {
    text-transform: uppercase;
}

.cms h1 {
    margin-bottom: 50px;
}

.cms h2, h2 {
    font: 600 40px/56px 'Open Sans', sans-serif;
    margin-bottom: 35px;
}

.cms h3, h3 {
    font: 600 28px/40px 'Open Sans', sans-serif;
    margin-bottom: 30px;
}

.cms h4, h4 {
    font: 600 21px/34px 'Open Sans', sans-serif;
    margin-bottom: 30px;
}

.cms h5, h5 {
    font: 600 17px/30px 'Open Sans', sans-serif;
    margin-bottom: 25px;
}

.cms p {
    font: 400 15px/22px 'Open Sans', sans-serif;
    margin-bottom: 20px;
    word-wrap:break-word;
}

/*.cms2 p, .cms2 span {*/
/*    word-wrap: break-word;*/
/*}*/

/*.cms2 p {*/
/*    display: none;*/
/*}*/

.cms > img,
.cms p img {
    max-width: 100%;
    height: auto;
    margin: 50px 0;
    display: block;
}

.cms hr, hr {
    margin: 50px 0;
    background: #f3f0e9;
    border: none;
    width: 100%;
    height: 1px;
}

.cms a {
    color: #5a2408;
}

.cms a.telefon {
    color: #2c2c2c;
}

.cms ul {
    margin: 0 0 35px 20px;
    overflow: auto;
}

.cms ol {
    margin: 0 0 35px 0;
    overflow: auto;
}

.cms ol ul,
.cms ol ol,
.cms ul ul,
.cms ul ol {
    margin: 15px 0 0 0;
}

.cms li {
    font: 400 15px/30px 'Open Sans', sans-serif;
    margin-bottom: 10px;
    padding-left: 25px;
    position: relative;
}

.cms ul > li:before {
    position: absolute;
    content: '';
    height: 6px;
    width: 6px;
    border-radius: 100%;
    background: #8d6843;
    left: 0;
    top: 14px;
}

.cms ul > li:last-of-type,
.cms ol > li:last-of-type {
    margin-bottom: 0;
}

.cms ol > li {
    list-style-type: decimal;
    margin-left: 35px;
    padding-left: 10px;
}

.cms table {
    background-color: #f0e8d5;
    border-collapse: collapse;
    margin: 0 0 50px 0;
    width: 100%;
    overflow-x: auto;
}

.cms > table td, .cms > table th {
    border: 1px solid #fff;
    text-align: center;
    vertical-align: middle;
    padding: 30px 35px;
}

.cms > table thead th {
    border-bottom: 3px solid #8d6843;
    font: 600 16px/24px 'Open Sans', sans-serif;
}

.cms > table tbody {
    font: 400 15px/20px 'Open Sans', sans-serif;
}

.cms2 table .bgtd {
    background-color: #c8ae58;
    padding: 10px 5px;
    margin: 0 0 25px;
}

.cms2 table .bgtd * {
    font: 700 24px/28px 'Open Sans', sans-serif !important;
    margin: 0;
    text-align: center !important;
    color: #050505;
}

/*.cms2 table .bgtd span,*/
/*.cms2 table .bgtd strong*/
/*{*/
/*    display: block;*/
/*}*/

/*.cms2 table .bgtd br {*/
/*    display: none;*/
/*}*/

strong {
    font-weight: 700;
}

.page {
    display: flex;
    justify-content: center;
    margin: 0;
    background-color: #050505;
}

.container {
    width: 1700px;
}

.page .container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.page_left {
    width: 425px;
    padding-right: 70px;
    margin: 30px 0 0;
}

.page_right {
    width: calc(100% - 425px);
}

/* --- button --- */

.button {
    color: #2c2c2c;
    font: 600 13px/14px 'Open Sans', sans-serif;
    text-transform: uppercase;
    background: #fff;
    padding: 12px 80px 12px 20px;
    position: absolute;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.button:hover {
    color: #8d6843;
}

.button svg {
    position: absolute;
    top: 50%;
    right: 30px;
    width: 24px;
    height: 17px;
    transform: translate(0, -50%) rotate(180deg);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.button:hover svg {
    right: 15px;
}

.button svg .cls-1 {
    fill: #8d6843;
}

.btn_lewy {
    position: relative;
    display: inline-block;
    margin-bottom: 40px;
    padding: 12px 20px 12px 60px;
}

.btn_lewy svg {
    left: 15px;
    transform: translate(0, -50%);
}

.btn_lewy:hover svg {
    left: 0;
}

/* --- pliki na podstronie --- */

#pliki {
    margin: 0 0 50px 0;
}

#pliki a {
    font: 400 15px/30px 'Open Sans', sans-serif;
    color: #5a2408;
    margin-bottom: 30px;
    display: flex;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#pliki a:last-of-type {
    margin-bottom: 0;
}

#pliki a:hover {
    color: #2c2c2c;
}

#pliki a svg {
    width: 22px;
    height: 26px;
    margin-right: 22px;
    flex: 0 0 auto;
}

#pliki a svg .cls-1 {
    fill: #5a2408;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#pliki a:hover svg .cls-1 {
    fill: #2c2c2c;
}

/* --- galeria na podstronie --- */

#galeria {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 50px 0;
    justify-content: center;
}

#galeria a {
    position: relative;
    margin: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    overflow: hidden;
    width: 307px;
    height: 307px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#galeria a .maska {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(239, 229, 208, 0);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 1;
}

#galeria a:hover .maska {
    background-color: rgba(239, 229, 208, 0.6);
}

#galeria a img {
    height: 100%;
    width: 100%;
    display: block;
    object-fit: cover;
    transition-duration: 0.5s;
}

#galeria a:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
}

#galeria a svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 146px;
    height: 146px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
    z-index: 3;
}

#galeria a:hover svg {
    opacity: 1;
}

#galeria a svg .cls-1 {
    fill: #fff;
}

#galeria a:before {
    content: '';
    position: absolute;
    top: 55%;
    left: 55%;
    transform: translate(-50%, -50%);
    width: 111px;
    height: 111px;
    border-radius: 100%;
    background-color: #8d6843;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
    z-index: 2;
}

#galeria a:hover:before {
    opacity: 0.35;
}

/* --- kategorie --- */
#kategorie {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    background-color: #ffffff;
    padding: 0 25px;
}

#kategorie .box_kategoria {
    width: 275px;
    height: 74px;
    padding: 10px;
    background-color: #ffffff;
    margin: 0 30px 20px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #c8ae58;
    font: 600 16px/20px 'Open Sans', sans-serif;
    overflow: hidden;
    text-align: center;
    border-radius: 15px;
}

#kategorie .box_kategoria:last-of-type {
    margin-right: 0;
}

#kategorie .box_kategoria span {
    color: #c8ae58;
    font: 600 16px/20px 'Open Sans', sans-serif;
    text-align: center;
    display: block;
    height: auto;
    max-height: 60px;
    overflow: hidden;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#kategorie .box_kategoria:hover span {
    color: #8d6843;
}

/* --- sortowanie --- */

#sortowanie {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 25px;
    background-color: #ffffff;
}

.cms > #sortowanie {
    padding: 0;
}

#sortowanie .naglowek {
    color: #050505;
    font: 600 13px/15px 'Open Sans', sans-serif;
    margin-right: 15px;
}

#sortowanie .separator {
    background: #3f0907;
    width: 2px;
    height: 15px;
    margin: 0 15px;
}

#sortowanie a {
    margin: 0 3px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#sortowanie a span {
    display: block;
    width: 10px;
    height: 10px;
    background: url("../img/arrow_menu.png");
}

#sortowanie a.active span {
    background: url("../img/arrow_sortowanie.png");
}

#sortowanie a.up {
    transform: rotate(-90deg);
}

#sortowanie a.down {
    transform: rotate(90deg);
}


/* ---- paginacja ---- */

#paginacja {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    color: #050505;
    font: 400 15px/15px 'Open Sans', sans-serif;
    margin: 0 auto;
    padding: 20px 0 30px;
    /*border-top: 1px solid #ebddcf;*/
    background-color: #ffffff;
}

#paginacja .pag_strona,
#paginacja .pag_ilosc_produktow {
    margin: 10px 25px;
    display: flex;
    align-items: center;
}

#paginacja .pag_strona .separator {
    margin: 0 10px -2px 12px;
    height: 15px;
    width: 2px;
    background: #3f0907;
}

#paginacja .pages_act {
    font-weight: 700;
}

#paginacja select {
    border: 1px solid #3f0907;
    margin: 0 15px;
    padding: 0 15px;
    color: #050505;
    font: 400 15px/15px 'Open Sans', sans-serif;
    height: 40px;
    width: auto;
    text-align: center;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

#paginacja select:focus,
#paginacja select:hover {
    border: 1px solid #c8ae58;
}

.button_pag {
    width: 39px;
    height: 17px;
    position: relative;
    margin: 0 20px;
}

#paginacja .button_pag svg {
    width: 24px;
    height: 17px;
    position: absolute;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

#paginacja .pag_prev svg {
    right: 0;
}

#paginacja .pag_prev:hover svg {
    right: 15px;
}

#paginacja .pag_next svg {
    left: 0;
    transform: rotate(180deg);
}

#paginacja .pag_next:hover svg {
    left: 15px;
}

#paginacja .button_pag svg .cls-1 {
    fill: #8d6843;
}

/* --- header --- */

header {
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: space-between;
    z-index: 100;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

header .logo_top {
    display: none;
}

header > div:nth-of-type(1) {
    background: #000000;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: calc(100% - 240px);
}

header > div:nth-of-type(2) {
    background: #ffffff;
    width: 240px;
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: 0 0 auto;
}

header nav {
    height: 100%;
}

header nav ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
}

header nav ul li {
    margin: 0;
    height: 100%;
    flex: 0 0 auto;
}

header nav ul li a {
    color: #c8ae58;
    height: 100%;
    font: 400 20px/20px 'Open Sans', sans-serif;
    padding: 0 22px;
    display: flex;
    align-items: center;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

header nav ul li a:hover,
header nav ul li a.active {/* Grzegorz Kolor buttona menu  było #422d18*/
    background-color: #4e4a3e;	/* Grzegorz Kolor podswietlania nazwy menu #ffffff */
    color: #ffffff;
}

header nav ul li a:hover:after,
header nav ul li a.active:after {
    width: 100%;
}

.szukajka {
    border-bottom: 1px solid #c8ae58;
    margin: 0 35px;
}

header form,
.szukajka_mobile form {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.szukajka .input_search {
    background-color: #000000;
    color: #ebddcf;
    font: 300 16px/16px 'Open Sans', sans-serif;
    border: none;
    padding: 10px 10px 10px 0;
    width: 165px;
}

.szukajka button img {
    width: 21px;
    height: 21px;
    margin: 0 0 0 15px;
}

.szukajka .input_search::placeholder {/*Grzegorz tu jest napis szukaj w sklepie  było #ffffff */
    color: #c8ae55;
    opacity: 1; /* Firefox */
}

.szukajka .input_search:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #ebddcf;
}

.szukajka .input_search::-ms-input-placeholder { /* Microsoft Edge */
    color: #ebddcf;
}

#search .input_fraza,
#search_mobile .input_fraza {
    padding: 0 45px 10px;
    margin-right: -30px;
    border: 0;
    border-bottom: 1px solid #a6a6a6;
    width: 100%;
    height: auto;
    color: #8d6843;
    font: 300 15px/16px 'Poppins', sans-serif;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#search:hover .input_fraza,
#search:active .input_fraza,
#search .input_fraza:focus,
#search_mobile:hover .input_fraza,
#search_mobile:active .input_fraza,
#search_mobile .input_fraza:focus {
    border-color: #2c2c2c;
}

#search .input_button,
#search_mobile .input_button {
    width: 30px;
    height: 30px;
    margin-bottom: 20px;
}

#search .input_button svg,
#search_mobile .input_button svg {
    width: 30px;
    height: 30px;
}

header .fb,
#menu-mobile .fb {
    width: 30px;
    height: 30px;
}

header .fb {
    display: block;
}

#menu-mobile .menu1 > li .fb {
    display: none;
}

header .fb svg,
#menu-mobile .fb svg {
    width: 30px;
    height: 30px;
    background-color: #fff;
    border-radius: 100%;
}

.fb svg .cls-1 {
    fill: #3b5998;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.fb:hover svg .cls-1 {
    fill: #5b83d7;
}

#zaloguj {
    display: flex;
    align-items: center;
}

#zaloguj .header_link {
    margin: 0 40px;
}

#zaloguj .separator {
    width: 1px;
    height: 128px;
    background-color: #fff;
    display: inline-block;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

header.header-fixed #zaloguj .separator {
    height: 85px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

header .header_link {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

header .header_link svg {
    width: 34px;
    height: 28px;
}

header .header_link svg .cls-1 {
    fill: #5a2408;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

header .header_link:hover svg .cls-1 {
    fill: #8d6843;
}

header .header_link .text {
    font: 400 13px/13px 'Open Sans', sans-serif;/*Grzegorz Napis Zobacz koszyk bylo #ffffff */
    color: #000000;
    text-transform: uppercase;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

/*header .header_link:hover .text,*/
/*header .header_link:hover .wiersz .ilosc_produktow {*/
/*    color: #8d6843;*/
/*}*/

#zaloguj svg,
header .wiersz {
    margin-bottom: 13px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

header .wiersz {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font: 600 17px/17px 'Open Sans', sans-serif;
    color: #c8ae58;
}

header .wiersz img {
    width: 34px;
    height: 28px;
}

header .wiersz .ilosc_produktow {
    font-weight: 600;
    color: #ebddcf;
    margin: 0 7px 0 10px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

header .wiersz .suma {
    margin: 0 5px 0 7px;
}

/* --- hamburger --- */

#hamburger {
    display: none;
    width: 46px;
    height: 55px;
    margin-left: 40px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    cursor: pointer;
}

#hamburger span {
    display: block;
    position: absolute;
    height: 4px;
    width: 50%;/* Grzegorz Menu na komórce Hamburger było #fff */
    background: #000000;
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

#hamburger span:nth-child(even) {
    left: 50%;
}

#hamburger span:nth-child(odd) {
    left: 0;
}

#hamburger span:nth-child(1), #hamburger span:nth-child(2) {
    top: 0;
}

#hamburger:hover span:nth-child(1),
#hamburger:hover span:nth-child(2),
#hamburger:hover span:nth-child(5),
#hamburger:hover span:nth-child(6) {
    background: #c8ae58;
}

#hamburger span:nth-child(3), #hamburger span:nth-child(4) {
    top: 14px;
    background: #c8ae58;
}

#hamburger:hover span:nth-child(3),
#hamburger:hover span:nth-child(4) {/* Grzegorz przycisk na komórce bylo #fff */
    background: #000000;
}

#hamburger span:nth-child(5), #hamburger span:nth-child(6) {
    top: 28px;
}

#hamburger.open span:nth-child(1), #hamburger.open span:nth-child(6) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#hamburger.open span:nth-child(2), #hamburger.open span:nth-child(5) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#hamburger.open span:nth-child(1) {
    left: 5px;
    top: 11px;
}

#hamburger.open span:nth-child(2) {
    left: calc(50% - 5px);
    top: 11px;
}

#hamburger.open span:nth-child(3) {
    left: -50%;
    opacity: 0;
}

#hamburger.open span:nth-child(4) {
    left: 100%;
    opacity: 0;
}

#hamburger.open span:nth-child(5) {
    left: 5px;
    top: 23px;
}

#hamburger.open span:nth-child(6) {
    left: calc(50% - 5px);
    top: 23px;
}

#hamburger p {
    color: #050505;
    text-transform: uppercase;
    font: 400 11px/11px 'Open Sans', sans-serif;
    position: absolute;
    bottom: 0;
    left: 0;
    letter-spacing: 5px;
    height: 11px;
    overflow: hidden;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

/* --- search --- */

#search {
    margin: 30px 0 40px;
    width: 100%;
}

#search_mobile {
    display: none;
    width: 300px;
    margin: 25px auto;
}

#search:hover,
#search:active,
#search_mobile:hover,
#search_mobile:active {
    cursor: pointer;
}

#search form,
#search_mobile form {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#search .input_fraza,
#search_mobile .input_fraza {
    padding: 0 45px 10px;
    margin-right: -30px;
    border: 0;
    border-bottom: 1px solid #a6a6a6;
    width: 100%;
    height: auto;
    color: #8d6843;
    font: 300 15px/16px 'Open Sans', sans-serif;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#search:hover .input_fraza,
#search:active .input_fraza,
#search .input_fraza:focus,
#search_mobile:hover .input_fraza,
#search_mobile:active .input_fraza,
#search_mobile .input_fraza:focus {
    border-color: #2c2c2c;
}

#search .input_button,
#search_mobile .input_button {
    width: 30px;
    height: 30px;
    margin-bottom: 20px;
}

#search .input_button svg,
#search_mobile .input_button svg {
    width: 30px;
    height: 30px;
}

#search .input_button svg .cls-1,
#search_mobile .input_button svg .cls-1 {
    fill: #8d6843;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#search .input_button:hover svg .cls-1,
#search_mobile .input_button:hover svg .cls-1 {
    fill: #5a2408;
}

/* --- menu boczne --- */
.page_left .logo_top {
    width: 100%;
    margin: 0 0 30px;
    display: block;
}

.page_left .logo_top .cls-1 {
    fill: #c8ae58;
}

.page_left .nasza_oferta {
    width: 100%;
}

.page_left .nasza_oferta .naglowek {
    color: #c8ae58;
    font: 700 30px/32px 'Open Sans', sans-serif;
    padding: 0 20px 0 40px;
    margin: 0 0 20px;
    display: block;
}

#menu_boczne {
    margin-bottom: 40px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#menu_boczne .menu_1 > li {
    padding: 0 0 5px;
}

#menu_boczne .menu_1 > li:last-of-type {
    padding: 0;
}

#menu_boczne .menu_1 > li > a {
    position: relative;
    padding: 14px 10px 14px 40px;
    color: #c8ae58;
    font: 700 18px/22px 'Open Sans', sans-serif;
    display: block;
    background-color: #ffffff;
    border-radius: 10px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#menu_boczne .menu_1 > li > a:hover,
#menu_boczne .menu_2 > li > a:hover {/* Grzegorz zmiana koloru buttona menu  #ffffff */
    color: #a9881c;}

/*#menu_boczne .menu_1 > li > a.open
{*/
/*    color: #8d6843 !important;*/
/*}*/

#menu_boczne .menu_1 > li > a:before {
    content: '';
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translate(0,-50%);
    width: 10px;
    height: 10px;
    background: url(../img/arrow_menu.png);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#menu_boczne .menu_1 > li > a:hover:before {
    left: 22px;
}

#menu_boczne .menu_1 > li > a.open:before {
    transform: translate(0,-50%) rotate(90deg);
}


#menu_boczne .menu_2 {
    height: 0;
    overflow: hidden;
    list-style-type: none;
}

#menu_boczne .menu_2.open {
    margin: 10px 0;
    height: auto;
}

#menu_boczne .menu_2 li {
    padding: 0;
}

#menu_boczne .menu_2 li a {
    color: #c8ae58;
    font: 400 15px/16px 'Open Sans', sans-serif;
    padding: 10px 10px 10px 40px;
    position: relative;
    display: block;
}

#menu_boczne .menu_2 li a:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 16px;
    transform: translate(0,-50%);
    background-color: #c8ae58;
    width: 4px;
    height: 4px;
    border-radius: 100%;
}

.nasza_oferta .wiecej_produktow {
    text-transform: uppercase;
    color: #2c2c2c;
    font: 600 14px/16px 'Open Sans', sans-serif;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    display: flex;
    align-items: flex-start;
    height: 40px;
    margin-bottom: 50px;
}

.nasza_oferta .wiecej_produktow .zwin {
    display: none;
}

.nasza_oferta .wiecej_produktow:hover {
    color: #8d6843;
}

.nasza_oferta .wiecej_produktow svg {
    margin: 0 0 0 20px;
    transform: rotate(-90deg);
    width: 24px;
    height: 17px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.nasza_oferta .wiecej_produktow:hover svg {
    margin: 15px 0 0 20px;
}

.nasza_oferta .wiecej_produktow svg .cls-1 {
    fill: #8d6843;
}

/* --- menu mobilne --- */

#overlay {
    position: fixed;
    top: 80px;
    right: -100%;
    width: 100%;
    height: 100%;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 991;
    overflow: hidden;
    padding: 20px 0 0;
    background-color: #ffffff;
}

#overlay.fixed {
    top: 70px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#overlay.open {
    visibility: visible;
    right: 0;
}

#menu-mobile {
    overflow-x: hidden;
    height: 100%;
    width: 100%;
    padding: 20px 30px;
    position: relative;
    right: -100%;
    z-index: 990;
    color: #c8ae58;
    background: #ffffff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#menu-mobile.open {
    right: 0;
}

#menu-mobile .menu_1 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 80px;
}

/*#menu-mobile .menu1 > li {   

}*/

#menu-mobile .menu_1 > li a {
    display: inline-block;
    font: 600 22px/22px 'Open Sans', sans-serif;
    padding: 8px 0;
    margin: 5px 0;
    width: 300px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#menu-mobile .menu_1 li a:hover,
#menu-mobile .menu_1 li a.active {
    color: #8d6843;
}

#menu-mobile .menu2,
#menu-mobile .menu3,
#menu-mobile .menu4 {
    transform: translate(0, 0);
    position: relative;
    left: 50px;
}

#menu-mobile .menu3 {
    margin-bottom: 10px;
}

/*#menu-mobile .menu2 > li {
    margin: 10px 0;
}*/

#menu-mobile .menu2 > li a {
    display: inline-block;
    font: 600 16px/16px 'Open Sans', sans-serif;
    padding: 5px 0;
    margin: 5px 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    width: auto;
}

/*#menu-mobile .menu3 > li {
    margin: 5px 0;
}*/

#menu-mobile .menu3 > li a {
    display: inline-block;
    color: #5a2408;
    font: 600 16px/16px 'Open Sans', sans-serif;
    padding: 5px 0;
    margin: 5px 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

/*#menu-mobile .menu4 > li {
    margin: 5px 0;
}*/

#menu-mobile .menu4 > li a {
    display: inline-block;
    color: #5a2408;
    font: 400 16px/16px 'Open Sans', sans-serif;
    padding: 5px 0;
    margin: 5px 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#menu-mobile .menu_plus {
    position: relative;
    top: 5px;
    display: inline-block;
    height: 26px;
    width: 26px;
    margin-left: 25px;
    background: #fff;
    border-radius: 100%;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#menu-mobile .menu_plus:after,
#menu-mobile .menu_plus:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #3f0907;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#menu-mobile .menu_plus:after {
    height: 3px;
    width: 19px;
}

#menu-mobile .menu_plus:before {
    width: 3px;
    height: 19px;
    background: #5a2408;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#menu-mobile .menu_plus.active:before {
    height: 1px;
    background: #5a2408;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.toggle_container {
    margin: 0;
    overflow: hidden;
    height: auto;
    position: relative;
    display: none;
}

/* --- menu top --- */

.page_right .menu_top {
    margin: 50px 0;
}

.page_right .menu_top ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.page_right .menu_top ul li {
    margin-right: 85px;
}

.page_right .menu_top ul li:last-of-type {
    margin-right: 0;
}

.page_right .menu_top ul li a {
    color: #2c2c2c;
    text-transform: uppercase;
    font: 400 17px/17px 'Open Sans', sans-serif;
    padding-left: 35px;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.page_right .menu_top ul li a:hover,
.page_right .menu_top ul li a.active {
    color: #8d6843;
}

.page_right .menu_top ul li a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    width: 18px;
    height: 18px;
}

/* --- strona głowna promocje --- */

.page_home {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}

.page_home .szukajka_mobile {
    display: none;
}

.page_home .wyroznienie {
    position: relative;
    width: calc(100% - 240px);
    height: 498px;
    overflow: hidden;
    /*margin-right: 50px;*/
}

.page_home .wyroznienie img {
    width: 1035px;
    height: auto;
    object-fit: cover;
}

.page_home .wyroznienie .button {
    left: 90px;
    bottom: 150px;
}

.page_home .wyroznienie .text {
    display: block;
    width: 430px;
    height: auto;
    color: #2c2c2c;
    font: 600 76px/76px 'Open Sans', sans-serif;
    position: absolute;
    left: 80px;
    top: 80px;
}

.page_home .wyroznienie .text span {
    color: #f68888;
    font-size: 120px;
}

.page_home .promocja {
    width: 240px;
    height: 498px;
    padding: 20px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
}

.page_home .promocja img {
    width: 140px;
    height: 146px;
}

.page_home .promocja .separator {
    height: 1px;
    width: 100%;
    background-color: #c8ae58;
    margin: 40px 0;

}

.page_home .promocja span {
    display: block;
    font: 400 15px/28px 'Open Sans', sans-serif;/* Grzegorz #fff */
    color: #000;
    text-align: center;
    padding: 0 10px;
}

.page_home .promocja span:first-of-type {
    margin: 0 0 30px;
}

/* --- produkt --- */

.cms.podstrona_produkt {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0;
}

.cms.podstrona_produkt.top {
    background-color: #050505;
}

.cms.podstrona_produkt > h1 {
    width: calc(100% - 420px);
    color: #c8ae58;
}

.cms.podstrona_produkt > div {
    width: 320px;
    margin: 15px 0 0 100px;
    flex: 0 0 auto;
}

.cms.podstrona_produkt > img {
    margin: 0 0 20px;
}

.cms.podstrona_produkt.dodaj2 > div {
    margin: 30px 0 0 0;
}

.cms.podstrona_produkt .produkt_price {
    color: #ffffff;
    font: 700 38px/30px 'Open Sans', sans-serif;
    margin: 0 0 20px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.cms.podstrona_produkt.dodaj2 .produkt_price {
    margin: 0 40px 0 0;
    align-items: center;
}

.cms.podstrona_produkt .produkt_price span {
    display: block;
    color: #c8ae58;
    font: 700 16px/16px 'Open Sans', sans-serif;
    margin: 0 30px 0 0;
}

.cms.podstrona_produkt .button_kup {
    background-color: #c8ae58;
    color: #050505;
    font: 700 17px/17px 'Open Sans', sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 10px 20px;
    text-transform: uppercase;
}

.cms.podstrona_produkt.dodaj2 .button_kup {
    width: auto;
}

.cms.podstrona_produkt .button_kup img {
    width: 34px;
    height: 28px;
    margin: 0 0 0 30px;
}

.cms.podstrona_produkt.dodaj2 {
    background-color: #050505;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.cms.podstrona_produkt.dodaj2 > div {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 30px 0 50px;
}

.cms.podstrona_produkt.dodaj2 .arrow {
    margin: 0 100px 0 0;
    display: inline-block;
}

.cms.podstrona_produkt.dodaj2 .arrow2 {
    margin: 0 0 0 100px;
    transform: rotate(180deg);
    display: inline-block;
}

.box_produkt {
    width: 375px;
    /*height: 385px;*/
    display: block;
    overflow: hidden;
}

.box_produkt .foto_produkt {
    width: 375px;
    height: 281px;
    position: relative;
    margin-bottom: 20px;
    display: block;
    overflow: hidden;
}

.box_produkt .foto_produkt img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition-duration: 0.5s;
}

.box_produkt:hover .foto_produkt img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
}

.box_produkt .foto_produkt .ico {
    position: absolute;
    left: 20px;
    top: 20px;
    width: auto;
    height: 38px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.box_produkt .foto_produkt .ico svg {
    /*position: absolute;*/
    /*left: 50%;*/
    /*top: 50%;*/
    /*transform: translate(-50%, -50%);*/
    width: 18px;
    height: 18px;
    margin-right: 10px;
}

.box_produkt .foto_produkt .ico svg .cls-1 {
    fill: #8d6843;
}

.box_produkt .nazwa {
    color: #050505;
    font: 700 16px/20px 'Open Sans', sans-serif;
    text-transform: uppercase;
    height: 40px;
    width: 100%;
    overflow: hidden;
    margin-bottom: 15px;
    display: block;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.box_produkt:hover .nazwa {
    color: #b18444;
}

.box_produkt .cena {
    color: #b18444;
    font: 700 26px/26px 'Open Sans', sans-serif;
    width: 100%;
    display: flex;
    align-items: flex-start;
    position: relative;
}

.box_produkt .cena span {
    color: #e68585;
    font: 600 15px/15px 'Open Sans', sans-serif;
    text-decoration: line-through;
    margin-left: 15px;
}

.box_produkt .cena svg {
    width: 24px;
    height: 17px;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.box_produkt:hover .cena svg {
    right: 100px;
}

.box_produkt .cena svg .cls-1 {
    fill: #8d6843;
}

/* --- strona główna nowosci --- */

.page_home .nowosci {
    width: 100%;
    position: relative;
}

.page_home .nowosci .naglowek {
    color: #2c2c2c;
    font: 600 26px/26px 'Open Sans', sans-serif;
    text-align: center;
    margin: 60px 0 40px;
    display: block;
}

.page_home .nowosci .zbior_nowosci {
    display: flex;
    justify-content: center;
    align-items: flex-start;

}

.page_home .nowosci .zbior_nowosci .box_produkt,
footer .zbior_ulubionych .box_produkt {
    padding: 0 25px;
}

.page_home .nowosci .button {
    margin: 40px 0 20px;
    float: right;
    position: relative;
    display: inline-block;
}

.page_home .nowosci .arrow,
footer .ulubione .arrow {
    position: absolute;
    width: 34px;
    height: 17px;
    top: 50%;
    z-index: 1;
}

.arrow svg .cls-1 {
    fill: #d0d0d0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.arrow:hover svg .cls-1 {
    fill: #8d6843;
}

#zb_nowosci_prev,
#zb_ulubione_prev {
    left: 0;
    transform: translate(-100%, -50%);
}

#zb_nowosci_prev svg,
#zb_ulubione_prev svg {
    position: absolute;
    right: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#zb_nowosci_prev:hover svg,
#zb_ulubione_prev:hover svg {
    right: 10px;
}

#zb_nowosci_next,
#zb_ulubione_next {
    right: 0;
    transform: translate(100%, -50%) rotate(180deg);
}

#zb_nowosci_next svg,
#zb_ulubione_next svg {
    position: absolute;
    left: 10px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#zb_nowosci_next:hover svg,
#zb_ulubione_next:hover svg {
    left: 0;
}

/* --- footer ulubione --- */

footer {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
}

footer .ulubione {
    position: relative;
}

footer .ulubione .naglowek {
    color: #2c2c2c;
    font: 600 26px/26px 'Open Sans', sans-serif;
    text-align: center;
    margin: 60px 0 40px;
    display: block;
}

footer .zbior_ulubionych {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

footer .ulubione .button {
    margin: 40px 0 20px;
    float: right;
    position: relative;
    display: inline-block;
}

/* --- footer newsletter --- */

footer .newsletter {
    background-color: #efe5d0;
    height: 163px;
    width: 100%;
    display: flex;
    justify-content: center;
}

footer .newsletter .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
}

footer .newsletter .box_1 {
    display: flex;
    align-items: center;
    color: #5a2408;
    font: 600 38px/38px 'Open Sans', sans-serif;
    position: relative;
    padding-right: 120px;
    z-index: 1;
}

footer .newsletter .box_1 svg {
    width: 180px;
    height: 171px;
    position: absolute;
    right: 0;
    z-index: -1;
}

footer .newsletter .box_1 svg .cls-1 {
    fill: #fff;
}

footer .newsletter .box_2 {
    width: 570px;
    font: 400 15px/36px 'Open Sans', sans-serif;
    color: #2c2c2c;
}

footer .newsletter .box_3 form {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
}

footer .newsletter .box_3 input {
    margin-right: 70px;
    width: 300px;
    color: #8d6843;
    font: 300 15px/16px 'Open Sans', sans-serif;
    border: 0;
    border-bottom: 1px solid #fff;
    padding: 15px 40px;
    text-align: center;
    background-color: #efe5d0;
}

footer .newsletter .box_3 .button {
    position: relative;
    padding: 15px 80px 15px 20px;
}

/* --- footer info --- */

footer .info {
    display: flex;
    justify-content: center;
    width: 100%;
    background-color: #ffffff;
    padding: 50px 0;
    border-top: 1px solid #c8ae58;
}

footer .info .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

footer .info .title {
    color: #050505;
    font: 700 32px/32px 'Open Sans', sans-serif;
    text-align: center;
    margin: 0 0 30px;
}

footer .info .quote-phrase {
    font: 300 18px/30px 'Open Sans', sans-serif;
    color: #050505;
    font-style: italic;
    text-shadow: none;
    position: relative;
    display: inline-block;
    padding: 20px 0;
    width: 90%;
}

#tresc {
    background-color: #000000;
    padding: 50px 0;
    width: 100%;
    display: flex;
    justify-content: center;
}

#tresc .container {
    display: flex;
    justify-content: space-between;
}

#tresc .separator {
    width: 2px;
    height: 100%;
    /*height: 190px;*/
    background-color: #c8ae58;
    margin: 0 60px;
    flex: 0 0 auto;
}

#tresc .kol1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

#tresc nav {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 60px;
}

#tresc nav a {
    color: #c8ae58;
    text-transform: uppercase;
    font: 600 16px/16px 'Open Sans', sans-serif;
}

#tresc .opis {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

#tresc .logo {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin: 0 60px 0 0;
    width: 270px;
    flex: 0 0 auto;
}

#tresc .opis .text {
    color: #c8ae58;
    font: 300 15px/23px 'Open Sans', sans-serif;
    text-align: justify;
}

#tresc .opis .logo2 {
    width: 144px;
    margin: 0 0 0 60px;
    flex: 0 0 auto;
}

#tresc .opis .logo2 img {
    width: 100%;
    height: auto;
}

#tresc .kol2 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 420px;
    flex: 0 0 auto;
}

#tresc .kol2 .naglowek {
    text-transform: uppercase;
    color: #c8ae58;
    font: 700 30px/30px 'Open Sans', sans-serif;
    margin: 0 0 35px;
}

#tresc .kol2 .kontakt {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

#tresc .kol2 .kontakt_adres,
#tresc .kol2 .kontakt_telefon {
    margin: 0 0 15px;
}

#tresc .kol2 .kontakt img {
    width: 17px;
    height: 33px;
    margin: 0 20px 0 0;
}

#tresc .kol2 .kontakt span {
    display: block;
    color: #c8ae58;
    font: 600 17px/17px 'Open Sans', sans-serif;
}

#mapa {
    width: 100%;
    height: 340px;
}

#mapa iframe {
    width: 100%;
    height: 100%;
}

#stopka {
    padding: 10px 0;
    display: flex;
    justify-content: center;
    color: #ebe9e4;
    width: 100%;
    background-color: #ffffff;
}

#stopka span {/* Grzegorz bylo c8ae58 */ 
    color: #000000;
    font: 10px/12px 'Open Sans', sans-serif;
}


footer .info .box .naglowek {
    position: relative;
    color: #2c2c2c;
    font: 600 26px/30px 'Open Sans', sans-serif;
    padding-left: 115px;
    margin-bottom: 55px;
    display: inline-block;
}

footer .info .box .naglowek:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
}

footer .info .box_2 .naglowek:before {
    width: 87px;
    height: 91px;
    background: url(../grafika/ico_woolmark.png);
}

footer .info .box p {
    color: #2c2c2c;
    font: 300 14px/26px 'Open Sans', sans-serif;
}

footer .info .box_4 {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

footer .info .line {
    padding-left: 150px;
    color: #5a2408;
    font: 600 18px/22px 'Open Sans', sans-serif;
    position: relative;
    width: 100%;
}

footer .info .line:before {
    content: '';
    position: absolute;
    left: 40px;
    top: 50%;
    transform: translate(0, -50%);
    width: 79px;
    height: 61px;
}

footer .info .line span {
    display: block;
    color: #2c2c2c;
    font: 300 14px/14px 'Open Sans', sans-serif;
    margin-top: 10px;
}

footer .info .separator {
    width: 100%;
    height: 1px;
    background: #f0f0f0;
    margin: 45px 0;
}


/* --- footer menu --- */

footer .info_2 {
    display: flex;
    justify-content: center;
    background-color: #efe5d0;
    width: 100%;
}

footer .info_2 .container {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

footer .info_2 .naglowek {
    color: #2c2c2c;
    font: 600 26px/35px 'Open Sans', sans-serif;
    margin-bottom: 20px;
}

footer .info_2 .separator {
    height: 100%;
    width: 1px;
    background-color: #fff;
    margin: 0 60px 0 0;
}

footer .info_2 .oferta,
footer .info_2 .menu,
footer .info_2 .kontakt {
    padding: 60px 0;
}

footer .info_2 .menu_footer a,
footer .info_2 .menu_oferta a {
    color: #5a2408;
    font: 400 13px/22px 'Open Sans', sans-serif;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

footer .info_2 .menu_footer a:hover,
footer .info_2 .menu_oferta a:hover {
    color: #b58c63;
}

footer .info_2 .oferta {
    width: 870px;
}

footer .info_2 .menu_oferta ul {
    height: 290px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

footer .info_2 .menu_oferta ul li {
    width: 260px;
    padding-right: 30px;
}

footer .info_2 .menu {
    padding-right: 100px;
}

footer .info_2 .kontakt .naglowek {
    position: relative;
    padding-left: 135px;
}

footer .info_2 .kontakt {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
}

footer .info_2 .kontakt .link {
    display: block;
    color: #2c2c2c;
    font: 300 18px/24px 'Open Sans', sans-serif;
    padding: 18px 0 18px 45px;
    position: relative;
}

footer .info_2 .kontakt .link:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    width: 22px;
    height: 33px;
}

footer .info_2 .kontakt .button {
    position: relative;
    margin-top: 20px;
}

/* --- footer stopka --- */

footer .stopka .container {
    padding: 40px 0 20px;
}

footer .stopka p {
    color: #a0a0a0;
    font: 300 10px/20px 'Open Sans', sans-serif;
    margin-bottom: 30px;
}

footer .stopka .loga {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    width: 100%;
    overflow: hidden;
}

footer .stopka .copyright {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

footer .stopka .copyright .text {
    color: #a0a0a0;
    font: 300 10px/12px 'Open Sans', sans-serif;
}

/* --- fixed niewsletter & fixed zadzwon --- */

#fixed-newsletter,
#fixed-zadzwon {
    position: fixed;
    right: 40px;
    z-index: 10;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    bottom: -400px
}

#fixed-newsletter.off,
#fixed-zadzwon.off {
    right: -600px
}

#fixed-newsletter.slide-up {
    bottom: 300px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

#ring-btn,
#ring-btn2 {
    border: none;
    outline: 0;
    width: 71px;
    height: 71px;
    border-radius: 100%;
    background: #5a2408;
    z-index: 10;
    position: relative;
    -webkit-box-shadow: 10px 8px 13px 0 rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 10px 8px 13px 0 rgba(0, 0, 0, 0.24);
    box-shadow: 10px 8px 13px 0 rgba(0, 0, 0, 0.24);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}

#ring-btn:hover,
#ring-btn2:hover {
    background: #8d6843 !important;
}

#ring-btn svg,
#ring-btn2 svg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

#ring-btn svg {
    width: 52px;
    height: 50px;
}

#ring-btn2 svg {
    width: 51px;
    height: 36px;
}

#ring-btn svg .cls-1,
#ring-btn2 svg .cls-1 {
    fill: #fff;
}

#fixed-newsletter .content,
#fixed-zadzwon .content {
    position: absolute;
    right: 90px;
    background: #8d6843;
    overflow: hidden;
    visibility: hidden;
    transition: all .3s;
    height: 0;
    opacity: 0;
}

#fixed-newsletter .content {
    top: 0;
    padding: 40px;
    border-radius: 20px;
}

#fixed-zadzwon .content {
    border-radius: 35px;
    top: 50%;
    transform: translate(0, -50%);
    padding: 25px 55px 25px 25px;
}

#fixed-newsletter .content.open,
#fixed-zadzwon .content.open {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    opacity: 1;
    height: auto;
    visibility: visible;
}

#fixed-newsletter .close,
#fixed-zadzwon .close {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 20px;
    top: 20px;
    background: url(../grafika/ico_close.png) no-repeat;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

#fixed-newsletter .close {
    right: 20px;
    top: 20px;
}

#fixed-zadzwon .close {
    right: 20px;
    top: 50%;
    transform: translate(0, -50%);
}

#fixed-newsletter .close:hover {
    cursor: pointer;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    transform: rotate(180deg);
}

#fixed-zadzwon .close:hover {
    cursor: pointer;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    transform: rotate(180deg) translate(0, 50%);
}

#fixed-newsletter .naglowek {
    font: 600 28px/28px "Open Sans", sans-serif;
    margin-bottom: 30px;
    color: #fff;
}

#fixed-newsletter .tresc {
    color: #fff;
    font: 300 13px/20px "Open Sans", sans-serif;
    margin-bottom: 20px;
}

#fixed-newsletter .content input {
    margin-bottom: 25px;
    border: 0;
    border-bottom: 1px solid #fff;
    background: #8d6843;
    color: #fff;
    font: 300 13px/13px 'Open Sans', sans-serif;
    width: 200px;
    padding: 5px 20px 13px;
    text-align: center;
}

#fixed-newsletter .content .button {
    position: relative;
}

#fixed-zadzwon.slide-up {
    bottom: 400px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

.pulse-ring {
    content: '';
    width: 76px;
    height: 76px;
    border: 4px solid #5a2408;
    border-radius: 50%;
    position: absolute;
    top: -2px;
    left: -2px;
    z-index: 0;
    /*transform: translate(-50%,-50%);*/
    animation: pulsate infinite 2s;
}

#fixed-zadzwon:hover .pulse-ring {
    border: 4px solid #5a2408 !important;
}

@-webkit-keyframes pulsate {
    0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
        opacity: 0
    }
}

#fixed-zadzwon .content a {
    color: #fff;
    font: 600 22px/22px 'Open Sans', sans-serif;
    display: block;
}

/* --- podstrona tekstowka lefa część --- */

.page_left .separator {
    width: 100%;
    height: 1px;
    background-color: #f3f0e9;
    margin-bottom: 50px;
    display: block;
}

.page_left .newsletter {
    position: relative;
    padding: 50px;
    background-color: #f0e7d3;
    width: 100%;
    height: auto;
    margin-bottom: 50px;
    overflow: hidden;
    z-index: 1;
}

.page_left .newsletter > svg {
    position: absolute;
    right: 0;
    top: -20px;
    width: 181px;
    height: 170px;
    z-index: -1;
}

.page_left .newsletter > svg .cls-1 {
    fill: #fff;
}

.page_left .newsletter .naglowek {
    display: block;
    color: #5a2408;
    font: 600 30px/30px 'Open Sans', sans-serif;
    margin-bottom: 40px;
}

.page_left .newsletter .text {
    display: block;
    color: #2c2c2c;
    font: 400 15px/26px 'Open Sans', sans-serif;
    margin-bottom: 30px;
}

.page_left .newsletter input {
    width: 100%;
    margin-bottom: 40px;
    border: 0;
    border-bottom: 1px solid #a6a6a6;
    background: #f0e7d3;
    color: #8d6843;
    font: 300 15px/15px 'Open Sans', sans-serif;
    padding: 5px 0 13px;
}

.page_left .newsletter button {
    display: block;
    position: relative;
    width: 100%;
    padding: 12px 120px 12px 30px;
}

/* --- breadcrumps --- */

#breadcrumps {
    display: flex;
    justify-content: flex-start;
    padding: 25px 0;
    width: auto;
}

#breadcrumps > div {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

#breadcrumps a,
#breadcrumps .active {
    font: 400 13px/13px 'Open Sans', sans-serif;
    margin: 5px 0;
}

#breadcrumps a {
    color: #c8ae58;
    cursor: pointer;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

#breadcrumps .active,
#breadcrumps a:hover,
#breadcrumps .separator {
    color: #ffffff;
}

#breadcrumps .separator {
    margin: 5px 15px;
    font: 400 13px/13px 'Open Sans', sans-serif;
}

/* --- lista produktow --- */

#lista_produktow {
    padding: 30px 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    background-color: #ffffff;
}

.cms > #lista_produktow {
    width: calc(100% + 50px);
    margin: 0 0 0 -25px;
}

#lista_produktow .box_produkt {
    margin: 0 25px 50px 25px;
}

/* --- podstrona produkt --- */

.produkt_wiersz1,
.produkt_wiersz2 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.produkt_wiersz1 {
    height: 550px;
}

.produkt_left {
    width: 550px;
    height: 100%;
}

.produkt_right {
    width: 660px;
}

.produkt_wiersz1 .produkt_right {
    height: 550px;
    border-bottom: 1px solid #f6f6f6;
}

.produkt_wiersz1 .produkt_left {
    border: 1px solid #f6f6f6;
    position: relative;
}

.produkt_wiersz1 .produkt_left .slick-dots {
    bottom: 25px;
    left: 50%;
    transform: translate(-50%, 0);
}

.produkt_wiersz1 .produkt_left .slick-dots li button {
    width: 10px;
    height: 10px;
    background-color: #cfcfcf;
}

.produkt_wiersz1 .produkt_left .slick-dots li.slick-active button {
    background-color: #8d6843;
}

.produkt_wiersz1 .produkt_left svg {
    width: 20px;
    height: 33px;
    position: absolute;
    z-index: 10;
    bottom: 30px;
    cursor: pointer;
}

#foto_prev {
    left: 30px;
    transform: rotate(180deg);
}

#foto_next {
    right: 30px;
}

.produkt_wiersz1 .produkt_left svg .cls-1 {
    fill: #c8c8c8;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.produkt_wiersz1 .produkt_left svg:hover .cls-1 {
    fill: #8d6843;
}

.slider_foto_produkt a {
    width: 550px;
    height: 550px;
}

.slider_foto_produkt a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.produkt_right .produkt_ikonki {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
}

.produkt_right .produkt_ikonki .ikonki svg {
    width: 26px;
    height: 30px;
    margin-right: 20px;
}

.produkt_right .produkt_ikonki .ikonki svg .cls-1 {
    fill: #8d6843;
}

.produkt_right .produkt_ikonki .ikonki .ico_haft,
.produkt_right .produkt_ikonki .ikonki .ico_promo {
    width: 18px;
}

.produkt_right .produkt_ikonki .fb {
    display: flex;
    align-items: center;
}

.produkt_right .produkt_ikonki .fb span {
    color: #2c2c2c;
    font: 400 14px/14px 'Open Sans', sans-serif;
    margin-right: 12px;
}

.produkt_right .produkt_ikonki .fb svg {
    width: 30px;
    height: 31px;
}

.produkt_right .cena_produktu {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.produkt_right .text_1 {
    color: #8d6843;
    font: 600 13px/14px 'Open Sans', sans-serif;
}

.produkt_right .cena_produktu .cena_brutto span {
    color: #2c2c2c;
    font: 600 38px/38px 'Open Sans', sans-serif;
    margin-top: 10px;
    display: block;
}

.produkt_right .separator {
    width: 100%;
    height: 1px;
    background-color: #f3f0e9;
    margin: 25px 0;
}

.produkt_right .stara_cena_produktu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}

.produkt_right .stara_cena_produktu .ceny {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.produkt_right .stara_cena_produktu .ceny .s_cena {
    margin-right: 35px;
}

.produkt_right .stara_cena_produktu .ceny .s_cena span {
    color: #e68585;
    font: 600 20px/20px 'Open Sans', sans-serif;
    text-decoration: line-through;
    margin-top: 10px;
    display: block;
}

.produkt_right .stara_cena_produktu .ceny .oszczedzaj span {
    color: #73c583;
    font: 600 20px/20px 'Open Sans', sans-serif;
    margin-top: 10px;
    display: block;
}

.produkt_right .stara_cena_produktu .koszt_dostawy {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.produkt_right .stara_cena_produktu .koszt_dostawy svg {
    width: 52px;
    height: 40px;
    margin-right: 20px;
}

.produkt_right .stara_cena_produktu .koszt_dostawy .text_1 span {
    color: #2c2c2c;
    font: 600 16px/24px 'Open Sans', sans-serif;
    margin-top: 5px;
    display: inline-block;
}

.produkt_right .koszyk {
    height: 55px;
}

.produkt_right .koszyk form {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.produkt_right .koszyk form div {
    display: flex;
    align-items: center;
}

.produkt_right .koszyk .text {
    color: #2c2c2c;
    font: 400 14px/14px 'Open Sans', sans-serif;
    margin-right: 20px;
    display: inline-block;
}

.produkt_right .koszyk .btn_ilosc {
    height: 55px;
    width: 31px;
    position: relative;
    background-color: #f6f6f6;
    border: 1px solid #f6f6f6;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.produkt_right .koszyk .btn_ilosc:hover {
    background-color: #8d6843;
    border: 1px solid #8d6843;
}

.produkt_right .koszyk .btn_ilosc span {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #8d6843;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.produkt_right .koszyk .btn_ilosc .minus {
    height: 3px;
    width: 17px;
}

.produkt_right .koszyk .btn_ilosc .plus {
    height: 17px;
    width: 3px;
}

.produkt_right .koszyk .btn_ilosc:hover span {
    background-color: #fff;
}

.produkt_right .koszyk input {
    color: #2c2c2c;
    font: 400 18px/18px 'Open Sans', sans-serif;
    height: 55px;
    padding: 5px;
    border: 1px solid #eeeeee;
    width: 60px;
    text-align: center;
}

#do_koszyka {
    height: 55px;
    width: auto;
    padding: 10px 60px;
    color: #fff;
    font: 600 17px/17px 'Open Sans', sans-serif;
    text-transform: uppercase;
    background-color: #f06868;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#do_koszyka:hover {
    background-color: #8d6843;
}

#do_koszyka svg {
    width: 34px;
    height: 28px;
    margin-left: 30px;
}

#do_koszyka svg .cls-1 {
    fill: #fff;
}

.produkt_wiersz2 .produkt_left {
    background-color: #f0e8d5;
    padding: 50px 50px 0;
}

.produkt_wiersz2 .produkt_right .naglowek {
    color: #2c2c2c;
    font: 600 24px/30px 'Open Sans', sans-serif;
    display: inline-block;
    margin-bottom: 50px;
}

.produkt_wiersz2 .produkt_rehabil,
.produkt_wiersz2 .produkt_opis,
.produkt_wiersz2 .produkt_zapytaj {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    border-bottom: 1px solid #f3f0e9;
    margin-top: 50px;
}

.produkt_wiersz2 .produkt_rehabil .naglowek svg {
    width: 26px;
    height: 26px;
    margin-left: 35px;
}

.produkt_wiersz2 .produkt_rehabil .naglowek svg .cls-1 {
    fill: #f06868;
}

.produkt_wiersz2 .produkt_right .open_tresc {
    text-transform: uppercase;
    color: #2c2c2c;
    font: 600 14px/16px 'Open Sans', sans-serif;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    display: flex;
    align-items: flex-start;
    cursor: pointer;
    margin-bottom: 50px;
}

.produkt_wiersz2 .produkt_right .open_tresc .zwin {
    display: none;
}

.produkt_wiersz2 .produkt_right .open_tresc:hover {
    color: #8d6843;
}

.produkt_wiersz2 .produkt_right .open_tresc svg {
    margin: 0 0 0 20px;
    transform: rotate(-90deg);
    width: 24px;
    height: 17px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.produkt_wiersz2 .produkt_right .open_tresc svg .cls-1 {
    fill: #8d6843;
}

.produkt_wiersz2 .produkt_right .cms,
#formularz_zapytaj {
    height: 0;
    overflow: hidden;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.produkt_wiersz2 .produkt_right .cms.open,
#formularz_zapytaj.open {
    height: auto;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    margin-bottom: 30px;
}

.produkt_wiersz2 .produkt_right .button {
    margin-top: 50px;
}

/* --- formularz zapytaj & formularz kontaktowy & formularz logowanie --- */

#formularz_zapytaj form,
#formularz_kontaktowy form {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#formularz_zapytaj form > div {
    width: 45%;
    margin-bottom: 30px;
}

#formularz_kontaktowy form > div {
    width: 23%;
    margin-bottom: 30px;
}

#formularz_kontaktowy .formularz_kolumna1 {
    width: 74.2%;
}

#formularz_zapytaj .form_text,
#formularz_kontaktowy .form_text,
#formularz_logowanie .form_text,
#formularz_dane_zamowienie .form_text {
    font: 400 14px/14px 'Open Sans', sans-serif;
    color: #2c2c2c;
    margin-bottom: 20px;
    display: block;
}

#formularz_zapytaj .form_text > span,
#formularz_kontaktowy .form_text > span,
#formularz_dane_zamowienie .form_text > span {
    color: #8c5624;
}

#formularz_zapytaj input,
#formularz_zapytaj textarea,
#formularz_kontaktowy input,
#formularz_kontaktowy textarea,
#formularz_logowanie input,
#formularz_dane_zamowienie input,
#formularz_dane_zamowienie select {
    width: 100%;
}

input,
textarea,
select {
    border: 1px solid #d2d2d2;
    height: 45px;
    padding: 10px;
    font: 400 14px/18px 'Open Sans', sans-serif;
    color: #2c2c2c;
}

#formularz_zapytaj textarea {
    height: 240px;
}

#formularz_kontaktowy textarea {
    height: 160px;
}

input:focus,
input:hover,
textarea:focus,
textarea:hover,
select:focus,
select:hover {
    border: 1px solid #8d6843;
}

#formularz_kontaktowy .textarea {
    margin-bottom: 25px;
}

#formularz_zapytaj .token,
#formularz_kontaktowy .token {
    margin-bottom: 25px;
}

#formularz_zapytaj .token div,
#formularz_kontaktowy .token div {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

#formularz_zapytaj .token div input,
#formularz_kontaktowy .token div input {
    width: calc(100% - 140px);
    text-align: center;
}

#formularz_zapytaj .form_text_small,
#formularz_kontaktowy .form_text_small {
    color: #2c2c2c;
    font: 400 11px/14px 'Open Sans', sans-serif;
    margin-bottom: 20px;
    display: block;
    text-align: justify;
}

#formularz_zapytaj .form_text_small a,
#formularz_kontaktowy .form_text_small a {
    color: #8d6843;
    cursor: pointer;
}

#formularz_zapytaj .form_text2 {
    margin-bottom: 25px;
}

#button_send {
    margin: 0;
    background-color: #f5ece5;
    position: relative;
    font: 600 14px/14px 'Open Sans', sans-serif;
    padding: 18px 110px 18px 30px;
    width: 100%;
}

#button_send svg {
    right: 50px;
}

#button_send:hover svg {
    right: 25px;
}

/* -------- tabela w kontakt --------- */

#table_kontakt {
    border-collapse: collapse;
    text-align: left;
    width: 100% !important;
    display: table !important;
    margin: 0 0 50px;
    background-color: transparent;
}

#table_kontakt td {
    border: none;
    text-align: left;
    vertical-align: top;
    background: transparent;
    padding: 50px 0 0 0;
}

#table_kontakt td:first-of-type {
    width: 675px;
}

#table_kontakt tr:first-of-type td {
    padding-top: 0;
}


#table_kontakt tr:first-of-type td:first-of-type {
    padding-right: 75px;
}

#table_kontakt td:last-of-type {
    width: auto;
}

#table_kontakt iframe {
    width: 100%;
}

#table_kontakt hr:last-of-type {
    margin-bottom: 0;
}

/* --- podtsrona logowanie --- */

.page_zaloguj .container,
.page_zam_zlozone .container {
    margin: 50px 0;
    flex-direction: column;
}

.page_zaloguj h1 {
    margin-bottom: 50px;
}

.page_zaloguj h3 span {
    color: #8d6843;
    margin-right: 15px;
}

.page_zaloguj h4 {
    margin-bottom: 0;
}

.page_zaloguj p {
    font: 400 15px/30px 'Open Sans', sans-serif;
}

.page_zaloguj .zaloguj {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.page_zaloguj .zaloguj div {
    width: 620px;
    padding-right: 20px;
}

.page_zaloguj .zaloguj .button,
#button_send2 {
    position: relative;
    background-color: #f4ece4;
    font: 600 14px/16px 'Open Sans', sans-serif;
    padding: 15px 80px 15px 20px;
}

.page_zaloguj .zaloguj .button_2,
.page_zam_zlozone .box_pol .button_2,
.cms_twoje_konto .button_2 {
    position: relative;
    background-color: #f06868;
    color: #fff;
    font: 600 15px/16px 'Open Sans', sans-serif;
    padding: 18px 160px 18px 30px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.page_zaloguj .zaloguj .button_2:hover,
.page_zam_zlozone .box_pol .button_2:hover,
.cms_twoje_konto .button_2:hover {
    background-color: #8d6843;
}

.page_zaloguj .zaloguj .button_2 svg,
.page_zam_zlozone .box_pol .button_2 svg,
.cms_twoje_konto .button_2 svg {
    right: 50px;
}

.page_zaloguj .zaloguj .button_2:hover svg,
.page_zam_zlozone .box_pol .button_2:hover svg,
.cms_twoje_konto .button_2:hover svg {
    right: 25px;
}

.page_zaloguj .zaloguj .button_2 svg .cls-1,
.page_zam_zlozone .box_pol .button_2 svg .cls-1,
.cms_twoje_konto .button_2 svg .cls-1 {
    fill: #fff;
}

#formularz_logowanie {
    width: 100%;
}

#formularz_logowanie form {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
}

#formularz_logowanie form > div,
#formularz_logowanie form button {
    width: 15.3%;
    margin-right: 50px;
}

#formularz_logowanie form button {
    position: relative;
}

#formularz_logowanie form div p {
    font: 400 15px/26px 'Open Sans', sans-serif;
}

#formularz_logowanie form div p a {
    font-weight: 600;
    color: #8d6843;
}

/* --- koszyk --- */

.page_koszyk .container {
    flex-wrap: wrap;
}

#koszyk {
    margin: 60px 0 0;
    width: 100%;
    color: #c8ae58;
}

#koszyk label {
    font: 400 15px/22px 'Open Sans', sans-serif;
}

#koszyk .koszyk_form_checkbox {
    display: inline-block;
    margin: 0 0 30px;
}

#koszyk .koszyk_form_checkbox label {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0 0 10px;
}

#koszyk .koszyk_form_checkbox label input {
    margin: 0 10px 0 0;
    height: 25px;
}

#koszyk .wiersz {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}

#koszyk .wiersz > div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin: 0 0 25px;
    width: 22%;
    font: 400 15px/22px 'Open Sans', sans-serif;
}

#koszyk .wiersz > div label {
    margin: 0 0 10px;
}

#koszyk .wiersz > div input {
    width: 100%;
}

#koszyk .wiersz .text_pola_wymagane {
    font: 600 15px/22px 'Open Sans', sans-serif;

}

#koszyk .wiersz .formularz_textarea,
#koszyk .wiersz .formularz_zgoda {
    width: 48%;
    margin: 0 0 25px;
}

#koszyk .wiersz .formularz_zgoda {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
}

#koszyk .wiersz .formularz_zgoda span {
    display: block;
    margin: 0 0 15px;
}

#koszyk .wiersz .formularz_zgoda label {
    margin: 0 20px 0 0;
}

#koszyk .wiersz .formularz_zgoda input {
    width: 16px;
}

#koszyk .wiersz textarea {
    width: 100%;
    height: 100px;
}

#koszyk #koszyk_opcje {
    margin: 0;
    width: auto;
}

#koszyk .koszyk_wiersz {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

#koszyk .kw_nazwa p,
#koszyk .kw_podsumowanie p,
#koszyk .kw_podsumowanie2 p,
#koszyk_opcje p {
    color: #c8ae58;
    font: 400 15px/30px 'Open Sans', sans-serif;
}

#koszyk .kw_produkt p {
    display: none;
}

#koszyk .kw_nazwa .koszyk_kol_2 p {
    margin-left: 20px;
}

#koszyk .kw_nazwa .koszyk_kol_3 p,
#koszyk .kw_nazwa .koszyk_kol_4 p,
#koszyk .kw_nazwa .koszyk_kol_5 p,
#koszyk .kw_nazwa .koszyk_kol_6 p {
    text-align: center;
}

#koszyk .kw_produkt {
    height: 100px;
    margin-top: 10px;
}

#koszyk .koszyk_kol {
    height: 100%;
}

#koszyk .kw_produkt:nth-child(even) .koszyk_kol {
    background-color: #050505;
}

#koszyk .kw_produkt:nth-of-type(odd) .koszyk_kol {
    background-color: #050505;
}

#koszyk.koszyk_2 .kw_produkt .koszyk_kol {
    background-color: #ebddd0;
}

#koszyk .koszyk_kol_1 {
    width: 130px;
    flex: 0 0 auto;
}

#koszyk .koszyk_kol_2 {
    width: 645px;
    flex: 0 0 auto;
}

#koszyk.koszyk_2 .koszyk_kol_2 {
    width: 850px;
}

#koszyk .koszyk_kol_3 {
    width: 155px;
    padding: 0 20px;
    flex: 0 0 auto;
}

#koszyk .koszyk_kol_4 {
    width: 60px;
}

#koszyk.koszyk_2 .koszyk_kol_4 {
    width: 100px;
}

#koszyk .koszyk_kol_5 {
    width: 170px;
    /*background-color: #fff !important;*/
}

/*#koszyk.koszyk_2 .kw_produkt .koszyk_kol_5 {*/
/*    background-color: #f6f6f6 !important;*/
/*}*/

#koszyk .koszyk_kol_6 {
    width: 160px;
    padding: 0 20px;
}


#koszyk .koszyk_kol_7 {
    width: 85px;
    /*background-color: #fff !important;*/
    padding: 0 0 0 10px;
}

#koszyk .kw_produkt .koszyk_kol_2,
#koszyk .kw_produkt .koszyk_kol_3,
#koszyk .kw_produkt .koszyk_kol_4,
#koszyk .kw_produkt .koszyk_kol_5,
#koszyk .kw_produkt .koszyk_kol_6,
#koszyk .kw_produkt .koszyk_kol_7 {
    display: flex;
    align-items: center;
}

#koszyk .kw_produkt .koszyk_kol_1 {
    justify-content: flex-start;
}

#koszyk .kw_produkt .koszyk_kol_3,
#koszyk .kw_produkt .koszyk_kol_4,
#koszyk .kw_produkt .koszyk_kol_5,
#koszyk .kw_produkt .koszyk_kol_6 {
    justify-content: center;
}

#koszyk .kw_produkt .koszyk_kol_7 {
    justify-content: flex-end;
}

#koszyk .kw_produkt .koszyk_kol_7 a {
    display: flex;
    align-items: center;
}

#koszyk .kw_produkt .koszyk_kol_1 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#koszyk .kw_produkt .koszyk_kol_2 span {
    display: inline-block;
    color: #c8ae58;
    font: 400 18px/30px 'Open Sans', sans-serif;
    padding: 0 20px;
    overflow: hidden;
    max-height: 60px;
}

#koszyk .kw_produkt .koszyk_kol_3 span,
#koszyk.koszyk_2 .kw_produkt .koszyk_kol_4 span,
#koszyk.koszyk_2 .kw_produkt .koszyk_kol_5 span {
    color: #c8ae58;
    font: 400 20px/20px 'Open Sans', sans-serif;
}

#koszyk .kw_produkt .koszyk_kol_4 span {
    color: #2c2c2c;
    font: 400 16px/16px 'Open Sans', sans-serif;
}

#koszyk .koszyk_kol_5 {
    width: 100px;
    height: 100%;
    padding: 0 10px;
    flex: 0 0 auto;
    flex-direction: column;
}

#koszyk .koszyk_kol_5 input {
    width: 70px !important;
    padding: 5px 5px 5px 10px;
    text-align: center;
    font: 400 16px/16px 'Open Sans', sans-serif;
}

#koszyk .koszyk_kol_5 .text {
    color: #2c2c2c;
    font: 400 14px/14px 'Open Sans', sans-serif;
    margin-right: 12px;
    display: none;
}

#koszyk .koszyk_kol_5 .btn_ilosc {
    font: 400 14px/14px 'Open Sans', sans-serif;
    width: auto;
    position: relative;
    display: block;
    margin: 5px 0 0;
    color: #c8ae58;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

#koszyk .koszyk_kol_5 .btn_ilosc:hover {
    color: #d70000;
}

#koszyk .koszyk_kol_5 .btn_ilosc span {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #8d6843;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

#koszyk .koszyk_kol_5 form .btn_ilosc .minus {
    height: 3px;
    width: 17px;
}

#koszyk .koszyk_kol_5 form .btn_ilosc .plus {
    height: 17px;
    width: 3px;
}

#koszyk .koszyk_kol_5 form .btn_ilosc:hover span {
    background-color: #fff;
}

#koszyk .koszyk_kol_5 form input {
    color: #2c2c2c;
    font: 400 18px/18px 'Open Sans', sans-serif;
    height: 55px;
    padding: 5px;
    border: 1px solid #eeeeee;
    width: 60px;
    text-align: center;
}

#koszyk .kw_produkt .koszyk_kol_6 span {
    color: #c8ae58;
    font: 600 20px/20px 'Open Sans', sans-serif;
}

#koszyk .kw_produkt .koszyk_kol_7 span {
    color: #c8ae58;
    font: 600 14px/16px 'Open Sans', sans-serif;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    cursor: pointer;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

#koszyk .kw_produkt .koszyk_kol_7 a:hover span {
    color: #d70000;
}

#koszyk .kw_produkt .koszyk_kol_7 .krzyzyk {
    margin-left: 8px;
    position: relative;
    width: 25px;
    height: 25px;
    transform: rotate(45deg);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

#koszyk .kw_produkt .koszyk_kol_7 a:hover .krzyzyk {
    transform: rotate(225deg);
}

#koszyk .kw_produkt .koszyk_kol_7 .krzyzyk span {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #d70000;
}

#koszyk .kw_produkt .koszyk_kol_7 .minus {
    width: 25px;
    height: 3px;
}

#koszyk .kw_produkt .koszyk_kol_7 .plus {
    width: 3px;
    height: 25px;
}

#koszyk .kw_podsumowanie {
    height: 88px;
    margin-top: 22px;
    justify-content: flex-end;
}

#koszyk .kw_podsumowanie .koszyk_kol {
    display: flex;
    align-items: center;
}

#koszyk .kw_podsumowanie .koszyk_kol .btn_lewy {
    margin: 0;
}

#koszyk .kw_podsumowanie .koszyk_kol_2 {
    justify-content: center;

}

#koszyk .kw_podsumowanie .koszyk_kol_3 {
    background-color: #c8ae58;
    width: 500px;
    justify-content: flex-end;
    padding-right: 40px;
}

#koszyk .kw_podsumowanie .koszyk_kol_3 span,
#koszyk_opcje .kw_podsumowanie3 .koszyk_kol div:last-of-type span {
    margin-left: 25px;
    font: 600 28px/28px 'Open Sans', sans-serif;
    width: 200px;
}

#koszyk .kw_podsumowanie p,
#koszyk .kw_podsumowanie span {
    color: #050505;
}


#koszyk .kw_podsumowanie2 {
    justify-content: flex-end;
    margin-top: 20px;
}

#koszyk .kw_podsumowanie2 .koszyk_kol_1 {
    width: 760px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 40px;
}

#koszyk .kw_podsumowanie2 span {
    font: 600 17px/17px 'Open Sans', sans-serif;
    width: 200px;
    margin-left: 25px;
}

#koszyk_opcje {
    width: 100%;
}

#koszyk_opcje .koszyk_wiersz {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 25px;
}

#koszyk_opcje.koszyk_2 .koszyk_wiersz {
    margin-bottom: 0;
}

#koszyk_opcje .koszyk_wiersz .koszyk_kol_1,
#koszyk_opcje .koszyk_wiersz .koszyk_kol_2 {
    width: 455px;
}

#koszyk_opcje .koszyk_wiersz .koszyk_kol_3 {
    width: 760px;
}

#koszyk_opcje label {
    color: #2c2c2c;
    font: 400 15px/18px 'Open Sans', sans-serif;
    display: flex;
    align-items: flex-start;
    margin-bottom: 25px;
}

#koszyk_opcje label input {
    margin-right: 20px;
    height: 18px;
}

#koszyk_opcje .kw_podsumowanie3 {
    width: 100%;
    height: 88px;
    background-color: #f0e8d5;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 30px;
}

#koszyk_opcje .kw_podsumowanie3 .koszyk_kol {
    width: 760px;
    padding-right: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#koszyk_opcje .kw_podsumowanie3 .koszyk_kol div:first-of-type p strong {
    margin-left: 25px;
}

#koszyk_opcje .kw_podsumowanie3 .koszyk_kol div:last-of-type {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

#koszyk_opcje .kw_podsumowanie4 {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#koszyk_opcje .kw_podsumowanie4 .button {
    position: relative;
    background-color: #c8ae58;
    color: #fff;
    font: 600 17px/17px 'Open Sans', sans-serif;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    padding: 18px 110px 18px 45px;
    flex: 0 0 auto;
    display: block;
}

#koszyk_opcje .kw_podsumowanie4 .button:hover {
    background-color: #d70000;
}

#koszyk_opcje .kw_podsumowanie4 .button svg {
    right: 45px;
}

#koszyk_opcje .kw_podsumowanie4 .button:hover svg {
    right: 25px;
}

#koszyk_opcje .kw_podsumowanie4 .button svg .cls-1 {
    fill: #fff;
}

#formularz_dane_zamowienie {
    width: 100%;
}

#formularz_dane_zamowienie .wiersz {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 30px;
}

#formularz_dane_zamowienie .wiersz svg {
    width: 21px;
    height: 21px;
}

#formularz_dane_zamowienie .wiersz svg .cls-1 {
    fill: #8d6843;
}

#formularz_dane_zamowienie .wiersz div {
    width: 260px;
    margin-right: 50px;
}

#formularz_dane_zamowienie .wiersz_faktura {
    align-items: flex-start;
}

#formularz_dane_zamowienie .wiersz_faktura input {
    width: 15px;
    height: 15px;
    margin-right: 20px;
    margin-top: 5px;
    flex: 0 0 auto;
}

#formularz_dane_zamowienie .wiersz_faktura p {
    margin-bottom: 0;
    font: 400 14px/26px 'Open Sans', sans-serif;
}

#formularz_dane_zamowienie .wiersz_faktura p a {
    color: #8d6843;
}

#formularz_dane_zamowienie .button {
    position: relative;
    background-color: #f06868;
    color: #fff;
    font: 600 17px/17px 'Open Sans', sans-serif;
    padding: 18px 160px 18px 45px;
    margin: 30px 0 60px;
    display: inline-block;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

#formularz_dane_zamowienie .button:hover {
    background-color: #8d6843;
}

#formularz_dane_zamowienie .button svg {
    right: 50px;
}

#formularz_dane_zamowienie .button:hover svg {
    right: 25px;
}

#formularz_dane_zamowienie .button svg .cls-1 {
    fill: #fff;
}

#formularz_dane_zamowienie .dane_faktura {
    height: 0;
    overflow: hidden;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

#formularz_dane_zamowienie .dane_faktura.open {
    height: auto;
    overflow: visible;
}

/* --- koszyk złożone zamówienie --- */

h5.text_podzienkowanie {
    width: 100%;
    text-align: center;
    padding: 25px 0;
    background-color: #f0e8d5;
    margin-bottom: 40px;
}

.page_zam_zlozone .box_1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 80px;
}

.page_zam_zlozone .box_1 .separator {
    width: 2px;
    height: 54px;
    background-color: #f3f0e9;
    flex: 0 0 auto;
}

.page_zam_zlozone .box_pol {
    width: 47%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.page_zam_zlozone .box_1 .box_prawy {
    justify-content: flex-start;
    align-items: center;
}

.page_zam_zlozone .kwota {
    background-color: #f6f6f6;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 9px;
    width: 48.75%;
}

.page_zam_zlozone .kwota p {
    margin-bottom: 0;
    margin-right: 20px;
}

.page_zam_zlozone .kwota h4 {
    margin-bottom: 0;
}

.page_zam_zlozone .box_pol .button_2 {
    width: 45.25%;
    padding: 18px 30px;
}

.page_zam_zlozone .box_1 .box_prawy img {
    width: 186px;
    height: 54px;
    margin-right: 30px;
}

.page_zam_zlozone .box_1 .box_prawy p {
    margin-bottom: 0;
    font: 12px/20px 'Open Sans', sans-serif;
}

.page_zam_zlozone .box_1 .box_prawy p span {
    color: #8a181f;
}

.page_zam_zlozone .box_2 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 50px;
}

.page_zam_zlozone .box_2 .box_pol {
    flex-direction: column;
}

.page_zam_zlozone .box_pol p {
    text-align: justify;
}

.page_zam_zlozone .box_2 p span {
    color: #8d6843;
}

h5.zaproszenie {
    width: 100%;
    text-align: center;
    padding: 25px 0;
    background-color: #f6f6f6;
    margin-bottom: 40px;
}

/* --- twoje konto --- */

.cms_twoje_konto h3 span,
.cms_twoje_konto h5 span {
    font-weight: 400;
}

.cms_twoje_konto h5.box {
    width: 100%;
    text-align: center;
    background-color: #f0e8d5;
    padding: 20px;
}

.cms_twoje_konto .button_2 {
    display: inline-block;
    margin: 20px 0 50px;
}

#tk_zamowienia {
    margin-bottom: 50px;
}

#tk_zamowienia .wiersz {
    width: 100%;
    display: flex;
    justify-content: space-between;
    font: 400 15px/30px 'Open Sans', sans-serif;
}

#tk_zamowienia .kol {
    text-align: center;
}

#tk_zamowienia .kol_id {
    /*width: 120px;*/
    width: 9.4%;
}

#tk_zamowienia .kol_szczegoly {
    /*width: 120px;*/
    width: 9.4%;
}

#tk_zamowienia .kol_data {
    /*width: 200px;*/
    width: 15.6%;
}

#tk_zamowienia .kol_wartosc {
    /*width: 200px;*/
    width: 15.6%;
}

#tk_zamowienia .kol_status {
    /*width: 594px;*/
    width: 45.6%;
}

#tk_zamowienia .wiersz .kol {
    padding: 5px 5px;
}

#tk_zamowienia .wiersz {
    margin-bottom: 5px;
}

#tk_zamowienia .wiersz_tlo {
    margin-bottom: 20px;
}

#tk_zamowienia .wiersz_tlo .kol {
    background-color: #f6f6f6;
}

#tk_zamowienia .wiersz_tlo .kol {
    padding: 15px 5px;
}

#tk_zamowienia .wiersz_tlo .kol span {
    display: none;
    text-transform: uppercase;
    font-size: smaller;
}

#tk_zamowienia .wiersz_tlo .kol_szczegoly a {
    color: #8d6944;
}

#tk_zamowienia .wiersz_tlo .kol_status {
    background-color: #efe5d0;
}

/* --- tooltip --- */

.clearfix:before, .clearfix:after {
    content: '';
    display: table;
}

.clearfix:after {
    clear: both;
}

.tooltip {
    display: inline;
    position: relative;
    /*z-index: 999;*/
    top: 0;
    right: 0;
}

.tooltip-item {
    width: 21px;
    height: 21px;
    display: block;
    position: absolute;
    top: 0;
    left: 10px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.tooltip-item::after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    pointer-events: none;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.tooltip:hover .tooltip-item::after {
    pointer-events: auto;
}

.tooltip-effect-2 .tooltip-content,
.tooltip-effect-2 .tooltip-content-3,
.tooltip-effect-2 .tooltip-content-2 {
    -webkit-transform-origin: 50% calc(100% + 10px);
    transform-origin: 50% calc(100% + 10px);
    -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 45deg);
    transform: perspective(1000px) rotate3d(1, 0, 0, 45deg);
    -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
    transition: opacity 0.2s, transform 0.2s;
}

.tooltip:hover .tooltip-content,
.tooltip:hover .tooltip-content-3,
.tooltip:hover .tooltip-content-2 {
    pointer-events: auto;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0);
    transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0);
}

.tooltip-content,
.tooltip-content-3,
.tooltip-content-2 {
    position: absolute;
    z-index: 9999;
    width: 190px;
    left: 50%;
    bottom: 100%;
    text-align: center;
    background: #8d6843;
    padding: 12px;
    border-radius: 20px;
    opacity: 0;
    cursor: default;
    pointer-events: none;
}

.tooltip-content {
    margin: 0 0 5px -135px;
}

.tooltip-content-2 {
    margin: 0 0 5px -70px;
}

.tooltip-content-3 {
    margin: 0 0 5px -20px;
}

.tooltip.tooltip-effect-2:hover .tooltip-content,
.tooltip.tooltip-effect-2:hover .tooltip-content-3,
.tooltip.tooltip-effect-2:hover .tooltip-content-2 {
    -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);
    transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);
}

/*.tooltip-content::after {
    content: '';
    top: 100%;
    left: 50%;
    background: url(../grafika/tooltip_after.png);
    width: 5px;
    height: 28px;
    position: absolute;
}*/

.tooltip-text {
    text-align: center;
    font: 300 13px/18px 'Open Sans', sans-serif;
    color: #fff;
    display: block;
}

/* --- Komunikaty --- */

.komunikat_wrapper {
    position: fixed;
    display: flex;
    flex-direction: column;
    align-items: center;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 9999;
    min-width: 300px;
    left: 50%;
    top: -300px;
    transform: translate(-50%, 0);
}

.komunikat_wrapper.open {
    top: 10px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.komunikat {
    position: relative;
    color: #ffffff;
    font: 400 14px/21px "Open Sans", sans-serif;
    padding: 24px 60px 23px 105px;
    overflow: hidden;
    display: flex;
    align-items: center;
    border-radius: 35px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    min-width: 300px;
}

.komunikat_wrapper .komunikat {
    margin-bottom: 10px;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.komunikat_wrapper .komunikat.open {
    opacity: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.komunikat::before {
    content: '';
    position: absolute;
    left: 3px;
    top: 50%;
    width: 64px;
    height: 64px;
    transform: translate(0, -50%);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

/*.komunikat:hover::before {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    transform: translate(0,-50%) rotate(360deg);
}*/

.komunikat_ok::before {
    background: url('../grafika/ikona-ok.png');
}

.komunikat_ok {
    background-color: #99cc00;
}

.komunikat_uwaga:before {
    background: url('../grafika/ikona-uwaga.png');
}

.komunikat_uwaga {
    background-color: #ED6F00;
}

.komunikat_blad:before {
    background: url('../grafika/ikona-blad.png');
}

.komunikat_blad {
    background-color: #ff0000;
}

.komunikat_info:before {
    background: url('../grafika/ikona-info.png');
}

.komunikat_info {
    background-color: #00A4FF;
}

.komunikat_krzyzyk {
    margin-left: 20px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: absolute;
    top: 24px;
    right: 30px;
    display: none;
}

.komunikat_wrapper .komunikat_krzyzyk {
    display: inline-block;
}

.komunikat_wrapper .komunikat_krzyzyk:hover {
    transform: rotate(180deg);
}

/* import old css */

/* alert */

.user_alert {
    display: none;
    top: 45%;
    background: #EBDDD0 !important;
    border: 1px solid #3B250E !important;
    font-size: 1.1em !important;
    color: #000000;
    padding: 10px;
    text-align: center;
    width: 300px;
    left: 50%;
    margin-left: -150px;
    overflow: hidden;
    position: absolute;
    z-index: 9998;
}

#user_alert input[type=button] {
    outline: none;
    background: #f08a20;
    margin-top: 5px;
    border: 0;
    color: #fff;
    text-decoration: none;
}

.alert_button {
    display: inline-table;
    background: #f08a20;
    margin-top: 5px;
    border: 0;
    color: #fff;
    outline: none;
    width: 30px;
    height: 15px;
    text-decoration: none;
}

.alert_button:hover {
    text-decoration: none;
}

#table1, #table1 td, #table22, #table22 td, #table27, #table27 td, #table27 td table, table {
    width: 100% !important;
}

#table27 table tr,
#table1 table tr {
    display: flex;
    justify-content: center;
}

#table27 td > div {
    padding: 0 !important;
}

#table27 td table td a img {
    width: 100% !important;
    height: auto;
    object-fit: cover;
    max-height: 310px;
    margin: 0 !important;
}

.cms2 p,
.cms2 li,
.cms2 span {
    font: 400 18px/26px 'Open Sans', sans-serif !important;
    margin-bottom: 5px;
    text-align: center;
}

.cms2 span.text_wyrozniony {
    font: 700 18px/26px 'Open Sans', sans-serif !important;
}

#ramka2 {
    background-color: #b8a48c;
    padding: 25px 40px;
    margin: 0 0 30px;
}

#galeria_produkt {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    background-color: #ffffff;
    padding: 35px 0 0;
}

#galeria_produkt a {
    width: 30%;
    margin: 0 15px 40px;
    border: none !important;
}

#galeria_produkt a img {
    width: 375px;
    height: 281px;
    object-fit: cover;
    margin: 0;
}

.cms2 td > h2,
.cms2 td > h3 {
    margin: 5px 0 10px;
}

.cms2 td > h2 span {
    color: #2d1c0b;
    font: 700 40px/48px 'Open Sans', sans-serif !important;
}

.cms2 img {
    margin: 20px auto !important;
    box-sizing: content-box;
    display: block;
    height: auto;
}

.cms2 .certyfikaty {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 30px;
}

.cms2 .certyfikaty img {
    margin: 0 30px !important;
}

.cms2 video {
    max-width: 100%;
    height: auto;
}

/*karuzela*/
#carousel {
    position: relative;
    width: 100%;
}

#slides {
    overflow: hidden;
    position: relative;
    width: 100%;
    /*height: 250px;*/
}

#slides ul {
    list-style: none;
    width: 100%;
    /*height: 250px;*/
    margin: 0;
    padding: 0;
    position: relative;
}

#slides li {
    width: 100%;
    /*height: 250px;*/
    float: left;
    text-align: center;
    position: relative;
    font-family: lato, sans-serif;
}

/* Styling for prev and next buttons */
.btn-bar {
    max-width: 346px;
    margin: 0 auto;
    display: block;
    position: relative;
    top: 0;
    width: 100%;
}

#buttons {
    float: right;
    margin: -10px 0 0;
}

#buttons a {
    text-align: center;
    display: block;
    font-size: 30px;
    float: left;
    outline: 0;
    margin: 0 60px;
    color: #050505;
    text-decoration: none;
}

a#prev:hover, a#next:hover {
    color: #c8ae58;
}

.quote-phrase, .quote-author {
    /*font-weight: 300;*/
    /*display: table-cell;*/
    /*vertical-align: middle;*/
    /*padding: 5px 20px;*/
    /*font-family: 'Lato', Calibri, Arial, sans-serif;*/
}


.quote-marks {
    position: absolute;
    z-index: 1;
}

.quote-marks.lewy {
    bottom: 0;
    left: 0;
}

.quote-marks.prawy {
    top: 0;
    right: 0;
}

.quote-marks img {
    width: 54px;
    height: 47px;
}

.quote-marks.prawy img {
    transform: rotate(180deg);
}

.quote-author {
    font-style: normal;
    font-size: 20px;
    color: #b14943;
    font-weight: 400;
    height: 30px;
}

.quoteContainer, .authorContainer {
    display: table;
    width: 100%;
    position: relative;
}

#tabelka {
    border: 0;
    margin: 20px 0 0;
}

/*#tabelka table td {*/
/*    width: 50% !important;*/
/*}*/

/* -------------- style dla harmonyhealth.pl --------- */

.box_slider {

}

.zdjecie_slider {
    float: left;
    width: 400px;
    height: 400px;
    overflow: hidden
}

.text_slider {
    float: left;
    width: 440px;
    height: 400px;
    box-sizing: border-box;
    padding: 50px 40px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.tytul_slider {
    font: 700 23px/26px 'Open Sans', sans-serif;
    color: #3b250e;
    text-align: center;
    margin: 0 0 15px;
}

.promo_details a {
    font: 400 16px/16px 'Open Sans', sans-serif;
    text-align: center;
    margin: 0 0 15px;
    color: #bd9461;
    display: block;
    transition: all 0.3s;
}

.promo_details a:hover {
    color: #3b250e;
}

.cena_slider {
    font: 700 40px/40px 'Open Sans', sans-serif;
    color: #d70000;
    text-align: center;
}

.cms2 .img_gwarancja {
    display: flex;
    justify-content: center;
    align-items: center;
}

.cms2 .img_gwarancja img {
    margin: 20px !important;
    display: inline-block;
    padding: 0 !important;
}

#ocena_produktu {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#ocena_produktu div {
    margin: 25px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#ocena_produktu div p {
    text-align: center;
}

#ocena_produktu div img {
    width: 250px;
    height: 250px;
    max-width: 250px;
}

#zb_znacziki .zdjecia_znaczniki {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 0 25px;
}

#zb_znacziki .zdjecia_znaczniki img {
    height: 100px;
    width: auto;
    border: 2px solid #000000;
}

#zb_znacziki .zdjecia_znaczniki2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#zb_znacziki .zdjecia_znaczniki2 div {
    margin: 0 25px 10px;

}

#zb_znacziki .zdjecia_znaczniki2 div img {
    height: 150px;
    width: auto;
    border: 2px solid #000000;
    margin: 10px auto !important;
}