/* *** 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;
}


@media (min-width: 1228px) {
   body .container {
      min-width: 1230px;
   }
}

.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', sans-serif;
}

body {
   font-family: 'Roboto';
   font-size: 15px;
   color: #000000;
   padding-top: 107px;
   line-height: 1.42857143;
   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 {
   position: fixed;
   top: 0;
   left: 0;
   z-index: 10;
   width: 100%;
   box-shadow: 0 0 5px #333;
   background: #fff;
    -webkit-transition: 0.15s linear;
    -moz-transition: 0.15s linear;
    -ms-transition: 0.15s linear;
    -o-transition: 0.15s linear;
    transition: 0.15s linear;
}

.body-active header {
   top: -30px;
}

header .logo img {
   display: block;
}

.user-box {
   background: linear-gradient(to right,#42b0b1, #232626);
   color: #fff;
   font-size: 14px;
}

.user-box .container {
   display: flex;
   height: 30px;
   align-items: center;
   padding-top: 2px;
   justify-content: flex-end; 
}

.user-box a {
   color: #fff;
}

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

.header-box .container {
   height: 77px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   background: #fff;
}

.h-boxes {
   display: flex;
}

.h-box {
    border-left: 1px solid #ddd;
    padding-left: 6px;
    margin-left: 6px;
    height: 57px;
    display: flex;
    align-items: center;
}

.h-link a {
   display: block;
   color: #000;
   font-size: 16px;
}

.h-link {
   position: relative;
   height: 57px;
}

.h-link a figure {
   margin-top: 3px;
   padding-bottom: 3px;
}

.h-link-content {
   display: none;
   width: 352px;
   left: 50%;
   margin-top: 9px;
   top: 100%;
   border-radius: 5px;
   padding: 10px;
   box-shadow: 0 0 10px rgba(0,0,0,0.2);
   background: #fff;
   font-size: 16px;   
   margin-left: -171px;
   position: absolute;
}

.h-link-content:after {
   width: 12px;
   height: 9px;
   position: absolute;
   background: url('../../img/frontend/icons/02.png');
   display: block;
   left: 50%;
   margin-left: -6px;
   top: -9px;
   content: "";
}

.h-link-content .txt {
   text-align: center;
   font-weight: bold;
   margin-bottom: 12px;
   padding: 6px 0 13px 0;
   background: url('../../img/frontend/bg-1.png') center bottom no-repeat;
}

.h-link-content table {
   width: 100%;
}

.h-link-content table td:last-child {
   padding-left: 10px;
   font-weight: bold;
   text-align: right;
}

.h-link-content table span {
   margin: 0 5px 0 10px;
}

.btn-basket, .btn-rental {
   position: relative;
   width: 29px;
   height: 26px;
   background: url('../../img/frontend/icons/03.png');
   display: block;
   margin-right: 3px;
}

.btn-basket span, .btn-rental span {
   position: absolute;
   font-size: 10px;
   width: 12px;
   top: -4px;
   display: block;
   padding-left: 1px;
   height: 12px;
   border-radius: 50%;
   background: #000;
   color: #fff;
   left: 50%;
   margin-left: -3px;
   text-align: center;   
}

.btn-rental {
   background: url('../../img/frontend/icons/tent.png');
   background-size: 26px 26px;
   background-size: contain;
   background-repeat: no-repeat;
}

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

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

.main-menu {
    padding: 10px 0;
    box-shadow: 0px 3px 6px #00000029;
    margin-bottom: 10px;
    position: relative;
    z-index: 2;
}

.main-menu ul {
   display: flex;
   justify-content: flex-end;
}

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

.main-menu > .container > ul > li {
   padding: 0 20px;
   border-right: 1px solid #aaa;
   position: relative;
}

.main-menu > .container > ul > li:last-child {
   border-right: 0;
   padding-right: 0;
}

.main-menu > .container > ul > li > a {
    color: #000;
    display: flex;
    align-items: center;
    height: 40px;
    font-size: 16px;
    padding-top: 3px;
    text-align: center;
    position: relative;
}

.main-menu > .container > ul > li > a:hover {
   opacity: 0.85;
}

.main-menu > .container > ul > li.li-submenu > a {
   background: url('../../img/frontend/icons/19.png') right 18px no-repeat;
   padding-right: 20px;
}

.main-menu > .container > ul > li.li-submenu:hover > a {
   background: url('../../img/frontend/icons/19.png') right 20px no-repeat;
}

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

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

.main-menu > ul > li:hover > a {
    color: #000;
}

.main-menu ul ul {
    position: absolute;
    top: 100%;
    left: 0;
    text-align: center;
    list-style: none; 
    width: 202px;
    background: #fff;
    box-shadow: 0px 0px 6px #00000029;
    display: none;
}

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

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

.main-menu ul ul li a {
    position: relative;
    text-transform: uppercase;
    color: #000;
    text-align: left;
    display: block;
    padding: 14px 20px 10px 20px;
    float: left;
    width: 100%; 
    font-size: 15px;
}

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

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

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

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

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

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

.search-box {
   position: relative;
   margin-bottom: 25px;
}

.search-box button:not(.products-filters-select-box button) {
   position: absolute;
   top: 0;
   right: 0;
   width: 30px;
   height: 30px;
   display: block;
   background: url('../../img/frontend/icons/06.png') center no-repeat;
   border: none;
}

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

.search-box input {
   box-sizing: border-box;
    background: #fff;
    border: 0;
    height: 30px;
    border-bottom: 1px solid #ddd;
    color: #777;
    display: block;
    font-size: 16px;
    padding: 3px 5px;
    width: 100%;   
}

.search-box input::-webkit-input-placeholder { /* Edge */
   font-style: italic;
   font-size: 14px;
}

.search-box input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   font-style: italic;
   font-size: 14px;
}

.search-box input::placeholder {
   font-style: italic;
   font-size: 14px;
}

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

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

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

.box-1 {
   display: block;
   box-shadow: 0 0 5px #ddd;
   padding: 15px;
   transition:0.3s all ease;
   height: 264px;
   color: #000;
   text-align: center;
   text-transform: uppercase;
   font-weight: 700;
   margin-bottom: 10px;
   font-size: 24px;
}

.box-1 .txt {
   line-height: normal;
}

.box-1:hover {
   color: #000;
	transform:scale(1.05);
}

.box-1 figure {
   margin-bottom: 17px;
}

/* *** BANNER *** */

.banner-box {
   margin-top: -30px;
   box-shadow: 0px 3px 6px #00000029;   
}

.banner-box figure {
   height: 300px;
   background-size: cover;
   background-position: center center;
}

.banner-box img {
    display: block;
}

.banner-box .txt {
   background: url(../../img/frontend/bg-2.png) center center repeat-y;
   padding: 6px 0 5px 0;
   color: #fff;
   background-size: 1920px auto;
   font-size: 24px;
}

/*SUWAKI*/
::-webkit-scrollbar {
    width: 12px;
}
::-webkit-scrollbar-track {
    background-color: #f5f5f5;
    border-left: 0px solid #ccc;
}
::-webkit-scrollbar-thumb {
    background-color: #3b9495;
}
::-webkit-scrollbar-thumb:hover {
    background-color: #3b9495;
}

/* *** HOME *** */

.main-content {
   padding: 40px 0 80px 0;
}

/* *** BREADCRUMB *** */

.breadcrumb-box {
    float: left;
    width: 100%;
    color: #1c2f5a;
    font-size: 12px;
    margin: 10px 0 0 0;
}

.breadcrumb-box ul {
    padding: 0 !important;
}

.breadcrumb-box li {
    float: left;
    margin-right: 20px;
    list-style: none;
}

.breadcrumb-box a {
    color: #1c2f5a;
}

.breadcrumb-box a:hover {
    color: #000;    
}

/* *** FOOTER *** */

footer {
   position: relative;
   padding: 37px 0 30px 0;
   font-size: 12px;
}

footer:after {
   background: transparent linear-gradient(270deg, #222222 0%, #42B1B2 100%) 0% 0% no-repeat padding-box;
   height: 3px;
   margin: 0;
   content: "";
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
}

footer a {
   color: #000;
}

footer a:hover {
   color: #000;
   opacity: 0.85;
}

.f-menu {
   font-weight: bold;
}

.f-menu ul {
   padding: 0;
   margin: 0;
   list-style: none;
}

footer .row > div:last-child {
   display: flex;
   justify-content: flex-end;
}

.btn-scroll-top {
   position: fixed;
   bottom: 50px;
   right: 130px;
   font-size: 50px;
   opacity: 0;
}

.btn-scroll-top.active {
   opacity: 1;
}

@keyframes pulsedown{0%{-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}50%{-moz-transform:translate(0, 5px);-ms-transform:translate(0, 5px);-webkit-transform:translate(0, 5px);}}

.btn-scroll-top span {
   width: 41px;
   display: block;
   height: 41px;
   background: #fff url('../../img/frontend/icons/05.png') center no-repeat;
   border-radius: 50%;
   animation: pulsedown 1.6s ease-in-out infinite;
}

/* *** 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: auto;
    z-index: 101;
    width: 100%;
    padding: 10px 15px;
    height: 70px;
    background: #fff;
    box-shadow: 0 0 7px rgba(0,0,0,0.5);
    display: none;
}

.header-rsp .logo-rsp {
    margin-top: 10px;
}

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

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

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

.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: #fff;
    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: #000;
    font-size: 16px;
    float: left;  
    width: 100%;
    padding: 15px 15px 14px 15px;
}

.menu-rsp nav a:hover {
    background-color: #3b9495;
    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: #e9e9e9;
}

.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;
}

/* *** PRZYPOMNIJ HASŁO *** */

.title h2, .title h1 {
   margin: 0;
   font-weight: bold;
   font-size: 22px;
   text-transform: uppercase;
}

.title {
   margin-bottom: 30px;
}

.text {
   font-size: 16px;
}

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

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

.remind-form {
   width: 500px;
   margin: 0 auto;
   max-width: 100%;
}

.remind-form label {
   font-size: 12px;
   color: #09467d;
   padding: 10px 8px 7px 8px;
   border-top: 1px solid #ddd;
   border-bottom: 1px solid #ddd;
   text-align: center;
   margin-bottom: 17px;
   display: block;
}

.remind-form {
   padding-top: 40px;
}

.remind-form input {
   height: 24px;
   width: 271px;
   border: none;
   margin-right: 12px;
   border-bottom: 1px solid #ddd;
   color: #777;
   font-size: 14px;
   padding: 0 5px;   
}

.remind-form-box {
   border-top: 1px solid #ddd; 
   padding-top: 8px;
}

.btn-1 {
   border-radius: 4px;
   padding: 0 12px;
   font-size: 12px;
   line-height: 27px;
   background: #EA660B;
   display: inline-block;
   border: none;
   color: #fff;
   height: 25px;
}

.btn-1:hover {
   opacity: 0.9;
}

.page-1 .h-boxes {
   display: none;
}

/* *** MOJE KONTO *** */

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

.nav-tabs-1 {
   margin-bottom: 5px;
   margin-top: -19px;
}

.nav-tabs-1 a {
   display: block;
   text-transform: uppercase;
   display: block;
   padding: 9px 12px 7px 12px;
   font-size: 10px;
   font-weight: 700;
   border: 1px solid #ff582b;
   color: #000;
   margin-right: 12px;
   border-radius: 5px;
   margin-bottom: 12px;
}

.nav-tabs-1 .current a, .nav-tabs-1 a:hover {
   background: #ff582b;
   color: #fff;
}

.nav-tabs-link ul {
   display: flex;
   align-items: center;
   list-style: none;
   flex-wrap: wrap;
   margin: 0;
   padding: 0;
}

.nav-tabs-link {
   margin-bottom: 5px;
   margin-top: -19px;
}

.nav-tabs-link a {
   display: block;
   text-transform: uppercase;
   display: block;
   padding: 9px 12px 7px 12px;
   font-size: 10px;
   font-weight: 700;
   border: 1px solid #ff582b;
   color: #000;
   margin-right: 12px;
   border-radius: 5px;
   margin-bottom: 12px;
}

.nav-tabs-link .current a, .nav-tabs-1 a:hover {
   background: #ff582b;
   color: #fff;
}


.cont-box {
   display: none;
}

.table-1  {
   overflow: auto;
}

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

.table-1 table th {
   background: #E9E9E9;
   font-size: 12px;
   text-align: center;
   padding: 12px 8px 8px 8px;
   border-bottom: 2px solid #999;  
}

.table-1 table td {
   font-size: 12px;
   text-align: center;
   padding: 12px 8px 8px 8px;
   border-top: 1px solid #ddd;
}

.btn-2 {
   background-color: #FF582B !important;
   border-radius: 5px;
   text-transform: none;
   font-size: 12px;
   padding: 0 15px;
   line-height: 33px;
   color: #fff;
   height: 31px;
   display: inline-block;
}

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

.content-box-2 .txt {
   display: inline-block;
   padding-bottom: 15px;
   margin-bottom: 27px;
   font-size: 15px;
   font-style: italic;
   border-bottom: 2px solid #999999;
}

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

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

.table-2 table td {
   padding: 0 10px 10px 10px;
   width: 180px;
}

.table-2 table tr td:first-child {
   text-align: right;
}

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

.btn-3 {
   background-color: #FF582B !important;
   border-radius: 5px;
   text-transform: none;
   font-size: 14px;
   padding: 0 15px;
   line-height: 38px;
   color: #fff;
   height: 36px;
   display: inline-block;
}

.btn-3:hover {
   color: #fff;
   opacity: 0.9;
}

.table-2 {
   margin-bottom: 10px;
}

.btn-2 {
   border: none;
}

.form-password {
   width: 263px;
   max-width: 100%;
}

.form-password-box {
   border-top: 1px solid #ddd;
   display: flex;
   padding: 10px 0;
   align-items: center;
   justify-content: space-between;
}

.form-password-box label {
   font-size: 12px;
   margin: 0;
}

.form-password {
   padding: 20px 0 35px 0;
}

.form-password-box input {
   border: none;
   height: 32px;
   border-bottom: 1px solid #ddd;
   color: #777;
   width: 140px;
}

.form-password .button-box {
   border-top: 1px solid #ddd;
   padding-top: 10px;
   display: flex;
   justify-content: flex-end; 
}

.font12 {
   font-size: 12px;
}

/* *** NARZEDZIA *** */

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

.box-2 {
   border: 1px solid #999;   
   padding: 15px;   
   text-align: center;
   margin-bottom: 30px;
}

.box-2 .name {
   color: #000;
   font-size: 16px;
   margin-top: -4px;
   line-height: 1.2;
   min-height: 54px;
   display: flex;
   text-align: left;
   align-items: center;
   border-bottom: 1px solid #999;
}

.box-2 figure {
   height: 190px;
   margin: 15px 0;
   display: flex;
   align-items: center;
   justify-content: center;
}

.boxes-2 .col-box {
   padding: 0 15px;
   width: 25%;
}

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

.box-2 .price {
   padding-top: 2px;
   font-weight: 700;
   font-size: 15px;
}

.box-2 input {
   padding: 5px 4px;
   border: 1px solid #c9c9c9;
   color: #666;
   text-align: center;
   padding-top: 6px;
   display: block;
   width: 55px;
   font-size: 11px;
}

.btn-4 {
   background-color: #EA660B !important;
   text-transform: none;
   font-size: 14px;
   padding: 0 15px;
   line-height: 37px;
   color: #fff;
   text-align: center;
   border: none;
   height: 35px;
   min-width: 93px;
   display: inline-block;
}

.btn-4:hover {
   color: #fff;
   opacity: 0.9;
}

.box-2 .txt-1 {
   font-size: 12px;
   margin-bottom: -5px;
   text-align: right;
}

.box-2 .txt-1 span {
   color: #1C6D00;
}

.boxes-2 {
   padding-top: 5px;
}

.pagination-box ul {
   list-style: none;
   margin: 0;
   padding: 0;
   display: flex;
}

.pagination-box li {
   padding: 0 6px;
   color: #000;
   padding-top: 1px;
   font-size: 13px;
   border-right: 1px solid #ccc;
}

.pagination-box ul li:last-child {
   border-right: 0;
}

.pagination-box li a {
   color: #000;
}

.pagination-box li a:hover {
   color: #000;
   opacity: 0.9;
}

.pages-box {
   text-align: center;
   margin-top: 30px;
   font-size: 13px;
}

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

.box-2 .txt-1 {
   margin-top: 6px;
   justify-content: flex-end; 
   margin-bottom: -12px;
   height: 34px;
   display: flex;
   align-items: center;
}

.box-2 .txt-1-1 {
   justify-content: center;
   text-align: center;
   padding-bottom: 1px;
   font-weight: normal;
}

.box-2 select {
   border: 1px solid #999;
   height: 28px;
   padding: 0 3px;
   padding-top: 1px;
   width: 45px;
   color: #666;
   font-size: 11px;
}

.box-2 .data {
   margin-left: -5px;
   margin-right: -5px;
}

.box-2 input {
   height: 28px;
}

.color-red {
   color: #b00 !important;
}

.box-2 .txt-1-position-center .txt-1-center {
   text-align: center;  
}

.box-2 .txt-1-position-center {
   justify-content: center;  
}

/* *** NAGRODA *** */

.content-box-4 .image {
   position: relative;
   text-align: center;
}

.content-box-4 .image .btn-4 {
   position: absolute;
   top: 50%;
   margin-top: -18px;
   min-width: 1px;
   padding: 0 15px;
   left: 0;
}

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

.content-box-4 .price {
   font-size: 16px;
   margin-bottom: 20px;
}

.content-box-4 .status {
   font-size: 16px;
   margin-bottom: 20px;
}

.quantity-1 label {
   font-weight: bold;
   margin: 0;
   display: block;
   font-size: 16px;
}

.quantity-1 input, .quantity-1 select {
   border: none;
   border-bottom: 1px solid #ddd;
   width: 55px;
   margin-top: 4px;
   padding: 3px 0;
   text-align: center;
   font-weight: bold;
   color: #000;
   font-size: 13px;
}

.content-box-4 .text {
   margin-top: -20px;
}

.content-box-4 .button-box {
   display: flex;
   width: 404px;
   max-width: 100%;
   flex-wrap: wrap;
   justify-content: space-between;
}

.content-box-4 .button-box-center {
   justify-content: center; 
}

.btn-5{
   padding: 0 50px;
   height: 52px;
   line-height: 51px;
   color: #EA660B;
   display: inline-block;
   font-weight: 700;
   border-radius: 4px;
   font-size: 14px;
   text-transform: uppercase;
   border: 2px solid #EA660B !important;
}

.btn-5:hover {
   color: #EA660B;
   opacity: 0.85;
}

.btn-5-1 {
   color: #fff;
   background: #EA660B; 
}

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

.button-box-center {
   margin-top: 40px;
}

.quantity-1 {
   margin-bottom: 40px;
}

.download-list ul {
   padding: 0;
   margin: 0;
   list-style: none;
}

.download-list a {
   font-size: 16px;
   color: #000;
   background: url('../../img/frontend/icons/20.png') left center no-repeat;
   display: flex;
   padding-top: 1px;
   float: left;
   align-items: center;
   min-height: 24px;
   padding-left: 30px;
}

.download-list a:hover {
   opacity: 0.85;
   color: #000;
}

.download-list li {
   display: flex;
   margin-bottom: 32px;
}

.download-list {
   padding-top: 5px;
   margin-bottom: -40px;
}

.download-list ul li:last-child {
   margin-bottom: 0;
}

.pages-box-1 {
   text-align: center;
   font-size: 16px;
   padding-top: 20px;
   margin-bottom: -5px;
}

/* *** WYLOGUJ *** */

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

.content-box-5 .txt {
   font-size: 16px;
   margin-bottom: 25px;
}

.btn-4 span {
   background: url('../../img/frontend/icons/21.png') left 0 no-repeat;
   padding-left: 20px;
}

/* *** POLITYKA PRYWATNOŚCI *** */

.text a {
   color: #000;
}

.text a:hover {
   color: #000;
   opacity: 0.85;
}

.text ul {
   padding-left: 20px;
}

/* *** WYPOZYCZALNIA FORMULARZ *** */

.margin-bottom-1 {
   margin-bottom: 28px;
}

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

.title-2 h2 {
   margin-bottom: 0;
   font-size: 30px;
   font-weight: bold;
}

.title-2 {
   margin-bottom: 20px;
}

.form-box .row-box {
   display: flex;
}

.form-box .col-box-1 {
   width: 25%;
   padding-right: 15px;
}

.form-box .col-box-2 {
   width: 75%;
}

.form-box .row-box {
   margin-bottom: 25px;
}

.label-box label {
   margin: 0;
   padding-top: 5px;
   font-weight: bold;
   font-size: 16px;
}

.input-box input, .input-box textarea {
   border: 1px solid #ddd;
   height: 34px;
   padding: 0 10px;
   border-top: 1px solid #eeeeee;
   padding-top: 2px;
   color: #777;
   font-size: 14px;
   display: block;
   width: 100%;
   border-radius: 4px;
}

.input-box textarea {
   height: 114px;
   overflow: auto;
   resize: none;
   padding: 7px 10px;
}

.input-box input[readonly] {
    background-color: #eee;
}

.input-box {
   position: relative;
}

.btn-calendar {
   width: 39px;
   height: 34px;
   display: block;
   position: absolute;
   top: 0;
   right: 0;
   border: 2px solid #EA660B; 
   text-align: center;
   color: #EA660B;
   font-weight: bold;
   font-size: 16px;
   padding-top: 4px;
}

.btn-calendar:hover {
   background: #EA660B;
   color: #fff;
}

.steps ul {
   display: flex;
   padding: 0;
   margin: 0;
   list-style: none;
   justify-content: center;
}

.steps div {
   width: 58px;
   color: #fff;
   border-radius: 50%;
   height: 58px;
   line-height: 58px;
   text-align: center;
   font-size: 26px;
   font-weight: bold;
   background: #bcbcbc;
}

.steps li:after {
   height: 1px;
   border-bottom: 1px dashed #ea660b;
   width: 125px;
   content: "";
   display: block;
   margin: 0 5px;
}

.steps li:last-child:after {
   display: none;
}

.steps li {
   display: flex;
   align-items: center;
   opacity: 0.3;   
}

.steps .active {
   opacity: 1;
}

.k-button {
   display: flex;
   justify-content: center;
   margin-top: 50px;
   margin-bottom: -28px;
}

.steps {
   margin-bottom: 55px;
}

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

.k-table {
   overflow: auto;
}

.k-table small {
   font-size: 9px;
}

.k-table input {
   width: 50px;
   height: 26px;
   padding: 0 5px;
   padding-top: 1px;
   border-radius: 2px;
   border: 1px solid rgb(133, 133, 133);
}

.k-table td {
   border-bottom: 1px solid #BCBCBC;
   padding: 15px 30px;
   text-align: center;
}

.k-table th {
   border-bottom: 1px solid #BCBCBC;
   padding: 15px 30px;
   text-align: center;
   color: #888888;   
   font-weight: normal;
}

.k-table table .k-tr-1 td {
   padding: 0;
   height: 3px;
}

.k-table table .k-tr-1 td:last-child {
   background: #000;
}

.k-table table tr td:first-child {
   width: 740px;
}

.k-table table tr td:first-child, .k-table table tr th:first-child {
   text-align: left;
}

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

.btn-delete:hover {
   opacity: 0.9;
}

.k-form-box {
   position: relative;
   border-top: 17px solid #E9E9E9;
}

.k-form-box:after {
   height: 2px;
   width: 100%;
   content: "";
   background: #999;
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
}

.k-title {
   font-weight: bold;
   text-decoration: underline;
   padding: 12px 8px 8px 8px;
   font-size: 12px;
}

.k-input-box {
   border-top: 1px solid #ddd;
   border-bottom: 1px solid #ddd;
   padding: 8px;
}

.k-input-box input, .k-input-box select, .k-input-box textarea {
   width: 485px;
   max-width: 100%;
   border: 1px solid #ddd;
   height: 28px;
   padding: 0 6px;
   font-size: 14px;
   padding-top: 1px;
   color: #777;
   display: block;
}

.k-input-box textarea {
   height: 150px;
   resize: none;
   overflow: auto;
}

.k-input-box select {
   padding: 0 3px;
}

.k-label-box label {
   margin: 0;
   padding: 11px 8px 8px 8px;
   font-size: 12px;
}

.k-title-1 {
   font-weight: normal;
   border-bottom: 1px solid #ddd;
   padding-top: 11px;
}

.k-table-2 {
   padding-top: 15px;
   overflow: auto;
   border-top: 1px solid #ddd;
}

.k-table-2 table {
   font-size: 14px;
   width: 100%;
   text-align: center;
}

.k-table-2 table tr td, .k-table-2 table tr th {
   vertical-align: top;
   padding: 5px 10px;
}

.k-table-2 table tr td:first-child {
   text-align: left;
   width: 150px;
   font-weight: bold;
}

.k-table-2 table tr td:nth-child(2) {
   width: 650px;
}

.k-table-2 table tr th:first-child {
   text-align: left;
}

.k-table-2 table tr th {
   border-bottom: 1px solid #000;
}

.k-table-2 table small {
   display: block;
   font-size: 11px;
}

.k-table-2 table .k-td-1 {
   font-weight: bold;
   border-top: 1px solid #000;
}

.k-legend {
   margin-bottom: -40px;
   padding-top: 70px;
}

/* *** LOGOWANIE *** */

.login-page {
   background: url('../../img/frontend/bg-3.jpg?v=2024-08-06') center no-repeat;
   background-size: cover;
   min-height: 100vh;
   display: flex;
   align-items: center;
   justify-content: center;
   padding-left: 15px;
   padding-right: 15px;
   text-align: center;
   position: relative;
}

.login-box {
   opacity: 0.9;
   background: rgba(255,255,255);
   padding: 20px;
   width: 350px;
   max-width: 100%;
   border-radius: 20px;
}

.login-box input {
   display: block;
   width: 100%;
   background: #fff;
   height: 30px;
   margin-bottom: 10px;
   border: 0;
   border-bottom: 1px solid #ddd;
   color: #777;
   padding: 3px 5px 2px 5px;
   background-color: #e8f0fe !important;
   width: 100%;   
}

.login-box .txt {
   font-size: 10px;
   text-align: left;
}

.login-box .txt a {
   color: #000;
}

.login-box .txt a:hover {
   color: #000;
   opacity: 0.85;
}

.login-box button {
   width: 100%;
   height: 40px;
   line-height: 43px;
}

.login-box .button-box {
   padding: 30px 0 40px 0;
}

.login-logo {
   position: absolute;
   top: 0;
   left: 0;
}

.body-login {
   padding-top: 0;
}

/* *** MOJE KONTO C.D *** */

.table-1 a {
   color: #000;
}

.table-1 a:hover {
   opacity: 0.85;
   color: #000;
}

.btn-wz {
   display: inline-block;
   padding-left: 25px;
   background: url('../../img/frontend/icons/23.png') left top no-repeat;
}

.table-1 table table {
   width: auto;
}

.table-1 table table td, .table-1 table table th {
   border: none;
   background: none;
   padding: 3px 8px;
}

.btn-2-small {
   color: #fff !important;
   height: 25px;
   line-height: 27px;
   padding: 0 10px;
}

.table-txt-1 {
   font-weight: bold;
   color: green;
   padding-top: 8px;
}

.tr-details {
   display: none;
}

.table-3 table {
   width: 100% !important;
}

table input {
   margin-top: 3px;
}

.table-3-1 {
   padding: 0 40px;
}

.table-3-1 table tr td {
   padding-top: 8px;
   border-top: 1px solid #ddd;
}

.input-file-1 {
   width: 85px;
   height: 25px;
   margin: 0 auto;
   position: relative;
   cursor: pointer;
}

.input-file-1:hover .btn-2 {
   opacity: 0.85;
}

.input-file-1:hover {
   cursor: pointer;   
}

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

/* *** PODGDLĄD ZAMÓWIENIA *** */

.title-3 {
   margin-bottom: 25px;
}

.title-3 h2 {
   margin: 0;
   font-size: 26px;
   font-weight: bold;
}

.k-title-2 {
   text-decoration: none;
}

.box-3 {
   font-size: 12px;
   margin-bottom: 15px;
   display: flex;
   border-top: 1px solid #ddd;
   border-bottom: 1px solid #ddd;
   padding: 11px 8px 8px 8px;   
}

.box-3 .txt-1 {
   width: 20%;
   padding-right: 15px;
   text-align: right;
}

.box-3 .txt-2 {
   width: 80%;
   text-align: center;
}

.boxes-1-2 .box-1 figure {
   height: 87px;
}

.boxes-1-2 .box-1 {
   height: auto;
   padding-bottom: 30px;
}

/* *** DYSTRYBUTORZY *** */

.content-box-6 {
   background: #e9e9e9;
   border-bottom: 2px solid #999999;
   padding-bottom: 10px;
}

.content-box-6 .table-1 table td, .content-box-6 .table-1 table th {
   border-top: 1px solid #CCC;
   border-bottom: none;
}

.content-box-6-1 {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 10px 8px;
}

.content-box-6-1 .txt {
   font-size: 12px;
   padding-top: 4px;
}

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

.search-box-3 {
   display: flex;
   align-items: center;
}

.search-box-3 input {
   height: 25px;
   display: block;
   margin: 0 5px;
   border: none;
   width: 170px;
   font-size: 12px;
   padding: 0 5px;
   padding-top: 2px;
}

.search-box-3 label {
   font-size: 12px;
   font-weight: bold;
}

.search-box-3 button {
   height: 25px;
   line-height: 27px;
}

.content-box-7 {
   padding: 20px 0;
   border-top: 1px solid #ddd;
}

.content-box-7 table {
   font-size: 12px;
}

.content-box-7 .row {
   display: flex;
   align-items: center;
}

.content-box-7 table td {
   padding: 4px 10px 4px 0;
}

.content-box-7 .txt-1 {
   text-align: right;
   font-weight: bold;
   font-size: 16px;
}

.btn-download {
   color: #000;
   font-weight: bold;
   background: url('../../img/frontend/icons/24.png') left center no-repeat;
   padding-left: 20px;
}

.btn-download:hover {
   color: #000;
   opacity: 0.85;
}

/* *** ADMINISTRATOR *** */

.main-menu-1 .li-submenu ul {
   width: 262px;
}

.main-menu ul ul ul {
   top: 5px;
   box-shadow: none;
   display: none;
}

.main-menu ul ul ul a {
   background: #f5f5f5;   
}

.main-menu ul ul .li-submenu > a {
   position: relative;
   padding-right: 30px;
   background: url(../../img/frontend/icons/25.png) calc(100% - 15px) 19px no-repeat !important;
}

.main-menu ul ul .li-submenu:hover > a {
   background: #3a94d8 url(../../img/frontend/icons/26.png) calc(100% - 15px) 19px no-repeat !important;
   color: #fff;
}

.h-box-trafione {
   border-left: none;
}

.main-menu ul ul {
   text-transform: uppercase;
}

.btn-2 {
   color: #fff !important;
}

.z-margin-top-1 {
   margin-top: -10px;
}

.z-table-1 td {
   padding-right: 15px;
}

.z-content-box-2 {
   display: flex;
   margin-bottom: 10px;
   justify-content: space-between;
}

.z-margin-bottom-1 {
   margin-bottom: 20px;
}

.z-content-box-2 .txt strong {
   color: rgb(176, 0, 0);
}

.sel-1 select {
    box-sizing: border-box;
    background: #fff;
    border: 0;
    border-bottom: 1px solid #ddd;
    color: #777;
    padding: 3px 2px;
    width: 148px;
    font-size: 12px;
}

.z-boxes-1 {
   display: flex;
}

.z-box-1 {
   margin-left: 10px;
}

.z-input-box input {
    box-sizing: border-box;
    background: #fff;
    border: 0;
    border-bottom: 1px solid #ddd;
    color: #777;
    padding: 3px 5px;
    width: 200px;
    font-size: 12px;   
}

.z-input-list {
   display: none;
   border: 1px solid #000;
   background: #ededed;
   font-size: 12px;
   max-height: 200px;
   overflow: auto;
}

.z-input-txt-1 {
   color: #fff;
   position: relative;
   padding: 6px 7px 5px 7px;
   background: #ea660b;
   border-bottom: 1px solid #000;
}

.z-close-1 {
   position: absolute;
   top: 3px;
   right: 7px;
   font-size: 15px;
   color: #fff !important;
   font-weight: bold;
}

.z-input-list ul {
   padding: 0;
   margin: 0;
   list-style: none;
   padding: 6px 7px 5px 7px;
}

.z-input-list ul li {
   margin-bottom: 3px;
}

.z-input-list a {
   color: #000;
}

.z-input-list a:hover {
   color: #000;
   opacity: 0.85;
}

.z-input-list ul li:last-child {
   margin-bottom: 0;
}

.font16 {
   font-size: 16px;
}

.font10 {
   font-size: 10px;
}

.btn-1 {
   color: #fff !important;
}

.z-buttons-box-1 {
   width: 88px;
}

.z-buttons-box-1 a {
   width: 100%;
   margin: 1px 0;
   padding: 0 5px;
}

.z-buttons-box-2 {
   width: 80px;
   display: flex;
   justify-content: space-around; 
}

.tooltip-inner {
   background: #fff;
   color: #000;
   border: 1px solid #000;
   font-size: 12px;
   padding: 2px 7px 3px 7px;
}

.tooltip.show {
   opacity: 1;
}

.pagination-box-1 {
   justify-content: center;
   display: flex;
}

.pagination-box-1 li {
   border: none;
}

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

.z-nav-tabs-1 {
   border: 1px solid #ccc;
   background-color: #f1f1f1;   
}

.z-nav-tabs-1 a {
    display: inline-block;
    color: black;
    text-align: center;
    padding: 14px 16px 13px 16px;
    text-decoration: none;
    transition: 0.5s;
    font-size: 17px;   
}

.z-nav-tabs-1 .current a, .z-nav-tabs-1 a:hover {
       background-color: #ccc;
}

.z-cont-boxes {
   border: 1px solid #ccc;
   border-top: none;
   padding: 10px;
}

.z-table-2 table {
   width: 100%;
   text-align: center;
   font-size: 12px;
}

.z-table-2 table td, .z-table-2 table th {
   padding: 2px 5px;
}

.z-tr-summary {
   font-weight: bold;
}

.z-tr-summary td {
   border-top: 1px solid #000;
}

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

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

.k-form-box-1 {
   border-top: 0;
}

.k-form-box-1:after {
   display: none;
}

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

.z-box-2 {
   padding: 6px 5px 3px 5px;
   font-size: 12px;
   border-bottom: 1px solid #ddd;
}

.z-boxes-2 {
   border-top: 1px solid #ddd;
}

.input-box-1 input {
   height: 24px;
    width: 100%;
    display: block;
    border: none;
    margin-right: 12px;
    border-bottom: 1px solid #ddd;
    color: #777;
    font-size: 12px;
    padding: 0 5px;   
}

.sel-1.width100 select {
   width: 100%;
}

.z-button-box-1 {
   padding-top: 30px;
   display: flex;
   align-items: center;
   justify-content: center;
}

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

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

.error-box p {
   margin-bottom: 10px;
}

.error-box {
   margin-bottom: 23px;
   padding: 15px 20px;
   border: 1px solid #000;
   font-size: 16px;
}

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

.z-title {
   font-weight: bold;
   margin-bottom: 20px;
}

.z-form-box .row-box {
   display: flex;
   margin-bottom: 15px;
   align-items: center;
}

.z-form-box .row-box .col-box:first-child {
   width: 180px;
   padding-right: 15px;
}

.z-form-box .row-box .col-box:last-child {
   width: calc(100% - 180px);
}

.z-label-box-1 label {
   font-size: 16px;
   text-align: right;
   display: block;
}

.z-input-box-1 input, .z-input-box-1 textarea {
    box-sizing: border-box;
    background: #fff;
    border: 0;
    font-size: 16px;
    width: 100%;
    display: block;
    border-bottom: 1px solid #ddd;
    color: #777;
    padding: 12px 5px 7px 5px !important;   
}

.z-input-box-1 input, .sel-2 select {
   height: 42px;
}

.z-input-box-1 input[type="file"] {
   padding-top: 3px !important;
}

.z-input-box-1 textarea {
   resize: none;
   overflow:auto;
   height: 76px;
}

.sel-2 select {
    box-sizing: border-box;
    background: #fff;
    border: 0;
    font-size: 16px;
    width: 100%;
    display: block;
    border-bottom: 1px solid #ddd;
    color: #777;
    padding: 9px 1px !important;    
}

.z-checkbox-content .z-checkbox-col {
   display: inline-block;
   padding: 0 12px 0 0;
}

.z-checkbox-box {
   display: flex;
   align-items: center;
}

.z-checkbox-box label {
   margin: 0;
   padding: 3px 0 0 6px;
}

.z-checkbox-content .z-checkbox-box {
   margin: 10px 0;
}

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

.z-title-1 {
   font-weight: bold;
   margin-bottom: 10px;
   font-size: 16px;
}

.z-content-box-3 {
   margin-bottom: 15px;
}

.z-content-box-4 {
   margin-bottom: 25px;
   width: 510px;
   display: flex;
   padding: 15px;
   justify-content: space-between;
   align-items: center;
   font-size: 13px;
   height: 67px;
   border: 1px solid #000;
}

.z-content-box-5 {
   margin-bottom: 25px;   
   display: flex;
   width: 100%;
   padding: 2px 0 1px 0;
   flex-wrap: wrap;
   border-top: 1px solid #ddd;
   border-bottom: 1px solid #ddd;
}

.z-content-box-5 .col-box {
   padding: 0 5px;
   width: 25%;
}

.z-content-box-6 {
   border-top: 1px solid #ddd;
   border-bottom: 1px solid #ddd;
   padding: 20px 0;
   display: flex;
   justify-content: center;
   margin-bottom: 25px;
}

.z-table-3 {
   width: 100%;
   overflow: auto;
   margin-bottom: 25px;
}

.z-table-3 table th {
   font-weight: bold;
}

.z-table-3 table {
   width: 100%;
}

.z-table-3 td, .z-table-3 th {
   font-weight: normal;
   padding: 5px 5px 2px 5px;
   border: 1px solid #808080 !important;
   font-size: 12px;
}

.btn-download-1 {
   width: 16px;
   height: 16px;
   display: inline-block;
   padding: 0;
   background: url('../../img/frontend/icons/32.png');
   background-size: 16px auto;
}

.btn-download-1:hover {
   opacity: 0.9;
}

.font13 {
   font-size: 13px;
   line-height: 1.6;
}

.z-content-box-3-1 {
   margin: -10px 0 20px 0;
}

.z-wrapper-left {
   margin: 0;
}

input:disabled, select:disabled, textarea:disabled {
   background-color: rgb(235, 235, 235) !important;
}

.width40 {
   width: 40%;
}

.z-form-box .row-box .col-box {
   position: relative;
}

.star-icon {
   position: absolute;
   top: 0;
   right: -20px;
   top: 50%;
   margin-top: -12px;
}

.z-button-box-2.text-end {
   justify-content: flex-end; 
}

.btn-calendar-1 {
   top: 4px;
   right: 4px;
   background: rgb(245, 245, 245) url('../../img/frontend/icons/calendar.png') center no-repeat !important;
}

.btn-calendar-1:hover {
   opacity: 0.9;
}

.z-content-box-7 {
   padding: 25px 0;
   margin-bottom: 25px;
   border-top: 1px solid #dddddd;
}

.z-content-box-7 ul {
   padding: 0;
   margin: 0;
   display: flex;
   list-style: none;
}

.z-content-box-7 ul li {
   margin-right: 30px;
}

.btn-1 img {
   height: 16px;
   display: inline-block;
   vertical-align: middle;
   margin: -2px 5px 0 0;
}

.z-title-2 {
   font-weight: bold;
   margin-bottom: 12px;
}

.z-content-box-8 {
   padding: 21px 0 0 0;
   border-top: 1px solid #dddddd;
}

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

.z-content-box-8 .col-box-1 {
   width: 180px;
   flex-shrink: 0;
   padding-right: 10px;
}

.z-content-box-8 .col-box-2 {
   width: calc(100% - 180px);
}

.z-checkbox-box-2 {
   margin-bottom: 2px;
}

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

.z-content-box-8 .row-box {
   margin-bottom: 8px;
}

.margin-bottom-2 {
   margin-bottom: 15px;
}

.text-transform-none h2 {
   text-transform: none;
}

.z-checkbox-box-2 {
   display: flex;
   align-items: flex-start;
}

.z-checkbox-box-2 input {
   margin: 3px 7px 0 0;
}

.z-content-box-8 .date {
   margin-bottom: 15px;
   padding: 10px 0 10px 0;
}

.z-input-list-box {
   position: relative;
}

.z-input-list {
   position: absolute;
   top: 100%;
   left: 0;
   width: 100%;
}

.table-1-bg-td table tr:nth-child(odd) td {
   background: #ebebeb;
}

.table-1 {
   padding-bottom: 10px;
}

.width200px {
   width: 200px;
}

.width200px select {
   width: 100%;
}

.margin-top-1 {
   margin-top: 20px;
}

.z-width-1 {
   width: 54px;
}

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

.btn-info {
   display: inline-block;
   width: 16px;
   height: 16px;
   vertical-align: middle;
   margin-right: 5px;
   background: url('../../img/frontend/icons/info.png');
}

.z-btn-1 {
   display: inline-block;
   vertical-align: middle;
}

.z-btn-1 span span {
   color: #b00000;
   margin-left: 5px;
   margin-right: 5px;
}

.table-1 .z-btn-1 {
   margin-top: -2px;
}

.td-position-top td {
   vertical-align: top;
}

.tr-bg-1 td {
   background: #eee;
}

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

.z-content-box-8-1 .z-input-box-1, .z-content-box-8-1 .sel-2 {
   margin-top: -3px;
}

.z-content-box-8-1 .star-icon {
   margin-top: -14px;
}

.z-content-box-8-1 .col-box-2 {
   position: relative;
}

.z-input-box-1-1 textarea {
   height: 196px;
   border: 1px solid #ddd;
}

.z-button-box-3 .btn-1 {
   margin: 0 50px 0 0;
}

.z-button-box-3 {
   display: flex;
   padding-top: 30px;
}

.boxes-3-2 {
    border-radius: 10px;
    border: 2px solid #cacaca;
    padding: 10px;
   margin-bottom: 25px;
}

.box-3-2 {
   border: none;
   padding-top: 0;
   padding-bottom: 0;
}

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

.width700 select {
   width: 700px;
   max-width: 100%;

}

.boxes-3-2 .box-3 {
   align-items: center;
}

.boxes-3-2 .box-3 select {
   height: 38px;
}

.table-1-2 table th {
   background: none;
   border-top: 1px solid #ddd;
   border-bottom: 1px solid #ddd;
}

.boxes-3-2 .pages-box {
   margin-top: 20px;
}

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

.popup-button .btn-1 {
   width: 142px;
   background: #fff;
   color: #000 !important;
   border: 2px solid #EA660B;
   line-height: 22px;
}

.popup-button .btn-1:hover {
   background: #EA660B;
   color: #fff !important;
}

.z-table-2-1 table tr td, .z-table-2-1 table tr th {
   border-right: 1px solid #eee;
   border-bottom: 1px solid #000;
}

.z-table-2-1 table tr td:last-child, .z-table-2-1 table tr th:last-child {
   border-right: none;
}

.z-table-2-1 table tr td {
   border-bottom: 1px solid #eee;
}

.z-table-2-1 table tr:last-child td {
   border-bottom: none;
}

.z-table-2-1 table tr td, .z-table-2-1 table tr th {
   padding: 8px 2px 5px 5px;
}

.z-cont-boxes-1 {
   border: none;
   padding: 0;
}

.modal-header {
   background: #eee;
   padding: 20px 15px;
}

.modal-header h5 {
   margin-bottom: -3px;
   font-size: 18px;
   font-weight: 600;
}

.z-nav-tabs-1-1 {
   border: none;
   background: none;
}

.z-nav-tabs-1-1 a {
   background-color: #fff;
   color: #ff582b;
   padding: 0 7px;
   height: 25px;
   line-height: 23px;
   text-transform: uppercase;
   font-size: 10px;
   font-weight: 700;
   border: 1px solid #ff582b;
   color: #000;
   margin-left: 12px;
   border-radius: 5px;    
}

.z-nav-tabs-1-1 .current a, .z-nav-tabs-1-1 a:hover {
   background: #ff582b;
   color: #fff;
}

.z-content-box-20 table {
   width: 100% !important;
}

.z-content-box-20 {
   padding: 0 15px;
      padding-top: 8px;
}

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

.z-content-box-21 .z-table-3 {
   display: inline-block;
   width: auto !important;
   margin: 0;
}

.z-content-box-21 .button-box {
   padding: 10px 0 8px 0;
}

/* *** 12.07 *** */

.login-page {
   background-position: left top;
   background-size: cover;
   display: block;
}

.login-box {
   position: absolute;
   left: 50%;
   margin-left: -175px;
   top: 19%;
}

body .login-box input {
    box-sizing: border-box;
    background-color: #e8f0fe !important;
    border: 0;
    border-bottom: 1px solid #ddd;
    background: none !important;
    color: #777;
    font-size: 16px;
    height: 30px;
    padding: 3px 5px 3px 5px;
    width: 100%;
}

body .login-box input:focus {
    outline: 2px solid #000 !important;
    border-radius: 2px;
}

body .login-box input::-webkit-input-placeholder { /* Edge */
   font-style: italic;
   font-size: 12px;
}

body .login-box input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   font-style: italic;
   font-size: 12px;
}

body .login-box input::placeholder {
   font-style: italic;
   font-size: 12px;
}

.login-box .button-box {
   padding: 23px 0 50px 0;
}

@media (max-width: 767px) {
   .login-box {
      margin-left: 0;
      left: auto;
      top: auto;
      position: relative;
   }
   .login-page {
      display: flex;
   }
   .login-box {
      margin-right:auto;
      margin-left: auto;
   }
   .login-page {
      background-position: center center;
   }
}

.category-badge {
   background-color: #ea640b;
   min-width: 40px;
   color: white;
   border-bottom-left-radius: 10px;
   border-bottom-right-radius: 10px;
   margin-top: -15px;
   margin-left: 325px;
}

.login-firm-banner { 
   position: absolute;
   top: 0;
   left: 0;
}

.photo-gallery-show {
   cursor: pointer;
}

.image-container {
   position: relative;
   display: inline-block;
}

.image-container img {
   display: block;
   height: auto;
}

.overlay {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.7);
   padding: 30px;
   opacity: 0;
   display: flex;
   align-items: center;
   justify-content: center;
   transition: opacity 0.3s ease;
}

.image-container:hover .overlay {
   opacity: 1;
}

.overlay i {
   color: white;
   font-size: 48px;
}

.reservation-button {
   background-color: var(--bs-orange);
   color: white;
   width: 18.5px;
   height: 18.5px;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 6px;
   margin-right: 8px;
   cursor: help;
}