/* *************************************************************************************************
  Variables normally from params
************************************************************************************************* */

:root {
    --offer-btn-reservation-background: #3A8C0F;
    --offer-btn-reservation-color: #ffffff;
    --offer-btn-reservation-background-hover: #444444;
    --offer-btn-reservation-color-hover: #FFFFFF;
    --general-price-color: #FF7432;
    --footer-background: #F5f5f5;
    --footer-color: #333;
    --footer-color-hover: #3A8C0F;
    --header-top-line: #3A8C0F;
    --main-circles-background: #3A8C0F;
    --main-circles-color: #FFFFFF;
    --btn-action-background: #3A8C0F;
    --btn-action-color: #ffffff;
    --hint-background: #44BB33DD;
    --hint-color: #FFFFFF;
    --btn-action-background-hover: #E1F0A6;
    --btn-action-color-hover: #000;
    --search-main-background: #3A8C0F99;
    --search-main-background-mob: #3A8C0F99;
    --search-background: #3A8C0F;
    --search-btn-background: #000000;
    --search-btn-color: #FFFFFF;
    --search-btn-background-hover: #00000055;
    --search-btn-color-hover: #3A8C0F;
    --offer-img-ovr-background: white url(/data/images/noise.png);
    --offer-img-ovr-opacity: 0.075;
    --main-box-action-text-color: #adced8;
    --offer-list-price-old-color: #FF0000;
    --offer-list-percent-bg: #FF0000;
    --offer-list-percent-color: #FFFFFF;
}


/* *************************************************************************************************
  Variables
************************************************************************************************* */
:root{
  /* -- Colors -- */
  --color-main-background:#fff;
  --color-main-light:#eee;
  --color-main-1:var(--btn-action-background);
  --color-main-1-transparent:#E5008088;
  --color-main-2:var(--main-box-action-text-color);
  --color-main-3:#CEEB98;
  --color-main-4:#5BBA2C;
  --color-main-light-frame:#888;
  --color-main-light-gray:#f5f5f5;
  --color-main-gray:#888;
  --color-main-dark:#eee;
  
  --color-btn-action-bg:var(--color-main-3);
  --color-btn-action-font:#000;
  --color-btn-action-bg-hv:#dEfBa8;
  --color-btn-action-font-hv:#000;  
 
  /* -- Shadows -- */
  --shadow-default:0px 0px 10px 0px #00000040;
  --default-shadow:0px 0px 10px 0px #00000040;

  /* -- Texts -- */  
  --text-color-general:#333;
  --text-color-light:#666;
  --text-color-links:var(--color-main-2);

  /* -- Font & sizes -- */
  --font-size-defaut-text:16px;
  --font-size-defaut-text-small:15px;
  --default-font:Poppins;
  --default-font-2:Poppins;
  --default-font-3:Poppins;

  /* -- ... -- */
  --default-margin:15px;
  --default-radius:4px;

  --color-1-bg:var(--color-main-1);
  --color-1-color:#fff;
  --color-2-bg:var(--color-main-2);
  --color-2-color:#333;
  --color-3-bg:var(--color-main-2);
  --color-3-color:#333;
  
  --default-transition:all 300ms ease;
  
  --default-row-width:1300px;
}  

@media all and ( max-width: 480px ){
  :root{          
    --default-margin:10px;  
  }
}


/* *************************************************************************************************
  GENERAL
************************************************************************************************* */
.ui-clear{
  clear:both;
}



/* *************************************************************************************************
  Page return UP
************************************************************************************************* */

@keyframes ui-up-arrow-anim{
   0% { transform:scale( 1.0, 1.0 ) }
  20% { transform:scale( 0.6, 1.4 ) }
  40% { transform:scale( 1.3, 0.7 ) }
  60% { transform:scale( 0.8, 1.2 ) }
  80% { transform:scale( 1.1, 1.00 ) }
  100%{ transform:scale( 1, 1 ) }
}


#ui-up-arrow{
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: #cccccc66;
  padding: 0px;
  text-decoration: none;
  font-size: 40px;
  color: #033;
  opacity:0.5;
  /* border:solid 1px #00ccff66; */
  border-radius:25px;
  /* box-shadow:var(--default-shadow); */
  display:none;
  width:50px;
  height:50px;
  line-height:50px;
  text-align:center;
  box-sizing:border-box;
  z-index:99999;
  background-image:url('skin/img/up-arrow.svg');
  background-position:center;
  background-size:36px 36px;
  background-repeat:no-repeat;
  cursor:pointer;
}

#ui-up-arrow:hover{
  opacity: 1;
  animation-name: ui-up-arrow-anim;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;  
}



/* *************************************************************************************************
  HEADER - page position
************************************************************************************************* */
#ui-page-pos{
  position:fixed;
  top:0px;
  left:0px;
  width:100%;
  box-sizing:border-box;
  opacity:0.95;
  border:solid 1px var(--btn-action-background);
  background:var(--btn-action-background);
  z-index:999999;  
}

#ui-page-pos-pb{
  box-sizing:border-box;
  float:left;
  height:3px;
  width:0%;
  background-color:var(--btn-action-color);
  transition: all 300ms ease;
}


/* *************************************************************************************************\
  uiTooltips
*/
.ui-tooltip{
  z-index:99999;
  background:#fff;
  color:#333;
  font-size:14px;
  padding:15px 15px 15px 15px;
  text-align:center;
  border-radius: var(--default-radius);
  border:solid 1px var(--color-main-2);
  box-shadow: var(--shadow-default);
  text-align:left;
  display:table;  
  display:none;
  line-height:1.6;
  max-width:400px;
}

.ui-tooltip-close{ 
  float:right;
  position:relative;
  top:-5px;
  left:5px;
  width:28px;
  height:28px;
  background:var(--color-main-1);
  color:#000;
  text-align:center;
  line-height:28px;
  border-radius:14px;
  transition: all 300ms ease;
  cursor:pointer;
}

.ui-tooltip-close:hover{
  background:var(--color-main-2);
  color:var(--color-main-light);
}


.ui-tooltip-arrow{
  z-index:99995;
  position:absolute;
  top:-12px;
  width: 0; 
  height: 0; 
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;  
  border-bottom: 12px solid #aaaaaa88;
}

/* *************************************************************************************************
  uiTools elements popup
*/

:root{
  --popup-border-radius:30px;
  --default-color-1:var(--color-main-2);
  --default-color-2:var(--color-main-1);
  --default-color-3:#fff;
  --default-text-color-inv:#fff;
}

.ui-tools-popup-container{
  position:fixed;
  top:50%;
  left:50%;
  transform: translateY(-50%) translateX(-50%);
  background:var(--default-color-3);
  border:solid 1px var(--default-color-2);
  border-radius: var(--popup-border-radius);
  color:var(--default-text-color-inv);
  box-sizing:border-box;
  min-width:240px;
  min-height:200px;
  z-index:99999;
  box-shadow: 0px 0px 2000px 2000px rgb(0 0 0 / 60%); 
  padding-top:60px;
  max-width:calc(100% - 20px);
  max-height:calc(100vh - 100px);
  transition: all 1000ms ease-in;
  opacity:0;
  display:none;
  overflow:hidden;
  filter:grayscale(0%) blur(0px);
  transition:var(--default-transition);
  overscroll-behavior: none;
  overscroll-behavior-y: none;
  z-index:9999999;
}

#ui-tools-popup-title{
  position:absolute;
  top:0px;
  left:0px;
  width:calc(100% - 60px);
  height:60px;
  line-height:60px;
  font-family:var(--default-font);
  font-size:22px;
  padding:0px 10px 0px 20px;  
  box-sizing:border-box;
  background-color:var(--default-color-2);
  border-radius:0px 0px var(--popup-border-radius) 0px;
  color:var(--default-text-color-inv);
  font-weight:200;
  
  white-space: nowrap;
  text-overflow:ellipsis;
  margin:0px;
}

#ui-tools-popup-title:after{
  content: "";
  position: absolute;
  height: var(--popup-border-radius);
  width: var(--popup-border-radius);
  right: calc( -1 * var(--popup-border-radius) );
  top: 0px;
  background-color: transparent;
  border-top-left-radius: var(--popup-border-radius) var(--popup-border-radius);  
  box-shadow: 0px 0px 0px var(--popup-border-radius) var(--default-color-2);
  clip: rect(0px, var(--popup-border-radius), var(--popup-border-radius), 0px);
}

@media all and ( max-width: 390px ){
  #ui-tools-popup-title{
    font-size:16px;
  }
}

#ui-tools-popup-content{
  position:absolute;
  top:60px;
  left:0px;
  right:0px;
  bottom:0px;
  display:block;
  padding:5px;
  box-sizing:border-box;
  overflow:auto;
  overscroll-behavior: none;
  overscroll-behavior-y: none;
}

#ui-tools-popup-content:after{
  content: "";
  position: absolute;
  height: var(--popup-border-radius);
  width: var(--popup-border-radius);
  left: 0px;
  top: 0px;
  background-color: transparent;
  border-top-left-radius: var(--popup-border-radius) var(--popup-border-radius);  
  box-shadow: 0px 0px 0px var(--popup-border-radius) var(--default-color-2);
  clip: rect(0px, var(--popup-border-radius), var(--popup-border-radius), 0px);
}

@keyframes ui-tools-popup-close-anim{
    0%{border:dotted 2px #fff}
   20%{border:dotted 2px #888}
   40%{border:dotted 2px #fff}
  100%{border:dotted 2px #fff}
}

#ui-tools-popup-close{
  animation-name: ui-tools-popup-close-anim;
  animation-duration: 2s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  position:absolute;
  display:block;
  box-sizing:border-box;
  top:10px;
  right:10px;
  width:40px;
  height:40px;
  line-height:38px;
  text-align:center;
  background-color:var(--color-main-background);
  background-image:url(/skin/img/close.svg);
  background-position: center;
  background-size:16px 16px;
  background-repeat: no-repeat;
  border-radius:20px;
  cursor:pointer;
  font-weight:bold;  
  border:solid 2px #333;
  color:#fff;
}

#ui-tools-popup-close:hover{
  background-color:var(--color-main-2);
  color:var(--color-main-light);
}

/* mode = "minimal" */

.ui-tools-popup-container.minimal{}

@media all and ( max-width: 600px ){
  .ui-tools-popup-container.minimal{
    width:calc(100% - 30px);
    height:calc(100vh - 60px);
    max-width:calc(100% - 30px);
    max-height:calc(100vh - 60px);
  }
}

/* mode = "minimal-event" */

.ui-tools-popup-container.minimal-event{
  width:unset;
  height:unset;  
  left:25%;
  top:100px;
  right:25%;
  bottom:100px;
  transform:none;
  max-height:unset;
  max-width:unset;
}

@media all and ( max-width: 1024px ),
       all and ( max-height: 560px )
{
  .ui-tools-popup-container.minimal-event{
    left:10px;
    top:10px;
    right:10px;
    bottom:10px;
  }
}

.ui-tools-popup-container.minimal-event #ui-tools-popup-title{
  display:none;
}

.ui-tools-popup-container.minimal-event #ui-tools-popup-content{
  width:unset;
  height:unset;
  position:absolute;
  top:0px;
  left:0px;
  bottom:0px;
  right:0px;
  background:var(--default-color-6);
}



/* mode = "full" */

.ui-tools-popup-container.full{
  width:unset;
  height:unset;  
  left:30px;
  top:30px;
  right:30px;
  bottom:30px;
  transform:none;
  max-height:unset;
  max-width:unset;
}

@media all and ( max-width: 1024px ),
       all and ( max-height: 680px )
{
  .ui-tools-popup-container.full{
    left:10px;
    top:10px;
    right:10px;
    bottom:10px;
  }
}

/* mode = "full-screen" */

.ui-tools-popup-container.full-screen{
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  border:0px;
}

.ui-tools-popup-container.full-screen>#ui-tools-popup-content{
  position:absolute;
  top:60px;
  left:0px;
  width:100%;
  padding:0px;
  height:calc(100% - 60px);
  overflow:hidden;
  background:var(--color-main-background);
}

.ui-tools-popup-container.full-screen>#ui-tools-popup-close{
  box-shadow:var(--shadow-default);
}

.ui-tools-popup-container.stage-1{
  position:fixed;
  min-width:0 !important;
  min-height:0 !important;
  padding:0px;
  box-sizing:border-box;  
  width:2px !important;
  height:2px !important;
  overflow:hidden;
  box-shadow:var(--shadow-default);
  --border-radius:50%;
  --transform:perspective(2500px) rotate3d(1,0,0,180deg);
  filter:grayscale(100%) blur(1px);
  opacity:0;
  
}
/* *************************************************************************************************
  wait-box
*/
#ui-tools-wait-box{
  position:fixed ;
  width:calc(100% - 40px);
  height:calc(100% - 40px);
  top:50%;
  left:20px;
  border-radius:3px;
  transform:translateY(-50%);  
  background:#ffffff88;
  z-index:999999;
}

#ui-tools-wait-box>span{
  position:absolute;
  top:50%;
  left:50%;
  transform:translateY(-50%) translateX(-50%);
}


/* *************************************************************************************************
  uiTools elements notice
*/

#ui-tools-notice{  
  position:fixed;
  z-index:99999;
  top:10px;
  right:10px;  
  background:#f60;
  color:#fff;
  font-size:24px;
  padding:30px;
  text-align:center;
  border-radius: var(--default-radius);
  box-shadow: var(--default-default);
  opacity:0px;
  display:none;  
}



/* *************************************************************************************************
  wait-box
*/
#ui-tools-wait-box{
  position:fixed ;
  width:calc(100% - 40px);
  height:calc(100% - 40px);
  top:50%;
  left:20px;
  border-radius:3px;
  transform:translateY(-50%);  
  background:#ffffff88;
  z-index:999999;
}

#ui-tools-wait-box>span{
  position:absolute;
  top:50%;
  left:50%;
  transform:translateY(-50%) translateX(-50%);
}


hr {
  height:0px;
  border:0px;
  border-bottom:dotted 1px #666;
}

select {
  width: 100%;
  height: 35px;
}

h1, h2{
  margin:0px;
}

/******************************************************************************************************
* KSI-module
*******************************************************************************************************/

.ksi-button
{
  background:var(--color-btn-action-bg);
  color:var(--color-btn-action-font);  
  transition:all 250ms ease;
  font-family:var(--default-font);  
  cursor:pointer;
  border-radius:var(--default-radius);
  padding:8px 25px;
  transition:all 300ms ease;
  display:inline-block
}

.ksi-button:hover{
  background:var(--color-btn-action-bg-hv);
  color:var(--color-btn-action-font-hv);  
}

.ksi-module-container:before{
  all:unset;
}

.ksi-module-container{
}


.ksi-module-container input{
  box-sizing:border-box;
}

.ksi-module-container select{
  box-sizing:border-box;
}

.ksi-module-container textarea{
  box-sizing:border-box;
}

.ksi-module{
  font-weight:normal;
  width:100%;
  margin:auto;
  padding:0px;
  background:#fff;
}

.ksi-module div{
  box-sizing:border-box ;
}

.ksi-module span{
  box-sizing:border-box ;  
}

.ksi-module input{
  box-sizing:border-box ;
}

.ksi-module-title{
  font-weight: normal;  
  text-align:center;
  font-family: var(--default-font-3);
  font-size:34px;
  background-color:var(--btn-action-background);
  color:var(--btn-action-color);
  line-height:1;  
  box-sizing: border-box;
  padding:35px;
  margin-bottom:30px;
}

.ksi-module-content{
  padding:var(--default-margin) 0px;
  color:#555;
  max-width:1200px;
  margin:auto;
}

.ksi-module-content h2{
  font-family: var(--default-font-3);
  font-size:25px;
  font-weight:bold;
  padding:0px;
  max-width:1200px;
  margin:20px auto;
}

.ksi-module-content h3, .ksi-module-content h4, .ksi-module-content h5{
  font-family: var(--default-font-3);
  font-size:20px;
  padding:10px 0px;
  max-width:1200px;
  margin:10px auto;
}


.ksi-module-content p, .ksi-module-content ul, .ksi-module-content ol{
  max-width:1200px;
  margin:15px auto;
  line-height:1.5;
  color:#333;
  box-sizing: border-box;
}

@media screen and (max-width: 1330px) {
  .ksi-module-container{
    margin:0px var(--default-margin);
  }
  
  .ksi-module-title{
    margin:0px calc(-1 * var(--default-margin));
    padding:25px;
  }  
}

@media screen and (max-width: 640px) {
  .ksi-module-container{
    padding-top:0px;
    padding-bottom:0px;
  }

  .ksi-module-title{
    font-size:22px;
    padding:15px;
  }

  .ksi-module-content h2{
    font-size:20px;
  }

  .ksi-module-content h3, .ksi-module-content h4, .ksi-module-content h5{
    font-size:18px;
  }

}

/******************************************************************************************************
* ???
*******************************************************************************************************/


.ksi-offer-desc-title{
  font-size:14px;
  padding:0px;
  margin:10px 0px 10px 0px;
  font-weight:bold;
  color:#414141;
}

.ksi-offer-desc{
  font-size:14px;
  padding:0px;
  margin:0px;
  color:#414141;
}


.dps{
  float:left;
  border: 1px solid #E5E5E5 !important;
}

.dpsYear{
  width:25%;
}

.dpsMonth{
  margin-left:10px;
  margin-right:10px;
  width:calc(55% - 20px);
}

.dpsDay{
  width:20%;
}

@media screen and (max-width: 575px) {

  .dpsYear{
    width:40%;
  }

  .dpsMonth{
    margin-left:0px;
    margin-right:0px;
    width:35%;
  }

  .dpsDay{
    width:25%;
  }

}


/************************************************************
  Global styles
************************************************************/
div{
  box-sizing: border-box;
}

html {
  scroll-behavior:smooth;
  transition: var(--default-transition);
}

body{
  margin:0px;
  padding:0px;
  border:0px;
  box-sizing: border-box;
  background:var(--color-main-background);
  font-family: var(--default-font);
  font-weight: 400;
  font-size: var(--font-size-defaut-text);
}

section{
  clear:both;
}

a{
  text-decoration: none;
}

.ui-clear,
.sk-clear{
  clear:both;
  width:100%;
  box-sizing:border-box;
  height:0px;
}

.ui-abs-center{
  position:absolute;
  top:50%;
  left:50%;
  transform: translateY(-50%) translateX(-50%);
}

/************************************************************
  Skin
************************************************************/

.sk-row{
  max-width: 1300px;
  margin: auto;
  padding:0px;
  box-sizing:border-box;
}

@media screen and (max-width: 1330px) {
  .sk-row{
    margin-left:var(--default-margin);
    margin-right:var(--default-margin);
    padding-left:0px;
    padding-right:0px;
  }  
}

@media all and ( max-width: 319px ){
  body{
    zoom:0.75;
  }
}

@media all and ( max-width: 239px ){
  body{
    zoom:0.5;    
  }
}

@media all and ( max-width: 160px ){
  body{
    zoom:0.25;
  }
}




/************************************************************
  Korekty standardowych styli
************************************************************/

.ksi-module-content:has(.reservation){
  padding:var(--default-margin);
  background:#f8f8f8;
  border-radius:var(--default-radius);
  margin-top:10px;
  margin-bottom:10px;
}

.ksi-module-content:has(.reservation) .form-zgody-item{
  background:#f8f8f8;
}
  
.ksi-module-content:has(.reservation) .reservation-offer-info{
  line-height:1.7;
}


/* poppins-200 - latin-ext_latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: local(''),
       url('/skin/fonts/poppins-v20-latin-ext_latin-200.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/skin/fonts/poppins-v20-latin-ext_latin-200.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* poppins-regular - latin-ext_latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local(''),
       url('/skin/fonts/poppins-v20-latin-ext_latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/skin/fonts/poppins-v20-latin-ext_latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* poppins-500 - latin-ext_latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local(''),
       url('/skin/fonts/poppins-v20-latin-ext_latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/skin/fonts/poppins-v20-latin-ext_latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* poppins-700 - latin-ext_latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local(''),
       url('/skin/fonts/poppins-v20-latin-ext_latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/skin/fonts/poppins-v20-latin-ext_latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* poppins-900 - latin-ext_latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local(''),
       url('/skin/fonts/poppins-v20-latin-ext_latin-900.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/skin/fonts/poppins-v20-latin-ext_latin-900.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}



.sk-news{
  width:100%;
  overflow:hidden;
}

.sk-news .item{
  width:100%;
  overflow:hidden;  
  margin-top:calc( 3 * var(--default-margin) );
  min-height:240px;
  padding-left:360px;
  position:relative;
}

.sk-news .item .img-wrapper{
  position:absolute;
  top:0px;
  left:0px;
  bottom:0px;
  width:360px;
  overflow:hidden;
}

.sk-news .item .img-wrapper img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.sk-news .item .txt-wrapper{
  padding:var(--default-margin) var(--default-margin) var(--default-margin) calc( 3 * var(--default-margin) );
  background:#fff;
  min-height:240px;
  border-top:solid 1px #eee;
  border-right:solid 1px #eee;
  border-bottom:solid 1px #eee;
  box-sizing:border-box;
  width:100%;
  float:left;
}

.sk-news .item .txt-wrapper h2{
  font-family:var(--default-font-2);
  font-size:20px;
  padding:0px;
  margin:0px 0px 15px 0px;
  font-weight:500;
}

.sk-news .item .txt-wrapper .text p{
  padding:10px 0px 0px 0px;
  margin:0px;
}

.sk-news .button{
  width:100%;
  float:left;
}

.sk-news .button a{
  background:var(--color-btn-action-bg);
  color:var(--color-btn-action-font);
  transition:var(--default-transition);
  border-radius:var(--default-radius);
  padding:0px 15px;
  height:40px;
  line-height:40px;  
  float:right;
}

.sk-news .button a:hover{
  background:var(--color-btn-action-bg-hv);
  color:var(--color-btn-action-font-hv);
}

@media all and ( max-width: 900px ){
  
  .sk-news .item .txt-wrapper{
    min-height:unset;
  }
  
  .sk-news .item{
    padding-left:0px;
    padding-top:400px;
  }
  
  .sk-news .item .img-wrapper{
    right:0px;
    bottom:unset;
    width:100%;
    height:400px
  }
  
  .sk-news .item .txt-wrapper{
    padding:var(--default-margin) var(--default-margin) var(--default-margin) var(--default-margin);
  }
}

@media all and ( max-width: 640px ){
  .sk-news .item{
    padding-top:320px;
  }
  
  .sk-news .item .img-wrapper{
    height:320px
  }
}


/* Style dla paginatora */

.general_paginator{
  margin:auto;
  height:42px;
  line-height:42px;
  position:relative;
  overflow:hidden;
  text-align:center;
}

.general_paginator_currPage{
  box-sizing: border-box;
  display: inline-block;
  text-align: center;
  border: solid 1px #ddd;
  background: #f0f0f0;
  color: #888;
  margin-left: 10px;
  min-width: 36px;
  height: 36px;
  line-height: 34px;
  padding: 0px;
  font-size: 13px;
  transition:var(--default-transition);
  border-radius:var(--default-radius);
}

.general_paginator_count{
  box-sizing: border-box;
  display: inline-block;
  text-align: center;
  border: solid 1px #ddd;
  color: #444;
  cursor: pointer;
  margin-left: 10px;
  min-width: 36px;
  height: 36px;
  line-height: 34px;
  padding: 0px 10px;
  font-size: 13px;
  transition:var(--default-transition);
  border-radius:var(--default-radius);
}

.general_paginator_prev{
  box-sizing: border-box;
  display: inline-block;
  text-align: center;
  border: solid 1px #ddd;
  color: #444;
  cursor: pointer;
  margin-left: 10px;
  min-width: 36px;
  height: 36px;
  line-height: 34px;
  padding: 0px;
  font-size: 13px;
  transition:var(--default-transition);
  border-radius:var(--default-radius);
}

.general_paginator_next{
  box-sizing: border-box;
  display: inline-block;
  text-align: center;
  border: solid 1px #ddd;
  color: #444;
  cursor: pointer;
  margin-left: 10px;
  min-width: 36px;
  height: 36px;
  line-height: 34px;
  padding: 0px;
  font-size: 13px;
  transition:var(--default-transition);
  border-radius:var(--default-radius);
}

.general_paginator_prev:hover, .general_paginator_next:hover{
  background:#333;
  color:#fff;
  transition: all 300ms ease;
}

.general_paginator_descriptions{
  display:none;
}

@media screen and ( min-width: 480px) {
  .general_paginator_descriptions{
    display:inline-block;
  }
}



.notes_inNotes {
  width:48px;
  height:48px;
  background-image:url('/skin/img/notes-in.svg');
  background-size:24px 24px;
  background-repeat:no-repeat;
  background-position:center;
  font-size:14px;
  cursor:pointer;
  position: relative;
  display:inline-block;
  transition:all 250ms ease;
}

.notes_notInNotes {
  width:48px;
  height:48px;
  background-image:url('/skin/img/notes-not-in.svg');
  background-size:24px 24px;
  background-repeat:no-repeat;
  background-position:center;
  font-size:14px;
  cursor:pointer;
  position: relative;  
  display:inline-block;
  transition:all 250ms ease;
}

.notes_inNotes:hover, .notes_notInNotes:hover{
  transform:scale(1.1);
}

#notes_counterValue{  
}

#notes_counterContainer{
  cursor:pointer;
}

.classOffersNotes_default_inNotes_info{
  background: var(--color-btn-action-bg);
  color: var(--color-btn-action-font);
  font-size:28px;
  padding: 40px;
  box-sizing:border-box;
  top:50%;
  left:50%;
  position:absolute;
  position: fixed;
  transform:translateX(-50%) translateY(-50%);
  z-index: 999;
  display: none;
  border-radius:3px;
  box-shadow: 4px 4px 7px -4px rgba(66, 68, 90, 1);
  text-align:center;
}


/************************************************************
  Header - część wspólana dla obu rodzajów nagłówka t.j.:
           main i default
************************************************************/

header{
  top:5px; /* miejsce na kreskę postępu czytania */
  width:100%;
  display:block;
  box-sizing:border-box;
}

header .top{
  background:#00000044;
  width:100%;
  height:100px;
}

header .logo{
  box-sizing:border-box;
  width:calc( ( 100% - var(--default-row-width) ) / 2 );
  float:left;
  text-align:center;
}



@media all and ( max-width: 460px ){
  header .top{
    height:80px;
  }
}

/************************************************************
  Header Logo
************************************************************/

header .logo img{
  height:60px;
  width:170px;
  margin-top:20px;
}

@media all and ( max-width: 460px ){
  header .logo img{
    height:35px;
    margin-top:21px;
    max-width:120px;
    float:left;
  }
}

/************************************************************
  Header notes (serduszko notesu)
************************************************************/

@keyframes sk-jump-anim{
      0% {top:-8px;}
     15% {top:-18px; }
     30% {top:-8px; }
     45% {top:-12px;}
     60% {top:-8px; }
     75% {top:-10px; }
     90% {top:-8px; }
    100% {top:-8px; }
}

.sk-notes{
  position:relative;
  height:22px;
  width:22px;
  display:inline-block;
  float:right;
  top:39px;
  line-height:22px;
  margin-left:12px;
  margin-right:calc( ( 100% - var(--default-row-width) ) / 2 );
}

.sk-notes:hover #notes_counterValue{
  animation-name: sk-jump-anim;
  animation-duration: 0.8s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

.sk-notes #notes_counterValue{
  position:absolute;
  display:block;
  height:16px;
  width:16px;
  border-radius:8px;
  right:-16px;
  top:-10px;
  line-height:16px;
  text-align:center;
  background:var(--btn-action-background);
  color:var(--btn-action-color);
  transition:all 300ms ease;
  font-size:11px;
}

@media all and ( max-width: 460px ){
  .sk-notes{
    top:28px;
  }
}

/************************************************************
  Numer telefonu
************************************************************/
header .phone-number{
  float:right;
  cursor:pointer;
  transition:var(--default-transition);
  position:relative;
  top:37px;
  margin-right: 20px;
}

header .phone-number a{
  float:left;
  color:#fff;
  margin-left:10px;
  transition:var(--default-transition);
  font-size:16px;
  font-weight:300;
}

header .phone-number img{
  float:left;
  width:32px;
  height:32px;
  margin-right: 12px;
  transition:var(--default-transition);
  position:relative;
  top:-3px;
}

header .phone-number a:hover img{
  transform:rotate(45deg);
}

header .phone-number a:hover{
  text-decoration:underline;
}


@media all and ( max-width: 1720px ){
  header .logo{
    width:unset;
    padding:0px var(--default-margin) 0px var(--default-margin);
  }
}

@media all and ( max-width: 1355px ){
  header .top{
    padding-right:var(--default-margin);
  }
  header .sk-notes{
    margin-right:30px;
  }
}

@media all and ( max-width: 1270px ){
  header .sk-notes{
    margin-right:15px;
  }
}

@media all and ( max-width: 720px ){
  header .phone-number span{
    display:none;
  }
  
  header .phone-number>a:nth-of-type(2),
  header .phone-number>a:nth-of-type(3){
    display:none;
  }
  
  header .phone-number{
    width:44px;
    height:44px;
    border-radius:22px;
    top:25px;
    position:relative;    
    text-align:center;
    margin-right:10px;
  }
  
  header .phone-number img{
    position:absolute;
    left: calc(50% - 13px);
    top: calc(50% - 13px);
  }
  
}

@media all and ( max-width: 460px ){
  header .phone-number{
    top:15px;
  }
}




/************************************************************
  Top-menu
************************************************************/

.top-menu{
  margin-top:22px;
  margin-left:0px;
  float:left;
  line-height:55px;
  display:inline-block;
}



.top-menu > ul , ul.submenu {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  border-radius:0px var(--default-radius) var(--default-radius) var(--default-radius);
  overflow:hidden;
}

.top-menu > ul > li {
  float: left;
  margin-right: 10px;
  cursor: pointer;
}

.top-menu > ul > li > a {
  display: block;
  font-size:18px;
  font-weight:300;
  padding: 0px var(--default-margin);
  color:#ffffff;  
  transition:var(--default-transition);  
  background-position:calc(100% - 0px) center;
}

.top-menu > ul > li:last-child {
  margin-right: 0px;
  border-bottom:0px;
}

.top-menu > ul > li:hover > a {
  background-color:#00000077;
  color:#fff;
  border-radius:var(--default-radius);
}

.top-menu > ul > li:hover > a.menu-main-navigation-has-sub {
  background-color:#00000077;
  color:#fff;
  border-radius:var(--default-radius) var(--default-radius) 0px 0px;
}


.submenu {
  position: absolute;
  z-index: 9999;
  padding: 0px;
  background-color: #ffffff;
  box-shadow:var(--shadow-default);
}

.submenu.hidden{
  display:none;
}

.submenu > li{
  padding:0px;
  margin:0px;
  height:50px;
  box-sizing: border-box;
  overflow:hidden;
  transition:var(--default-transition);
}

.submenu > li > a {
  display:block;
  width:100%;
  color: var(--color-main-2b);
  padding:0px 30px;
  height:50px;
  line-height:50px;
  box-sizing: border-box;
  border-bottom:solid 1px #f4f4f4;
  
  padding-left:60px;
  background-image:url(/skin/img/arrow-right.svg);
  background-position:15px;
  background-size:12px 12px;
  background-repeat: no-repeat;
  
  transition:var(--default-transition);
}

.top-menu li:hover .submenu {
  display: block !important;    
}

.submenu > li {
  padding: 0px;  
  height:50px; 
}

.submenu > li:hover > a {
  background-color:var(--color-main-3);
}

.submenu > li:last-child {
  border-bottom: 0px dotted #8C2F5F;
}

/************************************************************
  Header top-menu button
************************************************************/

#sk-menu-top-btn{
  margin-left:25px;
  margin-right:0px;
}

#sk-menu-top-btn, #sk-menu-top-btn:before, #sk-menu-top-btn:after{
  display:block;
  height:5px;
  width:25px;
  box-sizing:border-box;
  border:0px;
  border-radius:2px;
  box-sizing:content-box;
  cursor:pointer;
  transition:all 600ms ease;
  background-color:#FFF;
  border-radius:3px;
}

#sk-menu-top-btn.close, #sk-menu-top-btn.close:before, #sk-menu-top-btn.close:after{  
  width:26px;
}

#sk-menu-top-btn:before{
  background-color:#FFF;
}

#sk-menu-top-btn:after{
  background-color:#FFF;
}

#sk-menu-top-btn{  
  position:relative;
  margin-top:47px;
  border:0;
  border-left:0px;
  border-right:0px;
  display:none;
  float:right;
}

@media all and ( max-width: 460px ){
  #sk-menu-top-btn{
    margin-top:35px;
  }
}


#sk-menu-top-btn:before{
  content:'';
  position:absolute;
  top:-10px;
}

#sk-menu-top-btn:after{
  content:'';
  position:absolute;
  top:10px;  
}

#sk-menu-top-btn.close{
  background:none;
  transform: rotate(180deg);
}

#sk-menu-top-btn.close:before{
  transform: rotate(45deg) translateY(8px) translateX(5px);
  width:27px;
}

#sk-menu-top-btn.close:after{
  transform: rotate(-45deg) translateY(-9px) translateX(6px);
  width:27px;
}

@media all and ( min-width: 1271px ){
  .sk-menu-top{
    display:block !important;
    opacity:1 !important;
  }  
}

@media all and ( max-width: 1270px ){
 
  .top-menu{
    margin-left:0px;
  }
  
  .sk-menu-top{
    display:none;
    opacity:0;
  }

  .top-menu>ul{
    max-height:calc(100% - 150px);
  }
  
  .top-menu>ul>li{
    margin:0px;
  }  
  
  .top-menu>ul>li a{
    background-color:#fff;
    color:var(--text-color-general);
    font-size:16px;
  }
  
  .top-menu>ul>li:hover a{
  }
  
  #sk-menu-top-btn{
    display:inline-block;
    float:right;
  }
  
  .sk-menu-top{
    position:fixed;
    display:none;
    background-color: #f6f6f6;
    border: solid 1px #eee;
    left:10px;
    right:10px;
    padding: 0px;
    box-sizing:border-box;
    line-height:1.5;    
    box-shadow:var(--shadow-default);
    z-index: 100;
    overflow:auto;
    transition:all 400ms ease;
    max-height: calc(100vh - 100px);
  }
  
  @keyframes sk-menu-top-mob-open{
      0% {height:0px; opacity:0.0;}
     25% {opacity:0.2; }
     50% {opacity:0.4; }
     75% {opacity:0.7;}
    100% {opacity:1.0; }
  }

  .sk-menu-top.close{}
  .sk-menu-top.open{    
    animation-name: sk-menu-top-mob-open;
    animation-duration: 0.6s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
    z-index:123456;
    overscroll-behavior-y: none;
    box-shadow:0px 0px 10px 0px #00000044;
    border-radius:var(--default-radius);
    top:90px;
    overflow:auto;
  } 

  .sk-menu-top>li{
    display:block;
    text-align:center;
    margin-bottom:10px;    
  }
  .sk-menu-top>li>a{
    padding:10px;
    padding-left:40px;
    margin:0px;
    background-color:#2f3843;
    display:block;
    width:100%;
    box-sizing:border-box;
    text-align:center;
    border-bottom: none;
  }
  
  .sk-menu-top-dropdown{
    display:block !important;
    position:initial;
    border:0px;
    box-shadow: none;
    padding:0px 20px;    
  }
  
  .sk-menu-top-dropdown a{
    padding:7px 0px;
  }
  
  .sk-menu-top.close{    
    height:0px;
    opacity:0;
  }
    
  .sk-menu-top>li{
    display:block;
    width:100%;
    margin:0px;
    border-bottom:solid 1px #d8d8d8;
    box-sizing:border-box;
    padding:0px;
  }
    
  .sk-menu-top>li>a{
    text-align:left;
    padding:0px 15px;
    background-color:#f6f6f6;
    line-height:50px;
    height:50px;
    font-size:16px;
    box-sizing: border-box;
  }

  .sk-menu-top>li>a.menu-main-navigation-has-sub{
    background-image:url(/skin/img/arrow-down.svg);
    background-position:calc(100% - 10px) center !important;
    background-repeat:no-repeat;
    background-size:12px 12px;
    padding-right:16px;
  }
  
  .menu-main-navigation-sub{
    box-shadow:none;
    position:relative;
    width:100%;
    box-sizing: border-box;
    background-color:#fff;
    color:var(--text-color-general);
  }
  
  .menu-main-navigation-sub>li>a{
    color:var(--text-color-general);
    text-align:left;
    box-sizing: border-box;    
    
  }
  
}

@media all and ( max-width: 760px ){

  .top-menu>ul{
        max-height:calc(100% - 100px);
  }
  
}


header{  
  height:260px;
  background-image:url(/skin/img/main-bg-65x352.webp);
  background-position:center top;
  background-size:cover;
  background-repeat:no-repeat;
}

@media all and ( max-width: 1024px ){
  header{
    background-image:url(/skin/img/main-bg-65x352-1024.webp);
  }
}

@media all and ( max-width: 560px ){
  header{
    background-image:url(/skin/img/main-bg-65x352-560.webp);
  }
}


/************************************************************
  Footer
************************************************************/

footer{
  clear:both;
  background-color: var(--footer-background);
  color: var(--footer-color);
  width:100%;
  box-sizing:border-box;
  float:left;
  padding:0px;
  margin-top:5px;
  position:relative;
}


/************************************************************
  Footer - logotypy
************************************************************/


.sk-footer-partners{
  width:100%;
  float:left;
  box-sizing: border-box;
  text-align:center;
  margin:15px 0px;
}

.sk-footer-partners a{
  position:relative;
  width:calc( ( 100% - 2 * var(--default-margin) ) / 10 - 1px );
  display:inline-block;  
  box-sizing:border-box;  
  text-align:center;
}

.sk-footer-partners a>span{
  position:relative;
  display:inline-block;
  width:90px;
  height:90px;
  border-radius:50px;
  border:solid 1px #f0f0f0;
  box-sizing:border-box;
  z-index:2;
}

.sk-footer-partners a>span:before,
.sk-footer-partners a>span:after{
  position:absolute;
  left:50%;
  top:50%;
  transform:translateX(-50%) translateY(-50%);
  content:'';
  width:100%;
  height:100%;
  border-radius:50%;
  border:solid 1px #00000000;
  opacity:1;
  box-sizing:border-box;
  z-index:1;
}

.sk-footer-partners a>span>img{
  position:absolute;
  display:block;
  left:50%;
  top:50%;
  transform:translateX(-50%) translateY(-50%);
  object-position: center;
  object-fit:contain;
  width:80%;
  height:80%;
  filter:grayscale(1);
  transition: var(--default-transition);
}

@keyframes sk-footer-anim-a{
    0% {border:solid 2px #00000000;           opacity:0.0}
    1% {border:solid 2px var(--color-main-1); opacity:0.8}   
  100% {opacity:0.0;width:150px;height:150px;border-radius:50%;}
}

.sk-footer-partners a:hover span:after{
  animation-name: sk-footer-anim-a;
  animation-duration: 0.33s;
  animation-timing-function: linear;
  animation-iteration-count: 1;  
}

.sk-footer-partners a:hover span:before{
  animation-name: sk-footer-anim-a;
  animation-duration: 0.5s;
  animation-timing-function: linear;
  animation-iteration-count: 1;  
}

.sk-footer-partners a:hover>span>img{
  filter:grayscale(0);
}

@media all and ( max-width: 1170px ){
  .sk-footer-partners a>span{
    width:80px;
    height:80px;
  }
}

@media all and ( max-width: 960px ){
  .sk-footer-partners>a{
    width:calc( ( 100% - 2 * var(--default-margin) ) / 5 );
    margin-bottom:10px;
  }
  
  .sk-footer-partners a>span{
    width:70px;
    height:70px;
  }
}

@media all and ( max-width: 460px ){
  .sk-footer-partners{
    overflow:hidden;
  }
  
  .sk-footer-partners a>span{
    width:60px;
    height:60px;
  }
}

@media all and ( max-width: 400px ){

  .sk-footer-partners a>span{
    width:50px;
    height:50px;
  }

}


/************************************************************
  Footer - social
************************************************************/
.sk-social{
  border-top:solid 7px var(--color-main-light-2);
  padding:calc( var(--default-margin)) 0px;
  box-sizing:border-box;
  overflow:hidden;
  width:100%;
  float:left;
}

.sk-social a{
  display:inline-block;
  box-sizing:border-box;
  margin:0px 0px 0px 10px;
  height:32px;
  width:32px;
  border-radius:16px;
  position:relative;
  cursor:pointer;
  transition:var(--default-transition);
  opacity:0.6;
}

.sk-social a img{
  position:absolute;
  top:0;
  left:0;
  
  width:100%;
  height:100%;  
  transition:var(--default-transition);
}

.sk-social a:hover{
  transform:rotate(360deg);
}



@media all and ( max-width: 640px ){
  .sk-social a{
    display:inline-block;
    box-sizing:border-box;
  }  
}

/************************************************************
  COL 4
************************************************************/

.col-4-cnt{
  padding:0px 0px;
  box-sizing:border-box;
  width:100%;
  float:left;
}

@media all and ( max-width: 1024px ){
  .col-4-cnt{
    padding:8px 0px 0px 15px;
  }
}

.col-4-cnt>p{
  position:relative;
  padding:0px 0px 0px 0px;
  margin:0px 0px 20px 0px;
  width:100%;
  float:left;
  box-sizing:border-box;
}


/************************************************************
  Footer - napisy
************************************************************/
.sk-footer-bottom{
  padding: 0px 0px;
  box-sizing: border-box;
  display: block;
  background: var(--color-main-1);
  overflow:hidden;
  color:#fff;
  font-size:14px;
}

.sk-footer-bottom span{
  float:left;
  display:inline-block;
  line-height:50px;
}

.sk-footer-bottom .sk-row>a{
  float:right;
  display:block;
  font-size:14px;
  color:#fff;
  transition:all 300ms ease-out;
  display:inline-block;
  line-height:50px;
  opacity:0.7;
}

.sk-footer-bottom .sk-row>a img{
  height:24px;
  width:24px;
  position:relative;
  top:7px;
  transition:var(--default-transition);
}

.sk-footer-bottom .sk-row>a:hover img{
  transform:rotate(360deg);
}


@media all and ( max-width: 1455px ){
  .sk-footer-bottom a{
    margin-right:60px;
  }
}

@media all and ( max-width: 720px ){
  .sk-footer-bottom .sk-row>span{
    width:100%;
  }
  
  .sk-footer-bottom a,
  .sk-footer-bottom span{
    width:100%;
    text-align:center;
    margin:0px;
    line-height:1.3;
    padding:10px;
  }  
}


/************************************************************
  Footer - 4 kolumny menu
************************************************************/

.sk-footer-columns-cnt{
  padding: calc( 4 * var(--default-margin)) 0px calc(2* var(--default-margin)) 0px;
  margin-top:10px;
  display:block;
  float:left;
  width:100%;
}

.sk-footer-columns{
  display:grid;
  grid-template-columns:1fr 1fr 1fr 1fr;
  grid-gap:60px 30px;
  grid-auto-rows:minmax(auto, auto);
}

.sk-footer-column>h2{
  padding:0px;
  margin:0px;
  border:0px;
  font-size:16px;
  font-weight:500;
  padding-bottom:44px;
  color: var(--footer-color);
}

.sk-footer-column{
  display:block;
  width:100%;
  box-sizing:border-box;
}

.sk-footer-column-phone{
  color:#fff;
  padding-bottom:5px;
  display:block;
}

.sk-menu-bottom{
  display:block;
  width:100%;  
  box-sizing:border-box;
}

.sk-menu-bottom>a{
  display:block;
  width:100%;
  box-sizing:border-box;
  height:40px;
  line-height:40px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space: nowrap;  
  color: var(--footer-color);
  transition:all 0.3s ease;
  font-size:var(--font-size-defaut-text);
}
.sk-menu-bottom>a:hover{
  text-decoration:underline;
}


@media all and ( max-width: 1024px ){
  .sk-footer-columns-cnt{
    padding:calc(2* var(--default-margin)) 0px calc(2* var(--default-margin)) 0px;
  }
  .sk-footer-columns{
    grid-template-columns:1fr 1fr;
  }

  .sk-footer-columns h2{
    padding:10px 15px;
    box-sizing:border-box;
    border-bottom:solid 1px #f3f3f3;
    margin-bottom:22px;
  }
  
  .sk-menu-bottom>a{
    height:40px;
    line-height:40px;
    margin:0px;
    padding:0px;
    padding-left:40px;
    background-image:url(/skin/img/arrow-right.svg);
    background-size:10px 10px;
    background-position:15px 14px;
    background-repeat:no-repeat; 
    border-bottom:solid 1px #e8e8e8;
    transition:var(--default-transition);
  }
  
  .sk-menu-bottom>a:hover{
    text-decoration:none;
    background-color:var(--color-main-1);
  }
    
}

@media all and ( max-width: 560px ){

  .sk-footer-columns-cnt{
    padding:calc(var(--default-margin)) 0px calc(2* var(--default-margin)) 0px;
  }
  
  .sk-footer-columns{
    display:block;
    width:100%;
    box-sizing:border-box;
  }

  .sk-footer-column>h2{
    width:100%;
    box-sizing:border-box;
  }
    
  .sk-footer-column{
    padding:0px;
    margin:0px;
    box-sizing:border-box;
    margin-bottom:30px;
  }

  .sk-footer-column-4{
    padding-top:calc( 2 * var(--default-margin));
  }

}


:root {
}