/* *************************************************************************************************
  Variables
************************************************************************************************* */
:root{
  
  
  --max-cnt-width:1170px;
  
  /* -- Colors -- */
  --color-main-background:#fff;
  --color-main-light:#eee;
  --color-main-1:#ffd530; /*#F9C001; #FFD024; */
  --color-main-1-transparent:#E5008088;
  --color-main-2:#017BC5;
  --color-main-2b:#004E82;
  --color-main-2c:#00A2CA;  
  --color-main-3:#DA0000;
  --color-main-4:#DD1144;
  
  --color-main-light-frame:#888;
  --color-main-light-gray:#f5f5f5;
  --color-main-light-2:#f0f0f0;
  --color-main-gray:#888;
  --color-main-dark:#333;

  --color-btn-action-bg:var(--color-main-1);
  --color-btn-action-font:#000;
  --color-btn-action-bg-hv:var(--color-main-2);
  --color-btn-action-font-hv:#fff;
  
  /* -- Shadows -- */
  --shadow-default:0px 2px 10px 3px #00000033;
  --default-shadow:0px 2px 10px 3px #00000033;
  

  /* -- 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;
  --font-size-defaut-text-mini:14px;
  --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 250ms ease;

}  

@media all and ( max-width: 360px ){
  :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: #FFD02466;
  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(--color-main-background);
  background:var(--color-main-background);
  z-index:999999;  
}

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


/* *************************************************************************************************\
  uiTooltips
*/
.ui-tooltip{
  z-index:99999;
  background:linear-gradient(25deg, rgba(40,40,40,1) 0%, rgba(40,40,40,1) 68%, rgba(40,30,20,1) 100%);
  color:#bbb;
  font-size:var(--font-size-defaut-text-very-small);
  padding:15px 15px 15px 15px;
  text-align:center;
  border-radius: var(--button-radius);
  border:solid 1px #aaaaaa88;
  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:#fff;
  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
*/

.ui-tools-popup-container{
  position:fixed;
  top:50%;
  left:50%;
  transform: translateY(-50%) translateX(-50%);
  background:var(--color-main-background);
  border:solid 1px #444444;
  border-radius: var(--button-radius);
  color:var(--text-color-general);
  box-sizing:border-box;
  min-width:240px;
  min-height:200px;
  z-index:99999;
  box-shadow: 0px 0px 70px 70px rgb(0 0 0 / 82%); 
  padding-top:60px;
  max-width:calc(100% - 20px);
  max-height:calc(100vh - 100px);
  transition: all 1000ms ease-in;
  opacity:1;
  overflow:hidden;
  filter:grayscale(0%) blur(0px);

}

#ui-tools-popup-title{
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:60px;
  line-height:60px;
  font-family:var(--font-headers);  
  font-size:22px;
  padding:0px 10px;  
  box-sizing:border-box;
  background-color:#444444;  
  color:var(--color-main-light);
  font-weight:200;
  overflow:hidden;
  white-space: nowrap;
  text-overflow:ellipsis;
}

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

#ui-tools-popup-content{
  display:block;
  width:100%;
  padding:10px;
  box-sizing:border-box;
  height:100%;
  overflow:hidden;  
}

@keyframes ui-tools-popup-close-anim{
    0%{border:dotted 2px var(--color-main-background)}
   20%{border:dotted 2px #888}
   40%{border:dotted 2px var(--color-main-background)}
  100%{border:dotted 2px var(--color-main-background)}
}

#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:37px;
  text-align:center;
  background:var(--color-main-background);
  border-radius:20px;
  cursor:pointer;
  font-weight:bold;  
  border:solid 2px #333;
}

#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 = "full" */

.ui-tools-popup-container.full{
  width:calc(100% - 20px);
  height:calc(100vh - 100px);
  left:10px;
  top:40px;
  transform:none;
}

@media all and ( max-width: 390px ){
  .ui-tools-popup-container.full{
    width:calc(100%);
    left:0px;
    min-width:50px;
    max-width:1980px;
  }
}

.ui-tools-popup-container.full #ui-tools-popup-title{
  border-bottom:solid 3px #333;
  color:#fff;
}

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


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-hv);
  color:var(--color-btn-action-font-hv);  
  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);
  color:var(--color-btn-action-font);  
}

.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(--color-main-2);
  
  background: linear-gradient(180deg, rgba(0,153,204,1) 0%, rgba(6,128,199,1) 100%);  
  box-shadow:0px 2px 10px 0px #00000055;
  
  line-height:1;
  color:#fff;
  box-sizing: border-box;
  padding:35px;
  margin-bottom:30px;
  
  margin-top:8px;
}

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

.ksi-module-content h2{
  font-family: var(--default-font-3);
  font-size:25px;
  font-weight:bold;
  padding:0px;
  max-width:800px;
  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:800px;
  margin:10px auto;
}


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

@media screen and (max-width: 1170px) {
  .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%;
  }

}



/******************************************************************************************************
* przełącznik kalendarz / tabela w ofercie
*******************************************************************************************************/

.trpcal{
  padding-top:5px;
  padding-bottom:15px;
  overflow:hidden;
}
.trpcal-title{
  line-height: 25px;
  font-size: 16px;
  font-weight: bold;
  color: var(--text-color-general);
  float: right;
  margin-right: 15px;
}
.trpcal-switch{
  float:right;
  font-size:12px;
  height:28px;
  overflow:hidden;
  border-radius:13px;
  border:solid 1px #888 ;
  background:#fafafa;
  cursor:pointer;
  box-sizing: border-box;
}

.trpcal-switch:hover{
  background:#fff;
}

.trpcal-switch span{
  color:#bbb;
}

#trpcal-dates, #trpcal-calendar {
  margin: 3px;
  height: 20px;
  border-radius: 20px;
  border: 0px;
  font-size: 11px;
  font-weight: bold;
  display: inline-block;
  line-height: 20px;
  padding-left: 7px;
  padding-right: 7px;
}

.trpcal-active {
  transition:1s;
  background:var(--color-btn-action-bg) !important;
  color:var(--color-btn-action-font) !important;
}


/***************************************************************************************************************
  Sekcja okienka Cookie
*/

.cookie-info-box{
  box-sizing:border-box;
  background:rgba(0,0,0,0.7);
  position: fixed;
  bottom: 0px;
  z-index:9999999999;
  padding:20px;
  width: 100%;
  box-sizing:border-box;
}

.cookie-info-text{
  box-sizing:border-box;
  color: #fff;
  font-size:14px;
  margin-right:20px;
  float:left;
  width:calc(100% - 150px);
}

.cookie-info-btn{
  box-sizing:border-box;
  background: #ff6600;
  border-radius: 3px 3px 3px 3px;
  color: #FFFFFF;
  cursor: pointer;
  display: block;
  float: right;
  font-size: 16px;
  line-height: 22px;
  padding: 8px;
  margin-top:10px;
}

@media all and ( max-width: 640px ) {
  .cookie-info-text{
    width:100%;
  }
}



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

html {
  scroll-behavior:smooth;
  transition: all 300ms ease;
}

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

::selection {
  color: #000;
  background: #ffd200;
}

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: var(--max-cnt-width);
  margin: auto;
  padding:0px;
  box-sizing:border-box;
}

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

@media screen and (max-width: 1024px) {
  .hide-1024{
    display:none;
  }  
}

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

/************************************************************
  KSI - logo
************************************************************/


@keyframes sk-ksi-anim-exp{
    0% {transform:scale(1);opacity:1;}
  100% {transform:scale(4);opacity:0;}
}

.ksi{
  position:relative;
  height:27px;
  line-height:27px;
  font-size:14px;
  color:#333;
  float:right;
  transition:var(--default-transition);
}

.ksi img{
  height:21px;
  width:21px;
  position:relative;
  top:6px;
  transition:all 300ms ease-out;
}

#ksi-img{
  display:inline-block;
  width:unset;
  float:unset;
  position:relative;
}

#ksi-img:before{
  position:absolute;
  display:block;
  content:'';
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  background-image:url(/skin/img/KSI-red.svg);
  background-repeat:no-repeat;
  background-size:21px 21px;
  background-position:0px 6px;
  opacity:1;
}

.ksi:hover #ksi-img:before{
  animation-name: sk-ksi-anim-exp;
  animation-duration: 0.3s;
  animation-timing-function: linear;
  animation-iteration-count: 1;  
}

@media all and ( max-width: 1340px ){
  .ksi{
    margin-right:65px;
  }
}

@media all and ( max-width: 720px ){
  .ksi{
    margin-right:0px;
  }
}


/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/skin/fonts/lato/S6u9w4BMUTPHh7USSwaPGR_p.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/skin/fonts/lato/S6u9w4BMUTPHh7USSwiPGQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/skin/fonts/lato/S6uyw4BMUTPHjxAwXjeu.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/skin/fonts/lato/S6uyw4BMUTPHjx4wXg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/skin/fonts/lato/S6u9w4BMUTPHh6UVSwaPGR_p.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/skin/fonts/lato/S6u9w4BMUTPHh6UVSwiPGQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/skin/fonts/lato/S6u9w4BMUTPHh50XSwaPGR_p.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/skin/fonts/lato/S6u9w4BMUTPHh50XSwiPGQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



/* poppins-300 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: url('/skin/fonts/poppins/poppins-v20-latin_latin-ext-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/skin/fonts/poppins/poppins-v20-latin_latin-ext-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* poppins-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('/skin/fonts/poppins/poppins-v20-latin_latin-ext-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/skin/fonts/poppins/poppins-v20-latin_latin-ext-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* poppins-500 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url('/skin/fonts/poppins/poppins-v20-latin_latin-ext-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/skin/fonts/poppins/poppins-v20-latin_latin-ext-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* poppins-700 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('/skin/fonts/poppins/poppins-v20-latin_latin-ext-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/skin/fonts/poppins/poppins-v20-latin_latin-ext-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}


.sk-slider{
  height:575px;
  width:100%;
  background-image:url('/skin/img/main-slider.webp');
  background-size:cover;
  background-position:bottom;
  background-repeat:no-repeat;
  position:relative;
  box-sizing:border-box;
}

.sk-slider-text{
  position:absolute;
  top:160px;
  left:calc(50% + 100px);  
}

.sk-row-main h2{
  font-size:28px;
  font-weight:300;
  width:100%;
  clear:both;
  box-sizing:border-box;
  padding:var(--default-margin) 0px;
}

.sk-main-h2{
  margin-top:calc( 3 * var(--default-margin) );
}

.sk-main-abar{
  width:100%;
  padding:var(--default-margin) 0px;
  color:var(--text-color-general);
  text-align:right;
  display:block;
  clear:both;
}

.sk-main-abar:hover{
  text-decoration: underline;
}

@media all and ( max-width: 1170px ){
  .sk-slider-text{
    display:none;
  }
  
  .sk-slider{
    height:530px;
    width:100%;
    background-image:url('/skin/img/main-slider-mob.webp');
    background-position:left;
  }
  
}

@media all and ( max-width: 1024px ){
  .sk-main-h2{
    margin-top:calc( 2 * var(--default-margin) );
  }
}

@media all and ( max-width: 640px ){
  .sk-slider{
    height:530px;
    width:100%;
    background-image:url('/skin/img/main-slider-mob-2.webp');
  }
}

@media all and ( max-width: 400px ){
  .sk-slider{
    height:530px;
    width:100%;
    background-image:url('/skin/img/main-slider-mob-3.webp');
  }
}

/* *****************************************************************************
  PASEK IKON
*/

.sk-main-icons-1{
  width:100%;
  display:grid;
  grid-template-columns:1fr 1fr 1fr 1fr;
  grid-gap:30px 30px;
  border-bottom:solid 2px var(--color-main-1);
  box-sizing: border-box;
  margin-top: calc( 2 * var(--default-margin) );
}

.sk-main-icons-1>a{
  display:block;
  padding:var(--default-margin);
  text-align:center;
  box-sizing: border-box;
  transition:var(--default-transition);
  background:#ffffff00;
  border-radius: var(--default-radius) var(--default-radius) 0px 0px ;
}

.sk-main-icons-1>a>img{
  width:50px;
  height:50px;
  transition:var(--default-transition);
}

.sk-main-icons-1>a>span{
  display:block;
  box-sizing: border-box;
  margin-top:var(--default-margin);
  color:var(--text-color-general);  
}

.sk-main-icons-1>a:hover img{
  transform:scale(1.075);  
}

.sk-main-icons-1>a:hover{
  text-decoration: underline;
}

@media all and ( max-width: 760px ){
  .sk-main-icons-1{
    grid-template-columns:1fr 1fr;
    padding-bottom:calc( 2 * var(--default-margin) );
  }  
  
  .sk-main-icons-1>a{
    padding:0px;
  }
}

@media all and ( max-width: 360px ){
  .sk-main-icons-1{
    grid-template-columns:1fr;
    padding-bottom:calc( 2 * var(--default-margin) );
  }  
}

/* *****************************************************************************
  PASEK POLECANE
*/


/* *****************************************************************************
  PASEK LAST MINUTE
*/

.sk-main-lmtitle{
  padding-left:55px !important;
  background-size:41px 36px;
  background-repeat: no-repeat;
  background-position: left;
  background-image:url(/skin/img/home/last-minute.svg);
}

.sk-main-lm{
  width:100%;
  display:grid;
  grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;
  grid-gap:0px 0px;  
  box-sizing: border-box;
  margin-top: calc( 1 * var(--default-margin) );
  padding: 0px var(--default-margin) ;
  background-color:var(--color-main-2c);
  border-radius:var(--default-radius);
}

.sk-main-lm>a{
  display:inline-block;
  padding:var(--default-margin);
  padding-left:60px !important;
  background-size:27px 27px;
  background-repeat: no-repeat;
  background-position: 15px center;
  background-image:url(/skin/img/home/ikona-last-minute.svg);
  font-size:22px;
  color:#fff;
  transition:var(--default-transition);
  position:relative;
}

.sk-main-lm>a>span{
  position:absolute;
  display:block;
  bottom:-0px;
  height:0px;
  left:10px;
  line-height:0px;
  width:calc(100% - 20px);
  background-color:var(--color-main-1);
  color:#000;
  border-radius: 0px 0px var(--default-radius) var(--default-radius);
  text-align:center;
  font-size:20px;
  overflow:hidden;
  transition:var(--default-transition);
  z-index:1;
}

.sk-main-lm>a:hover{
  background-color:var(--color-main-2);
  border-radius:0px; /* var(--default-radius); */
}

.sk-main-lm>a:hover span{
  height:45px;
  line-height:45px;
  bottom:-45px;

}

@media all and ( max-width: 1170px ){
  .sk-main-lm{
    margin-top: 0px;
    width:100%;
    grid-template-columns:1fr 1fr 1fr;            
  }
}

@media all and ( max-width: 720px ){
  .sk-main-lm{    
    width:100%;
    grid-template-columns:1fr;
    border-radius:0px;  
  }
  
  .sk-main-lm>a{
    border-bottom:solid 1px #12c6ff;
  }
  
  .sk-main-lm>a>span{
    left:50%;
    width:calc(50% - 10px );
  }
  
}

/* *****************************************************************************
  PASEK PHPYP BANNER
*/

@keyframes sk-anim-pb{
    0% {border:dotted 4px var(--color-main-2);           opacity:0.2}
    1% {border:dotted 8px var(--color-main-1); opacity:1}   
  100% {opacity:0.7;width:400px;height:400px;border-radius:50%;}
}


.sk-main-photo-baner{
  display:block;
  width:100%;
  height:170px;
  position:relative;
  text-align:center;
  overflow:hidden;
}

.sk-main-photo-baner a{
  position:absolute;
  top:50%;
  left:50%;
  transform:translateX(-50%) translateY(-50%);
  display:block;
  padding:0px 30px;
  height:32px;
  line-height:32px;
  border-radius:16px;
  color:#000;
  background:var(--color-main-1);
  transition:var(--default-transition);
  font-size:18px;
}

.sk-main-photo-baner a>span:before,
.sk-main-photo-baner a>span:after{
  display:block;
  position:absolute;
  left:50%;
  top:50%;
  transform:translateX(-50%) translateY(-50%);
  content:'';
  width:10px;
  height:10px;
  border-radius:50%;
  border:dotted 4px #00000000;
  opacity:1;
  box-sizing:border-box;
  z-index:1;
}

.sk-main-photo-baner a:hover span:after{
  animation-name: sk-anim-pb;
  animation-duration: 0.6s;
  animation-timing-function: linear;
  animation-iteration-count: 1;  
}

.sk-main-photo-baner a:hover span:before{
  animation-name: sk-anim-pb;
  animation-duration: 0.4s;
  animation-timing-function: linear;
  animation-iteration-count: 1;  
}



.sk-main-photo-baner a:hover{
  background:var(--color-main-2);
  color:#fff;
}

.sk-main-photo-baner img{
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  object-fit: cover;
}


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



.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;
  padding: 0px var(--default-margin);
  color:#000000;
  font-size:18px;
  transition:var(--default-transition);  
  background-position:calc(100% - 0px) center;
}

.top-menu > ul > li > a:hover{
  text-decoration:underline;
}

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

.top-menu > ul > li:hover > a {
  /* border-bottom:solid 4px var(--color-main-1); */
  background-color:#fff;
  color:#000;
}

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

.submenu > li{
  padding:0px;
  margin:0px;
  height:50px;
  box-sizing: border-box;
  overflow:hidden;
  transition:all 250ms ease;
}

.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-menu.svg);
  background-position:15px;
  background-size:12px 12px;
  background-repeat: no-repeat;

  
  transition:all 200ms ease;
}

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

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

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

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

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

#sk-menu-top-btn{
  margin-left:20px;
}

#sk-menu-top-btn, #sk-menu-top-btn:before, #sk-menu-top-btn:after{  
  display:block;
  height:4px;
  width:26px;
  box-sizing:border-box;
  border:0px;
  border-radius:2px;
  box-sizing:content-box;
  cursor:pointer;
  transition:all 600ms ease;
  background-color:var(--color-main-2);
}

#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:var(--color-main-2);  
}

#sk-menu-top-btn:after{
  background-color:var(--color-main-2);
}

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

#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(5.5px);
  width:27px;
}

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

@media all and ( max-width: 1170px ){
 
  .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);
  }
  
  .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:23456;
    overscroll-behavior-y: none;
    box-shadow:0px 0px 200px 0px #000000aa;
    border-radius:var(--default-radius);
  } 

  .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-weight:bold;
    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);
  }
  
}


.top-menu{
  line-height:60px;
}

.top-menu{
  background-color:#00000000;
  width:100%;
  border-radius: 0px 0px var(--default-radius) var(--default-radius) ;
  transition:var(--default-transition);
  padding-top:calc( 2 * var(--default-margin) );
  overflow: hidden;
}
.top-menu:hover{
  
}

.top-menu > ul > li > a {
  color:#ffffff;
  position:relative;
}


.new-hint:after{
  position:absolute;
  display:block;
  content:'Nowość';
  top:0px;
  left:50%;
  transform:translateX(-50%);  
  background:#ffffff;
  color:#333;
  padding:1px 4px;
  border-radius:4px;
  font-size:11px;
  text-transform:uppercase;
  line-height:15px;
  height: 15px;
}


@media all and ( max-width: 1170px ){
  .top-menu > ul > li > a {
    color:#000000;
  }
  .new-hint:after{
    transform:translateY(-50%);
    left:unset;
    top:50%;
    right:15px;
    background:var(--color-main-3);
    color:#fff;
    padding:1px 4px;
    border-radius:4px;
    font-size:11px;
    text-transform:uppercase;
    line-height:15px;
    height: 15px;
  
  }
}


.search-main-cnt{
  max-width: var(--max-cnt-width);
  margin: auto;
  padding: 0px;
  box-sizing: border-box;
}

.search-main{
  display:block;
  bottom:100px;
  max-width:var(--max-cnt-width);
  background: #ffffff;
  border-radius:var(--default-radius);
}

.search-main-cnt{
  max-width: var(--max-cnt-width);
  margin: auto;
  padding: 0px;
  box-sizing: border-box;
}

.search-main{
  padding:30px 30px;
  width:100%;
  display:grid;
  grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;
  grid-gap:20px 30px;
  box-shadow: var(--default-shadow);
  transition:var(--default-transition);
}

.search-main .field{
  box-sizing:border-box;
  width:100%;
  padding-left:40px;
  background-repeat:no-repeat;
  background-size:24px 24px;
  background-position:left;
}

.search-main .field>label{
  font-weight:bold;
}

.search-main .field:nth-of-type(1){ background-image:url(/skin/img/srch-countryRegion.svg); }
.search-main .field:nth-of-type(2){ background-image:url(/skin/img/srch-departureFrom.svg); }
.search-main .field:nth-of-type(3){ background-image:url(/skin/img/srch-departureDate.svg); }
.search-main .field:nth-of-type(4){ background-image:url(/skin/img/srch-age-adt.svg); }
.search-main .field:nth-of-type(5){ background-image:url(/skin/img/srch-age-chd.svg); }
.search-main .field:nth-of-type(6){ padding-left:0px; }

.search-main .searchWindow_main_input{
  width:100%;
  font-family:var(--default-font);
  font-size:16px;
  color:#000;
  border:0px;
  padding:0px;
  cursor:pointer;
}

.search-main>div>button{
  width:100%;
  border:0px;
  height:50px;
  line-height:50px;
  box-sizing:border-box;
  border-radius:var(--default-radius);
  color:#000;
  background:var(--color-main-1);
  text-align:center;
  font-family:var(--default-font);
  font-size:21px;
  cursor:pointer;
  transition:var(--default-transition);
}

.search-main>div>button:hover{
  background:var(--color-main-2);
  color:#fff;
}

.search-main>div>button>img{
  width:14px;
  height:14px;
  margin-left:8px;
  position:relative;
  top:1px;
}

.search-cbs{
  position:absolute;
  left:0px;
  bottom:-47px;
  height:48px;  
  padding:10px;
  padding-left:30px;
  background:#017BC5dd;
  width:100%;
  border-radius:0px 0px var(--default-radius) var(--default-radius);
  color:#fff;
  box-sizing:border-box;  
}

/* 1170px + 2x default margin */
@media all and ( max-width: 1200px ){
  .search-main-cnt{
    margin-left:var(--default-margin);
    margin-right:var(--default-margin);
  }
}

@media all and ( max-width: 1170px ){  
  
  .search-main{
    grid-template-columns:1fr 1fr;
    grid-gap:0px 20px;
  }
  
  .search-main>div:nth-of-type(1),
  .search-main>div:nth-of-type(6){
    grid-column: 1 / 3 ;
  }

  .search-main .field{
    margin-bottom:var(--default-margin);
    position:relative;
    padding-right:var(--default-margin);
    padding-bottom:10px;
  }
    
  .search-main .field:nth-of-type(1):after{
    content: '';
    position: absolute;
    width: 100%;
    border-bottom: dotted 1px var(--color-main-gray);
    left: 0px;
    bottom: 0px;    
  }
  
  .search-main .field:nth-of-type(2):after,
  .search-main .field:nth-of-type(3):after{
    content: '';
    position: absolute;
    width: 100% ;
    border-bottom: dotted 1px var(--color-main-gray);
    left: 0px;
    bottom: 0px;    
  }
  
  .search-main .field:nth-of-type(2):after{
    width:calc( 100% + 18.5px );
  }
  
  .search-main .field:nth-of-type(2):before,
  .search-main .field:nth-of-type(4):before{
    content: '';
    position: absolute;
    height: calc(100% - var(--default-margin));
    width: 0px;
    border-right: dotted 1px var(--color-main-gray);
    right: 0px;
    top: 0px;
  }
  
  .search-main .field:nth-of-type(6){ padding:0px; margin:0px; }

}


@media all and ( max-width: 520px ){
  .search-main{
    padding:var(--default-margin);
  }


}


@keyframes sk-an-cbs{
    0% { background-position-x:calc( 100% - 0px); }
   5% { background-position-x:calc( 100% - 0px); }
  100% { background-position-x:calc( 100% - 0px); }
}


#search-main-ovr{
  transition:height,background,padding,padding-bottom 250ms ease;
  padding:var(--default-margin) 0px;
  margin-top:270px;
  z-index:5;
}

.search-cbs>a:hover{
  animation-name: sk-an-cbs;
  animation-duration: 0.6s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

.search-cbs>div{
  float:left;
  display:inline-block;
}

.search-cbs>a{
  color:#fff;
  padding-right:40px;
  background-size:24px 24px;
  background-repeat: no-repeat;
  background-position: right;
  background-image:url(/skin/img/srch-more.svg);
  margin-right:20px;
  float:right;
  margin-top:3px;
  box-sizing:border-box;
}

.search-cbs>a:hover{
  text-decoration: underline;
}

.search-cbs>div>input{
  width:24px;
  height:24px;
  margin-right:10px;
  cursor:pointer;
}

.search-cbs>div>label{
  margin-right:30px;
  position:relative;
  top:-6px;
  cursor:pointer;
}

.search-main-fixed{
  position:fixed;
  top:0px;
  left:0px;  
  margin-top:0px !important;
  background: linear-gradient(180deg, rgba(0,153,204,1) 0%, rgba(6,128,199,1) 100%) !important;
  box-shadow: var(--default-shadow);
  width:100%;
  box-sizing:border-box;  
}

.search-main-fixed .search-main{
  padding-top:var(--default-margin);
  padding-bottom:var(--default-margin);
  border-radius:var(--default-radius);
  
}

#search-main-ovr.search-main-fixed:hover .search-main{
  border-radius:var(--default-radius) var(--default-radius) 0px 0px;
}

.search-main-fixed .search-cbs{
  display:none;
}

#search-main-ovr.search-main-fixed:hover .search-cbs{
  display:block;
  border:solid 1px #ffffff55;  
}

#search-main-ovr.search-main-fixed:hover{
  padding-bottom:58px;
}




@media all and ( max-width: 1170px ){
  
  #search-main-ovr{
    margin-top:45px;
  }

}

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

  .search-cbs>a{
    display:inline-block;
    width:27px;
    height:24px;
    margin-right:23px;
  }

  .search-cbs>a>span{
    display:none;
  }
}


@media all and ( max-width: 520px ){
  .search-cbs{    
    width:100%;
    box-sizing:border-box;
    padding-left:var(--default-margin);
  }

  .search-cbs>a{
    margin-right:10px;
    padding:0px;
    margin-top:1px;
  }
  
  .search-cbs>div>input{
    margin-right:6px;
    width:20px;
    height:20px;
  }

  
  .search-cbs>div>label{
    margin-right:12px;
    font-size:15px;
    top:-4px;
    display:inline-block;
  }
}

@media all and ( max-width: 360px ){
  .search-cbs{
    height:80px;
    bottom:-79px;
  }
  .search-cbs>a{
    width:100%;
    float:left;
    background-position:3px center;
    background-size:20px 20px;
    margin-top:5px;
    padding-left:35px;
    
    font-size:15px;
  }
  .search-cbs>a>span{
    display:inline-block;
  }
}


/*************************************************************
 wygląd elementów na wyszukiwarce
*************************************************************/

.searchWindow_main_input {
  margin-bottom: 0;
}

.searchWindow_main_element_box.wide {
  position:relative;
  width:100%;
}


.searchWindow_main_element {
  position:relative;
}

.searchWindow_main_element_box{
  float:left;
}


/*************************************************************
  wygląd items
*************************************************************/

.searchWindow_main_item{
  line-height:32px;
  height:32px;
  padding-left:30px;
  overflow:hidden;
  /* border-bottom:solid 1px #f0f0f0; */
  font-size:16px;
  color:#444;
  cursor:pointer;
  font-weight:normal;
}

.searchWindow_main_item_dropDown{
  padding-right:40px;
  position:relative;
}

.searchWindow_main_item_dropDown div, .searchWindow_main_item_dropDown span, .searchWindow_main_item_dropDown input{
  box-sizing:border-box;
}



.searchWindow_main_item_dropDown_ico{
  width:16px;
  height:16px;
  position:absolute;
  right:8px;
  top:4px;
  background-image:none !important;
}

.searchWindow_main_item_dropDown_ico:hover{
  opacity:0.7;
}

.searchWindow_main_item_subValuesContainer{
  display:none;
}

.searchWindow_main_item_subValue{
  margin-left:20px;
  color:#666;
}

.searchWindow_main_item:hover{
  background-color:#f8f8f8;
}

.searchWindow_main_item_off{
  background-image:url(/skin/img/srch-cb-off.svg);
  background-size:20px 20px;
  background-repeat: no-repeat;
  background-position:0px 5px;
}

.searchWindow_main_item_on{
  background-image:url(/skin/img/srch-cb-on.svg);
  background-size:20px 20px;
  background-repeat: no-repeat;
  background-position:0px 5px;
}

.searchWindow_main_item_disabled{
  background-image:url(/skin/img/srch-cb-off.svg);
  background-size:20px 20px;
  background-repeat: no-repeat;
  background-position:0px 5px;
  color:#ddd;
}


.searchWindow_main_breakItems{
  clear:both;
  height:1px;
  background:#ddd;
  margin-top:20px;
  margin-bottom:20px;
}

.searchWindow_main_breakItemsText{
  clear:both;
  font-size:16px;
  font-weight:100;
  padding-top:10px;
  padding-bottom:7px;
  color:#aaa;
}

/*************************************************************
  wygląd elementów wspólnych okienka "popup"
*************************************************************/

.searchWindow_main_container{
  position:relative;
  width:100%;
  height:100%;
  overflow:hidden;
  background:#fff;
  text-align:left;
  padding:var(--default-margin);
}

.searchWindow_main_items {
  padding-top: calc(32px + var(--default-margin));
  padding-bottom: calc(32px + var(--default-margin));
  background:#fff;
}

.searchWindow_main_itemsList {
  background:#fff;
  overscroll-behavior: none;
  padding:0px;
  overflow:auto; 
  position: absolute;
  bottom: calc(32px + var(--default-margin));
  top: 100px;
  width: calc(100% - 2 * var(--default-margin) );
  box-sizing:border-box;
}


.searchWindow_main_itemsList_countryRegion {
  background:#fff;
  overscroll-behavior: none;
  overflow:auto;
  box-sizing:border-box;    
  box-sizing:border-box;
  position:absolute;
  bottom:60px;
  top:155px;
  left:15px;
  right:15px;
}


@media all and ( min-width: 1024px ) and (min-height: 600px) {
  .searchWindow_main_itemsList_countryRegion, .searchWindow_main_itemsList{
    width:100%;
    box-sizing:border-box;
    position:initial;
    max-height:280px;
    bottom:initial;
    top:initial;
  }
}

.searchWindow_main_title {
  height:45px ;
  line-height:45px ;
  color:#333;
  font-size:17px;
  font-weight:bold;
  background:#fff;
}

.searchWindow_main_title_countryRegion {
  height:85px ;
  line-height:45px ;
  color:#333;
  font-family:Arial;

  background:#fff;
}

.searchWindow_main_title_countryRegion_search::placeholder{
  color:#666 !important;
  font-family:var(--default-font);
}

.searchWindow_main_title_countryRegion_search{
  width:calc(100% - 35px) !important;
  margin:0px !important;
  padding:0px 10px !important;
  padding-left:35px !important;
  background-image:url(/skin/img/ico-search.svg);
  background-repeat:no-repeat;
  background-size:15px 15px;
  background-position:10px center;
  background-color:#fff !important;
  box-sizing:border-box !important;
  height:38px !important;  
  color:#000 !important;
  margin:0px 0px 0px 10px !important;
  border:solid 1px #ddd !important;
  border-radius:var(--default-radius);
  font-size:16px !important;
  font-weight:normal !important;
  font-family:var(--default-font);
  margin-left:20px;
}

.searchWindow_main_clear {
  position: absolute;
  height: 32px;
  overflow: hidden;
  right: var(--default-margin);
  top: var(--default-margin);
  border: solid 1px #f0f0f0;
  text-align: center;
  box-sizing: border-box;
  cursor: pointer;
  line-height: 30px;
  font-size: 13px;
  padding: 0px 10px;
  border-radius: var(--default-radius);
  transition:all 250ms ease;
}

.searchWindow_main_clear:hover {
  background-color:var(--color-main-1) ;
  color:#000;
}


.searchWindow_main_regionyBtn {
  position:absolute;
  padding-left:8px;
  padding-right:8px;
  height:25px;
  overflow:hidden;
  line-height:21px;
  border-radius:18px;
  left:20px;
  bottom:14px;
  border:solid 1px #f0f0f0;
  color:#666;
  text-align:center;
  font-size:14px;
  cursor:pointer;
  transition:var(--default-transition);
}

.searchWindow_main_regionyBtn:hover{
  background-color:var(--color-main-1) ;
  color:#000;
}


@media all and ( max-width: 400px ) {
  .searchWindow_main_regionyBtn{
    display:none;
  }
}



.searchWindow_main_close {
  position: absolute;
  height: 32px;
  overflow: hidden;
  left: var(--default-margin);
  top: var(--default-margin);
  border: solid 1px #f0f0f0;
  text-align: center;
  box-sizing: border-box;
  cursor: pointer;
  line-height: 30px;
  font-size: 13px;
  padding: 0px 10px;
  border-radius: var(--default-radius);
  transition:all 250ms ease;
  background-image:url(/skin/img/arrow-left.svg);
  background-position:10px;
  background-size: 10px 10px;
  background-repeat: no-repeat;
  padding-left:25px;
}

.searchWindow_main_close:hover{
  background-color:var(--color-main-1) ;
  color:#000;
}



.searchWindow_main_choose{
  position:absolute;
  height:30px;
  width:100px;
  overflow:hidden;  
  line-height:30px;
  right:12px;
  bottom:12px;  
  color:#fff;  
  background: var(--color-btn-action-bg-hv);
  color: var(--color-btn-action-font-hv);
  text-align:center;
  font-size:16px;
  cursor:pointer;
  border-radius:var(--default-radius);
  transition:all 250ms ease;
}


.searchWindow_main_choose:hover{
  background: var(--color-main-1);
  color: #000;
}


/*************************************************************
  okienko z dziećmi
*************************************************************/
.searchWindow_main_items_children{
  font-size:15px;
  color:#666;
  font-weight: normal;
}

.searchWindow_main_items_children_select{
  font-size: 15px !important;
  border: solid 1px #ddd !important;
  height: 33px;
  line-height: 33px;
  color: #666;
  width: 100%;
  border-radius:var(--default-radius);
  margin-top: 5px;
  margin-bottom: 5px;
}


/*************************************************************
  główne parametry KONTENERA okienk dropDown
*************************************************************/

.searchWindow_main_dropDown div{
  box-sizing:border-box;
}

.searchWindow_main_dropDown {
  position:fixed ;
  overscroll-behavior-y: none;
  left:0px;
  right:0px;
  width:calc(100%);
  top:2px;
  bottom:2px;
  background-color:#eee;
  overflow:hidden;
  display:none;
  background-image:url(/skin/img/wait-spin.svg);
  background-position: center;
  background-repeat: no-repeat;
  z-index:9999999999;
  font-weight: normal;


  border-radius:var(--default-radius);
  margin-top:2px;
  -webkit-box-shadow: 0px 0px 14px 1px rgba(0,0,0,0.35);
  -moz-box-shadow: 0px 0px 14px 1px rgba(0,0,0,0.35);
  box-shadow: 0px 0px 14px 1px rgba(0,0,0,0.35);
}

.searchWindow_main_dropDown_countryRegion{
  position:fixed ;
  left:0px;
  right:0px;
  width:calc(100%);
  top:2px;
  bottom:2px;
  background-color:#eee;
  overflow:hidden;
  display:none;
  background-image:url(/skin/img/wait-spin.svg);
  background-position: center;
  background-repeat: no-repeat;
  z-index:9999999999;
  font-weight: normal;

  border-radius:var(--default-radius);
  margin-top:2px;
  -webkit-box-shadow: 0px 0px 14px 1px rgba(0,0,0,0.35);
  -moz-box-shadow: 0px 0px 14px 1px rgba(0,0,0,0.35);
  box-shadow: 0px 0px 14px 1px rgba(0,0,0,0.35);
}

.searchWindow_main_dropDown_dateDepFromRetTo {
  position:fixed ;
  left:0px;
  right:0px;
  width:calc(100%);
  top:2px;
  bottom:2px;
  background-color:#eee;
  overflow:hidden;
  display:none;
  background-image:url(/skin/img/wait-spin.svg);
  background-position: center;
  background-repeat: no-repeat;
  z-index:9999999999;
  font-weight: normal;
  font-size:14px;

  border-radius:var(--default-radius);
  margin-top:2px;
  -webkit-box-shadow: 0px 0px 14px 1px rgba(0,0,0,0.35);
  -moz-box-shadow: 0px 0px 14px 1px rgba(0,0,0,0.35);
  box-shadow: 0px 0px 14px 1px rgba(0,0,0,0.35);
}


@media all and ( min-width: 1024px ) and (min-height: 600px) {

  .searchWindow_main_dropDown {
    position:absolute ;
    width:380px;
    left:2px;
    top:35px;
    right:auto;
    bottom:auto;
    overflow:hidden;
  }

  .searchWindow_main_dropDown_dateDepFromRetTo {
    position:absolute ;
    width:640px;
    left:2px;
    top:35px;
    right:auto;
    bottom:auto;
    overflow:hidden;
  }

  .searchWindow_main_dropDown_countryRegion{
    position:absolute ;
    width:800px;
    left:2px;
    top:35px;
    right:auto;
    bottom:auto;
    overflow:hidden;
  }

}

#searchWindow_main_ddfContainer{
  overflow:hidden;
}


/**
 * Swiper 8.1.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: April 24, 2022
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}


/* *****************************************************************************
  SLIDER
*/

.news-sl-offers-cnt{
  margin-top:var(--default-margin);
  position:relative;
  width:100%;
  float:left;
  box-sizing:border-box;
}

.news-sl-offers{
  width:100%;
  float:left;
  box-sizing:border-box;
  padding-bottom:60px;
}

.news-sl-offers-cnt .swiper-scrollbar{
  display:none;
}

#news-sl-offers-next{
  display: none;    
  position: absolute;
  background: #fff;
  z-index: 1;
  right: -50px;
  top: calc(50% - 36px);  
  height: 40px;
  width: 40px;
  background-image: url(/skin/img/arrow-right.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px 12px;
  border-radius:20px;
  cursor:pointer;
  background-color:var(--color-main-1);
}

#news-sl-offers-prev{
  display: none;    
  position: absolute;
  background: #fff;
  z-index: 1;
  left: -50px;
  top: calc(50% - 36px);  
  height: 40px;
  width: 40px;
  background-image: url(/skin/img/arrow-left.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px 12px;
  border-radius:20px;
  cursor:pointer;
  box-sizing:border-box;
  background-color:var(--color-main-1);
}

#news-sl-offers-prev:hover, #news-sl-offers-next:hover{
  opacity:0.7;  
}

#news-sl-offers-pagination{
  text-align:center;
  padding-top:20px;
}

.news-sl-offers-pag-itm, .news-sl-offers-pag-itm-a{
  display:inline-block;
  width:16px;
  height:16px;
  background-color:#b8b8b8;
  border-radius:8px;
  margin:0px 7px;
  cursor:pointer;
}

.news-sl-offers-pag-itm-a{
  background-color:var(--color-main-1);
}



/* *****************************************************************************
  BOX / ITEM
*/

.news-sl-offers .item{
  background:#fff;
  box-shadow: 0px 0px 7px 0px #00000022;
  padding:10px;
  box-sizing:border-box;
  position:relative;
  border-radius:5px;
  display:block;
  overflow:hidden;
  padding-bottom:70px;
  transition:all 300ms ease;
  color:#000;
}

.news-sl-offers .item .image-wrapper{
  width:calc(100% + 20px);
  height:180px;
  position:relative;
  overflow:hidden;
  top:-10px;
  left:-10px;
}

.news-sl-offers .item .image-wrapper>img{
  width:100%;
  height:100%;
  object-fit: cover;
  transition:all 250ms ease;
  image-rendering: pixelated;
}

.news-sl-offers .item .info-wrapper>span:nth-of-type(1){
  font-size:15px;
  display: block;
  padding-top:9px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}

.news-sl-offers .item .info-wrapper>h3{
  font-size:16px;
  margin:0px;
  padding:2px 0px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space: nowrap; 
}

.news-sl-offers .item .info-wrapper>span:nth-of-type(2){
  display:block;
  width:100%;
  padding-bottom:6px;
}

.news-sl-offers .item .info-wrapper>span:nth-of-type(2)>img{
  margin-right:2px;
  width:13px;
  height:12px;
}

.news-sl-offers .item .opis1,
.news-sl-offers .item .opis2,
.news-sl-offers .item .opis3
{
  display:block;
  width:100%;
  padding-bottom:3px;
  padding-left:30px;
  background-position:0px 2px;
  background-size:15px 15px;
  background-repeat:no-repeat;
  font-size:15px;
}

.news-sl-offers .item .opis1{
  background-image:url(/skin/img/ico-ofr-calendar.svg);
  background-size:15px 15px;
}

.news-sl-offers .item .opis2{  
  background-size:15px 15px;
}

.news-sl-offers .item .opis3{
  background-image:url(/skin/img/ico-ofr-meal.svg);
  background-size:15px 15px;
}

.news-sl-offers .item .cena-box{
  position:absolute;
  bottom:10px;
  left:10px;
  right:15px;
  box-sizing:border-box;
  padding:0px 0px;
  margin:0px;
}

.news-sl-offers .item .cena-old{
  float:left;
  font-size:15px;
  display:inline-block;
  position:relative;
  top:14px;
  margin-left:8px;
}
.news-sl-offers .item .cena-old:after{
  content:'';
  position:absolute;
  left:-8px;
  right:-8px;
  top:11px;
  height:1px;
  background:#999;
}

.news-sl-offers .item .price{
  float:right;
  font-size:22px;
  color:#000;
  display:inline-block;
  transition:all 250ms ease;
  padding:0px 15px;
  background:var(--color-main-1);
  height:48px;
  line-height:48px;
  border-radius:24px;    
  
}

.news-sl-offers .item .promo{  
  height:26px;
  line-height:26px;
  color:#fff;
  padding:0px 7px;
  background:var(--color-main-4);
  border-radius:13px;
  display:inline-block;
  font-size:16px;
  margin-right:8px;
  position:relative;
  top:-2px;
  font-weight:400;
}

.news-sl-offers .item:hover .info-wrapper>span{
  transition:var(--default-transition);
}

.news-sl-offers .item:hover .info-wrapper>span{
  filter: brightness(0.3);
}


.news-sl-offers .item:hover{
  background:var(--color-main-1);
}

.news-sl-offers .item:hover .price{
  background:#fff;
}




.notes_inNotes {
  width:44px;
  height:46px;
  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:44px;
  height:46px;
  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-main-1);
  color:#000;
  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{
  height:120px;
  position:relative;
  background:#fff;
  font-size:var(--default-font-size);
  margin-top:5px; /* miejsce na kreskę postępu czytania */
}



.sk-search{
  float:right;
  cursor:pointer;
  margin-top:44px;
  display:inline-block;
  margin-left: 25px;
}

.sk-search > img{
  width:26px;
  height:26px;
}

.sk-top-phone{
  font-size:18px;
  float:right;
  cursor:pointer;
  margin-top:43px;
  display:inline-block;
  padding-left:40px;
  background-size:26px 26px;
  background-repeat:no-repeat;
  background-position:left;
  background-image:url('/skin/img/inoflinia-home.svg');
  color:var(--text-color-general);
  transition: var(--default-transition);
  margin-left: 25px;
}

.sk-top-phone:hover{
  background-size:28px 28px;
  text-decoration:underline;
}

.sk-top-ukraine{
  width:48px;
  height:48px;
  box-sizing: border-box;
  float:right;
  background-size:30px 30px;
  background-repeat:no-repeat;
  background-position:center;
  background-image:url('/skin/img/ukraine.svg');
  margin-top:35px;
  cursor:pointer;
  border:0px;
  background-color:unset;
}

/************************************************************
  Header 23-lata
************************************************************/

.sk-23-lata{
  display:block;
  position:absolute;
  width:120px;
  height:41px;  
  left:330px;
  top:35px;
  background: rgb(71,181,245);
  background: linear-gradient(270deg, rgba(71,181,245,1) 0%, rgba(10,131,201,1) 100%);
  padding:0px;
  line-height:1;
  color:#fff;
  border-radius:3px;
  transition:all 100ms ease;
}

.sk-23-lata:hover{
  background: linear-gradient(270deg, var(--color-main-1) 0%, var(--color-main-1) 100%);
  color:var(--color-main-2);
}

.sk-23-lata .e1{
  position:absolute;
  top:3px;
  left:5px;
  font-size:35px;
  font-weight:bold;
  transition:all 100ms ease;
}

.sk-23-lata .e2{
  position:absolute;
  top:4px;
  left:50px;
  font-size:21px;
  font-weight:bold;
  transition:all 100ms ease;
}

.sk-23-lata .e3{
  position:absolute;
  top:24px;
  left:50px;
  font-size:13px;
  font-weight:bold;
  transition:all 100ms ease;
}

/************************************************************
  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{
  float:right;
  position:relative;
  height:22px;
  width:22px;
  display:inline-block;
  float:right;
  top:45px;
  line-height:22px;
  margin-left:25px;
  margin-right:11px;
}

.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:-8px;
  top:-8px;
  line-height:16px;
  text-align:center;
  background:var(--color-main-3);
  color:#fff;    
  transition:all 300ms ease;
  font-size:11px;
  border:0px;
  box-sizing:border-box;
}


/************************************************************
  LOGO
************************************************************/
header .logo img{
  height:55px;
  width:272px;
  margin-top:15px;
  float:left;
  transition:var(--default-transition);
}

header .logo .text{
  font-size: 16px;
  font-style: italic;
  font-weight: bold;
  transform: scale(0.8,1);
  font-weight: bold;
  position: absolute;
  top: 73px;
  left: 22px;
  transition:var(--default-transition);
}

header .logo .text>span:nth-of-type(1){
  color: var(--color-main-1);
}
header .logo .text>span:nth-of-type(2){
  color: var(--color-main-2);
}

header .logo:hover img{
  transform: scale(1.03);
}



/************************************************************
  Mixed RWD rules
************************************************************/

@media all and ( max-width: 960px ){
  
  .sk-top-phone{
    width:0px;
    height:28px;
    margin-left:20px;
    padding-left:28px;
  }
  
  .sk-top-phone>span{
    display:none;    
  }
}


@media all and ( max-width: 760px ){
  
  header{
    height:60px;
  }
  
  header .logo .text{
    display:none;
  }
  
  header .logo img{
    width:140px;
    height:45px;
    margin-top:4px;
  }
  
  .sk-23-lata{ display:none; } 
  .sk-top-ukraine{ margin-top:18px; height:20px;margin-left:0px; }
  .sk-top-phone{ margin-top:12px; }
  .sk-search{ margin-top:13px; }
  .sk-notes{ top:unset; margin-top:17px; }
  #sk-menu-top-btn{ margin-top:26px !important; }
  
}


@media all and ( max-width: 460px ){
  .sk-top-phone{ margin-left:15px }
  .sk-search{ margin-left:15px }
  .sk-notes{ margin-left:15px }
  #sk-menu-top-btn{ margin-left:10px }  
}

@media all and ( max-width: 420px ){
  header .logo img{
    width:120px;
  }
}

@media all and ( max-width: 380px ){
  header .logo img{
    width:100px;
  }
}

@media all and ( max-width: 359px ){
  header .logo img{
    width:45px;
  }
}




.autosuggest-container{
  position:relative;
  float:left;
  width:calc(100% - 54px);
}

.autosuggest-input{
  width:100%;
  margin:0px;
  padding:4px;
  width:100%;
  box-sizing:border-box;
}

.autosuggest-input::placeholder{
  color:#aaa;
}

.autosuggest-btn-go{
  margin-left:10px;
  padding:2px 10px 2px 10px;
  background:#eee;
  color:#777;
  cursor:pointer;
}

.autosuggest-btn-go:hover{
  background:#ddd;
}

.autosuggest-results-container{
  padding: 0px;  
  padding-bottom:50px;
  background: #fff;
  position: absolute;
  left: 0px;
  min-width: 300px;
  max-width:400px;
  z-index: 9999;
  -webkit-box-shadow: 0px 0px 14px 1px rgba(0,0,0,0.35);
  -moz-box-shadow: 0px 0px 14px 1px rgba(0,0,0,0.35);
  box-shadow: 0px 0px 14px 1px rgba(0,0,0,0.35);
  border-radius:var(--default-radius);
  top:70px; 
  text-align:left;
  overflow:hidden;
}

.autosuggest-results-container div, .autosuggest-results-container span{
  box-sizing: border-box;
}

.autosuggest-results-close{
  position:absolute;
  top:var(--default-margin);
  right:var(--default-margin);
  background-image:url(/skin/img/close.svg);
  background-position:center;
  background-size:12px 12px;
  background-repeat:no-repeat;
  box-sizing:border-box;
  width:30px;
  height:30px;
  cursor:pointer;
  z-index:999;
  border-radius:15px;
  line-height:30px;
  text-align:center;
  transition:var(--default-transition);
  box-shadow:var(--default-shadow);
}

.autosuggest-results-close:hover{
  background: #666666;
  color: #FFFFFF;
}

.autosuggest-results-title{
  color: #333;
  padding: var(--default-margin);
  display:block;
}


/* **************************************************** WYNIKI ***************************** */

.autosgst-destinations{
  clear:both;
  background:#f8f8f8;
  color:var(--text-color-general);
  font-size:14px;
  padding:10px 0 ;
  padding-left:10px;
}

.autosgst-hotels{
  clear:both;
  background:#f8f8f8;
  color:var(--text-color-general);
  font-size:14px;
  padding:10px 0 ;
  padding-left:10px;
}

.autosgst-message{
  clear:both;
  background:#fff;
  color:var(--text-color-general);
  font-size:16px;
  padding:40px 0px;
  text-align:center;
}

.autosgst-btn{
  float: right;
  cursor: pointer;
  padding: 10px 10px;
  font-size: 14px;
  border-radius: var(--default-radius);
  min-width: 90px;
  text-align: right;
  text-decoration:none !important;
  background: var(--color-btn-action-bg);
  color: var(--color-btn-action-font);
  transition:var(--default-transition);
}

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

.autosgst-hotel-box{
  padding:10px 0px;
  padding-left:170px ;
  border-bottom:solid 1px #eee;
  position:relative;
  overflow:hidden;  
}

.autosgst-hotel-image{
  position:absolute;
  top:10px;
  left:0px;
  bottom:10px;
  width:150px;
  height:calc(100% - 20px);
  border-radius:2px;
  background-position:center;
  background-size:cover;
}

.autosgst-hotel-title{
  font-size:18px;
  font-weight:bold;
  color:var(--text-color-general);
  width:100%;
  height:30px;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.autosgst-hotel-category{
  padding-top:0px;
}

.autosgst-hotel-category img{
  width:14px;
  height:14px;
}

.autosgst-hotel-localization{
  padding-top:8px;
  font-size:12px;
  color:var(--text-color-general);
  font-weight:normal;
}

.autosgst-hotel-more:hover{
  background:#e50;
}

.autosgst-region-box{
  padding: 5px 0px;
  border-bottom:solid 1px #eee;
  overflow:hidden;
  clear:both;
}

.autosgst-region-text{
  float: left;
  font-size:14px;
  color:var(--text-color-general);
  padding-top:10px;
  max-width:calc(100% - 120px);
 
}

.autosgst-region-btn:hover{
  background:#e50;
}

.autosuggest-results-list{
  max-height:400px;
  overflow:auto;
  padding:var(--default-margin);
  display:block;
}


.autosgst-more-results{
  display:block;
  width:100%;
  box-sizing:border-box;
  padding:8px;
  font-size:13px;
  text-align:center;
  position: absolute;
  bottom: 0px;
  left: 0px;
  cursor:pointer;
  background: var(--color-btn-action-bg);
  color: var(--color-btn-action-font);
  transition:var(--default-transition);
  border-top:solid 6px #fff;
}

.autosgst-more-results:hover{
  background: var(--color-btn-action-bg-hv);
  color: var(--color-btn-action-font-hv);
}

/* w sumie to zawsze będzie w wąskim okienku więc nadpisuję ustawienia desktop
   ale zostawiam podział gdyby jednak ktoś chciał to użyć na fullscreen */
   
   
@media screen and (min-width: 1px) {
  .autosgst-hotel-box{
    padding:10px 0px;
    padding-left:0px ;
    padding-top:103px ;
    padding-bottom:10px;
  }

  .autosgst-hotel-image{
    position:absolute;
    top:10px;
    left:0px;
    bottom:10px;
    width:100%;
    height:90px;
    object-fit:cover;
  }

  .autosgst-hotel-localization{
    width: calc(100% - 120px);
  }

}


@media screen and (max-width: 800px) {
  .autosuggest-results-container{
    position:fixed;
    left:var(--default-margin);
    max-width:initial;
    width:calc(100% - calc( 2 * var(--default-margin) )) ;
    top:130px;
    box-sizing:border-box;
  }
}


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

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

/************************************************************
  Sunit
************************************************************/

.sk-sunit{
  position:relative;
  overflow:hidden;
  z-index:1;
}

.sk-sunit .sksun{
  position:absolute;
  bottom:-50%;
  height:50%;
  left:0px;
  height:50%;
  width:100%;
  box-sizing:border-box;
  background-image:url(/skin/img/ico-sun.svg);
  background-position:top;
  background-size:200% 200%;
  transition:var(--default-transition);
  opacity:0.5;
  z-index:-1;
  overflow:hidden;
}

.sk-sunit:hover .sksun{
  bottom:-0%;
}

@media all and ( max-width: 1024px ){
  .sk-sunit .sksun{
    bottom:-0%;
  }
}

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


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

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

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

@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 - napisy
************************************************************/
.sk-footer-bottom{
  padding: 30px 0px;
  box-sizing: border-box;
  display: block;
  background: var(--color-main-light-2);
  overflow:hidden;
}

.sk-footer-bottom .sk-row>span{
  float:left;
  display:block;
  font-size:14px;
  line-height:27px;
  height:27px;
  color:var(--text-color-general);
  transition:all 300ms ease-out;
  margin-top:3px;
}


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

  .sk-footer-bottom .sk-row>span{
    width:100%;
    line-height:1.5;
    height:unset;
  }
  
  .sk-footer-bottom a,
  .sk-footer-bottom span{
    width:100%;
    text-align:center;
  }
  
}

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

.sk-social .left{
  text-align:center;
  float:left;
  width:50%;
}

.sk-social .left a{
  display:inline-block;
  margin:12px;
  line-height:32px;
}

.sk-social .left a img{
  width:32px;
  height:32px;
  transition:all 350ms ease;
}

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


.sk-social .right{
  text-align:center;
  float:right;
  width:50%;
}

.sk-social .right a img{
  height:32px;
  margin:12px;
  transition:all 350ms ease;
}

.sk-social .right a img:hover{
  filter: grayscale(1);
}

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

  .sk-social .left,
  .sk-social .right{
    width:100%;
  }
  
  .sk-social .right{
    margin-top:var(--default-margin);
  }
  
}




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

.sk-footer-columns-cnt{
  padding: calc(3* var(--default-margin)) 0px calc(2* var(--default-margin)) 0px;
}

.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:15px;
  padding-bottom:25px;
  font-weight:normal;
}

.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:30px;
  line-height:30px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space: nowrap;  
  color:var(--text-color-general);
  transition:all 0.3s ease;
  font-size:var(--font-size-defaut-text-small);
}
.sk-menu-bottom>a:hover{
  text-decoration:underline;
}

.sk-footer-columns h2{
   font-weight:bold;
 }


@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{
    background:var(--color-main-light-gray);
    padding:10px 15px;
    border-radius:var(--default-radius);
  }
  
  .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 var(--color-main-light-2);    
    transition:var(--default-transition);
  }
  
  .sk-menu-bottom>a:hover{
    text-decoration:none;
    background-color:var(--color-main-1);
  }
    
}

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

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


}