/* *** CSS RESET *** */

:focus {outline: 0}
a {outline: none; text-decoration: none;}
a, img {border: 0;}
button {cursor: pointer;}

/* *** GLOBAL *** */


@font-face {
    font-family: 'Roboto';
    src: url('fonts/RobotoRegular.eot');
    src: url('fonts/RobotoRegular.eot') format('embedded-opentype'),
         url('fonts/RobotoRegular.woff2') format('woff2'),
         url('fonts/RobotoRegular.woff') format('woff'),
         url('fonts/RobotoRegular.ttf') format('truetype'),
         url('fonts/RobotoRegular.svg#RobotoRegular') format('svg');
         font-weight: 400;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/RobotoBold.eot');
    src: url('fonts/RobotoBold.eot') format('embedded-opentype'),
         url('fonts/RobotoBold.woff2') format('woff2'),
         url('fonts/RobotoBold.woff') format('woff'),
         url('fonts/RobotoBold.ttf') format('truetype'),
         url('fonts/RobotoBold.svg#RobotoBold') format('svg');
         font-weight: 600;
}

.bx-wrapper {
    z-index: 1;
}

iframe {
    border: none;
}

body h1, body h2, body h3, body h4, body h5, body h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin: 0;
    margin-top: 0;
}

body p {
    margin-bottom: 25px;
    margin-top: 0;    
}

body h2 {
    font-size: 20px;
    margin-bottom: 25px;
    margin-top: 0;
}

body ul {
    margin-bottom: 25px;
    padding-left: 16px;
    margin-top: 0;
}

body ol {
    padding-left: 20px;
    margin-bottom: 25px;
    margin-top: 0;
}

body .bx-wrapper {
    padding: 0;
    border: none;
}

body {
    overflow-x: hidden;
}

figure {
    margin: 0;
}

body a:hover {
    text-decoration: none;
}

input, textarea, button {
    font-family: 'Roboto';
}

body {
    font-family: 'Roboto';
    font-size: 15px;
    color: #666666;
    background: #EFEFEF;
    line-height: 22px;
    min-width: 302px;
}

img {
    max-width: 100%;
    max-height: 100%;
}

a, a:hover, a:focus, a:active {
    outline: none !important;
    text-decoration: none;
}

.hamburger, .hamburger:focus, .hamburger:active {
    outline: none !important;
    border: none !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

body .hamburger-inner, body .hamburger-inner::before, body .hamburger-inner::after {
    height: 2px;
}

body .bx-wrapper .bx-controls-auto, body .bx-wrapper .bx-pager {
    position: relative;
    bottom: auto;
    width: auto;
}

.clearer {
    clear: both;
    height: 0;
}

.chosen-container-single .chosen-single div b {
    background: none;
}

.logo, img, a, button {
    -webkit-transition: 0.15s linear;
    -moz-transition: 0.15s linear;
    -ms-transition: 0.15s linear;
    -o-transition: 0.15s linear;
    transition: 0.15s linear;
}

.bx-caption {
    display: none;
}

.bx-wrapper {
    box-shadow: none;
    border: 0;
    margin: 0;
    background:transparent;    
}

.content-box {
    float: left;
    width: 100%;
}

/* *** HEADER *** */

header {
   z-index: 10;
   position: relative;
   width: 100%;
}

.header-box {
   display: flex;
   justify-content: space-between;  
   background: #F8F8F8;
   border-radius: 0 0 22px 0;
   box-shadow: 0px 3px 36px #0000001F;
   border-radius: 0px 0px 22px 0px;
   height: 96px;  
}

.header-box .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.h-left {
   display: flex;
}

.logo-box {
   height: 96px;
   background: #fff;
   border-radius: 0 0 22px 0;
   padding-top: 31px;
   padding-right: 50px;
   position: relative;
}

.logo-box a {
   position: relative;
   z-index: 1;
}

.logo-box:before {
   position: absolute;
   right: 50px;
   top: 0;
   z-index: 1;
   width: 10000px;
   background: #fff;
   content: "";
   display: block;
   height: 100%;
}

.logo-box:after {
   position: absolute;
   right: 100%;
   top: 0;
   width: 10000px;
   background: #fff;
   content: "";
   display: block;
   height: 100%;
   box-shadow: 0px 3px 36px #0000001F;
}

header .logo img {
   display: block;
}

.main-menu ul {
    padding: 0;
    display: flex;
    list-style: none;
    align-items: center;
    margin: 0;
}

.main-menu ul li {
   margin: 0 0 0 17px;
}

.main-menu > ul > li > a {
    color: #666666;
    border-bottom: 2px solid transparent;
    display: block;
    padding-top: 43px;
    height: 96px;
    font-size: 14px;
    text-align: center;
    position: relative;
}

.main-menu > ul > .current > a {
    color: #D22D26;
    font-weight: bold;
    border-color: #D22D26;
}

.main-menu > ul > .current > a:after {
   opacity: 1;
}

.main-menu > ul > li:hover > a {
    color: #666666;
    font-weight: bold;
}

.main-menu ul ul {
    position: absolute;
    top: 100%;
    left: -15px;
    text-align: center;
    list-style: none; 
    width: 305px;
   background: #F8F8F8;
    display: none;     
}

.main-menu ul ul li {
    position: relative;
    float: left;
    width: 100%;
}

.main-menu ul ul li a {
    position: relative;
    color: #1c2f59;
    text-align: left;
    display: block;
    padding: 11px 15px;
    float: left;
    width: 100%; 
    font-size: 14px;
}

.main-menu ul ul li:hover > a {
    background: red;
    color: #fff;
}

.main-menu ul ul ul {
    left: 100%;
    top: 0;
}

.main-menu .hoverIn {
    display: block;
}

.main-menu .hoverOut {
    display: none;
}


.main-menu li:hover ul {
   display: block;
}

.main-menu ul ul {
   padding: 0;
   margin: 0;
   overflow: hidden;
   width: 250px;
   border-radius: 0 0 5px 5px;
}

.main-menu ul ul li {
   margin: 0;
}

.main-menu {
   position: relative;
   z-index: 2;
}

.main-menu ul ul li a {
   color: #666666;
   padding: 8px 15px 5px 15px;
   font-size: 14px;
}

.main-menu ul ul li a:hover {
   background: #D22D26;
   color: #fff;
}

.main-menu ul li {
   position: relative;
}

@media (max-width: 992px) {
   .btn-slide-down {
      display:block !important;
   }
}


.h-right {
   background: #fff;
   border-radius: 22px 0px;
   padding-right: 10px;
   align-items: center;
   display: flex;
   position: relative;
}

.h-box {
   margin-left: 20px;
}

.btn-basket {
    width: 28px;
    position: relative;
    height: 27px;
    background: url('../../img/frontend/icons/01.png');
    display: block;
}

.btn-basket:hover {
   opacity: 0.85;
}

.btn-basket span {
    color: #fff;
    font-weight: bold;
    line-height: 15px;
    text-align: center;
    height: 14px;
    border-radius: 50%;
    width: 14px;
    background: #D22D26;
    position: absolute;
    top: 0;
    right: 0;
    margin-top: -7px;
    margin-right: -9px;
    font-size: 8px;
    display: block;
}

.container {
    padding-left: 20px;
    padding-right: 20px;
}

@media (min-width: 1199px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1320px;
    }
}

.h-box-2 {
   display: flex;
   align-items: center;
}

.user-name {
   min-width: 160px;
   text-align: right;
   color: #666666;
   margin-right: 17px;
}

.user-name strong {
   color: #D22D26;
}

.user-image figure {
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 50%;
   background: #fff;
   width: 42px;
   height: 42px;
   overflow: hidden;
}

.user-image {
   padding-right: 11px;
   background: url('../../img/frontend/icons/03.png') center right no-repeat;
}

.dropdown-item {
   padding-top: 6px !important;
   font-size: 14px;
   color: #666666;
}

.dropdown-item:hover {
   background: #D22D26 !important;
   color: #fff !important;
}

.h-box .dropdown-menu {
   right: 0 !important;
   left: auto !important;
   background: #F8F8F8;
   border: none;
   overflow: hidden;
   padding: 0;
   border-radius: 5px;
}

/* *** HOME *** */

.main-content {
   padding: 25px 0 33px 0;
}

.row {
   margin: 0 -8px;
}

.row > div {
   padding: 0 15px;
}

.content-box-1 {
   text-align: center;
}

.content-box-1-1 figure {
   border-radius: 50%;
   margin: 0 auto;
   display: block;
   overflow: hidden;
   background: #fff;
   width: 99px;
   height: 99px;
   margin-bottom: 7px;
}

.content-box-1-1 .txt-1 strong {
   color: #D22D26;
}

.content-box-1-1 .txt-1 {
   margin-bottom: 12px;
}

.content-box-1-1 .txt-2 {
   font-size: 12px;
   font-weight: bold;
   margin-bottom: 12px;
}

.content-box-1-1 .txt-2 span {
   display: block;
   color: #D3B888;
   font-size: 18px;
}

.content-box-1-2 {
   margin-bottom: 11px;
}

.progress-box {
   height: 21px;
   border-radius: 11px;
   padding: 2px;
   background: #fff;
   border: 1px solid #B1AFAF;
}

.progress-box div {
   background:#D3B888;
   border-radius: 11px;   
   height: 15px;
}

.progress-txt {
   display: flex;
}

.progress-txt .txt {
   font-size: 12px;
   width: 25%;
   border-left: 1px solid #B1AFAF;
}

.color-red {
   color:#D22D26;
}

.color-gold {
   color: #D3B888;
}

.color-gray {
   color: #B1AFAF;
}

.progress-txt .txt:first-child {
   border-left: none;
}

.content-box-1-1 {
   position: relative;
}

.info-icon {
   width: 18px;
   height: 18px;
   background: url('../../img/frontend/icons/05.png');
   display: block;
}

.info-icon:hover{
   background: url('../../img/frontend/icons/05-1.png'); 
}

.content-box-1-1 .info-icon {
   position: absolute;
   bottom: 0;
   right: 0;
}

.content-box-1-3 {
   color: #D22D26;
   padding: 10px 15px 14px 15px;   
   font-size: 12px;
   border-radius: 10px 5px;
   border: 1px solid #C03D31;
}

.content-box-1-3 .txt-2 {
   padding-top: 8px;
   font-size: 32px;
   font-weight: bold;
}

.content-box-1-3 img {
   display: inline-block;
   vertical-align: middle;
   margin: -3px 0 0 0;
}

.mr20 {
   margin-bottom: 20px;
}

.boxes-1 .row-box {
   display: flex;
   flex-wrap: wrap;
   margin: 0 -5px;
}

.boxes-1 .row-box .col-box {
   width: 25%;
   padding: 0 5px;
}

.box-1 {
   border-radius: 10px 5px;
   background: #D3B888;
   height: 82px;
   display: flex;
   justify-content: center;
   padding: 0 5px;
   padding-bottom: 5px;
   align-items: center;
   color: #7C6336;
   font-size: 15px;
   font-weight: bold;
   position: relative;
}

.box-1 .txt-2 {
   width: 100%;
   text-align: center;
   bottom: 0;
   left: 0;
   color: #FFFFFF;
   font-size: 8px;
   font-weight: bold;
   position: absolute;
}

.content-box-1-3-1 {
   background: #D22D26;
   color: #fff;
}

.content-box-1-3-1 {
   margin-bottom: 14px;
}

.content-box-1-5 .txt {
   font-weight: bold;
   font-size: 12px;
   margin-bottom: 6px; 
}

.boxes-2 .row-box {
   display: flex;
   flex-wrap: wrap;
   margin: 0 -5px;
}

.boxes-2 .row-box .col-box {
   padding: 0 5px;
   width: 16.6666%;
}

.box-2 {
   background: #F5F5F5;
   border-radius: 10px 5px;
   height: 69px;
   display: flex;
   align-items: center;
   justify-content: center;
}

.boxes-2 {
   position: relative;
}

.box-2 {
   border: 1px solid transparent;
    -webkit-transition: 0.15s linear;
    -moz-transition: 0.15s linear;
    -ms-transition: 0.15s linear;
    -o-transition: 0.15s linear;
    transition: 0.15s linear;
}

.box-2:hover {
   border-color: #D22D26;
}

.box-2 .txt {
   position: absolute;
   top: 100%;
   margin-top: 8px;
   font-size: 12px;
   font-weight: normal;
   left: 0;
   width: 100%;
   color: #666;
   opacity: 0;
   transform: scale(0);
   transition: opacity 0.3s, transform 0s 0.3s;
}

.box-2:hover .txt {
   opacity: 1;
   transform: scale(1);
   transition: transform 0s, opacity 0.3s;
}

.box-2 img {
     filter: grayscale(100%);
     opacity: 0.2;
}

.box-2.active img {
   filter: none;
   opacity: 1;   
}

.box-2.active {
   background: #fff;
}

.title {
   font-weight: bold;
   font-size: 12px;
   margin-bottom: 10px;
}

.popup .btn-2:hover {
   border-color: #D22D26;
}

.box-3 {
   display: flex;
   margin-bottom: 16px;
   color: #000;
   align-items: flex-start; 
}

.box-3:hover {
   color: #000;
   opacity: 0.85;
}

.boxes-3 .box-3:last-child {
   margin-bottom: 0;
}

.box-3 .txt-1 {
   font-size: 12px;
   color: #D22D26;
   margin-bottom: 3px;
}

.box-3 .description {
   padding-left: 15px;
}

.box-3 figure {
   background: #fff;
   border-radius: 5px 0px;
   width: 200px;
   overflow: hidden;
   text-align: center;
   flex-shrink: 0;
}

.button-box-1 {
   padding-top: 15px;
   display: flex;
   justify-content: flex-end; 
}

.btn-1 {
   display: inline-block;
   color: #D22D26;
   font-weight: bold;
   font-size: 12px;
   padding-right: 34px;
   padding-top: 1px;
   background: url('../../img/frontend/icons/06.png') calc(100% - 1px) center no-repeat;
}

.btn-1:hover {
   padding-right: 29px;
   color: #D22D26;
}

.table-1 {
   background: #fff;
   overflow: auto;
   border-radius: 22px 5px;
   padding: 8px;
}

.table-1 .figure-1 {
   width: 35px;
   height: 35px;
   overflow: hidden;
   margin-right: 5px;
   border-radius: 50%;
}

.table-1 table {
   width: 100%;
}

.table-1 tr td {
   padding: 8px 0 7px 10px;
}

.table-1 table tr td:first-child {
   color: #B1AFAF;
   border-radius: 11px 0 0 5px;
}

.table-1 table tr td:last-child {
   padding-right: 10px;
   border-radius: 0 5px 11px 0;
}

.table-1 table tr:nth-child(even) td {
   background: #f5f5f5;
}

.content-box-2 {
   padding-top: 15px;
}

.title {
   position: relative;
}

.title-button {
   position: absolute;
   top: 1px;
   right: 0;
}

.mr10 {
   margin-bottom: 10px;
}

.box-4 figure {
   border-radius: 5px 0px;
   overflow: hidden;
   margin-bottom: 8px;
   background: #fff;
}

.box-4 a:hover {
   opacity: 0.85;
}

.box-4 .description {
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.box-4 .description .txt {
   padding-right: 10px;
}

.box-4 .txt-1-1 a {
   color:#000000;
    font-size: 13px;
}

.box-4 .txt-1-3 {
   display: inline-block;
   color:#D22D26;
   font-size: 18px;
   font-weight: bold;
   padding-right: 30px;
   background: url('../../img/frontend/icons/diamond.png') right center no-repeat;
   background-size: 22px auto;
}

.box-4 .txt-1-2 {
   font-size: 12px;
   margin: -2px 0 0 0;
}

.box-4 {
   margin-bottom: 16px;
}

.boxes-4 {
   margin-bottom: -16px;
}

.box-4 .txt-1-1 {
   color:#000000;
   font-weight: bold;
   color: #000;
}

.btn-basket-1 {
   color: #D22D26;
   font-size: 12px;
   font-weight: bold;
   padding: 3px 0;
   padding-right: 33px;
   display: inline-block;
   background: url('../../img/frontend/icons/07.png') center right no-repeat;
}

.btn-basket-1:hover {
   color: #D22D26;
   opacity: 0.85;
}

/* *** FOOTER *** */

footer {
   color: #666666;
}

footer a {
   color: #666666;
}

footer a:hover {
   color: #67797C;
}

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

.f-left {
   align-items: center;
   display: flex;
}

footer ul a:hover {
   font-weight: bold;
}

footer ul {
   margin: 0;
   padding: 0;
   display: flex;
   list-style: none;
}

footer ul li {
   margin-right: 26px;
}

.f-logo {
   margin-right: 78px;
}

.f-box {
   height: 96px;
   position: relative;
   display: flex;
   justify-content: center;
   flex-direction: column;
   background: #fff;
   border-radius: 22px 0 0 0;
   padding: 15px 20px 10px 20px;
}

.f-box:after {
   position: absolute;
   top: 0;
   left: 100%;
   height: 100%;
   width: 1000px;
   background: #fff;
   display: block;
   content: "";
}

.f-box span.box_title {
    font-size: 15px;
    margin-left: 20px;
    font-weight: bold;
}

.f-box-1 {
   display: flex;
}

.f-box-1 span {
   width: 102px;
   padding-right: 16px;
   text-align: right;
   color: #666;
   display: block;
}

.f-box-1, .f-box-1 a {
   color: #D22D26;
}

.f-box-1 a:hover {
   color: #D22D26;
   opacity: 0.85;
}

@media (max-width: 768px) {
    .f-box span.box_title {
        font-size: 14px;
        margin-left: 238px;
    }
}

/* *** MAIN CONTENT *** */

.main-content {
   min-height: calc(100vh - 192px);
}

.h-box {
   position: relative;
}

.h-boxes {
   position: relative;
}

.h-buttons:after {
   position: absolute;
   top: -20px;
   height: 20px;
   width: 100%;
   left: 0;
   content :"";
   display: block;
   background: #fff;
}

.h-buttons {
   width: 308px;
   position: absolute;
   top: 100%;
   right: 0;
   background: #fff;
   border-radius: 0 0 0 22px;
   padding: 14px;
}

.btn-2 {
   color: #D22D26;
   border-radius: 8px 0 8px 0;
   font-size: 11px;
   font-weight: bold;
   border: 1px solid #D22D26;
   display: block;
   height: 45px;
   text-align: center;
   padding: 0 15px;
   line-height: 47px;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

.btn-2-1 {
   color: #fff;
   background: #D22D26;
}

.h-buttons {
   opacity: 0; /* obviously, it's invisible first */
   transform: scale(0);
   transition: opacity 0.3s, transform 0s 0.3s;
}

.h-right:hover .h-buttons {
   opacity: 1;
   transform: scale(1);
   transition: transform 0s, opacity 0.3s;
}

.h-buttons-flex {
   display: flex;
   justify-content: space-between; 
}

.h-buttons a {
   width: calc(50% - 7px);
}

.btn-2:hover {
   color: #D22D26;
}

.btn-2-1:hover {
   color: #fff;
}

.btn-2:hover {
   border-color: #fff;
}

header .btn-2:hover {
   border-color: #D22D26;
}

.prev-button-box {
   position: relative;
   z-index: 2;
}

.btn-2 span {
   transition: all .3s ease-in-out;
   display: block;
}

.btn-2:hover span {
   transform: scale(1.25);
}

/* *** CUSTOM SELECT *** */

.select {
    width: 100%;

}

.select .chosen-container {
    width: 100% !important;
}

.select ul {
    margin: 0 4px 4px 0 !important;
    padding: 0 0 0 4px !important;
}

.select .chosen-search {
    display: none;
}

.select .chosen-container-single .chosen-single {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    padding: 0 0 0 10px;
    height: 29px;
    border: none;
    border-radius: 0;
    background: #fff;
    border: 1px solid #aaa;
    box-shadow: none;
    color: #000;
    font-size: 14px;  
    text-decoration: none;
    white-space: nowrap;
    line-height: 27px;
}

.select .chosen-drop ul li {
    background-image: none !important;
    height: auto !important;
}

.select .chosen-container-single .chosen-single div {
    width: 32px;
    /*background: url('../../img/frontend/select-arrow.png') center no-repeat;*/
}

.select .chosen-container .chosen-results li.active-result {
    background: #fff;
    color: #000;
}

.select .chosen-container .chosen-results li:hover {
    background: #ec008d;
    color: #fff;
}

/* *** MENU RSP *** */

.header-rsp {
    top: 0;
    left: 0;
    position: fixed;
    overflow: hidden;
    z-index: 101;
    width: 100%;
    padding: 10px 20px;
    height: 70px;
    background: #F8F8F8;
    box-shadow: 0px 3px 36px #0000001F;
    display: none;
}

.header-rsp .logo-rsp {
   float: left;
   margin-top: 2px;
}

.header-rsp .logo-rsp img {
    max-width: 100%;
    width: 150px;
    max-height: 100%;
}

.hamburger {
    position: absolute;
    padding: 15px 20px;
    top: 8px;
    right: 0;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    background: #BC1620;
}

.data-rsp {
    position: absolute;
    top: 27px;
    right: 70px;
}

.data-rsp a {
    font-size: 11px;    
}

.menu-rsp {
    width: 100%;
    position: fixed;
    padding-top: 70px;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    float: right;
    height: 100%;
    display: none;      
}

.menu-rsp  .opacity-rsp {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 1;
    opacity: 0.4;
}

.menu-rsp nav {
    float: left;
    width: 100%;
    height: 100%;
    overflow: auto;
}

.menu-rsp > nav > ul:first-child {
    box-shadow: 0 0 10px rgb(255 255 255 / 50%);
}

.menu-rsp nav ul {
    float: left;
    width: 100%;
    margin: 0;
    position: relative;
    z-index: 2;
    background: #F8F8F8;
    padding: 0;
}

.menu-rsp nav li {
    position: relative;
    list-style: none;
    float: left;
    border: none;
    width: 100%;
    height: auto;
    border-top: 1px solid transparent;
}

.menu-rsp nav > ul > li:first-child {
    border-top: none;
}

.menu-rsp nav a {
    line-height: normal;    
    height: auto;
    color: #666;
    font-size: 15px;
    float: left;  
    width: 100%;
    padding: 16px 15px 14px 15px;
}

.menu-rsp nav a:hover {
    background-color: #D22D26;
    color: #fff;
}

.menu-rsp nav ul .li-submenu > a {
    padding-right: 53px;
}

.btn-slide-down {
    width: 40px;
    height: 100%;
    background: #fff;
    border-left: 1px solid transparent;
    position: absolute;
    top: 0;
    font-size: 14px;
    text-align: center;
    color: #000;
    right: 0;
    z-index: 2;
    display: none !important;
    line-height: 52px;
    cursor: pointer;
}

.menu-rsp nav ul ul {
    display: none;
    color: #fff;
}

.btn-slide-down, .menu-rsp nav li {
    border-color: #fff;
}

.menu-rsp nav ul ul {
    background: #f4f4f4;
}

.menu-rsp nav ul ul ul ul {
    background: #fff;
}

.menu-rsp nav ul ul a {
    padding-left: 30px;
}

.menu-rsp nav ul ul ul a {
    padding-left: 45px;
}

/* *** USTAWIENIA *** */

.title-1 h1 {
   color: #D22D26;
   font-size: 24px;
   font-weight: bold;
   text-align: center;
}

.title-1 {
   margin-bottom: 23px;
}

.wrapper-1 {
   width: 632px;
   margin: 0 auto;
   max-width: 100%;
}

.label-box label {
   color: #B1AFAF;
   margin: 0;
   margin-bottom: 3px;
   font-size: 12px;
   font-weight: bold;
}

.input-box {
   margin-bottom: 11px;
}

.input-box input, .input-box textarea, .input-box select {
   width: 100%;
   background: #FFFFFF 0% 0% no-repeat padding-box;
   box-shadow: 0px 3px 18px #00000029;
   border-radius: 8px 0px;
   height: 45px;
   display: block;
   padding: 0 15px;
   border: none;
   padding-top: 3px;
}

.input-box select {
   color: #666;
    -webkit-appearance: none; appearance: none;
   padding: 0 15px;
   padding-top: 3px;
   background: #fff url('../../img/frontend/icons/18.png') calc(100% - 15px) 20px no-repeat;
}

.input-box textarea {
   resize: none;
   color: #666;
   overflow: auto;
   height: 209px;
   padding: 13px 15px;
}

.input-icon input {
   padding-right: 47px;
   background: #fff url('../../img/frontend/icons/08.png') calc(100% - 8px) center no-repeat;
}

.icheckbox, .checkbox-box > .iradio {
   width: 33px;
   position: relative;
   height: 33px;
   background: #FFFFFF;
   border: 1px solid #C03D31;
   border-radius: 5px 0px;
}

.icheckbox ins, .iradio ins {
   z-index: 2;
}

.icheckbox:after, .checkbox-box > .iradio:after {
   margin: 7px;
   content: "";
   opacity: 0;
   display: block;
   width: 17px;
   height: 17px;
   background: #D22D26;
   border-radius: 5px 0px;
}

.icheckbox.checked:after,.iradio.checked:after  {
   opacity: 1;
}

.checkbox-box .icheckbox, .checkbox-box .iradio {
   margin-top: 4px;
}

.checkbox-box {
   display: flex;
   margin-bottom: 15px;
}

.checkbox-content .checkbox-box:last-child {
   margin-bottom: 0;
}

.checkbox-box label {
   padding-left: 24px;
}

.checkbox-box label {
   color: #666666;
}

.mr25 {
   margin-bottom: 25px;
}

.form-txt {
   color: #B1AFAF;
   font-size: 12px;
   line-height: 15px;
}

.form-button {
   display: flex;
   justify-content: center; 
}

.btn-2-width-1 {
   width: 200px;
   max-width: 100%;
}

.avatar-box {
   min-height: 246px;
   width: 200px;
   max-width: 100%;
   display: flex;
   align-items: center;
   justify-content: flex-start;
}

.avatar-box figure {
   width: 127px;
   height: 127px;
   display: block;
   margin: 0 auto;
   background: #fff;
   border-radius: 50%;
   overflow: hidden;
}

.form-button.text-left {
   justify-content: flex-start;
}

.mr30 {
   margin-bottom: 30px;
}

.content-box-3 .form-button {
   padding-top: 10px;
}

/* *** USTAW AVATAR *** */

.boxes-5 .row-box {
   display: flex;
   flex-wrap: wrap;
}

.boxes-5 .col-box {
   width: 33.333%;
   margin-bottom: 10px;
}

.box-5 {
   position: relative;
   width: 92px;
   height: 92px;
   margin: 0 auto;
   background: #fff;
   border-radius: 50%;
   overflow: hidden;
}

.box-5 .iradio {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   border-radius: 50%;
}

.box-5 .iradio.checked {
   border: 1px solid #D22D26;
}

.form-button-1 {
   text-align: center;
   padding-top: 20px;
}

.form-button-1 .btn-2 {
   margin: 0 auto;
   margin-bottom: 8px;
}

.title-2 {
   font-size: 12px;
   margin-bottom: 5px;
}

.boxes-5-1 .row-box {
   margin: 0 -8px;
}

.boxes-5-1 .row-box > div {
   padding: 0 8px;
   width: 33.3333%;
}

.boxes-5-1 .col-box {
   margin-bottom: 16px;   
}

.boxes-5-1 .box-5 {
   position: relative;
   height: 75px;
   border-radius: 10px 5px;
   background: #fff;
}

.boxes-5-1 .box-5 .iradio {
   border-radius: 10px 5px;
}

.boxes-5-1 .box-5 {
   color: #D22D26;   
}

.boxes-5-1 .box-5 .txt {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   font-size: 12px;
   padding: 2px 5px;
   text-align: center;
}

.boxes-5-1 .box-5 .iradio {
   z-index: 1;
}

.boxes-5-2 .box-5 {
   height: 59px;
}

.boxes-5-2 .box-5 .txt {
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   padding-top: 6px;
}

.boxes-5-0 .row-box {
   margin: 0 -8px;
}

.boxes-5-1 {
   margin-bottom: 10px;
}

.boxes-5-2 {
   margin-bottom: 0;
}

.btn-2 {
   background: transparent;
}

.btn-2-1 {
   background: #D22D26;
}

.btn-2:hover {
   background: #fff;
}

.btn-2-1:hover {
   background: #D22D26;
}

.text p:last-child {
   margin-bottom: 0;
}

/* *** popup *** */

.popup-content {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   padding: 110px 20px;
   height: 100%;
   z-index: 100;
   background: rgba(0, 0, 0, 0.74);
}

.popup {
   text-align: center;
   margin: 0 auto;
   padding: 20px 20px 25px 20px;
   overflow: auto;
   max-height: calc(100vh - 220px);
   width: 632px;
   background: #fff;
   border-radius: 22px 0px;
}

.popup h2 {
   color: #D22D26;
   margin-bottom: 7px;
   font-size: 18px;
   font-weight: bold;
}

.popup .popup-txt-1 {
   font-size: 12px;
   font-weight: bold;
   margin-bottom: 20px;
}

.popup-button {
   display: flex;
   padding-top: 35px;
   justify-content: center;
}

.popup-button .btn-2 {
   margin: 0 8px;
}

.popup-1 .checkbox-content {
   width: 250px;
   max-width: 100%;
   margin: 0 auto;
   text-align: left;
}

.popup-1 .checkbox-content .icheckbox, .popup-1 .checkbox-content .iradio {
   margin-top: 0;
}

.popup-1 .checkbox-content label {
   padding-left: 11px;
   margin: 0;
   padding-top: 1px;
}

.popup-1 .checkbox-content {
   margin-bottom: -10px;
}

.popup-1 .checkbox-box {
   margin-bottom: 7px;
   align-items: center;
}

.popup-txt-2 {
   color: #D22D26;
   font-size: 18px;
   margin: -5px 0 15px 0;
}

.popup-2 {
   color: #000000;
   margin: 28px 0 0 0;
   font-size: 18px;
}

.boxes-1-1 {
   margin: 0 auto;
   max-width: 100%;
   padding: 8px 0 0 0;
   margin-bottom: -9px;
}

.boxes-1-1 .box-1 {
   height: 127px;
}

.popup-width-1 {
   width: 534px;
}

.boxes-1-1 .box-1 {
   display: block;
   padding-top: 15px;
   color: #fff;
   font-size: 15px;
}

.boxes-1-1 .txt-2 {
   font-size: 12px;
   font-weight: bold;
   line-height: 1.3;
   bottom: 10px;
}

/* *** ZALOGUJ *** */

.page-1 {
   background: #F8F8F8 url('../../img/frontend/bg.png') center top no-repeat;
}

.page-1 header {
   height: 96px;
}

.langs {
   position: relative;
   float: right;
   margin: 35px 0 0 0;
}

.langs ul {
   position: absolute;
   top: 100%;
   padding: 0;
   padding: 5px 0 4px 0;
   left: 20px;
   padding-right: 15px;
   margin: 0;
   border-radius: 10px 5px;
   list-style: none;
   background: #e8e7e7;
   padding-left: 15px;
   transform: scale(0);
   transition: opacity 0.3s, transform 0s 0.3s;
   opacity: 0;
}

.langs:hover ul {
   opacity: 1;
   transform: scale(1);
   transition: transform 0s, opacity 0.3s;
}

.langs ul a {
   color: #666;
}

.langs ul a:hover {
   color: #D22D26;
}

.langs a {
   color: #666666;
}

.langs .name {
   color: #666666;
   height: 25px;
   padding-left: 35px;
   padding-top: 2px;
   font-size: 15px;
   background: url('../../img/frontend/icons/10.png') left center no-repeat;
}

.langs .name span {
   padding-right: 15px;
   background: url('../../img/frontend/icons/11.png') right center no-repeat;
}

.wrapper-2 {
   width: 416px;
   margin: 0 auto;
   max-width: 100%;
}

.log-logo {
   text-align: center;
   margin-top: -77px;
   margin-bottom: 40px;
}

.input-box input {
   color: #666666;
}

.log-button-1 {
   display: flex;
   justify-content: center;
}

.log-box-1 {
   text-align: center;
}

.log-box-1 .txt-1 {
   padding: 12px 0;
}

.log-box-1 .txt-1 a {
   color: #666;
}

.log-box-1 .txt-1 a:hover {
   color: #D22D26;
}

.log-box-1-1 {
   padding: 25px 0 18px 0;
   border-bottom: 1px solid rgba(177,177,175,0.30);
}

.log-box-1-2 {
   padding: 15px 0 25px 0;
}

/* *** PRZYPOMNIJ *** */

.page-2 .header-box {
   box-shadow: none;
   background: none;
}

.page-2 {
   background: #F8F8F8 url('../../img/frontend/bg-1.png') center top no-repeat;
}

.page-2 .logo-box:after {
   box-shadow: none;
}

.log-box-1-3 {
   padding-top: 10px;
}

.log-box-1-3 .txt-1 {
   padding-top: 20px;
   margin: 0 -50px;
}

.wrapper-3 {
   width: 856px;
   margin: 0 auto;
   max-width: 100%;
}

.prev-button-box {
   margin-bottom: 16px;
}

.content-box-5 {
   text-align: center;
}

.content-box-5 .title-1 {
   margin-bottom: 15px;
}

.content-box-5 {
   margin-top: -50px;
}

.content-box-5 .txt-1 {
   margin-bottom: 15px;
   font-weight: bold;
}

.content-box-5 .txt-2 {
   margin-bottom: 30px;
}

.content-box-5 .button-box {
   display: flex;
   justify-content: center;
}

.map-box-1 {
   margin-bottom: 30px;
}

.page-2-1 {
   background: #F8F8F8 url('../../img/frontend/bg-2.png') center top no-repeat;
}

.popup-width-2 {
   width: 418px;
}

.mail {
   color: #666;
}

.mail:hover {
   color: #D22D26;
}

.popup-image-1 img {
   border-radius: 50%;
}

.popup-image-1 {
   margin-bottom: 10px;
}

.popup-3 .popup-button {
   margin: -10px 0 5px 0;
}

/* *** WIEDZA NOWE *** */

.z-title h2 {
   text-transform: uppercase;
   font-size: 18px;
   color: #D22D26;
   font-weight: bold;
   margin: 0;
}

.z-title {
   margin-bottom: 11px;
}

.z-content-box-1-1 {
   border-radius: 22px 5px;
   overflow: hidden;
}

.z-content-box-1-2 {
   background: #fff;
}

.z-nav-tabs-1 ul {
   padding: 0;
   margin: 0;
   list-style: none;
   display: flex;
   flex-wrap: wrap;
}

.z-nav-tabs-1 li {
   width: 50%;
}

.z-nav-tabs-1 a {
   height: 46px;
   display: flex;
   color: #666666;
   align-items: center;
   justify-content: center;
   padding: 0 40px;
   padding-top: 2px;
   background: #E0E0E0 0% 0% no-repeat padding-box;
   box-shadow: inset 0px -3px 7px #00000029;   
}

.z-nav-tabs-1 ul li:last-child {
   overflow: hidden;
   border-radius: 0 5px 0 0 !important;
}

.z-nav-tabs-1 .current a {
   background: #fff;
   color: #D22D26;
   font-weight: bold;
   box-shadow: none;
}

.z-nav-tabs-1 a:hover {
   color: #D22D26;
}

.z-content-box-1-2 {
   padding: 10px;
   background: #fff;
}

.z-box-1 {
    margin-right: 3px;
   padding: 12px 13px 10px 13px;
   display: block;
   background: #EFEFEF 0% 0% no-repeat padding-box;
   border-radius: 10px 0px;
   color: #000000;
}

.z-box-1 {
   margin-bottom: 7px;
}

.z-boxes-1 .z-box-1:last-child {
   margin-bottom: 0;
}

.z-box-1 .txt-1 {
   display: flex;
   justify-content: space-between;
   font-size: 12px;
}

.z-box-1 .txt-1-2 {
   color: #666666;
   padding-left: 10px;
}

.z-box-1:hover {
   color: #000;
}

.z-box-1 .txt-2 {
   font-weight: bold;
   padding-top: 2px;
   padding-right: 25px;
   background: url('../../img/frontend/icons/12.png') center right no-repeat;
}

.z-box-1-1 {
   background: #D22D26;
   color: #fff;
}

.z-box-1-1:hover {
   color: #fff;
}

.z-box-1-1 .txt-1-2 {
   color:#fff;
}

.z-box-1-1 .txt-2 {
   background: url('../../img/frontend/icons/13.png') center right no-repeat;   
}

a.z-box-1:hover {
   opacity: 0.85;
}

.z-box-1-2 {
   background: #868686;
   color: #B1AFAF !important;
}

.z-box-1-2 .txt-1-2 {
   color: #B1AFAF;
}

.z-box-1-2 .txt-2 {
   background: url('../../img/frontend/icons/14.png') center right no-repeat;   
}

.z-boxes-2 .row {
   display: flex;
   margin: 0 -12px;
}

.z-boxes-2 .row > div {
   padding: 0 12px;
   text-align: center;
}

.z-box-2 {
   margin-top: 12px;
   line-height: 1.25;
}

.z-box-2 .txt-1 {
   font-size: 12px;
   min-height: 44px;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-bottom: 7px;
}

.z-box-2 .txt-2 {
   border-radius: 10px 5px;
   background: #fff;
   height: 94px;
   display: flex;
   color: #D22D26;
   font-size: 12px;
   align-items: center;
   justify-content: center;
   padding: 5px;
   padding-bottom: 25px;
   background: #fff url('../../img/frontend/icons/15.png') center calc(100% - 8px) no-repeat;
}

.z-box-2 a.txt-2:hover {
   opacity: 0.85;
}

.z-box-2-1 .txt-2 {
   background: #fff;
   position: relative;
}

.z-box-2 .txt-2-1 {
   font-weight: normal;
   font-size: 12px;
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   padding: 5px;
}

.z-box-2-1 .txt-2 {
   font-weight: bold;
   font-size: 32px;
}

.wrapper-4 {
   width: 1064px;
   margin: 0 auto;
   max-width: 100%;
}

.text-1 p {
   margin-bottom: 15px;
}

.text-1 h2 {
   font-size: 18px;
   color: #D22D26;
   font-weight: bold;
   margin-bottom: 15px;
}

.text-1 img {
   margin: 5px 0 4px 0;
}

.img-radius img {
   border-radius: 22px 0px;
}

.z-content-box-2 {
   padding-top: 15px;
}

.z-content-box-2 .button-box {
   display: flex;
   justify-content: center;
   padding-top: 20px;
}

.z-btn-1 {
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 10px 0px;
   background: #EFEFEF;
   color: #D22D26;
   font-size: 12px;
   padding: 0 10px;
   font-weight: bold;
   padding-top: 3px;
   margin-bottom: 4px;
   height: 38px;
}

.z-btn-1:hover, .z-btn-1.hover {
   background: #D22D26;
   color: #fff;
}

.z-cont-box {
   display: none;
}

/* *** ZGLOS PROJEKT *** */

.input-file {
   position: relative;
   width: 100%;
   background: #FFFFFF 0% 0% no-repeat padding-box;
   box-shadow: 0px 3px 18px #00000029;
   border-radius: 8px 0px;
   height: 45px;
   display: block;
   padding: 0 15px;
   border: none;
   padding-top: 2px;
   cursor: pointer;
}

.input-file input {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   cursor: pointer;
   height: 100%;
   z-index: 5;
   display: block;
   opacity: 0;
}

.input-file-txt {
   margin-top: 6px;
   padding: 5px 0;
   padding-left: 29px;
   background: url('../../img/frontend/icons/16.png') left center no-repeat;
   text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: calc(100% - 102px);
}

.btn-add {
   border: 1px solid #C03D31;
   border-radius: 8px 0px;
   height: 45px;
   position: absolute;
   top: 0;
   right: 0;
   color: #D22D26;
   font-size: 12px;
   padding: 0 11px;
   line-height: 35px;
   font-weight: bold;
   display: block;
}

.btn-add span {
   padding: 6px 0 4px 0;
   display: block;
   padding-right: 32px;
   background: url('../../img/frontend/icons/17.png') calc(100% - 1px) center no-repeat;
}

/* *** KONTAKT *** */

.title-1 h1 {
   text-transform: uppercase;
}

.form-button.text-end {
   justify-content: flex-end; 
}

.contact-box textarea {
   height: 254px;
}

.contact-description {
   min-height: 280px;
   display: flex;
   flex-direction: column;
   justify-content: space-between; 
}

.contact-box {
   margin-top: 26px;
}

.contact-box .txt-1 {
   color: #D22D26;
   font-weight: bold;
   font-size: 24px;
}

.contact-box .txt-1 a {
   color: #D22D26;
}

.contact-box .txt-1 a:hover {
   color: #D22D26;
   opacity: 0.85;
}

/* *** MÓJ TEAM, ZAPROSZENIA *** */

.label-box label {
   text-transform: uppercase;
}

.z-nav-tabs-1-1 li {
   width: auto;
}

.boxes-2-small .box-2 {
   height: 33px;
   border: 1px solid #EBEBEB;
}

.boxes-2-small .row-box .col-box {
   width: 26px;
   padding: 0 3px;
}

.boxes-2-small .box-2 .txt {
   display: none !important;
}

.boxes-2-small {
   width: 156px;
}

.boxes-2-small img {
   width: 12px;
}

.z-content-box-1-1 .table-1 {
   border-radius: 0 5px 0 0;
}

.table-1 .btn-1 {
   white-space: nowrap;
}

/* *** PRODUKTY PREMIOWANE *** */

.z-content-box-3 figure {
   border-radius: 5px 0;
}

.z-content-box-3 .row {
   align-items: center;
}

.search-box {
   position: relative;
}

.search-box input {
   width: 100%;
   display: block;
   font-size: 12px;
   padding-left: 41px;
   padding-top: 3px;
   border-radius: 24px;
   padding-right: 15px;
   background: transparent;
   height: 36px;
   border: 1px solid #C03D31;
}

.search-box button {
   width: 44px;
   height: 35px;
   display: block;
   background: url('../../img/frontend/icons/19.png') center no-repeat;
   border: none;
   position: absolute;
   top: 1px;
}

.search-box button:hover {
   opacity: 0.85;
}

.table-2 {
   background: none;
   overflow: auto;
}

.table-2 table {
   width: 100%;
}

.table-2 tr td, .table-2 tr th {
   padding: 11px 0 8px 10px;
}

.table-2 {
   border-bottom: 1px solid #E7E7E7;
}

.table-2 tr th {
   font-size: 12px;
}

.table-2 table tr td:first-child {
   border-radius: 11px 0 0 5px;
}

.table-2 table tr th:last-child {
   padding-right: 10px;
}

.table-2 table tr td:last-child {
   padding-right: 10px;
   border-radius: 0 5px 11px 0;
}

.table-2 table tr:nth-child(even) td {
   background: #E7E7E7;
}

/* *** AKTUALNOŚCI *** */

.box-4 {
   display: block;
   color: #000000;
}

.box-4 .description-1 {
   padding-top: 5px;
}

.box-4 .date {
   color: #666666;
   font-size: 12px;
}

.boxes-4-1 .box-4 {
   margin-bottom: 20px;
}

.boxes-4-1 a.box-4:hover img {
   opacity: 0.85;
}

.boxes-4-1 a.box-4:hover {
    color: #D22D26
}

.wrapper-5 {
   width: 740px;
   margin: 0 auto;
   max-width: 100%;
}

.z-content-box-4 {
   padding-top:2px;
   padding-left: 130px;
   margin-top: -51px;
}

.z-content-box-4 figure img {
   border-radius: 5px 0;
}

.z-content-box-4 figure {
   margin-bottom: 25px;
}

.z-content-box-4 .date {
   margin-bottom: 10px;
   color: #666666;
   font-size: 12px;
}

.text-2 h2 {
   font-weight: bold;
   font-size: 18px;
}

/* *** NAGRODY *** */

.z-menu-1 {
   margin-bottom: 23px;
}

.z-menu-1 button {
   display: block;
   color: #666666;
   font-size: 12px;
   border: 1px solid #B1AFAF;
   border-radius: 24px;
   display: block;
   height: 34px;
   padding: 0 25px;
   line-height: 34px;
}

.z-menu-1 li {
   margin: 0 4px 4px 0;
}

.z-menu-1 ul {
   padding: 0;
   margin: 0;
   list-style: none;
   display: flex;
   flex-wrap: wrap;
}

.z-menu-1 .is-checked {
   background: #D22D26;
   color: #fff;
   border-color: #D22D26;
}

/* *** NARGRODY ROZWINIECIE *** */

.z-content-box-4-1 {
   padding-left: 0;
   margin-top: 0;
}

.z-content-box-5 .row-box {
   display: flex;
}

.z-content-box-5 figure img {
   border-radius: 5px 0;
}

.z-content-box-5 .col-left {
   display: flex;
   flex-direction: column;
   justify-content: space-between; 
   width: 308px;
   margin-right: 16px;
   flex-shrink: 0;
}

.z-content-box-5 .box-4 {
   margin-bottom: 10px;
}

.z-content-box-5 {
   padding-top: 5px;
}

.z-content-box-5 .button-box {
   padding-top: 16px;
   display: flex;
   justify-content: flex-end; 
}

.btn-2-basket span {
   margin-right: 10px;
   display: inline-block;
}

.btn-2-1:hover {
   border-color: #D22D26;
}

.btn-arrow {
   width: 14px;
   height: 8px;
   background: url('../../img/frontend/icons/21.png') center no-repeat;
   display: block;
}

.btn-arrow:hover {
   opacity: 0.85;
}

.btn-arrow.active {
  -webkit-transform: scaleY(-1);
       -moz-transform: scaleY(-1);
        -ms-transform: scaleY(-1);
         -o-transform: scaleY(-1);
            transform: scaleY(-1);
               filter: flipv;
}

.table-1-1 tr td {
   padding: 11px 0 10px 10px;
}

.z-table-1 tr td {
   padding: 2px 0 2px 10px !important;
   color: #666666 !important;
}

.z-table-1 table tr td:first-child, .z-table-1 table tr th:first-child {
   padding-left: 0 !important;
}

.z-table-1 tr th {
   color: #B1AFAF;
   font-size: 12px;
   padding-left: 10px;
   font-weight: bold;
}

.z-table-1 {
   padding-bottom: 5px;
   border-bottom: 1px solid #f5f5f5; 
}

.table-1-1 table tr:nth-child(even) td {
   background: none;
}

.tr-bg td {
   background: #f5f5f5;   
}

.btn-add-1 {
   bottom: 16px;
   top: auto;
   background: #fff;
   width: 95px;
}

.add-fv-box {
   padding-bottom: 6px;
   position: relative;
   padding-right: 111px;
}

.mr15 {
   margin-bottom: 15px;
}

.table-1-2 {
   background: none;
}

.z-table-1-2 {
   background: none;
   padding: 0;
}

.z-table-1-2 table tr td {
   padding-top: 11px !important;
   padding-bottom: 10px !important;
}

.z-table-1-2 table tr:nth-child(even) td {
   background: rgba(177, 175, 175, 0.12)
}

.btn-remove {
   width: 20px;
   height: 22px;
   margin: 0 auto;
   background: url('../../img/frontend/icons/25.png');
   display: block;
}

.btn-remove:hover {
   opacity: 0.85;
}

.z-content-box-6 {
   margin-bottom: 17px;
}

.z-table-1 {
   overflow: auto;
}

/* *** BASKET *** */

.steps {
   width: 314px;
   border-top: 1px solid #C03D31;
   margin: 0 auto;
   max-width: 100%;
}

.steps-box {
   margin: 0 -30px;
   display: flex;
   justify-content: space-between; 
}

.steps {
   margin: 0 auto 20px auto;
}

.steps div {
   font-weight: bold;
   color: rgba(177, 175, 175, 1);
}

.steps div.current {
   color: #D22D26;
}

.steps div.current span {
   background: #D22D26; 
}

.steps span {
   display: block;
   width: 14px;
   height: 14px;
   margin: 0 auto;
   margin-bottom: 5px;
   background: #EFEFEF;
   margin-top: -8px;
   border: 1px solid #D22D26;
   border-radius: 50%;
   
}

.bkt-table {
   overflow: auto;
}

.bkt-table table {
   width: 100%;
}

.bkt-table th {
   color: #666666;
   text-align: center;
   font-size: 12px;
   font-weight: bold;
}

.bkt-table td {
   text-align: center;
   padding: 19px 10px 19px 10px;
   border-bottom: 1px solid rgba(177, 175, 175, 0.3);
}

.bkt-box-1 {
   display: flex;
   align-items: center;
   font-size: 18px;
   color: #000000;
}

.bkt-box-1 .txt {
   color: #666666;
   font-size: 12px;
}

.bkt-box-1 figure {
   margin-right: 16px;   
}

.bkt-box-1 figure img {
   border-radius: 5px 0;
   flex-shrink: 0;
}

.quantity-box {
   position: relative;
   width: 130px;
   margin: 0 auto;
}

.quantity-box input {
   height: 22px;
   background: none;
   border: none;
   text-align: center;
   color: #666666;
   width: 100%;
   display: block;
}

.minus {
   width: 22px;
   height: 22px;
   background: url('../../img/frontend/icons/26.png');
   display: block;
   position: absolute;
   top: 0;
   left:0;
}

.plus {
   width: 22px;
   height: 22px;
   background: url('../../img/frontend/icons/27.png');
   display: block;
   position: absolute;
   top: 0;
   right:0;
}

.minus:hover, .plus:hover {
   opacity: 0.85;
}

.bkt-table .txt-1  img {
   margin: -2px 0 0 2px;
}

.bkt-table .txt-1 {
   color: #D22D26;
   font-size: 18px;
   font-weight: bold;
}

.bkt-table .btn-remove {
   display: inline-block;
}

.color-black {
   color: #000;
}

.bkt-summary td {
   border-bottom: none;
}

.bkt-table .txt-1 {
   white-space: nowrap;
}

.bkt-content-box-1 .checkbox-box {
   align-items: center;
}

.bkt-content-box-1 .checkbox-box .icheckbox, .bkt-content-box-1 .checkbox-box .iradio {
   margin: 0;
}

.bkt-content-box-2 {
   padding-top: 19px;
   padding-bottom: 45px;
}

.bkt-form {
   padding-top: 19px;
}

.bkt-box-2 {
   border-bottom: 1px solid rgba(177,175,175,0.3);
   margin-bottom: 14px;
   padding-bottom: 14px;
   display: flex;
}

.bkt-box-2 figure {
   flex-shrink: 0;
   margin-right: 16px;
}

.bkt-box-2 figure img {
   border-radius: 5px 0;
}

.bkt-box-2 .txt-1-1 {
   color: #000000;
}

.bkt-box-2 .txt-1-2 {
   color: #666666;
   font-size: 12px;
   line-height: 1.2;
}

.bkt-box-2 .txt-2 {
   display: flex;
   margin-top: 10px;
   justify-content: space-between;
}

.bkt-box-2 .description {
   width: calc(100% - 200px);
   display: flex;
   flex-direction: column;
   justify-content: space-between; 
}

.bkt-box-2 .txt-2-1 {
   font-weight: bold;
   font-size: 18px;
   color: #D22D26;
}

.bkt-box-2 .txt-3 {
   width: 200px;
   margin-right: 16px;
   flex-shrink: 0;
   text-align: right;
   color: #000000;
   font-size: 18px;
}

.bkt-box-2-1 {
   border: none;
}

.bkt-box-2-1 .txt-2 {
   margin: 0;
}

.bkt-buttons .btn-2 {
   width: 100%;
}

.content-box-1-1 .txt-2 span.color-red {
   color: #D22D26;
}

.content-box-1-1 .txt-2 span.color-gray {
   color: #B1AFAF !important;
}

.content-box-1-1 .txt-2 span.color-gray-1 {
   color: #666666 !important;
}

.entry-box .txt-2 span {
   color: #D22D26;
}

.entry-box .progress-box div {
   background: #D22D26; 
}

.entry-box .box-1 {
   background: #D22D26;
   color: #fff;
}

.silver-box .txt-2 span {
   color: #666666;
}

.silver-box .progress-box div {
   background: #666666;
}

.silver-box .progress-box div {
   background: #666666; 
}

.silver-box .box-1 {
   background: #666666;
   color: #fff;
}

.silver-box .txt-2 span {
   color: #666666;
}

.silver-box .progress-box div {
   background: #666666;
}

.platinum-box .progress-box div {
   background: #B1AFAF; 
}

.platinum-box .box-1 {
   background: #B1AFAF;
   color: #fff;
}

.platinum-box .content-box-1-1 .txt-2 span {
   color: #B1AFAF;
}

.platinum-box .box-1 {
   color: #666666;
}

/* *** FAQ *** */

.z-content-box-7 .text {
   margin: -10px 0 25px 0;
}

.faq-box .description {
   display: none;
   padding: 8px 15px 15px 15px;
}

.faq-box {
   border-radius: 10px 5px;
   overflow: hidden;
   margin-bottom: 18px;
   background: #fff;
}

.faq-boxes .faq-box:last-child {
   margin-bottom: 0;
}

.faq-box .name {
   position: relative;
   cursor: pointer;
   padding: 13px 35px 10px 15px;
}

.faq-box .name:after {
   position: absolute;
   top: 19px;
   right: 15px;
   width: 14px;
   height: 8px;
   background: url(../../img/frontend/icons/21.png) center no-repeat;
   display: block;
   content :"";
}

.faq-box .name.active:after{
-webkit-transform: scaleY(-1);
    -moz-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: flipv;
}

.faq-content {
   display: flex;
}

.faq-content figure {
   flex-shrink: 0;
   margin-left: 15px;
}

.faq-content figure img {
   border-radius: 10px 5px;
}

/* *** STATUSY *** */

.z-boxes-3 .row-box {
   display: flex;
   margin: 0 -25px;
}

.z-boxes-3 .col-box {
   padding: 0 25px;
   width: 25%;
}

.z-box-3 .txt-1 {
   height: 116px;
   display: flex;
   align-items: center;
   justify-content: center;
   background: #D22D26;
   color: #fff;
   font-size: 25px;
   font-weight: bold;
   padding-bottom: 16px;
   border-radius: 10px 5px;
}

.z-box-3 .txt-2 {
   height: 44px;
   margin-top: -22px;
   display: flex;
   margin-left: -22px;
   width: 100%;
   justify-content: space-between;
   background: #C73831;
   align-items: center;
   box-shadow: 0px 5px 16px #0000004D;
   border-radius: 0px 0px 10px 5px;
   padding: 0 11px;
   padding-top: 2px;
}

.z-box-3 .txt-2-2 {
   color: #fff;
   opacity: 0.5;
   font-size: 22px;
}

.z-box-3 .txt-2-1 {
   font-size: 30px;
   font-weight: bold;
   color: #fff;
}

.z-box-3-2 .txt-1 {
   background: #666666;
}

.z-box-3-2 .txt-2 {
   background: #666666; 
}

.z-box-3-3 .txt-1 {
   background: #D3B888;
}

.z-box-3-3 .txt-2 {
   background: #D3B888; 
}

.z-box-3-4 .txt-1 {
   background: #B1AFAF;
}

.z-box-3-4 .txt-2 {
   background: #666666;
}

.z-boxes-3 {
   padding: 27px 0 55px 0;
}

.z-boxes-4 .row-box {
   margin: 0 -27px;
   display: flex;
}

.z-boxes-4 .col-box {
   padding: 0 27px;
   width: 25%;
}

.z-boxes-4 {
   padding: 13px;
   background: #fff;
}

.z-boxes-4-top .txt-1 img {
    margin: 0 10px;
    height: 64px;
}

.z-boxes-4-top, .z-boxes-4-center {
   border-bottom: 1px solid #e6e6e6;   
}

.z-boxes-4-top .txt-1 {
   height: 96px;
   background: #fff;
   display: flex;
   font-size: 29px;
   color: #000;
   font-weight: bold;
   align-items: center;
   border: 6px solid #666666;
   border-radius: 10px 5px;
}

.z-boxes-4-top .txt-1-1 {
   color: #D22D26;
   border-color: #fff;
   background: none;
}

.z-boxes-4-center .txt-3 {
   text-align: center;
   background: #efefef;
   height: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
}

.z-boxes-4-center .txt-3-1 {
   background: #fbf8f3;
}

.z-boxes-4-center .txt-3-2 {
   background: #f7f7f7;
}

.z-boxes-4-center .txt-2 {
   color: #666666;
   min-height: 66px;
   padding: 10px 0;
   display: flex;
   align-items: center;
}

.z-boxes-4-center .txt-3 {
   color: #606060;
   font-size: 45px;
}

.z-boxes-4-center .txt-3-bg-1 {
   background-image: url('../../img/frontend/icons/32.png');
   background-repeat: no-repeat;
   background-position: center center;
}

.z-boxes-4-center .txt-3-bg-2 {
   background-image: url('../../img/frontend/icons/33.png');
   background-repeat: no-repeat;
   background-position: center center;
}

.z-boxes-4-center .txt-3-bg-3 {
   background-image: url('../../img/frontend/icons/34.png');
   background-repeat: no-repeat;
   color: #4D9B00;
   font-weight: bold;
   background-position: center center;
}

.z-boxes-4-center .txt-2 small {
   display: block;
   line-height: 1.2;
   font-size: 10px;
}

.z-box-4-1-1 {
   background: #666666;
}

.z-box-4-1-2 {
   background: #D3B888;
}

.z-box-4-1-3 {
   background: #B1AFAF;
}

.z-box-4-1 {
   height: 44px;
   border-radius: 0px 0px 10px 5px;
}

.z-boxes-4 {
   border-radius: 10px 5px;
   margin-left: -22px;
   width: calc(100% + 22px);
   padding-left: 22px;
}

/* *** PH *** */

.x-main-content {
   display: flex;
}

.x-sidebar {
   width: 216px;
   padding-right: 16px;
}

.x-content-box-1 {
   text-align: center;
   margin-bottom: 7px;
}

.x-content-box-1 figure {
   width: 99px;
   height: 99px;
   border-radius: 50%;
   margin: 0 auto;
   overflow: hidden;
   background: #fff;
}

.x-content-box-1 .txt {
   padding-top: 5px;
}

.x-content-box-1 .txt strong {
   color: #D22D26;
}

.x-boxes-1 .row-box {
   display: flex;
   flex-wrap: wrap;
   margin: 0 -8px;
}

.x-boxes-1 .col-box {
   width: 50%;
   padding: 0 8px;
}

.x-box-1 {
   position: relative;
   margin-bottom: 16px;
   display: flex;
   align-items: center;
   justify-content: center;
   color: #000000;
   font-size: 24px;
   font-weight: bold;
   width: 100%;
   padding-bottom: 8px;
   height: 82px;
   background: #D6D6D6 0% 0% no-repeat padding-box;
   border-radius: 10px 5px;
}

.x-box-1:hover {
   color: #000;
   opacity: 0.85;
}

.x-box-1.active:after {
   content: "";
   display: block;
   top: 0;
   right: 0;
   z-index: 1;
   width: 9px;
   height: 9px;
   margin: 6px;
   border-radius: 50%;
   background: #D22D26;
   position: absolute;
}

.x-box-1 .txt {
   position: absolute;
   bottom: 0;
   width: 100%;
   left: 0;
   text-align: center;
   color: #666666;
   font-size: 8px;
}

.x-main {
   width: calc(100% - 216px);
}

.x-frame-box {
   background: #fff;
   padding: 15px;
   border-radius: 0px 5px 22px 5px;
}

.x-menu-1 {
   border-radius: 22px 5px 0 0;
   overflow: hidden;
}

.x-menu-1 ul {
   padding: 0;
   margin: 0;
   display: flex;
}

.x-menu-1 li {
   width: 20%;
   list-style: none;
}

.x-menu-1 ul li:last-child a {
   border-right: 0;
}

.x-menu-1 a {
   height: 39px;
   border-right: 1px solid #e0e0e0;   
   color: #666666;
   display: flex;
   border-radius: 5px 5px 0 0;
   align-items: center;
   justify-content: center;
   text-align: center;
   padding: 0 10px;
   padding-top: 2px;
   background: #DFDFDF;
}

.x-menu-1 .current a, .x-menu-1 a:hover {
   background: #fff;
   color: #D22D26;
   font-weight: bold;
}

.x-table-1 {
   overflow: auto;
}

.x-table-1 table {
   width: 100%;  
}

.x-table-1 .txt-0 {
   color: #B1AFAF;
}

.x-table-1 .txt-1 {
   color: #000000;
   line-height: 1.3;
}

.x-table-1 .txt-2 {
   color: #666666;
   font-size: 11px;
   line-height: 1.5;
}

.x-table-1 th {
   color: #666666;
   font-size: 12px;
   font-weight: normal;
}

.x-table-1 th, .x-table-1 td {
   padding: 9px 10px 7px 10px;
   vertical-align: top;
}

.x-table-1 tr:nth-child(even) td {
   background: #f5f5f5;
}

.x-table-1 tr td:first-child {
   border-radius: 11px 0 0 5px;
}

.x-table-1 tr td:last-child {
   border-radius: 0 5px 11px 0;
}

.x-btn-1, .x-btn-1a {
   color: #75D226;
   font-weight: bold;
   padding: 4px 0;
   line-height: 1.25;
   font-size: 12px;
   padding-right: 35px;
   background: url('../../img/frontend/icons/36.png') center right no-repeat;
}

.x-btn-1a{
    color: #ffba00 !important;
    background: url('../../img/frontend/icons/41.png') center right no-repeat;
}

.x-table-1 .x-btn-1, .x-table-1 .x-btn-1a {
   white-space: nowrap;
}

.x-btn-1-1 {
   color: #B1AFAF;
   background: url('../../img/frontend/icons/37.png') center right no-repeat;
}

.x-btn-1:hover {
   color: #75D226;
   opacity: 0.85;
}

.x-btn-1-1:hover {
   color: #B1AFAF;
   opacity: 0.85;
}

.x-button-box {
   height: 100%;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: flex-end;
}

.x-table-1 .position-1 {
   vertical-align: middle;
}

.x-btn-2 {
   color: #666666;
   font-weight: bold;
   padding: 4px 0;
   line-height: 1.25;
   font-size: 11px;
   padding-right: 35px;
   background: url('../../img/frontend/icons/38.png') calc(100% - 3px) center no-repeat;
}

.x-btn-2:hover {
   opacity: 0.85;
   color: #666666;
}

.x-textarea textarea {
   resize: none;
   overflow: auto;
   color: #666666;
   padding: 4px 10px;
   border: 1px solid #E0E0E0;
   border-radius: 5px;
   display: block;
   width: 263px;
   height: 97px;
}

.x-btn-1-2 {
   color: #D22D26;
   background: url(../../img/frontend/icons/39.png) center right no-repeat;
}

.x-btn-1-2:hover {
   color: #D22D26;
   opacity: 0.85;
}

.x-table-1 th {
   line-height: 1.25;
}

.x-table-1 .txt-3 {
   width: 263px;
}

.x-table-1 .txt-4 {
   font-weight: bold;
   font-size: 12px;
   color: #75D226;
}

.x-table-1 .txt-5 {
   font-weight: bold;
   font-size: 12px;
   color: #D22D26;
}

.x-btn-1-3 {
   color: #B1AFAF;
   background: url(../../img/frontend/icons/40.png) center right no-repeat;
}

.x-btn-1-3:hover {
   opacity: 0.85;
   color: #B1AFAF;
}

.x-mail {
   color: #D22D26;
}

.x-mail:hover {
   color: #D22D26;
   opacity: 0.85;
}

.x-table-1 .checkbox-box {
   margin: 0 10px 0 0;
   float: right;
}

.x-table-1 .checkbox-box .icheckbox, .x-table-1 .checkbox-box .iradio {
   margin: 0;
}

.x-form-box {
   width: 652px;
   margin: 0 auto;
   max-width: 100%;
   padding: 10px 10px 20px 10px;
}

.x-frame-box .btn-2:hover {
   border-color: #D22D26;
}

.x-table-1-1 tr td, .x-table-1-1 tr th {
   padding-left: 0;
   background: #fff !important;
}

.x-content-box-2 .table-1 {
   margin:0;
   padding: 0;
}

.x-content-box-2 .table-1 {
   border-radius: 0;
}

.btn-pdf {
   width: 19px;
   height: 25px;
   display: block;
   background: url('../../img/frontend/icons/16.png') left center no-repeat;   
}

.btn-pdf:hover {
   opacity: 0.85;
}

.x-content-box-2 {
   margin-top: 17px;
}

/* *** 17.04 *** */

.status-content-1 .z-box-3 {
   height: 84px;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
       border-radius: 10px 5px;
       padding-top: 1px;
    max-width: 276.25px;
    margin-left: -5px;
}

.status-content-1 .z-box-3 .txt-1 {
   height: auto;
}

.status-content-1 .z-box-3-1 {
       background: #D22D26;

}

.status-content-1 .z-box-3-2 {
       background: #666666;
}

.status-content-1 .z-box-3-3 {
       background: #D3B888;
}

.status-content-1 .z-box-3-4 {
       background: #B1AFAF;
}

.z-box-3 .txt-1 {
   font-size: 15px;
   margin: 0;
   padding: 0;
   font-weight: bold;
}

.z-box-3 .txt-2 {
   display: block;
   height: auto;
   box-shadow: none;
   padding: 0;
   margin: 0;
   background: none;
   text-align: center;
   font-size: 15px;
   font-weight: bold;
}

.z-box-3 .txt-2-1 {
   font-size: 15px;
}

.z-box-3 .txt-2-2 {
   font-size: 15px;
   font-weight: normal;
   opacity: 0.5;
}

.faq-boxes-1 {
   width: 740px;
   max-width: 100%;
   margin: 0 auto;
}

/* *** 20.04 *** */

.a-content-box-1 {
   border-radius: 22px 5px;
   background: #fff;
   padding: 40px 20px;
   text-align: center;
}

.a-content-box-1 .btn-2 {
   width: 200px;
   margin: 0 auto;
}

.a-content-box-1 .btn-2 img {
   display: inline-block;
   vertical-align: middle;
   margin: -5px 0 0 8px;
}

.a-content-box-1 .btn-2:hover {
   opacity: 0.9;
}

.a-content-box-1 .txt {
   color:#D22D26;
   font-weight: bold;
   padding: 30px 0 45px 0;
   font-size: 32px;
   line-height: 1.2;
}

.a-content-box-1 figure {
   height: 69px;
}

@media (max-width: 1199px) {
   .a-content-box-1 .txt {
      font-size: 25px;
   }
}

@media (max-width: 767px) {
   .a-content-box-1 .txt {
      font-size: 22px;
      padding: 30px 0;
   }
}

/* *** 05.05 *** */

blockquote {
    border-radius: 22px 0px;
    margin-bottom: 16px;
    background: #d8d8d8;
    padding: 7px 17px;
}

.c-checkbox-content .iradio {
    width: 33px;
    position: relative;
    height: 33px;
    background: #FFFFFF;
    border: 1px solid #C03D31;
    border-radius: 5px 0px;
}

.c-checkbox-content .icheckbox, .c-checkbox-content .iradio {
    width: 23px;
    height: 23px;
    margin-top: 0;
}

.c-checkbox-content .iradio:after {
    margin: 7px;
    content: "";
    opacity: 0;
    display: block;
    width: 17px;
    height: 17px;
    background: #D22D26;
    border-radius: 5px 0px;
}


.c-checkbox-content .icheckbox:after, .c-checkbox-content .iradio:after {
    margin: 5px;
    content: "";
    display: block;
    width: 11px;
    height: 11px;
    background: #D22D26;
    border-radius: 5px 0px;
}


.iradio.checked:after {
    opacity: 1;
}

.c-checkbox-content {
    padding-bottom: 19px;
    padding-top: 5px;
}

.c-checkbox-content .checkbox-box label {
    padding-left: 10px;
    padding-top: 1px;
}

.c-checkbox-content .checkbox-box {
    margin-bottom: 7px;
}

.c-content-box-1 .button-box {
    justify-content: flex-start;
    padding-top: 10px;
}

.c-content-box-1 {
    padding-top: 20px;
}

@media (max-width: 767px) {
    .c-content-box-1 .button-box {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .c-content-box-1 .button-box {
        justify-content: center;
    }
}

.c-checkbox-content-1 .checked + label {
    font-weight: bold;
}

.c-title {
    font-size: 12px;
    border-bottom: 1px solid #666666;
    padding-bottom: 4px;
    padding-top: 3px;
}

.c-title strong {
    font-size: 15px;
}

.c-checkbox-content .icheckbox.not:after, .c-checkbox-content .iradio.not:after {
    background: #666666;
}

.c-checkbox-content .icheckbox.yes + label, .c-checkbox-content .iradio.yes + label {
    font-weight: normal;
}


.lubelskie-top {
    position: absolute;
    top: 187px;
    right: 36px;
    width: 82px;
    z-index: 110;
    height: 62px;
}

.lubelskie-bottom {
    position: absolute;
    top: 249px;
    right: 19px;
    width: 93px;
    z-index: 110;
    height: 65px;
}

.poland.cssmap.active-1 {
    background: url('../../img/frontend/map-1.png') 0 0 no-repeat;
}

.poland.cssmap.active-1-1 {
    background: url('../../img/frontend/map-1-1.png') 0 0 no-repeat;
}

.poland.cssmap.active-2 {
    background: url('../../img/frontend/map-2.png') 0 0 no-repeat;
}

.poland.cssmap.active-2-1 {
    background: url('../../img/frontend/map-2-1.png') 0 0 no-repeat;
}

/* *** 06.06 *** */

.zz-box-1 {
    background: #fff;
    border-radius: 10px 5px;
    padding: 10px 18px 18px 18px;
    text-align: center;
    color: #D22D26;
}

.zz-box-1 .txt-1 {
    font-size: 12px;
    color: #D22D26;
}

.zz-box-1 .btn-2{
    width: auto;
    display: inline-block;
    padding: 0 35px;
}

.zz-box-1 .txt-2 {
    font-size: 32px;
    font-weight: bold;
    padding: 10px 0 20px 0;
    margin-bottom: 10px;
}

.z-content-box-3-3-3 .row {
    align-items: flex-start;
}

.zz-box-1-1 .txt-2 img {
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
}

.zz-box-1-1 {
    padding: 10px;
    border: 1px solid #C03D31;
    background: none;
}

.zz-box-1 .btn-2:hover {
    opacity: 0.9;
}

.zz-box-1-1 .btn-2 {
    width: 100%;
    padding: 0 10px;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    line-height: normal;
    padding-top: 3px;
}

.zz-box-1 .btn-2 {
    width: 290px;
    max-width: 100%;
}

.zz-box-1-1 .btn-2 {
    width: 100%;
}

.zz-box-1 .btn-2:hover span:first-child {
    display: none !important;
}

.zz-box-1 .btn-2:hover span:last-child {
    display: block !important;
}

.zz-boxes-2 .row-box {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px;
}

.zz-boxes-2 .col-box {
    width: 50%;
    padding: 0 8px;
}

.zz-box-2 {
    color: #fff;
    font-size: 8px;
    line-height: normal;
    padding: 10px;
    text-align: center;
    margin-top: 18px;
    background: #D3B888;
    border-radius: 10px 5px 10px 5px;
    display: block;
}

.zz-box-2:hover {
    color: #fff;
    opacity: 0.9;
}

.zz-box-2 .txt-2 {
    font-weight: bold;
    padding: 5px 0;
}

.zz-box-2 .txt-1 img {
    display: inline-block;
    vertical-align: middle;
    margin: -1px 0 0 2px;
}

.zz-box-2 .txt-1 {
    color: #7C6336;
    font-size: 15px;
    font-weight: bold;
}

.zz-table-1 {
    background: none;
    overflow: auto;
}

.zz-table-1 table {
    width: 100%;
}

.zz-table-1 tr td, .zz-table-1 tr th {
    padding: 11px 0 8px 10px;
}

.zz-table-1 {
    border-bottom: 1px solid #E7E7E7;
}

.zz-table-1 tr th {
    font-size: 12px;
}

.zz-table-1 table tr td:first-child {
    border-radius: 11px 0 0 5px;
}

.zz-table-1 table tr th:last-child {
    padding-right: 10px;
}

.zz-table-1 table tr td:last-child {
    padding-right: 10px;
    border-radius: 0 5px 5px 0;
}

.zz-table-1 table .zz-tr-bg-1 td {
    background: #E7E7E7;
}

.zz-table-1 table .zz-tr-bg-1 + tr td {
    background: #E7E7E7;
}

.zz-btn-plus {
    width: 22px;
    height: 22px;
    background: url('../../img/frontend/icons/17.png');
    display: block;
}

.zz-btn-plus.active {
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -o-transform:rotate(45deg);
}

.zz-table-1 table table tr td, .zz-table-1 table table th {
    padding: 2px 10px 2px 0;
    font-size: 13px;
    margin: 0;
    width: 33.333%;
}

@media (max-width: 767px) {
    .zz-box-1 {
        margin-bottom: 30px;
    }
    .zz-box-1 .btn-2 {
        display: flex;
        line-height: normal;
        justify-content: center;
        text-align: center;
        align-items: center;
        padding-top: 2px;
    }
    .zz-boxes-2 {
        margin: -30px 0 30px 0;
    }
}

input:read-only {
    background-color: whitesmoke;
}

/*31.07*/
.btn-disabled {
    opacity: .4;
    cursor: default;
    pointer-events: none;
}

#show-password {
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 17px;
}
/* *** MOJE ZAMOWIENIA *** */

.s-content-box-1 {
    width: 847px;
    max-width: 100%;
    background: #FFFFFF;
    border-radius: 5px 5px 20px 5px;
    margin: 30px 0;
}

.s-title h2 {
    margin: 0;
    margin-top: -15px;
    color: #D22D26;
    font-size: 15px;
    background: #fff;
    display: inline-block;
    font-weight: bold;
    padding: 15px 52px;
    border-radius: 20px 5px 0 0;
}

.s-content-box-1-1 {
    padding: 0 13px 13px 13px;
}

.s-table table {
    width: 100%;
}

.s-table td {
    border-bottom: 1px solid #f5f5f5;
    color: #B1AFAF;
    font-size: 15px;
    padding: 13px 15px 12px 15px;
}

.s-table th {
    padding: 13px 15px 12px 15px;
    background: #f5f5f5;
}

.s-table table tr th:first-child {
    border-radius: 11px 0 0 5px;
}

.s-table table tr th:last-child {
    border-radius: 0 5px 22px 0;
}

.s-btn-1 {
    color: #B1AFAF;
    padding-right: 26px;
    background: url(../../img/frontend/icons/21.png) center right no-repeat;
}

.s-btn-1:hover {
    color: #B1AFAF;
    opacity: 0.9;
}

.s-btn-1.active {
    color: #B1AFAF;
    background: url(../../img/frontend/icons/43.png) center right no-repeat;
}

.color-green {
    color: #19DF4E;
}

.s-content-box-2 {
    padding: 17px 0;
    border-radius: 11px 5px 22px 5px;
    padding-right: 45px;
    padding-left: 142px;
    background: #efefef url(../../img/frontend/icons/present.png) left bottom no-repeat;
}

.s-table table .s-tr-more td {
    padding: 5px 0;
}

.s-content-box-2 {
    font-size: 15px;
    justify-content: space-between;
    display: flex;
    margin-bottom: 5px;
}

.s-title-2 span {
    border-bottom: 1px solid #B1AFAF;
    margin-bottom: 3px;
    padding-bottom: 3px;
    display: inline-block;
}

.s-content-box-2 .col-box-2 {
    padding: 0 30px;
}

.s-content-box-2 .s-txt-3 {
    margin-bottom: 15px;
}

.s-content-box-2 .s-txt-4 {
    color:#666666;
    font-size: 22px;
    padding-top: 5px;
    font-weight: bold;
}

.s-content-box-2 .s-txt-2 {
    font-weight: bold;
    color:#666666;
}

.s-content-box-2 .s-txt-1 {
    width: 278px;
    padding: 4px 10px;
    background: #fff;
    text-align: center;
    border-radius: 8px 0px;
    color: #666666;
    font-size: 15px;
    font-weight: bold;
    padding-top: 5px;
    margin-top: -6px;
    margin-left: -2px;
    position: relative;
    z-index: 2;
}

.s-content-box-2 .col-box-3 {
    text-align: right;
}

.s-table {
    overflow: auto;
}

@media (max-width: 767px) {
    .s-content-box-2 .s-txt-1 {
        width: 200px;
    }
}

/* *** 06.09 *** */

.x-sort-content {
   display: flex;
   justify-content: flex-end;
}

.x-sort-box {
   display: flex;
   align-items: center;
   margin-left: 32px;
}

.x-sort-box label {
   font-weight: bold;
   color: #D22D26;
   font-size: 13px;
   margin: 0;
   margin-right: 10px;
   padding: 0;
}

.x-select .chosen-container {
   width: 220px !important;
}

.x-select select {
   height: 24px;
   color: #666666;
   padding-top: 1px;
   font-size: 13px;   
   border-radius: 4px;
   background: none;
   border: 1px solid #9d9d9d;
}

.x-select .chosen-container-single .chosen-single {
   height: 24px;
   color: #666666;
   font-size: 13px;
   border-radius: 4px;
   background: url('../../img/frontend/icons/44.png') calc(100% - 7px) 7px no-repeat;
   border: 1px solid #9d9d9d;
}

.x-select .chosen-container-single.chosen-with-drop .chosen-single {
   background: url('../../img/frontend/icons/45.png') calc(100% - 7px) 6px no-repeat;
}

.x-select .chosen-container .chosen-drop {
   background: none;
   margin-top: 0;
   border-radius: 4px;
   padding-top: 4px;
   background: #EFEFEF;
}

.x-select .chosen-container .chosen-results {
   max-height: 250px;
}

.x-select .chosen-search {
   display: none;
}

.x-select .chosen-container .chosen-results li:hover, .x-select .chosen-container .chosen-results li.highlighted {
   background: #D22D26;
   color: #fff;
}

@media (max-width: 767px) {
   .x-sort-content {
      display: block;
   }
   .x-sort-box {
      margin: 0;
      padding: 5px 0;
   }
   .x-sort-box {
      display: block;
   }
   .x-sort-content {
      padding-bottom: 15px;
   }
   .x-select .chosen-container {
      width: 100% !important;
   }
}

/* *** 15.09 *** */

.xx-boxes-1 .row-box {
    margin: 0 -8px;
    display: flex;
    flex-wrap: wrap;
}

.xx-boxes-1 .col-box {
    padding: 0 8px;
    width: 50%;
}

.xx-box-1 {
    margin-bottom: 22px;
    color: #666666;
    font-size: 15px;
}

.xx-box-1 .txt-1 {
    padding-right: 10px;
}

.xx-box-1:hover {
    color: #666666;
    opacity: 0.9;
}

.xx-box-1 .description {
    padding: 15px 23px 13px 23px;
    display: flex;
    justify-content: space-between;
}

.xx-box-1 .txt-2 span {
    padding: 5px 0;
    padding-left: 37px;
    font-weight: bold;
    background: url('../../img/frontend/icons/diamond.png') left center no-repeat;
}

.xx-box-1 img {
    width: 100%;
}

.xx-box-1 {
    background: #fff;
    display: block;
    border-radius: 22px 5px 0 5px;
    overflow: hidden;
}

.xx-boxes-1 {
    padding-top: 5px;
}

.main-content {
    padding-top: 30px;
}

.xx-date input {
    border: 1px solid #C03D31;
    text-align: center;
}

.xx-ic-1 {
    padding-left: 32px;
    line-height: 19px;
    background: url('../../img/frontend/icons/47.png') left 11px no-repeat;
}

.xx-ic-2 {
    padding-left: 32px;
    line-height: 19px;
    background: url('../../img/frontend/icons/48.png') left 11px no-repeat;
}

@media (max-width: 767px) {
    .xx-boxes-1 .col-box {
        width: 100%;
    }
}

.xx-content-box-1 .input-box {
    margin-bottom: 17px;
}

.xx-content-box-1 textarea {
    height: 110px;
}

.xx-content-box-1 .button-box {
    display: flex;
    justify-content: center;
    padding-top: 40px;
}

.row60 {
    margin: 0 -30px;
}

.row60 > div {
    padding: 0 30px;
}

.input-file-txt {
    padding-left: 35px;
    margin-left: -3px;
    background: url(../../img/frontend/icons/46.png) left center no-repeat;
}

.xx-checkbox-box {
    padding: 10px 0 15px 0;
    padding-right: 125px;
}

.xx-checkbox {
    padding: 5px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.xx-checkbox .icheckbox {
    width: 22px;
    height: 22px;
    border-color: #fff;
    box-shadow: 0px 3px 18px #00000029;
    border-radius: 8px 0px;
}

.xx-checkbox .icheckbox:after {
    display: none;
}

.xx-checkbox .icheckbox.checked {
    background: #fff url(../../img/frontend/icons/49.png) center no-repeat;
}

.xx-ic-3 {
    padding-bottom: 7px;
    padding-left: 32px;
    line-height: 19px;
    background: url('../../img/frontend/icons/50.png') left top no-repeat;
}

.xx-checkbox .iradio {
    width: 33px;
    position: relative;
    height: 33px;
    background: #FFFFFF;
    border: 1px solid #C03D31;
    border-radius: 5px 0px;
    width: 22px;
    height: 22px;
    border-color: #fff;
    box-shadow: 0px 3px 18px #00000029;
    border-radius: 8px 0px;
}

.xx-checkbox .iradio.checked {
    background: #fff url(../../img/frontend/icons/49.png) center no-repeat;
}

.xx-checkbox-box-1 {
    display: flex;
}

.xx-checkbox-box-1 .xx-checkbox {
    margin-right: 75px;
}

.xx-checkbox-box-1 label {
    padding-right: 11px;
}

.xx-checkbox-box-1 {
    padding: 20px 0;
}

@media (max-width: 1199px) {
    .xx-checkbox-box {
        padding-right: 0;
    }
}

@media (max-width: 767px) {
    .xx-content-box-1 .form-box {
        padding-top: 25px;
    }
    .row60 {
        margin: 0 -15px;
    }

    .row60 > div {
        padding: 0 15px;
    }
    .xx-content-box-1 .button-box {
        padding-top: 25px;
    }
    .xx-checkbox-box-1 {
        display: block;
    }
    .xx-checkbox-box-1 .xx-checkbox {
        margin-right: 0;
    }
}
.box-4 {
    height: 250px;
}
.box-4 .txt {
    /*height: 66px;*/
    overflow: hidden;
}

.btn-disabled{
    opacity: .4;
    pointer-events: none;
}

/*24-04 nowe css*/
.scrolling-box{
    overflow: hidden;
    height: 507px;
    overflow-y: scroll;
}

.box-collapse{
    margin-top: -15px;
    margin-bottom: 10px;
}

.box-collapse .card-body{
    background-color: #d22d26;
    color: white;
    border-top: 1px transparent;
}

.box-collapse .card-body .filter-category{
    color: white;
}

/* Dla elementu .filter-category */
.filter-category::before {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: transparent;
    border: 2px solid #fff; /* Domyślnie brak zaznaczenia */
    margin-right: 10px;
}

/* Dla elementu .filter-category, gdy jest zaznaczony */
.filter-category input[type="checkbox"]:checked +::before {
    background-color: #000;
}

/* Dla elementu .filter-category .category-selected */
.filter-category.category-selected::before {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #fff; /* Tło zaznaczenia */
    border: 2px solid #fff; /* Domyślnie brak zaznaczenia */
    margin-right: 10px;
}

/* *** *** */

.ss-slider .bx-wrapper {
    width: 100% !important;
    max-width: 100% !important;
}

.ss-slider {
    position: relative;
    border-radius: 5px 0 5px 0;
    overflow: hidden;
    margin-bottom: 13px;
}

body .ss-slider .bx-wrapper .bx-controls-auto, body .bx-wrapper .bx-pager {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
}

.ss-slider .bx-controls {
    position: static;
    left: 0;
    width: 100%;
}

.ss-slider .bxslider {
    width: 100% !important;
}

.ss-slider .bxslider > div {
    width: 100% !important;
}

.ss-slider-content {
    width: 100%;
}

.ss-btn-1 {
    position: absolute;
    background: #D22D26;
    width: 208px;
    text-align: center;
    top: 0;
    right: 0;
    height: 100%;
    color: #fff;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: bold;
    padding-top: 3px;
    display: flex;
}

.ss-btn-1 span {
    display: flex;
    align-items: center;
}

.ss-btn-1 span img {
    flex-shrink: 0;
    margin-left: 12px;
}

.ss-btn-1:hover {
    color: #fff;
    background: #d6423b;
}

.ss-slider .bx-wrapper .bx-pager.bx-default-pager a {
    width: 45px;
    background: #fff;
    opacity: 0.7;
    border-radius: 0;
    height:2px;
}

.ss-slider .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #D22D26;
}

.ss-slider .bx-wrapper .bx-controls-direction a.bx-prev {
    display: block;
    background: url('../../img/frontend/icons/51.png') center no-repeat;
    width: 8px;
    position: absolute;
    left: 25px;
    top: 12px;
    margin-top: 0;
    height: 21px;
}

.ss-slider .bx-wrapper .bx-controls-direction a.bx-next {
    display: block;
    background: url('../../img/frontend/icons/52.png') center no-repeat;
    width: 8px;
    position: absolute;
    left: 45px;
    top: 12px;
    margin-top: 0;
    height: 21px;
}

.ss-slider .bx-wrapper .bx-controls-direction a.bx-prev:hover, .ss-slider .bx-wrapper .bx-controls-direction a.bx-next:hover {
    opacity: 0.9;
}

.ss-slider .ss-logo {
    position: absolute;
    bottom: 17px;
    left: 20px;
}

@media (max-width: 992px) {
    .ss-slider .ss-btn-1 {
        position: relative;
        padding: 6px 5px 5px 5px;
        width: 100%;
    }
    .ss-slider .ss-logo {
        display: none;
    }
    .ss-slider .bx-wrapper .bx-controls-direction a.bx-prev {
        left: 15px;
    }
    .ss-slider .bx-wrapper .bx-controls-direction a.bx-next {
        left: 35px;
    }
    .ss-slider .ss-btn-1 img {
        margin-top: -1px;
    }
    .ss-slider .bx-pager {
        display: none;
    }
}