/* merged from: 'main/skin/variables-default.css','main/skin/general.css','main/skin/font-lato.css','main/skin/font-raleway.css','main/skin/uiGeneral.css','main/skin/elm-menu-top.css','main/skin/elm-simple-html.css','main/skin/elm-simple-header.css','main/skin/elm-s-mixed-list.css','main/skin/elm-paginator.css' */

/* file: main/skin/variables-default.css */

/*
  ZMIENNE GLOBALNE CSS
*/

:root{
  --default-background: #ffffff;
  /* -- Colors -- */     
  --default-color-0:#ffffff;
  --default-color-1:#2e1b6c;
  --default-color-2:#3da654;
  --default-color-3:#333333;
  --default-color-4:#ffffff;
  --default-color-5:#CCCCCC;
  --default-color-6:#1d8634;
  --default-color-7:#4c4c52;
  --default-color-8:#F5F5F5;
  --default-color-9:#EA5c6D;
  --default-color-A:#E1E1E1;
  --default-color-T1:#F0F0F0;
  --default-color-T2:#F9F9F9;
  --default-color-B:#9B3E84;
  
  --default-color:var(--default-color-1);
  --default-text-color-inv:var(--default-color-0);
  
  /* -- Font & sizes -- */  
  --default-font-size-mini:13px;
  --default-font-size-small:14px;
  --default-font-size:16px;
  --default-font-size-medium:18px;
  --default-font-size-big:20px;
  --default-font-size-huge:24px;
  --default-font-size-x-huge:30px;
  --default-font:'Lato';
  --default-font-2:'Raleway';
  --default-font-3:'Lato';
  --default-font-4:'Raleway';
  --default-font-weight:200;  
  
  /* -- ... -- */
  --default-margin:15px;
  --default-radius:4px;
  --default-radius-medium:6px;
  --default-radius-small:8px;
  --default-shadow:0px 0px 20px -4px rgba(0, 0, 0, 1);
  --default-shadow-lite:0px 0px 20px -12px rgba(0, 0, 0, 0.5);
  --default-transition:all 200ms ease-in;
}

/* file: main/skin/general.css */

/************************************************************
  General settings
************************************************************/
html {
  scroll-behavior:smooth;
  transition: all 300ms ease;
}

body{
  margin:0px;
  padding:0px;
  border:0px;
  box-sizing: border-box;
  background:var(--default-background);
  font-family: var(--default-font);
  font-weight: var(--default-font-weight);
  font-size: var(--default-font-size);
  height:100%;
}

section{}

div{
  box-sizing: border-box;
}

a{
  text-decoration: none;
  box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6{
  box-sizing: border-box;
  width:100%;
  float:left;
}

p{
  box-sizing: border-box;
  line-height:1.6;
}

hr{
  border:0px;
  border-bottom:dotted 1px var(--default-color-5);
  height:0px;
  margin:var(--default-margin) 0px;
}

.hide-prod{
  display:none;
}

.ui-tip{
  /*
  background-position: 10px 10px;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-image:url('/assets/template/main/skin/img/ico-tip.svg');
  padding-left: 45px;
  line-height: 2; 
  overflow:hidden;  
  width:100%;
  box-sizing:border-box;*/
}


/************************************************************
  General ui/sk settings
************************************************************/

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

.sk-button-1{
  padding:15px 5px;
  background:var(--default-color-1);
  color:var(--default-color-0);
  transition: var(--default-transition);
  cursor:pointer;
  display:block;
  text-align:center;
  border-radius: var(--default-radius);
  font-size:var(--default-font-size-medium);
}

.sk-button-1:hover{
  background:var(--default-color-3);
  color:var(--default-color-0);
}

.sk-button-2{
  padding:15px 25px;
  background:var(--default-color-2);
  color:var(--default-color-0);
  transition: var(--default-transition);
  cursor:pointer;
  display:inline-block;
  text-align:center;
  border-radius: var(--default-radius);
  font-size:var(--default-font-size-medium);
  font-weight:700;
}

.sk-button-2:hover{
  background:var(--default-color-B);
  color:var(--default-color-0);
}



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


/************************************************************
  columns
************************************************************/

.sk-module{ 
  padding-bottom:calc( 2 * var(--default-margin) );
}

.sk-left{
  width:calc( 100% - 337px );
  max-width:calc( 100% - 337px );
  float:left;
}

.sk-right{
  width:295px;
  float:right;
}

@media screen and (max-width: 1024px ){
  .sk-left{
    width:100%;
    max-width:unset;
  }
  
  .sk-right{
    width:100%;
  }
  
}

/************************************************************
  Header
************************************************************/
.sk-header{
}

.sk-logo-area{
  box-sizing:border-box;
  padding:var(--default-margin) 0px;
  display:inline-block;
  cursor:pointer;
}

.header-logo-a-cnt{
  display:block;
  float:left;  
  width:160px;
  height:60px;
  overflow:hidden;
}

.header-logo-a-cnt>img{
  width:100%;
  height:100%;
  object-fit:contain;
  transition:all 500ms linear;
}

.header-logo-b-cnt{
  display:block;
  height:50px;
  width:168px;
  float:left;  
  border-left:solid 2px var(--default-color-7);
  margin-left:var(--default-margin);
  padding-left:var(--default-margin);    
}

.header-logo-b-cnt>img{
  position:relative;
  width:100%;
  height:100%;
  object-fit:contain;
  top:3px;
  transition:all 3000ms linear;  
}

.sk-logo-area:hover .header-logo-b-cnt>img
{
  filter:hue-rotate(720deg);
}

.sk-logo-area:hover .header-logo-a-cnt>img{
  filter:grayscale(100%);
}

.sk-header-b{
  background-color:var(--default-color-2);
}

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

  .sk-logo-area{
    padding-left:60px;    
  }
  
  .header-logo-a-cnt{
    height:46px;
    width:126px;
  }

  .header-logo-b-cnt{
    height:40px;
    width:134px;
    transition:all 1000ms linear;  
  }
  
}

@media screen and (max-width: 400px ){
  
  .sk-logo-area{
    padding-top:18px;    
  }

  .header-logo-a-cnt{    
    height:calc(46px * 0.75);
    width:calc(126px * 0.75);
  }
  .header-logo-b-cnt{
    height:calc(40px * 0.7);
    width:calc(134px * 0.7);
  }
}



/************************************************************
  Header - icon buttons menu & search text
************************************************************/

.sk-top-buttons{
  position:absolute;
  right:0px;
  top:25px;
}

#am-header-search{
  height:44px;
  background-color:var(--default-color-T1);
  border:solid 1px var(--default-color-1);
  box-sizing:border-box;
  padding:0px var(--default-margin);
  border-radius:var(--default-radius-small);
  float:right;
  margin-left:var(--default-margin);
  font-family:var(--default-font-3);
  font-size:var(--default-font-size-medium);
  background-position:calc(100% - 15px) center;
  background-size:22px 22px;
  background-repeat:no-repeat;
  background-image:url('/assets/template/main/skin/img/ico-search.svg');  
}

#am-header-search::placeholder{
  font-size:var(--default-font-size-medium);
  font-family:var(--default-font-3);
  color:#888;
}

#am-header-accessibility,
#am-header-facebook,
#am-header-play-music,
#am-header-panel,
#am-header-cart{
  height:44px;
  width:44px;
  box-sizing:border-box;
  border:solid 1px var(--default-color-1);
  background-color:var(--default-color-T1);
  background-position:center;
  background-size:30px 30px;
  background-repeat:no-repeat;
  border-radius:var(--default-radius-small);
  float:right;
  margin-left:var(--default-margin);
  cursor:pointer;
  transition:var(--default-transition);
}

#am-header-accessibility:hover,
#am-header-facebook:hover,
#am-header-play-music:hover,
#am-header-panel:hover,
#am-header-accessibility:focus,
#am-header-facebook:focus,
#am-header-play-music:focus,
#am-header-panel:focus{
  border:solid 1px #000000FF;
  opacity:0.8;
}

#am-header-accessibility{
  background-image:url('/assets/template/main/skin/img/ico-disability.svg');
}
#am-header-panel{
  background-image:url('/assets/template/main/skin/img/ico-login.svg');
}
#am-header-cart{
  background-image:url('/assets/template/main/skin/img/ico-cart.svg');
  position:relative;
}
#cart-count{
  position:absolute;
  top:-10px;
  right:-10px;
  width:20px;
  height:20px;
  background:var(--default-color-2);
  color:#fff;
  border-radius:10px;
  transition:var(--default-transition);
  line-height:20px;
  text-align:center;
  box-sizing:border-box;
  font-size:13px;
}
@keyframes sk-jump-anim{
      0% {top:-10px;}
     15% {top:-20px; }
     30% {top:-10px; }
     45% {top:-15px;}
     60% {top:-10px; }
     75% {top:-12px; }
     90% {top:-10px; }
    100% {top:-10px; }
}
#am-header-cart:hover #cart-count{
  animation-name: sk-jump-anim;
  animation-duration: 0.8s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}


.sk-top-img-cnt{
  position: static;
  width:100%;
  height:200px;
  overflow:hidden;
  margin-bottom:var(--default-margin);
  margin-top:1px;
}

.sk-top-img-cnt>img{
  width:100%;
  height:100%;
  object-fit:cover;
}

@media screen and (max-width: 1024px ){
  
  .sk-header{
    height:auto;    
  }
  
  .sk-header-a .sk-row,
  .sk-header-b .sk-row{
    position:static;
    margin:0px;
  }
  
  .sk-header-a{
    height:auto;
    float:none;
  }
    
  .sk-header-b{
    position:absolute;
    top:0px;
    left:0px;
    height:calc( 44px + 2 * var(--default-margin) );
    background:var(--default-color-6);
    border:0px;
  }
  
  #sk-menu-top-btn-cnt{
    position:absolute;
    display:block;
    top:var(--default-margin);
    left:var(--default-margin);
    width:44px;
    height:44px;
  }
  
  .sk-top-buttons{
    top:18px;
  }

}

@media screen and (max-width: 800px ){
  .sk-top-buttons{
    width:calc(100% - 360px);
  }
  
  #am-header-search{
    margin-left:0px;
    width:calc(100% - 180px);
  }
}

@media screen and (max-width:720px ){
  .sk-top-buttons{
    position:static;
    float:left;
    width:100%;
    margin-bottom:var(--default-margin);    
  }  
  #am-header-search{
    float:left;
  }
}

/************************************************************
  Header - accessibility tools / popup
************************************************************/

.sk-accessibility-cfg{
  width:100%;
}

.sk-accessibility-cfg a{
  background:#fff;
  color:#000;
  font-size:var(--default-font-size-big);
  border-radius:var(--default-radius);
  padding:var(--default-margin);
  margin:var(--default-margin) 0px;
  display:block;
  width:100%;
  font-weight:bold;
}

.sk-accessibility-cfg a:hover,
.sk-accessibility-cfg a:focus{
  background:var(--default-color-3);
  color:var(--default-color-0);
}

.sk-accessibility-cfg ul{
  margin:0px;
  padding:0px;
  width:100%;
}
.sk-accessibility-cfg li{
  width:100%;
}

#sk-accessibility-first{
  font-size:var(--default-font-size-big);
}



/************************************************************
  Header - menu top accessibility
************************************************************/

#am-accessibility-menu{
  padding:10px 0;
  margin:0px;
  width:100%;
}

#am-accessibility-menu a{
  display:inline-block;
  color:var(--default-color-1);
  font-size:var(--default-font-size-big);
  margin-right:25px;
  transition:var(--default-transition);
  border-bottom:solid 2px rgba(0,0,0,0);
  background:#fff;
  padding:15px 15px;
  font-weight:bold;
}

#am-accessibility-menu a:hover,
#am-accessibility-menu a:focus{
  border-bottom:solid 2px var(--default-color-1);
}

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

.sk-menu-top{
  height:80px;
  line-height:80px;
  width:100%;
  margin:0px auto;
  display:block;
  padding-inline-start:0px;
  overflow:hidden;
}

.sk-menu-top a{
  display:block;
  float:left;
  color:var(--default-color-4);
  font-size:var(--default-font-size-big);
  font-weight:bold;
  padding:0px 30px;
  transition:var(--default-transition);
  position:relative;
}

.sk-menu-top a:hover,
.sk-menu-top a:focus{
  background:var(--default-color-1);
}

@media screen and (max-width: 1200px ){
  .sk-menu-top a{
    padding:0px 20px;
  }
}


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

footer{
  background:var(--default-color-7);
  padding:calc( 3 * var(--default-margin) ) 0px;
  color:var(--default-color-4);
  overflow:hidden;
}

.sk-footer-col-cnt{
  display:grid;
  grid-template-columns:1fr 1fr 1fr 1fr;
  grid-gap:30px 30px;
  width:calc( 75% );
  float:right;
}

.sk-footer-info-cnt{
  text-align:right;
  float:left;
}

.sk-footer-img-cnt{
  width:160px; 
}

.sk-footer-img-cnt>img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.sk-footer-text-info{
  text-align:right;
  line-height:1.8;
}

.sk-footer-menu{
  padding:0px;
  margin:0px;
}

.sk-footer-menu ul,
.sk-footer-menu li{
  padding:0px;
  margin:0px;
  display:block;
}

.sk-footer-menu li>a{
  display:inline-block;
  padding:5px 5px;
  color:var(--default-color-0);
  width:100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  transition:var(--default-transition);
}

.sk-footer-menu li>a:hover,
.sk-footer-menu li>a:focus{
  background:var(--default-color-1);
  border-radius:var(--default-radius);
}

.sk-footer-email{
  display:block;
  float:right;
  width:100%;
  height:100%;
  background-color:#00000022;
  border-radius:var(--default-radius);
  background-image:url(/assets/template/main/skin/img/ico-user-panel.svg);
  background-size:90px 90px;
  background-position:center calc(100% - 20px );
  background-repeat:no-repeat;
  text-align:center;
  color:#fff;
  padding:var(--default-margin);
  font-size:var(--default-font-size-big);  
  transition:var(--default-transition);
  padding-bottom:70px;
  min-height:180px;
}

.sk-footer-email:hover{
  background-color:var(--default-color-1);
}
  

@media screen and (max-width: 1024px ){
  .sk-footer-email{
    background-position:center calc(100% - 15px );
    background-size:45px 45px;
    min-height:unset;
  }  
  
  
  .sk-footer-col-cnt{
    width:calc(100% - 250px);
  }
  
  .sk-footer-col-cnt{   
    grid-template-columns:1fr;    
  }

  .sk-footer-menu li>a{
    border-bottom: dotted 1px #888;
    padding:12px 0px;    
  }

  .sk-footer-menu li>a:hover,
  .sk-footer-menu li>a:focus{
    padding:12px 12px;
  }
  
}


@media screen and (max-width: 560px ){
  .sk-footer-info-cnt{
    width:100%;
    margin-top:calc( 2* var(--default-margin) );
    text-align:center;
  }
 
  .sk-footer-text-info{
    text-align:center;
  }
  
  .sk-footer-img-cnt{
    float:unset;
    display: block;
    margin: var(--default-margin) auto;
  }
  
  .sk-footer-col-cnt{
    width:calc(100%);
  }
}

/************************************************************
  Event calendar
************************************************************/ 
#sk-event-calendar-cnt{
  position:relative;
  float:left;
  width:100%;
  box-sizing:border-box;
}

/************************************************************
  Ultra low resolutions
************************************************************/
@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;
  }
}


/************************************************************
  Events in popup
************************************************************/
.popup-event{
  display:block;
  padding:5px;
  width:100%;
  min-width:220px;
  overflow:auto;
}

.popup-event h1{
  margin:0px;
  padding-right:60px;
}

.popup-event h3{
  margin:var(--default-margin) 0px 0px 0px;
}

.popup-event a{
  display:block;  
  padding:var(--default-margin);
  color:var(--default-color);
  background:#fff;
  font-size:var(--default-font-size-medium);
  text-align:center;
  font-weight:bold;
  margin:var(--default-margin) 0px 0px 0px;
  transition: var(--default-transition);
  cursor:pointer;
  border-radius:var(--default-radius);
}

.popup-event .dateTimeStart{
  width:100%;
  clear:both;
  margin:var(--default-margin) 0px 0px 0px;
  overflow:hidden;
  font-weight:bold;
}

.popup-event .dateStart,
.popup-event .timeStart{
  float:left;
}

.popup-event .subTitle{
  margin:var(--default-margin) 0px 0px 0px;  
}

.popup-event .excerpt{
  margin:var(--default-margin) 0px 0px 0px;  
}

.popup-event .notes{
  background:red;  
  width:80%;
  color:#fff;
  text-align:center;
  padding:var(--default-margin);
  margin:auto;
  margin-top:calc( 2 * var(--default-margin) );
}

.popup-event a:hover{
  background:var(--default-color-7);
  color:#fff;
}


/************************************************************
  For users HTML use - 3 cols images
************************************************************/
.sk-3-col-img-links{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  grid-gap:calc( 2 * var(--default-margin) ) calc( 2 * var(--default-margin) );
}

.sk-3-col-img-links>p{
  display:block;
  padding:0px;
  margin:0px;
}

.sk-3-col-img-links a{
  display:block;
  overflow:hidden;
  width:100%;
  height:100%;
  border:solid 1px #f0f0f0;
  text-align:center;
  padding:var(--default-margin);
  transition:var(--default-transition);
}

.sk-3-col-img-links a>img{
  width:100%;
  height:100%;
  object-position:center;
  object-fit:contain;
  transition:var(--default-transition);
}

.sk-3-col-img-links a:hover{  
  box-shadow:var(--default-shadow);
}

.sk-3-col-img-links a:hover>img{
  transform:scale(1.05);
}

@media all and ( max-width: 1024px ){
  .sk-3-col-img-links{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    grid-gap:calc( var(--default-margin) ) calc( var(--default-margin) );
  }
}

@media all and ( max-width: 640px ){
  .sk-3-col-img-links{
    display:grid;
    grid-template-columns:1fr 1fr;
    grid-gap:calc( var(--default-margin) ) calc( var(--default-margin) );
  }
}

/************************************************************
  For users HTML use - sk-button-inline
************************************************************/

.sk-button-inline{
  display:inline-block;
  border:solid 1px var(--default-color-8);
  box-sizing:border-box;
  padding:var(--default-margin);
  text-align:center;
  cursor:pointer;
  transition:var(--default-transition);
  border-radius:var(--default-radius);
  color:var(--default-color-1);
  font-weight:400;
}

.sk-button-inline:hover{
  border:solid 1px var(--default-color-1);
  background:var(--default-color-1);
  color:var(--default-color-0);  
}

@media all and ( max-width: 420px ){
  .sk-button-inline{
    width:100%;
    display:block;
    margin:var(--default-margin) 0px 0px 0px;
  }
}

/************************************************************
  For users HTML use - 3 cols simple
************************************************************/

.sk-3-cols{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  grid-gap:20px 40px;
  width:100%;
  float:left;
}
.sk-3-cols>div,
.sk-3-cols>span,
.sk-3-cols>a{
  display:block;
}

.sk-3-cols a:hover{
  text-decoration:underline;
}

.sk-3-cols p>a{
  font-weight:600;
  color:var(--default-color-1);
}

.sk-3-cols ul>li>a{
  font-weight:300;
  color:var(--default-color-1);
  line-height:1.4;
}


@media all and ( max-width: 1330px ){
  .sk-3-cols{
    grid-template-columns:1fr;
  }
}


/************************************************************
  sk-copyright
************************************************************/
.sk-copyright{
  height:28px;
  line-height:28px;  
}

.sk-copyright>div{
  float:left;
  color:#666;
  font-size:16px;
}

.sk-copyright>a{
  float:right;
  color:#666;
  font-size:16px;
}

.sk-copyright>a:hover{
  color:#883333;
}

@media all and ( max-width: 720px ){
  .sk-copyright>a,
  .sk-copyright>div{
    width:100%;
    box-sizing:border-box;
    display:block;
    text-align:center;
  }
  
  .sk-3-cols{
    grid-template-columns:1fr;
  }
}


/************************************************************
  klasy pomocnicze
************************************************************/

.col-1-2{
  display:grid;
  grid-template-columns:1fr 2fr;
  grid-gap:calc( 2 * var(--default-margin) ) calc( 2 * var(--default-margin) );
}

.col-2-1{
  display:grid;
  grid-template-columns:2fr 1fr;
  grid-gap:calc( 2 * var(--default-margin) ) calc( 2 * var(--default-margin) );
}

.col-1-1-1{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  grid-gap:calc( 2 * var(--default-margin) ) calc( 2 * var(--default-margin) );
}

@media all and ( max-width: 720px ){
  .col-1-2,
  .col-2-1,
  .col-1-1-1{
    display:block;
    width:100%;
    float:left;
  }

}


/************************************************************
  klasy pomocnicze formularzy
************************************************************/
.sk-form{
  width:100%;
  float:left;
  box-sizing:border-box;  
}

.sk-form .elm-cnt-1-1{
  width:100%;
  float:left;
  box-sizing:border-box;
}

.sk-form .elm-cnt-1-2-left{
  width:calc(50% - var(--default-margin) / 2 );
  box-sizing:border-box;
  float:left;
}

.sk-form .elm-cnt-1-2-right{
  width:calc(50% - var(--default-margin) / 2 );
  box-sizing:border-box;
  float:right;
}

@media all and ( max-width: 560px ){
  .sk-form .elm-cnt-1-2-left,
  .sk-form .elm-cnt-1-2-right{
    width:100%;
    float:left;
  }  
}


.sk-form input[type=text],
.sk-form input[type=password],
.sk-form input[type=email],
.sk-form input[type=tel],
.sk-form input[type=date],
.sk-form textarea,
.sk-form select{
  width:100%;
  height:48px;
  padding:0px 10px;
  font-family:var(--default-font);
  font-size:var(--default-font-size);
  color:var(--default-color-3);
  border:solid 1px var(--default-color-5);
  border-radius:var(--default-radius);
  box-sizing:border-box;
  box-shadow:var(--default-shadow-lite);
}

.sk-form textarea{
  padding:var(--default-margin);
}

.sk-form input.fail,
.sk-form select.fail{
  background:#FFDDDD;
}

.sk-form input[type=checkbox]{
  cursor:pointer;
}

.sk-form input[type=checkbox].fail + label{
  background:#FFDDDD;
  border-radius:2px;
  padding:4px;
}


.sk-form input[type=text].required,
.sk-form input[type=password].required,
.sk-form input[type=email].required,
.sk-form input[type=tel].required,
.sk-form select.required{
  padding-left:30px;
  background-image:url('/assets/template/main/skin/img/ico-star.svg');
  background-size: 16px 16px;
  background-repeat:no-repeat;
  background-position:8px center;
}

.sk-form label.lab-elm{
  font-size:var(--default-font-size);
  color:var(--default-color-3);
  display:block;
  width:100%;
  margin:var(--default-margin) 0px 8px 0px;  
  font-weight:bold;
}

.sk-form button{
  background-color:var(--default-color-2);
  color:var(--default-color-0);
  font-weight:bold;
  font-family:var(--default-font);
  font-size:var(--default-font-size);
  padding:15px 30px;
  margin:calc( 2 * var(--default-margin) ) auto;
  transition:var(--default-transition);
  border-radius:var(--default-radius);
  border:0px;
  cursor:pointer;
}

.sk-form button:hover{
  background-color:var(--default-color-1);
  box-shadow:var(--default-shadow);
}

.sk-form input:placeholder{
  font-family:var(--default-font);
  font-size:var(--default-font-size);
  color:var(--default-color-5);
}

.sk-form .head-ico{
  background-position:left;
  background-size:30px 30px;
  background-repeat:no-repeat;
  padding-left:45px;
  line-height:2;
  margin-top:calc( 2 * var(--default-margin));
}

.sk-form .input-ico{
  background-position:10px center;
  background-size:24px 24px;
  background-repeat:no-repeat;
  padding-left:45px !important;
}

.sk-alert{
  display:block;
  overflow:hiddem;
  border-radius:var(--default-radius);
  padding:var(--default-margin);
  width:100%;
  background:var(--default-color-B);
  color:#fff;
  text-align:center;
}

/* file: main/skin/font-lato.css */

/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/assets/template/main/skin/fonts/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(/assets/template/main/skin/fonts/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(/assets/template/main/skin/fonts/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(/assets/template/main/skin/fonts/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(/assets/template/main/skin/fonts/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(/assets/template/main/skin/fonts/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;
}

/* file: main/skin/font-raleway.css */

/* latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url(/assets/template/main/skin/fonts/1Ptug8zYS_SKggPNyCMIT5lu.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;
  font-display: swap;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url(/assets/template/main/skin/fonts/1Ptug8zYS_SKggPNyC0ITw.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;
  font-display: swap;
}
/* latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url(/assets/template/main/skin/fonts/1Ptug8zYS_SKggPNyCMIT5lu.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;
  font-display: swap;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url(/assets/template/main/skin/fonts/1Ptug8zYS_SKggPNyC0ITw.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;
  font-display: swap;
}

/* file: main/skin/uiGeneral.css */

  /* *************************************************************************************************
  GENERAL
************************************************************************************************* */

.ui-clear{
  clear:both;
}

.ui-ul-flat{
  display:block;
  list-style:none;  
  box-sizing:border-box;
  width:100%;
}
.ui-ul-flat>li{
  display:inline-block;
}

/* *************************************************************************************************
  Page return UP
************************************************************************************************* */
#ui-up-arrow{
  position: fixed;
  bottom: 15px;
  right: 15px;
  background: #ffffff30;
  padding: 0px;
  text-decoration: none;
  font-size: 30px;
  color: var(--default-color-1);
  opacity: 1;
  border: dotted 1px #88888888;
  border-radius: 30px;
  display: none;
  width: 60px;
  height: 60px;
  line-height: 53px;
  text-align: center;
  box-sizing: border-box;
  z-index: 99999;
  box-sizing: border-box;
}

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

#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(--default-color);
  background:var(--default-text-color-inv);
  z-index:999999;  
}

#ui-page-pos-pb{
  box-sizing:border-box;
  float:left;
  height:3px;
  width:0%;
  background-color:var(--default-color);
  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(--default-font-size);
  padding:15px 15px 15px 15px;
  text-align:center;
  border-radius: var(--default-radius);
  border:solid 1px #aaaaaa88;
  box-shadow: var(--default-shadow);
  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(--default-color-2);
  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
*/

:root{
  --popup-border-radius:30px;
}

.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:10px 20px;
  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(/assets/template/main/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: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.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;  
}

/*
#ui-tools-notice:after{
  content: '';
  position: absolute;
  top:0;
  left: 50%;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top-color: var(--color-main-1);
  border-bottom: 0;
  margin-left: -0.6rem;
  margin-top: -0.6rem;
  transform: rotate(180deg);
}*/




/* *************************************************************************************************
  helpfull
*/


.ico-publication-date,
.ico-event-date,
.ico-clock{
  background-position:left;
  background-size:18px 18px;
  background-repeat:no-repeat;
  background-position-x:0px;
  padding-left:28px;
  padding-right:var(--default-margin);
  
}

.ico-clock{
  background-image:url(/assets/template/main/skin/img/ico-clock.svg);
}

.ico-publication-date{
  background-image:url(/assets/template/main/skin/img/ico-publication.svg);
}

.ico-event-date{
  background-image:url(/assets/template/main/skin/img/ico-event-date.svg);
}


/* *************************************************************************************************
  animacja logo KSI
*/


.ui-ksi-logo{
}

.ui-ksi-logo>span{
  font-weight:900;
  font-size:14px;
  position:relative;
  top:-1px;
}

.ui-ksi-logo>img{
  width:21px;
  height:21px;
  display:inline-block;
  position:relative;
  top:5px;  
}

@keyframes sk-logo-main{
    0% { transform: rotate(360deg); }
  100% { transform: rotate(0deg); }
}

.ui-ksi-logo:hover>img{
  animation-name: sk-logo-main;
  animation-duration: 0.4s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;  
}



/************************************************************
  Autosuggest
************************************************************/
.m-as{
  float: left;
  width: 100%;
  position:relative;
}

.m-as .dropdown{
  position:absolute;
  display:none ;
  box-sizing:border-box;
  top:64px;
  right:0px;
  width:100%;
  border-radius:var(--default-radius);
  background:#fff;
  border:solid 1px var(--default-color-2);
  height:232px;  
  background-image:url(/assets/template/main/skin/img/wait-spin.svg);
  background-position:center;
  background-size:40px 40px;
  background-repeat: no-repeat;
  overflow:hidden;
}

.m-as .dropdown .items{
  position:absolute;
  display:none ;
  box-sizing:border-box;
  padding:var(--default-margin);
  left:0px;
  top:0px;
  right:0px;
  bottom:0px;
  width:100%;
  height:100%;
  overflow:auto;
  background:#f8f8f8;
}

.m-as .dropdown .items .item{
  width:100%;
  float:left;
  text-align:left;
  display:block;
  box-sizing: border-box;
  padding:10px 20px;  
  border:solid 1px #ddd;
  margin:5px 0px;
  border-radius:var(--default-radius);
  background:#fff;
  color:#333;
  transition:var(--default-transition);
  cursor:pointer;
}

.m-as .dropdown .items .item:hover,
.m-as .dropdown .items .item:active{
  background:#beb;  
}

/* file: main/skin/elm-menu-top.css */

#sk-menu-top{
  overscroll-behavior: none;
  overscroll-behavior-y: none;
}


#sk-menu-top-btn{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  left:0px;
}

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

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

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

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

#sk-menu-top-btn:before{
  content:'';
  position:absolute;
  top:-200%;
  height:100%;
}

#sk-menu-top-btn:after{
  content:'';
  position:absolute;
  top:200%;  
  height:100%;
}

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

#sk-menu-top-btn.close:before{
  transform: rotate(45deg) translateY(176%) translateX(34%);
}

#sk-menu-top-btn.close:after{
  transform: rotate(-45deg) translateY(-116%) translateX(24%);
}

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

@media all and ( max-width: 1024px ){
  
  .sk-menu-top a{
    display:block;
  }
  
  .sk-menu-top{
    position:fixed;
    display:none;
    opacity:0;    
    width:unset;
    height:unset;
    background-color:var(--default-color-3);
    position:fixed;
    display:none;
    border:solid 1px var(--default-color-2);
    border-radius:var(--default-radius);
    top: 70px;
    left:10px;
    right:10px;
    padding: 0px;
    box-sizing:border-box;
    line-height:1.5;    
    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.3s;
    animation-timing-function: ease-out;
    animation-iteration-count: 1;
  }
  
  .sk-menu-top>li{
    display:block;
    width:100%;
    margin:0px;
    box-sizing:border-box;
    padding:0px;
  }
  
  .sk-menu-top>li>a{
    padding:10px;
    margin:0px;
    display:block;
    width:100%;
    box-sizing:border-box;
    text-align:center;
    border-bottom: none;
    border-bottom:solid 1px var(--default-color-2);
    text-align:left;
    padding:var(--default-margin);
    box-sizing: border-box;
  }
  
  .sk-menu-top.close{    
    height:0px;
    opacity:0;
  }
    
}


/* file: main/skin/elm-simple-html.css */

.sk-simple-html{
  width:100%;
  float:left;
}

.sk-simple-html>p{
  margin:0px 0px var(--default-margin) 0px;
  width:100%;
  overflow:hidden;
}

.sk-simple-html p a,
.sk-simple-html ul a{
  color:var(--default-color-1);
  font-weight:400;
  transition:var(--default-transition);
}

.sk-simple-html p a:hover,
.sk-simple-html ul a:hover{
  text-decoration:underline;
 }

/* file: main/skin/elm-simple-header.css */

.sk-simple-header{
  width:100%;
  float:left;
  font-family: var(--default-font-4);
  font-weight: 100;
  font-size:34px;
  padding-bottom:5px;
  border-bottom: solid 1px var(--default-color-5);
  color:var(--default-color-3);
  margin:calc( 3 * var(--default-margin) ) 0px;
}

/* file: main/skin/elm-s-mixed-list.css */

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

.sk-list .search{
  padding:var(--default-margin);
  background-color:var(--default-color-8);  
}

.sk-list .search input,
.sk-list .search select{
  font-family:var(--default-font);
  font-size:var(--default-font-size);
  border:solid 1px var(--default-color-A);
  padding:0px 10px;
  height:35px;
  box-sizing:border-box;
  margint:0px;
}

.sk-list .items{
  clear:both;
}

.sk-list .search{
  display:block;
  float:left;
  width:100%;
  box-sizing:border-box;
}

.sk-list-srch-itm{
  display:inline-block;
  float:left;
  width:240px;
  margin-right:var(--default-margin);
  margin-bottom:var(--default-margin);
}

.sk-list-srch-itm>label{
  margin-bottom:5px;
  display:block;
}

.sk-list-srch-itm>input,
.sk-list-srch-itm>select{
  margin:0px;
  display:block;
  width:100%;
  border-radius:var(--default-radius);
}

.sk-list .form-button{
  display:inline-block;
  float:left;
  border:solid 1px var(--default-color-1);
  border-radius:var(--default-radius-small);
  margin-top:24px;
  height:35px;
  line-height:33px;
  padding:0px 15px;
  font-family:var(--default-font);
  font-size:var(--default-font-size);
  background:var(--default-color-1);
  color:#fff;
  cursor:pointer;
  transition:var(--default-transition);
}

.sk-list .form-button:hover{
  background:var(--default-color-2);
  color:var(--default-color-0);
  
}

/* file: main/skin/elm-paginator.css */

.sk-paginator{
  width:100%;
  display:block;  
  margin:calc( 2 * var(--default-margin) ) 0px;
  background:var(--default-color-7);
  padding:5px;
  overflow:hidden;
  float:left;
  color:var(--default-color-0);
  text-align:right;
}

.sk-paginator input{
  box-sizing:border-box;
  font-size:var(--default-font-size);
  font-family:var(--default-font);
  font-weight:bold;
  border-radius:var(--default-radius-small);
  border:solid 2px var(--default-color-0);
  color:var(--default-color-1);
  background-color:var(--default-color-0);
  text-align:center;
  width:auto;
  line-height:30px;
}

.sk-paginator>a,
.sk-paginator>span{
  display:inline-block;
  color:var(--default-color-0);
  font-weight:bold;
  width:36px;
  height:36px;
  line-height:31px;
  box-sizing:border-box ;
  border-radius:50%;
  text-align:center;
  border:solid 2px #00000000;
}

.sk-paginator .prev,
.sk-paginator .next{
  display:inline-block;
  background-repeat:no-repeat;
  background-size:24px 20px;
  background-position:center;
  transition:var(--default-transition);
}

.sk-paginator .prev{ background-image:url("/assets/template/main/skin/img/left-arrow-b.svg"); }
.sk-paginator .next{ background-image:url("/assets/template/main/skin/img/right-arrow-b.svg"); }

.sk-paginator>a:hover{
  border:solid 2px var(--default-color-0);
}