


/* *************************************************************************************************
  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:1300px;
  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: 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+ */
}


h2.main-title{
  color:var(--color-main-1);
  font-size:36px;
  width:100%;
  position:relative;
  padding-bottom:50px;
  text-align:center;
  margin:calc(3 * var(--default-margin)) 0px;
  font-weight:normal;
}

h2.main-title:before{
  content:'';
  position:absolute;
  bottom:0px;
  width:180px;
  left:calc(50% - 16px);
  width:32px;
  height:32px;
  background-image:url(/skin/img/ico-wakacje-wczasy.svg);
  background-size:32px 32px;
  background-position:center;
  background-repeat:no-repeat;
  background-color:#fff;
  z-index:1;
}

h2.main-title:after{
  content:'';
  position:absolute;
  bottom:16px;
  width:180px;
  left:calc(50% - 90px);
  height:1px;
  background:var(--color-main-1);
}



/**
 * 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}



.box-tiles{
  width:100%;
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  grid-gap:60px 30px;
}

.box-tiles .item{
  width:100%;
  position:relative;
  overflow:hidden;
  height:320px;
  overflow:hidden;  
  border-radius:var(--default-radius);
  transition:var(--default-transition);
}

.box-tiles .item:after{
  position:absolute;
  right:0px;
  bottom:5px;
  content:'';
  background-size:20px 20px;
  background-image:url(skin/img/arrow-right-white.svg);
  background-position:0 0;
  background-repeat:no-repeat;
  width:calc( 20px + var(--default-margin) );
  height:calc( 20px + var(--default-margin) );
  
}

.box-tiles .item img{
  width:100%;
  height:100%;
  object-fit:cover;
  position:absolute;
  inset:0px 0px 0px 0px;  
  transition:var(--default-transition);
}


.box-tiles .item span{
  padding:var(--default-margin);
  padding-top:45px;
  padding-right:45px;
  position:absolute;
  bottom:0px;
  left:0px;
  right:0px;
  width:100%;
  box-sizing:border-box;
  font-size:23px;
  color:#fff;
  background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.7) 70%);
  text-overflow:ellipsis;
  overflow:hidden;
  white-space: nowrap;
  display:block;
  transition:var(--default-transition);
}

.box-tiles .item:hover{
  box-shadow:var(--default-shadow);
}

.box-tiles .item:hover img{
  transform:scale(1.05);
}

.box-tiles .item:hover span{
  background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.8) 70%);
}


@media all and ( max-width: 960px ){
  .box-tiles{
    grid-template-columns:1fr 1fr;
    grid-gap:30px 30px;
  }
}

@media all and ( max-width: 620px ){
  .box-tiles{
    grid-template-columns:1fr;
    grid-gap:30px 30px;
  }
}


.sk-main-slider-cnt{
  width:100%;
  float:left;
  height:530px;
  overflow:hidden;
  position:relative;
}

.sk-main-slider{
  width:100%;
  height:530px;
  float:left;
}

.sk-main-slider .item{
  height:530px;
  width:100%;
  position:relative;  
  border-radius:var(--default-radius);
  overflow:hidden;
}  


.sk-main-slider .item img{
  position:absolute;
  inset:0px 0px 0px 0px;
  width:100%;
  height:100%;
  object-fit:cover;
}


.sk-main-slider .item .text{
  width:100%;
  position:absolute;
  left:0px;
  top:50%;
  transform:translateY(-50%);
  background: radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.02) 100%);
  padding:30px;
  text-align:center;
  color:#fff;
}

.sk-main-slider .item .text h2{
  font-size:50px;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
}

.sk-main-slider .item .text div{
  font-size:18px;
  font-weight:bold;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4);
}


#main-slider-prev,
#main-slider-next{
  position:absolute;
  z-index:1;
  height:70px;
  width:70px;
  background-color:#fff;
  top:calc(50% - 35px);
  z-index:1;
  border-radius:35px 35px 35px 35px;
  background-size:20px 20px;
  background-repeat:no-repeat;
  cursor:pointer;
}

#main-slider-prev{
  left:-35px;
  background-image:url(/skin/img/arrow-left.svg);
  background-position:31px center;
  transition:var(--default-transition);
}

#main-slider-next{
  right:-35px;
  background-image:url(/skin/img/arrow-right.svg);
  background-position:19px center;
  transition:var(--default-transition);
}

#main-slider-prev:before{
    content: '';
    position: absolute;
    top: -22px;
    left: 30px;
    width: 40px;
    height: 25px;
    background: radial-gradient(180% 180% at right -92% top -9%, transparent 99%, #fff);
    transition:var(--default-transition);
}

#main-slider-prev:after{
    content: '';
    position: absolute;
    top: 67px;
    left: 30px;
    width: 40px;
    height: 25px;
    background: radial-gradient(180% 180% at right -92% top -9%, transparent 99%, #fff);
    transform: scaleY(-1);
    transition:var(--default-transition);
}

#main-slider-next:before{
    content: '';
    position: absolute;
    top: -22px;
    left: 0px;
    width: 40px;
    height: 25px;
    background: radial-gradient(180% 180% at right -92% top -9%, transparent 99%, #fff);
    transform: scaleX(-1);
    transition:var(--default-transition);
}

#main-slider-next:after{
    content: '';
    position: absolute;
    top: 67px;
    left: 0px;
    width: 40px;
    height: 25px;
    background: radial-gradient(180% 180% at right -92% top -9%, transparent 99%, #fff);
    transform: scale(-1);
    transition:var(--default-transition);
}

#main-slider-prev:hover,
#main-slider-next:hover{
  filter:brightness(3);
}

#main-slider-pagination{
  width:100%;
  text-align:center;
  margin:30px 0px;
  overflow:hidden;
}

.main-slider-pag-itm,
.main-slider-pag-itm-active{
  width:12px;
  height:12px;
  margin:8px;
  border-radius:6px;
  background-color:#CCCCCC;
  display:inline-block;
  cursor:pointer;
}

.main-slider-pag-itm-active{
  background-color:var(--color-main-1);
}


.sk-main-slider .item .btn{
  position:absolute;
  bottom:60px;
  left:50%;
  transform:translateX(-50%);
  height:40px;
  line-height:40px;
  padding:0px 25px;
  border-radius:20px;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.5);
  transition:var(--default-transition);
  color:#fff;
  font-size:18px;
  font-weight:300;
  background:var(--color-main-1);
  cursor:pointer;
  text-decoration:none;
}

.sk-main-slider .item .btn:hover{
  background:var(--color-main-2);
  color:#000;
}


@media all and ( max-width: 720px ){
  .sk-main-slider .item .text h2{
    font-size:36px;
  }
  .sk-main-slider .item .text div{
    margin-top:10px;
    font-size:16px;
    font-weight:normal;
  }
}

@media all and ( max-width: 460px ){
  .sk-main-slider .item .text h2{
    font-size:30px;
  }
}


.single-photo{
  width:100%;
  float:left;
  margin:calc( 1 * var(--default-margin) ) 0px 5px 0px;
  box-sizing:border-box;
}

.single-photo .item{
  display:block;
  width:100%;
  height:280px;
  float:left;
  margin-top:var(--default-margin);
  position:relative;
  box-sizing:border-box;
  overflow:hidden;
}

.single-photo .item img{
  position:absolute;
  inset:0px 0px 0px 0px;
  object-fit:cover;
  transition:var(--default-transition);
}

.single-photo .item .btn{
  position:absolute;
  display:block;
  top:50%;
  left:50%;
  transform:translateX(-50%) translateY(-50%);
  height:40px;
  line-height:40px;
  padding:0px 25px;
  border-radius:20px;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.5);
  transition:var(--default-transition);
  color:#fff;
  font-size:18px;
  font-weight:300;
  background:var(--color-main-1);
  cursor:pointer;
  text-decoration:none;
}

.single-photo .item .btn:hover{
  background:var(--color-main-2);
  color:#000;
}



.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:100vh;
  background-image:url(/skin/img/main-bg-65.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-65-1024.webp);
  }
}

@media all and ( max-width: 560px ){
  header{
    background-image:url(/skin/img/main-bg-65-560.webp);
  }
}


/*************************************************************
 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:11px;
  height:11px;
  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:160px;
  left:15px;
  right:15px;
}


@media all and ( min-width: 1024px ) {
  .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-weight:normal  !important;

}

.searchWindow_main_title_countryRegion_search{
  width:calc(100% - 35px) !important;
  margin:0px !important;
  padding:6px !important;
  background:#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);
  padding-left:8px !important;
  font-size:16px !important;
  font-weight:normal !important;  
  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: var(--color-btn-action-bg);
  color: var(--color-btn-action-font);
}


.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;
}


@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-btn-action-bg);
  color: var(--color-btn-action-font);
}



.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);
  color: var(--color-btn-action-font);
  text-align:center;
  font-size:16px;
  cursor:pointer;
  border-radius:var(--default-radius);
  transition:all 250ms ease;
}


.searchWindow_main_choose:hover{
  background: var(--color-btn-action-bg-hv);
  color: var(--color-btn-action-font-hv);
}


/*************************************************************
  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: 4px;
  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:2px;
  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:2px;
  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:2px;
  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 ) {

  .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;
}


:root{
  --ksi-checkbox-size:22px;
  --ksi-checkbox-color-1:var(--color-main-2);
  --ksi-checkbox-color-2:var(--color-main-2);
}

/* The container */
.fs-chk-container {
  display: block;
  position: relative;
  padding-left: calc( var(--ksi-checkbox-size) + var(--default-margin) );
  margin-bottom: 0px;
  cursor: pointer;
  color:#333;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.fs-chk-container>input {
  position: absolute;
  opacity: 0;
  height: 0;
  width: 0;
}

.fs-chk-container .fs-chk-checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: var(--ksi-checkbox-size);
  width: var(--ksi-checkbox-size);
  border-radius:var(--default-radius);
  border:solid 1px #ffffffaa;
  background-color:#00000000;
  transition:var(--default-transition);
}

.fs-chk-container:hover input ~ .fs-chk-checkmark {
  background-color: #ffffff22;
}

.fs-chk-container:hover input:checked .fs-chk-checkmark {
  background-color: #FFFFFF;
}

.fs-chk-container .fs-chk-checkmark:after {
  content: '';
  position: absolute;
  opacity: 0;
  transition:var(--default-transition);
  transform: translateX(-50%) translateY(-60%) rotate(405deg);
}

.fs-chk-container input:checked ~ .fs-chk-checkmark:after {
  opacity: 1;
  transform: translateX(-50%) translateY(-60%) rotate(45deg);
}

.fs-chk-container .fs-chk-checkmark:after {
  position:absolute;
  left: 50%;
  top: 50%;
  width: 40%;
  height: 70%;
  border: solid var(--ksi-checkbox-color-2);
  box-sizing:border-box;
  border-width: 0 3px 3px 0;
}



.search-main-cnt{
  display:block;
  float:left;
  width:100%;
  max-width:300px;
  padding-top:60px;
}

.search-main ::placeholder{
  color:#fff;
  font-weight:normal;
  font-family:var(--default-font);
}

.search-main label{
  color:#fff;
  font-size:15px;
}

.search-main .field{
  box-sizing:border-box;
  width:100%;  
  margin-bottom:14px;
  position:relative;  
}

.search-main .fld-half{
  width:calc(50% - 7px);
  position:relative;
}

.search-main .search-cbs>div{
  display:block;
  float:left;
  width:50%;
  box-sizing:border-box;
  overflow:hidden;
  margin:8px 0px;
  height:24px;
}

.search-main .fld-half.adt{ float:left; }
.search-main .fld-half.chd{ float:right; }

.search-main input[type='text']{
  width:100%;
  background:#000000aa;
  color:#fff;
  height:48px;
  box-sizing:border-box;
  border:solid 1px #ffffffaa;
  padding-left:54px;
  padding-right:30px;
  cursor:pointer;
  border-radius:var(--default-radius);
  font-family:var(--default-font);
  font-size:16px;
  transition:var(--default-transition);
  background-position:12px center, calc(100% - 12px) center;
  background-size:24px 24px, 12px 9px;
  background-repeat:no-repeat, no-repeat;
}

.search-main input[type='text']:hover{
  border:solid 1px #ffffff;
  background-color:#000000bb;
}

.search-main .frame{
  margin-top:25px;
  width:100%;
  float:left;
  padding:10px;
  box-sizing:border-box;
  border-radius:var(--default-radius);
  background:#000000aa;
  border:solid 1px #ffffffaa;
}

.search-main button{
  width:100%;
  box-sizing:border-box;
  background:var(--color-main-1);
  color:#fff;
  height:50px;
  line-height:50px;
  border:0px;
  border-radius:var(--default-radius);
  text-align:center;
  font-size:20px;
  font-family:var(--default-font);
  margin-top:25px;
  cursor:pointer;
  transition:var(--default-transition);
}

.search-main button:hover{
  background:var(--color-main-2);
  color:#000;
}


.search-main .srch-country-region input{ background-image:url(/skin/img/srch-countryRegion.svg), url(/skin/img/arrow-down-white.svg) ; }
.search-main .srch-departure-from input{ background-image:url(/skin/img/srch-departureFrom.svg), url(/skin/img/arrow-down-white.svg); }
.search-main .srch-date input{ background-image:url(/skin/img/srch-departureDate.svg), url(/skin/img/arrow-down-white.svg); }
.search-main .adt input{ background-image:none, url(/skin/img/arrow-down-white.svg); }
.search-main .chd input{ background-image:none, url(/skin/img/arrow-down-white.svg); }

.search-main .fld-half.adt input,
.search-main .fld-half.chd input{
  padding-left:90px;
  padding-right:40px !important;
  text-align:right;
}
.search-main .fld-half.adt:before,
.search-main .fld-half.chd:before{
  content:'';
  display:block;
  position:absolute;
  left:0px;
  top:0px;
  bottom:0px;
  color:#fff;
  line-height:48px;
  z-index:1;
  padding-left:12px;
}

.search-main .fld-half.adt:before{
  content:'Dorośli';
}

.search-main .fld-half.chd:before{
  content:'Dzieci';
}


@media all and ( max-width: 560px ){
  .search-main-cnt{
    max-width:unset;
    padding-top:30px;
  }
}



/************************************************************
  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 {
}