/* merged from: 'viaboo/css-default/variables.css','viaboo/css-default/common.css','viaboo/css-default/font-general.css','viaboo/css-default/elm-search.css','viaboo/css-default/elm-trips.css','viaboo/css-default/elm-footer.css' */

/* file: viaboo/css-default/variables.css */

/* *************************************************************************************************
  General variables
************************************************************************************************* */

:root{
  
  /* -- Colors -- */
  
  --color-main-background:#fff;
  --color-main-light:#fff;
  --color-main-1:#fc0;
  --color-main-2:#4d7692;
  --color-main-light-frame:#ddd;
  --color-main-light-gray:#f8f8f8;
  --color-main-gray:#666;  
  --color-main-dark:#111;
  
  /* -- Shadows -- */
  --shadow-default:0px 0px 10px 0px #00000033;
  
  /* -- Texts -- */
  
  --text-color-general:#666666;
  --text-color-links:var(--color-main-2);
  --text-color-links-hover:var(--color-main-dark);
  
  /* -- Buttons -- */
  
  --button-pri-bg:var(--color-main-1);  
  --button-pri-bg-hover:var(--color-main-2);
  --button-pri-txt-color:#000;
  --button-pri-txt-color-hover:#fff;

  --button-sec-bg:var(--color-main-2);
  --button-sec-bg-hover:#2d5682;  
  --button-sec-txt-color:#fff;
  --button-sec-txt-color-hover:#fff;
  
  --button-func-bg:#f0f0f0;
  --button-func-bg-hover:#fc0;  
  --button-func-txt-color:var(--color-main-2);
  --button-func-txt-color-hover:#333;
  
  --button-radius:5px;
  --button-radius-small:3px;
  
  /* -- Font & sizes -- */
  --font-size-defaut-text:17px;
  --font-size-defaut-text-small:15px;
  --font-size-defaut-text-very-small:13px;
  --font-size-mobile-text:16px;
  
  --font-text:Lato;
  --font-headers:Raleway;
  
  --default-text-line-height:1.6;
  
  --default-transition:all 300ms ease;
  
  --default-margin: 15px;
}


/* file: viaboo/css-default/common.css */

/* *************************************************************************************************
  General classes
************************************************************************************************* */

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

hr{
  box-sizing:border-box;
  height:0px;
  border-radius:0px;
  border:0px;
  border-bottom:dotted 4px #ddd;
  margin:30px 0px;
}

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

[data-cms-highlight] [data-cms]:hover {
	filter: drop-shadow(6px 6px 6px #ff0000) invert(25%);
}

section{
  width:100%;
  clear:both;
}

a{
  text-decoration: none;
}

input, select{
  background:var(--color-main-background);
  height:40px;
  border:solid 1px var(--color-main-light-frame);
  padding:0px 10px;
  box-sizing:border-box;
  border-radius:var(--button-radius-small);
  font-size:var(--font-size-defaut-text);
  color:var(--text-color-general);
}

label{
  font-size:var(--font-size-defaut-text);
  color:var(--text-color-general);
}

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

.ui-row{
  max-width: 1200px ;
  margin: auto ;
}

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

.ui-checkbox-ext{
  position:relative;
  display:block;
  padding-left:60px;
  box-sizing: border-box;
  cursor:pointer;
}
.ui-checkbox-ext>input{
  position:absolute;
  top:0px;
  left:0px;
  width:45px;
  height:19px;
  border-radius:10px;
  background:var(--color-main-light-frame);
  border:0px;
  box-sizing:border-box;
  display:block;
  appearance: none;
  transition: all 250ms ease;
  cursor:pointer;
}

.ui-checkbox-ext>input:before{
  content:'';
  position:absolute;
  display:block;
  left:1px;
  top:-3px;
  height:26px;
  width:26px;
  box-sizing:border-box;
  background:var(--color-main-light);
  border:solid 1px var(--color-main-gray);
  border-radius:13px;
  transition: all 250ms ease;
}

.ui-checkbox-ext>input:checked:before{
  left:calc(100% - 27px);
  background:var(--color-main-2);
  transition: all 250ms ease;
}


@media all and ( max-width: 1240px ){
  .ui-row{
    max-width: calc(100% - 40px) ;
    margin: auto ;
  }
}

/* *************************************************************************************************
  Buttons styles
*/
.ui-btn-o{
  display:block;
  z-index:3;
  background-color:var(--color-main-background);
  box-shadow:var(--shadow-default);
  height:48px;
  width:48px;
  border-radius:24px;
  padding:0px;
  line-height:40px;
  text-align:center;
  box-sizing: border-box;
  color:var(--text-color-general);
  cursor:pointer;
  transition: all 300ms ease;
  opacity:0.8;
}

.ui-btn-o:hover{
  background-color:var(--color-main-1);
  opacity:0.7;
}


.ui-button-pri{
  background:var(--button-pri-bg);
  color:var(--button-pri-txt-color);
  transition: all 300ms ease;
  cursor:pointer;
  border:0px;
  font-weight:bold;
  border-radius:var(--button-radius-small);
  font-family:var(--font-text);
  font-size:var(--font-size-defaut-text);
  text-align:center;
}

.ui-button-pri:hover{
  background:var(--button-pri-bg-hover);
  color:var(--button-pri-txt-color-hover);
  box-shadow:var(--shadow-default);
}

.ui-button-sec{
  background:var(--button-sec-bg);
  color:var(--button-sec-txt-color);
  transition: all 300ms ease;
  cursor:pointer;
  border:0px;
  border-radius:var(--button-radius-small);
  font-family:var(--font-text);
  font-size:var(--font-size-defaut-text);
}

.ui-button-sec:hover{
  background:var(--button-sec-bg-hover);
  color:var(--button-sec-txt-color-hover);
  box-shadow:var(--shadow-default);
}

.ui-info>.ui-button-sec{
  display:table;
  padding:10px;
  margin:20px auto 40px auto;
}

.ui-button-func{
  background-size:32px 32px;
  background-position-x:calc(100% - 10px);
  background-position-y:5px;
  background-repeat:no-repeat;
  padding:0px 50px 0px 10px;
  height:42px;
  line-height:42px;
  float:right;
  box-sizing: border-box;  
  color:var(--button-pri-txt-color);
  transition: all 300ms ease;
  cursor:pointer;
  font-weight:bold;
  border-radius:var(--button-radius-small);
  font-family:var(--font-text);
  font-size:var(--font-size-defaut-text);
  border:dotted 1px var(--color-main-light-frame);
}

.ui-button-func>span{
  margin-right:10px;
  font-weight:normal;
  position:relative;
  font-size:18px;
  top:-2px;
}

.ui-button-func:hover{
  filter:inverse(10%);
  background-color:var(--color-main-1);
  box-shadow:var(--shadow-default);  
}


/* *************************************************************************************************
  Breadcrumbs
*/

.ui-breadcrumb{ 
  clear:both;
  display:block;
  max-width: 1200px ;
  margin: auto ;
  margin-top:15px;
  margin-bottom:5px;
}

.ui-breadcrumb-sub{ 
  clear:both;
  display:block;
  max-width: 1200px ;
  margin: auto ;
  margin-top:0px;
  margin-bottom:5px;
}

.ui-breadcrumb > *{
  font-size:var(--font-size-defaut-text-small);
  font-weight:bold;
  color:var(--text-color-links);
  display:inline-block;
  padding:10px 2px 10px 15px;
  background-image:url(/assets/template/viaboo/img/skin-default/arrow-small-r.svg);
  background-position: 0px 16px;
  background-repeat: no-repeat;
  background-size: 10px 8px;
  font-weight:normal;
  text-transform:uppercase ;
}

.ui-breadcrumb > *:nth-child(1){
  background:initial;
  padding:10px 2px 10px 0px;
}

.ui-breadcrumb > *:hover{
  color:var(--text-color-links-hover);
}

.ui-breadcrumb-sub a{
  font-size:var(--font-size-defaut-text-small);
  font-weight:bold;
  color:var(--color-main-gray);
  display:inline-block;
  padding:2px 2px 2px 0px;
  background-image:none;
  font-weight:normal;
  text-transform : capitalize;
}

@media all and ( max-width: 680px ){
  .ui-breadcrumb > *{
    padding:4px 2px 4px 15px;
    background-position: 0px 10px;
  }

  .ui-breadcrumb > *:nth-child(1){
    background:initial;
    padding:4px 2px 4px 0px;
  }
}

/* *************************************************************************************************
  HEADER
************************************************************************************************* */
header{
  position:relative;
  box-sizing: border-box;
  height:70px;
  padding:0px;
  border:0px;
}

.ui-header-bottom-line{  
  width:100%;
  height:1px;
  overflow:hidden;
  background:var(--color-main-light-gray);  
}

.ui-header-logo{
  display:block;
  float:left;
  height:60px;
  transition: all 300ms ease;
  position:relative;
}

.camp-logo{
  position: absolute;
  bottom: -11px;
  left: 15px;
  font-weight: 900;
  color: #666;
}

.ui-header-logo img{
  height:66px;
  width:179px;
  margin-top:4px;
}

.ui-header-logo:hover{
  filter: hue-rotate(-30deg);
}

#ui-header-btn-login{
  display:inline-block;
  float:right;
  color:var(--button-func-txt-color);
  background-color:var(--color-main-background);
  height:38px;
  width:38px;
  text-align:center;
  line-height:38px;
  margin-left:0px;
  border-radius:var(--button-radius);
  box-sizing: border-box;
  margin-top:16px;
  transition: all 300ms ease;
  border:solid 1px #ddd;
  border-radius:20px;
  background-image:url('/assets/template/viaboo/img/skin-default/user.svg');
  background-position:center;
  background-size:24px 24px;
  background-repeat:no-repeat;
  cursor:pointer;
}

#ui-header-btn-login:hover{
  color:var(--button-func-txt-color-hover);
  background-color:var(--button-func-bg-hover);
  box-shadow:var(--shadow-default);
}

.ui-header-btn-login-logged-in{
  background-color:var(--button-func-bg-hover) !important;
}

#ui-header-btn-login>img{
  width:24px;
  height:24px;
  position:relative;
  top:4px;
}

.ui-header-btn-notes{
  display:inline-block;
  float:right;  
  transition: all 300ms ease;
  height:40px;  
  width:40px;
  line-height:40px;
  padding:0px 10px;
  background-color:var(--color-main-background);
  background-image:url(/assets/template/viaboo/img/skin-default/notes.png);
  background-position:center;
  background-repeat:no-repeat;
  border-radius:var(--button-radius);
  box-sizing: border-box;  
  margin-top:17px;
  margin-right:10px;
  transition: all 300ms ease;
  position:relative;
  cursor:pointer;
}

.ui-header-btn-notes>span{
  position:absolute;
  display:block;
  right:0px;
  top:0px;
  width:18px;
  height:18px;
  line-height:18px;
  text-align:center;
  border-radius:9px;
  background:var(--color-main-1);
  color:var(--color-main-dark);
  opacity:0.9;
  font-size:13px;
  transition: all 300ms ease;
}

.ui-header-btn-notes:hover>span{
  opacity:1;
  background:var(--color-main-2);
  color:var(--color-main-light);
}

#ui-header-btn-day-night{
  float:right;
  margin-right:10px;
  transition: all 500ms ease;
  width:30px;
  height:30px;
  margin-top:20px;
  opacity:0.6;
  cursor:pointer;
}

#ui-header-btn-day-night:hover{
  transform:rotate(185deg);
}

@media all and ( max-width: 680px ){
  .ui-header-logo img{
    height:36px;
    width:98px;
    margin-top:19px;
  }  
  #ui-header-btn-login{
    margin-left:0px;
  }
  
  .camp-logo{
    position: absolute;
    bottom: -2px;
    left: 8px;
    font-weight: 900;
    color: #666;
    font-size: 13px;
  }
  
}


/* *************************************************************************************************
  HEADER - page position
************************************************************************************************* */

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

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

/* *************************************************************************************************
  HEADER - menu top
************************************************************************************************* */

.ui-header-menu{
  margin:0px;
  padding:0px;
  border:0px;
  list-style-type:none;
  box-sizing: border-box;
  display:block;  
  float:right;
  height:70px;
  transition: all 300ms ease;
}

.ui-header-menu li{
  position:relative;
  display:inline-block;
  padding:0px;
  box-sizing: border-box;  
}

.ui-header-menu>li>a{
  display:inline-block;  
  color:var(--text-color-links);
  padding:0px 10px;
  height:40px;
  line-height:40px;
  border-radius:var(--button-radius);
  box-sizing: border-box;
  margin-top:15px;
  transition: all 300ms ease;
}

.ui-header-menu>li>a:hover{
  color:var(--button-sec-txt-color);
  background-color:var(--button-sec-bg);
}

.ui-header-menu-dropdown{
  display:none;
  transition: all 300ms;
  position:absolute;  
  right:0px;
  top:54px;
  min-width: 300px;
  padding:10px;
  box-sizing: border-box;
  background:var(--color-main-background);
  border-radius:var(--button-radius);
  border: solid 1px var(--color-main-light-frame);
  box-shadow: var(--shadow-default);
  z-index: 99;
}

.ui-header-menu-dropdown a{
  display: block;
  padding: 7px;
  margin: 0px;
  border: 0px;
  transition-duration: 0.2s;
  color:var(--text-color-links);
  border-radius:var(--button-radius);
}

.ui-header-menu-dropdown a:hover{
  background: var(--color-main-light-gray);
  color:var(--text-color-links-hover);
}

#ui-header-btn-menu{
  display:none;
  float:right;
  color:var(--color-main-gray);
  background-color:var(--color-main-background);  
  padding:0px;
  text-align:center;
  margin-left:10px;
  font-size:32px;  
  line-height:34px;
  width:40px;
  height:40px;
  border:solid 1px var(--color-main-light-gray);
  border-radius:var(--button-radius);
  box-sizing: border-box;
  margin-top:15px;
  transition: all 300ms ease;
  background-image:url('/assets/template/viaboo/img/skin-default/header-menu.svg');
  background-position:center;
  background-size:30px 30px;
  background-repeat:no-repeat;
}

#ui-header-btn-menu.active{
  background-image:url('/assets/template/viaboo/img/skin-default/close.svg');
  background-size:20px 20px;
  transform:rotate(180deg);
}


#ui-header-btn-menu:hover{
  color:var(--button-func-txt-color-hover);
  background-color:var(--button-func-bg-hover);
}

@media all and ( max-width: 1024px ){
  #ui-header-btn-menu{
    display:inline-block;
  }
  
  .ui-header-menu{
    display:none;
    position:absolute;
    top:80px;
    left:10px;
    right:10px;
    bottom:10px;
    background:var(--color-main-background);
    border:solid 1px var(--color-main-light-frame);
    border-radius:var(--button-radius);
    box-shadow: var(--shadow-default);
    z-index: 99;
    overflow:auto;
    height:calc(100vh - 140px);
    padding:10px 10px 10px 10px;
  }
  
  .ui-header-menu>li>a{
    padding:0px;
    margin:0px;
    height:auto;
    font-weight:bold;
  }
  
  .ui-header-menu-dropdown{
    display:block !important;
    position:initial;
    border:0px;
    box-shadow: none;
    padding:0px 20px;    
  }
  
  .ui-header-menu-dropdown a{
    padding:7px 0px;
  }
  
  .ui-header-menu li{
    display:block;    
    width:100%;
  }

}

/* *************************************************************************************************
  HEADER - text search
************************************************************************************************* */
#ui-header-text-search-cnt{
  float:left;
  display:block;
  padding-top:16px;
  margin-left:20px;
  position:relative;
}

#ui-header-text-search-btn{
  cursor:pointer;
  position:absolute;
  right:0px;
  top:0px;
  bottom:0px;
  width:40px;  
  cursor:pointer;
}

#ui-header-text-search-cnt>input{
  padding-right:40px;
  background-color:var(--color-main-background);
  background-image: url(/assets/template/viaboo/img/skin-default/text-search.svg);
  background-position-x:calc(100% - 10px);
  background-position-y:9px;
  background-repeat:no-repeat;
  background-size: 20px 20px;
  width:160px;
}

/* *************************************************************************************************
  HEADER - language selector
************************************************************************************************* */

#ui-header-lang-cnt{
  float:left;
  display:block;
}

#ui-header-lang{
  margin-top:19px;
  margin-left:20px;
  width:60px;
  height:32px;
  overflow:hidden;
  padding-top:32px;
  box-sizing: border-box;
  position:absolute;
  border-radius:var(--button-radius);  
  transition: all 200ms;
  border:1px;
  z-index:99;
}

#ui-header-lang:hover{
  height:auto;
  border:solid 1px var(--color-main-light-frame);
  box-shadow: var(--shadow-default);
  background-color:var(--color-main-light-gray);
}

#ui-header-lang>div{
  background-repeat: no-repeat;
  background-position: 5px 6px;
  background-size:32px 20px;
  width:64px;
  height:32px;
  padding-left:40px;  
  line-height:32px;
  box-sizing: border-box;
  color:var(--color-main-gray);
  cursor:pointer;
  margin-bottom:3px;
  transition: all 200ms;
}

#ui-header-lang>div:hover{
  background-position: 3px 3px;
  background-size:38px 24px;
  
}

#ui-header-lang>div:hover{
  background-color:var(--color-main-light-gray);
}

.ui-header-lang-active{
  position:absolute;
  top:0px;
  left:0px;
}

@media all and ( max-width: 640px ){
  #ui-header-lang{
    margin-left:10px;
  }
  
  #ui-header-text-search-cnt{
    display:none;
  }
}

@media all and ( max-width: 420px ){
  
  .ui-header-logo>img{
    display:none;
  }
  
  .camp-logo{
    display:none;
  }

  .ui-header-logo{
    background-image:url(/assets/template/viaboo/img/skin-default/logo-mini.png);
    width:40px;
    height:40px;
    margin-top:16px;
    background-position: center;
    background-repeat: no-repeat;
    position:relative;
    left:-5px;
  }
  
  .ui-header-logo:after{
    content:'Viaboo';
    color:var(--color-main-1);
    font-weight: bold;
    position:absolute;
    top:-12px;
    left:-7px;
  }
  
  #ui-header-btn-menu{
    margin-left:5px;    
  }
  
  #ui-header-btn-day-night{
    margin-right:5px;
  }
  
  .ui-header-btn-notes{
    margin-right:5px;
  }
  
  #ui-header-lang{
    margin-left:0px;
  }
  
}

/* *************************************************************************************************
  Sekcje tekstowe 
*/

.ui-info h1, .ui-info h2, .ui-info h3, .ui-info p, .ui-info ul{
  max-width:800px;
  margin-left:auto;
  margin-right:auto;
}

.ui-info p a, .ui-info ul li a{
  color:#333;
  text-decoration:underline;
}

.ui-info h2, .ui-info h1{
  clear:both;
  font-size:40px;
  font-family:var(--font-headers);  
  color:var(--text-color-general);
  font-weight:100;  
  margin-top:30px;
  margin-bottom:30px;
  padding:0px;
  text-align:center;
}

.ui-info h3{
  clear:both;
  font-size:24px;
  font-family:var(--font-headers);  
  color:var(--text-color-general);
  font-weight:100;  
  margin-top:20px;
  margin-bottom:20px;
  padding:0px;
  text-align:center;
}

.ui-info p, .ui-info ul>li{
  font-size:var(--font-size-defaut-text);
  font-family:var(--font-text);  
  color:var(--text-color-general);    
  margin-top:10px;
  padding:0px;
  line-height:var(--default-text-line-height);
  text-align:justify;
}

@media all and ( max-width: 1024px ){
  .ui-info h2, .ui-info h1{
    font-size:22px;
  }
  
  .ui-info h3{
    font-size:20px;
  }
  
  .ui-info p{
    font-size:var(--font-size-mobile-text);
  }
}

/* *************************************************************************************************
  Bottom button
*/

.ui-bottom-btn{
  margin:auto;
  display:table;
  background-image:url(/assets/template/viaboo/img/skin-default/bottom-road.png);
  background-position:bottom;
  background-repeat:no-repeat;
  padding: 10px 10px 36px 10px;  
  clear:both;
  text-align:center;
  margin-top:30px;
  color:var(--text-color-links);
  font-size:22px;
  transition: all 300ms ease;
  border-radius:var(--button-radius);  
}

.ui-bottom-btn:hover{
  color:var(--color-main-dark);
  background-color:var(--color-main-1);
}

@media all and ( max-width: 480px ){
  .ui-bottom-btn{
    font-size:18px;
  }
}


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

#ui-tools-wait-box{
  position:fixed;  
  display:none;
  box-sizing: border-box;
  z-index:99999;
  width:calc(100% - 40px);
  height:calc(100vh - 40px);
  left:20px;
  top:20px;
  background:#ffffffee;
  border-radius: var(--button-radius);
  border:solid 2px #fff;
  background-image:url(/assets/template/viaboo/img/skin-default/spin.svg);
  background-position: center;
  background-repeat: no-repeat;
  box-shadow:var(--shadow-default);
  padding-top:calc(100vh / 4);
  text-align:center;
  font-size:40px;
  font-family:var(--font-headers);
}

#ui-tools-notice{  
  position:fixed;
  z-index:99999;
  top:30px;
  right:30px;  
  background:var(--color-main-1);
  color:var(--color-main-dark);
  font-size:24px;
  padding:30px;
  text-align:center;
  border-radius: var(--button-radius);
  box-shadow: var(--shadow-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);
}


/* *************************************************************************************************\
  uiTooltips
*/

.ui-tooltip{
  z-index:99999;
  background:#fff;
  color:#333;
  font-size:15px;
  padding:15px 15px 15px 15px;
  text-align:center;
  border-radius: var(--button-radius);
  border:solid 1px #aaaaaa88;
  box-shadow: 0px 0px 30px 0px #00000077;
  text-align:left;
  display:table;  
  display:none;
  line-height:1.6;
  max-width:400px;
}

.ui-tooltip-close{ 
  float:right;
  position:absolute;
  top:15px;
  right:15px;
  width:29px;
  height:29px;
  background-color:var(--color-main-1);
  background-image:url(/assets/template/viaboo/img/common/close.svg);
  background-size:11px 11px;
  background-position:center;
  background-repeat:no-repeat;
  border-radius:14px;
  transition: all 300ms ease;
  cursor:pointer;
}

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


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

.ui-tooltip-content{
  width:100%;  
}

.ui-tooltip-content .tt-title{
  display:block;
  line-height:28px;
  height:33px;
  padding-right:40px;
  padding-bottom:5px;
  width:100%;
}

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

.ui-tools-popup-container{
  position:fixed;
  inset:20px 20px 20px 20px;
  background:var(--color-main-background);
  border:solid 4px var(--color-main-1);
  border-radius: var(--button-radius);
  color:var(--text-color-general);
  box-sizing:border-box;
  min-width:240px;
  min-height:200px;  
  z-index:99999;
  box-shadow: var(--shadow-default);
  padding-top:60px;
  max-height:calc(100vh - 100px);
  --overflow:auto;
}

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

.ui-tools-popup-content{
  position:absolute;
  inset:60px 0px 0px 0px;
  display:block;
  width:100%;
  padding:10px;
  box-sizing:border-box;
  overflow:auto;
}

.ui-tools-popup-close{
  position:absolute;
  display:block;
  box-sizing:border-box;
  top:10px;
  right:10px;
  width:39px;
  height:39px;
  text-align:center;
  background:var(--color-main-background);
  background-image:url(/assets/template/viaboo/img/skin-default/close.svg);
  background-size:15px 15px;
  background-position:center;
  background-repeat:no-repeat;  
  border-radius:20px;
  cursor:pointer;
  font-weight:bold;
  transition:var(--default-transition);  
}

.ui-tools-popup-close:hover{
  filter:invert(1);
}

/* mode = "minimal" */

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

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

  }
}

/* mode = "full" */

.ui-tools-popup-container.full{
  height:calc(100vh - 100px);
}

/* mode = "full-screen" */

.ui-tools-popup-container.full-screen{
  width:100%;
  height:calc(100% - 5px);
  left:0px;
  top:5px;
  transform:none;
  max-width:100%;
  max-height:100%;
  border:0px;
}

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

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


/* *************************************************************************************************
  up-returner   
*/

@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{
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: #ffcc0066;
  padding: 0px;
  text-decoration: none;
  font-size: 40px;
  color: #033;
  opacity:0.5;
  border:solid 1px #ffcc0066;
  border-radius:25px;
  box-shadow:var(--shadow-default);
  display:none;
  width:50px;
  height:50px;
  line-height:50px;
  text-align:center;
  box-sizing:border-box;
  z-index:99999;
  background-image:url('/assets/template/viaboo/img/skin-default/up-arrow.svg');
  background-position:center;
  background-size:36px 36px;
  background-repeat:no-repeat;
}

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

/* *************************************************************************************************
  ui-gps
*/

#ui-gps{
  width:600px;
}

.ui-gps-button:before{
  position:absolute;
  content:'';
  display:block;
  top:0px;
  left:0px;
  width:30px;
  height:100%;
  background-image:url(/assets/template/viaboo/img/skin-default/gps-ico.png);
  background-size:20px 20px;
  background-position:5px 4px;
  background-repeat:no-repeat;  
  filter:invert(100%);  
}

.ui-gps-button{
  display:inline-block;
  position:relative;
  padding:5px 10px 5px 30px;
  background:var(--color-main-2);
  border-radius:var(--button-radius);
  color:var(--button-sec-txt-color);
  transition: all 300ms ease;
  cursor:pointer;
}

.ui-gps-button:hover{
  background:var(--color-main-1);  
  color:var(--button-sec-bg-hover);  
}


#ui-gps-break{
  display:none;
}

#ui-gps h1{
  font-size:18px;
  margin:0px 0px 10px 0px;
  padding:0px;
  text-align:center;
}

#ui-gps p{
  font-size:var(--font-size-defaut-text-small);
}

#ui-gps>div{
  clear:both;
  padding:10px 0px;
  border-top:dotted 1px var(--color-main-light-frame);
  width:100%;
  float:left;
  text-align:center;
}

#ui-gps label{
  line-height:40px;
  margin:5px 5px;
  font-size:var(--font-size-defaut-text-small);
  text-align:right;
}

#ui-gps input{
  width:120px;
  margin:5px 5px;  
  box-sizing:border-box;
}

.ui-gps-btn-navi{
  display:block;
  padding:0px 60px;
  height:60px;
  line-height:60px;
  box-sizing:border-box;
  background-image:url(/assets/template/viaboo/img/skin-default/navigation.svg);
  background-position:15px 8px;
  background-repeat:no-repeat;
  background-size:40px 40px;
  background-color:var(--color-main-1);
  color:var(--button-pri-txt-color);
  cursor:pointer;
  margin-bottom:20px;
  transition:all ease 250ms;
}

.ui-gps-btn-navi:hover{
  filter:opacity(0.8);
}

@media all and ( max-width: 640px ){
  #ui-gps{ 
    width:100%;
    box-sizing:border-box;
  }
  
  #ui-gps-break{
    display:block;
    width:100%;
    clear:both;
  }
  
  #ui-gps>div{
    text-align:left;
  }
  
  #ui-gps label{
    line-height:initial;
  }
  
  #ui-gps input{
    width:100%;
    margin:5px 0px;  
  }
  
}


/* *************************************************************************************************
  Go Premium 
*/

.ui-info-goVb-btn{
  background:#fc0;
  color:#000;
  padding:10px;
  border-radius:var(--button-radius-small);
  font-weight:bold;
}

.ui-info-goVb-btn:hover{
  opacity:0.8;
}


/* *************************************************************************************************
  Images info
************************************************************************************************* */
.ui-image-info-ico{
  position:absolute;
  display:block;
  right:15px;
  bottom:15px;
  width:40px;
  height:40px;
  border-radius:20px;
  box-shadow:var(--shadow-default);
  background-color:#ffffff;  
  background-image:url(/assets/template/viaboo/img/skin-default/info.svg);
  background-position:center;
  background-size:24px 24px;
  background-repeat:no-repeat;
  transition:all 300ms ease;
  cursor:pointer;
  opacity:0.6;
}

.ui-image-info-ico:hover{
  transform:rotate(360deg);
  opacity:1;
  background-color:#ffffffaa;
}


/* *************************************************************************************************
  myViaboo ico+
************************************************************************************************* */

.srch-premium-holder{
  position:absolute;
  inset:0px 0px 0px 0px;
  cursor:pointer;
}

.myViabooPlus{
  background-image:url(/assets/template/viaboo/img/common/vp-plus.svg);
  background-size:20px 20px;
  background-position:center;
  background-repeat:no-repeat;
  background-color:#fc0;
  width:24px;
  height:24px;
  display:block;
  position:absolute;
  border:solid 1px #fff;
  border-radius:16px;
  bottom:-12px;
  right:-12px;
  cursor:pointer;
  transition:var(--default-transition);
  z-index:1;
}

.myViabooPlus:hover{
  opacity: 1;
  animation-name: ui-up-arrow-anim;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
  transform:rotate(360deg);
}


.sk-copyright{
  text-align:center;
  margin-top:30px;
  color:#000;
  padding-top:20px;
  border-top:dotted 1px #00000033;
  overflow:hidden;
}

.sk-copyright .viaboo{
  float:right;
  line-height:48px;
  transition:var(--default-transition);
  margin-right:55px;
}

.sk-copyright .cookie{
  float:left;
  width:48px;
  height:48px;
  background-color:#ffffff88;
  border-radius:24px;
  background-image:url(/assets/template/viaboo/img/skin-default/cookie.svg);
  background-size:24px 24px;
  background-position:center;
  background-repeat:no-repeat;
  cursor:pointer; 
  transition:var(--default-transition);
  display:inline-block;
}

.sk-copyright .cookie:hover{
  background-color:#ffffffFF;
}


@media all and ( max-width: 800px ){
  .sk-copyright .viaboo,
  .sk-copyright .cookie{
    width:100%;
    float:none;
    margin:15px 0px;
  }
}


/* file: viaboo/css-default/font-general.css */

/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/assets/template/viaboo/css-default/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/viaboo/css-default/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/viaboo/css-default/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/viaboo/css-default/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/viaboo/css-default/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/viaboo/css-default/S6u9w4BMUTPHh6UVSwiPGQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/assets/template/viaboo/css-default/S6u9w4BMUTPHh50XSwaPGR_p.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/assets/template/viaboo/css-default/S6u9w4BMUTPHh50XSwiPGQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}





/* cyrillic-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url(/assets/template/viaboo/css-default/1Ptug8zYS_SKggPNyCAIT5lu.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url(/assets/template/viaboo/css-default/1Ptug8zYS_SKggPNyCkIT5lu.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  font-display: swap;
}
/* vietnamese */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url(/assets/template/viaboo/css-default/1Ptug8zYS_SKggPNyCIIT5lu.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
  font-display: swap;
}
/* latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url(/assets/template/viaboo/css-default/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/viaboo/css-default/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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url(/assets/template/viaboo/css-default/1Ptug8zYS_SKggPNyCAIT5lu.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  font-display: swap;
}
/* cyrillic */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url(/assets/template/viaboo/css-default/1Ptug8zYS_SKggPNyCkIT5lu.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  font-display: swap;
}
/* vietnamese */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url(/assets/template/viaboo/css-default/1Ptug8zYS_SKggPNyCIIT5lu.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
  font-display: swap;
}
/* latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url(/assets/template/viaboo/css-default/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/viaboo/css-default/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: viaboo/css-default/elm-search.css */

.ui-search-container{
  position:relative;  
}

.ui-search-container>h1{
  float:left;
}


#ui-search>div{
  float:left;
  position:relative;
  width:calc(100% / 6 - 20px);
  box-sizing:border-box;
  padding:0px;
  margin-right:24px;    
}

#ui-search>div:nth-child(6){
  margin-right:0px; 
}

#ui-search>div>select, #ui-search>div>input{
  width:100%;   
  margin-top:5px;   
}

#ui-search>div>button{
  width:100%;   
  height:40px;
  margin-top:5px;
}

@media all and ( max-width: 1024px ){
  #ui-search>div{
    width:calc(50% - 10px);
    margin:10px 0px 10px 0px;
  }
  
  #ui-search>div:nth-child(odd){
    margin-right: 20px;
  }    
}
 
@media all and ( max-width: 460px ){
  #ui-search>div{
    width:calc(100%);
    margin:10px 0px 0px 0px;
  }
}

/* file: viaboo/css-default/elm-trips.css */

:root{
  --star-small-margin-size:2px;
  --star-small-size:18px;
}

.srch-premium-holder{
  background:#00000000;
}

.ui-trips{
  width:100%;
  clear:both;
  position:relative;
  float:outside;
}

.ui-trips:after{ 
   content: " "; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}

.ui-trips-item{
  display:block;
  float:left;
  width:calc(100% / 3 - 40px / 3);
  height:400px;
  position:relative;
  margin-bottom:20px;
  cursor:pointer;
  padding:300px 0px 10px 0px;
  border-radius:var(--button-radius);
  box-sizing:border-box;
}

.ui-trips-item:nth-child(3n+1){ margin:0px  0px 20px  0px; }
.ui-trips-item:nth-child(3n+2){ margin:0px 20px 20px 20px; }
.ui-trips-item:nth-child(3n+3){ margin:0px  0px 20px  0px; }
  
@media all and ( max-width: 1024px ){
  .ui-trips-item:nth-child(2n+1){ margin:0px  0px 20px  0px; width:calc(50% - 10px); }
  .ui-trips-item:nth-child(2n+2){ margin:0px  0px 20px 20px; width:calc(50% - 10px); }  
}

@media all and ( max-width: 740px ){
  .ui-trips-item:nth-child(n){ margin:0px 0px 20px 0px; width:100%; }
}

.ui-trips-item-img-cnt{
  height:290px;
  width:100%;
  position:absolute;
  top:0px;
  left:0px;
  border-radius:var(--button-radius);
  background-position: center;
  background-size: cover;
  z-index:1;
}

.ui-trips-item-img-cnt>img{
  position:absolute;
  width:100%;
  height:100%;
  object-position: center;
  object-fit: cover;
  border-radius:var(--button-radius);
}

.ui-trips-item:hover>.ui-trips-item-img-cnt>.ui-trips-item-front{
  filter: grayscale(100%) ;
}

.ui-trips-item-img-cnt .ui-trips-item-front{  
  position: relative;
  width: 100%;  height: 100%;
  background: #262626;
  backface-visibility: hidden;
  transform: perspective(1000px) rotateY(0deg);
  transition: 0.4s ease-in-out;
}
.ui-trips-item-front.active{
  transform: perspective(1000px) rotateY(180deg);
}
.ui-trips-item-img-cnt .ui-trips-item-back{  
  display:none;
  position: absolute;
  top: 0;   left: 0;
  width: 100%;  height: 100%;
  background: #f00;
  backface-visibility: hidden;
  transform: perspective(1000px) rotateY(-180deg);
  transition: 0.4s ease-in-out;
}
.ui-trips-item-back.active{
  transform: perspective(1000px) rotateY(0deg);
}

.ui-trips-item .item-title{
  font-family:var(--font-headers);
  color:var(--text-color-links);
  font-size:18px;
  padding:0px;
  margin:0px;
  transition: all 300ms ease;
  height:25px;
  line-height:25px;
  width:100%;
  width:calc( 100% - 5 * var(--star-small-size) - 10px );
  float:left;
  overflow:hidden;
  white-space: nowrap;
  text-overflow:ellipsis;
  font-weight:bold;
}

.ui-trips-item:hover .item-title{
  color:var(--text-color-links-hover);
}

.ui-trips-item-stars{
  display:block;  
  width:calc( 5 * var(--star-small-size) );
  height:var(--star-small-size);
  margin:0px;
  padding:0px;
  border:0px;
  overflow:hidden;
  position:relative;
  float:right;
  background:var(--color-main-background);
  margin-top:2px;
  box-sizing:border-box;
}
.ui-trips-item-stars>b{
  position:absolute;
  display:block;
  top:0px;
  left:0px;
  width:calc( 5 * var(--star-small-size) );
  height:var(--star-small-size);
  overflow:hidden;
  white-space:nowrap;
  box-sizing:border-box;
}

.ui-trips-item-stars>b>u{
  display:block;
  width:calc( 5 * var(--star-small-size) );
  height:var(--star-small-size);
  padding:0px;
  margin:0px;
  border:0px;
  box-sizing: border-box;
  overflow:hidden;
  position:absolute;
}

.ui-trips-item-stars>b>i{
  height:calc( var(--star-small-size) - var(--star-small-margin-size) * 2 );
  width:calc( var(--star-small-size) - var(--star-small-margin-size) * 2 );
  margin:var(--star-small-margin-size) var(--star-small-margin-size);
  overflow:hidden;
  border-radius:calc( var(--star-small-size) / 2 ) ;
  border:dotted 2px var(--color-main-1);
  float:left;
  display:block;
  box-sizing:border-box;
  background:var(--color-main-background);
}

.ui-trips-item-stars>b>u>i{
  height:calc( var(--star-small-size) - var(--star-small-margin-size) * 2 );
  width:calc( var(--star-small-size) - var(--star-small-margin-size) * 2 );
  margin:var(--star-small-margin-size) var(--star-small-margin-size);
  overflow:hidden;
  border-radius:calc( var(--star-small-size) / 2 ) ;  
  float:right;
  display:block;
  box-sizing:border-box;
  background-color:var(--color-main-1);
}

.ui-trips-item-destination{
  display:block;
  height:28px;
  line-height:28px;
  clear:both;
  overflow:hidden;
  white-space: nowrap;
  text-overflow:ellipsis;
  width:100%;
  color:var(--text-color-links);
  font-size:var(--font-size-defaut-text-small);
}

.ui-trips-item-infos{
  width:100%;
  height:30px;
  overflow:hidden;
  margin-top:5px;
}

.ui-trips-item-infos>span{
  float:left;  
  height:30px;
  line-height:28px;
  padding:0px 6px;
  box-sizing:border-box;
  background:var(--color-main-background);
  border:solid 1px var(--color-main-light-frame);
  color:var(--color-main-gray);
  border-radius:var(--button-radius-small);
  margin-right:4px;
  font-size:var(--font-size-defaut-text-small);
}

#ui-trips-btn-more{
  display:table;
  padding:15px;
  margin:auto;
  margin-top:20px;
  margin-bottom:20px;
}

.ui-trips-map:before{
  content:'';
  position:relative;  
  width:80px;
  height:60px;
  top:-10px;
  right:22px;
  display:block;
}

.ui-trips-map{
  position:absolute;
  top:10px;
  right:10px;
  background-image:url(/assets/template/viaboo/img/skin-default/map-ico.svg);
  background-position: 9px 7px;
  background-repeat: no-repeat;
  background-size:30px 30px;
}

.ui-trips-notes:before{
  content:'';
  position:relative;  
  width:80px;
  height:70px;
  top:-10px;
  right:22px;
  display:block;
}

.ui-trips-notes{
  position:absolute;
  top:70px;
  right:10px;
  background-image:url(/assets/template/viaboo/img/skin-default/notes.png);
  background-position: 12px 15px;
  background-repeat: no-repeat;
}

.ui-trips-notes.notes_inNotes{
  background-image:url(/assets/template/viaboo/img/skin-default/notes-in.png) !important;
}

.ui-trips-notes.notes_notInNotes{}


.ui-trips-search-toggle{
  display:none;
  background-image:url(/assets/template/viaboo/img/skin-default/filters-ico.png);
  margin-top:22px;
}

@media all and ( max-width: 1024px ){
  .ui-trips-search-toggle{
    display:inline-block;    
  }
}

@media all and ( max-width: 640px ){
  .ui-trips-search-toggle{
    width:100%;
    margin:0px 0px 10px 0px;
  }
}

.ui-trips-search-toggle>span{
  margin-right:10px;
  font-weight:normal;
  position:relative;
  font-size:18px;
  top:-2px;
}

.ui-trips-search{  
  clear:both;
  float:left;
  width:100%;
  padding-bottom:20px;  
}

@media all and ( min-width: 1025px ){
  .ui-trips-search{
    display:block !important;
    opacity:1 !important;
  }
}


@media all and ( max-width: 1024px ){
  .ui-trips-search{
    display:none;
  }
}

/* *************************************************************************************************
  Galeria pod mapką.
*/

.ui-trip-gallery-slider{
  width:calc(100%);
  height:220px;
  position:relative;
  margin-top:-40px;
  overflow:hidden;  
}

.ui-trip-gallery-slider>div{
  transition: all 300ms ease;
}

.ui-trip-gallery-slider a{
  width:220px;
  height:100%;
  overflow:hidden;
  position:relative;
  display:block;
  float:left;
  margin:0px 5px;
  cursor:pointer;  
  min-width:180px;
  max-width:280px;
  margin-right:20px;
  border-radius:var(--button-radius);
} 

@media all and ( max-width: 800px ){
  .ui-trip-gallery-slider a{
    max-width:400px;
  }
}


.ui-trip-gallery-slider a>img{
  width:100%;
  height:100%;
  object-position: center;
  object-fit:cover;
  float:left;
  transition: 0.4s ease-in-out;  
}

.ui-trip-gallery-slider a:before{
  position:absolute;
  content:'';
  display:block;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  background: linear-gradient( 180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 40%, rgba(0,0,0,0.6) 100%);
}

.ui-trip-gallery-slider a:hover>img{
  transform:scale(1.05);
}

.ui-trip-gallery-slider a>b{
  position:absolute;
  display:block;
  bottom:75px;
  text-align:center;
  width:100%;
  font-weight:bold;
  color:#fff;
}

.ui-trip-gallery-slider a>span:nth-child(3){
  position:absolute;
  display:block;
  bottom:45px;
  height:26px;
  text-align:center;
  width:100%;
  color:#fff;
  text-overflow:ellipsis;
  white-space:nowrap;
  padding:0px 5px;
  box-sizing:border-box;
  overflow:hidden;
}

.ui-trip-gallery-slider a>span:nth-child(4){
  position:absolute;
  display:block;
  bottom:15px;
  text-align:center;
  width:100%;
  color:#fff;
}

.ui-trip-gallery-slider>span[data-slide-next], .ui-trip-gallery-slider>span[data-slide-prev]{
  position:absolute;
  display:block;
  z-index:3;
  background:var(--color-main-background);
  box-shadow:var(--shadow-default);
  height:40px;
  width:40px;
  border-radius:20px;
  padding:0px;
  line-height:40px;
  text-align:center;
  box-sizing: border-box;
  color:var(--text-color-general);
  cursor:pointer;
  transition: all 300ms ease;
  top:50%;
  transform: translateY(-50%);
}

.ui-trip-gallery-slider>span[data-slide-next]:hover, .ui-trip-gallery-slider>span[data-slide-prev]:hover{
  background:var(--button-pri-bg-hover);  
  color:var(--button-pri-txt-color-hover);
}

.ui-trip-gallery-slider>span[data-slide-prev]{
  left:15px;  
}

.ui-trip-gallery-slider>span[data-slide-next]{
  right:15px;
}

@media all and ( max-width: 420px ){
  
  .ui-trip-gallery-slider>span[data-slide-next], .ui-trip-gallery-slider>span[data-slide-prev]{
    opacity: 0.9;
    background: none;
    box-shadow: none;
    text-shadow: 1px 1px #fff;
  }
  
  .ui-trip-gallery-slider>span[data-slide-next]{
    right:0px;
  }
  .ui-trip-gallery-slider>span[data-slide-prev]{
    left:0px;
  }
}




/* file: viaboo/css-default/elm-footer.css */

/************************************************************
  Footer - 4 kolumny menu
************************************************************/
footer{
  clear:both;
  margin-top: calc(2* var(--default-margin));
}

.sk-footer-columns-cnt{
  width:100%;
  padding: calc(4* var(--default-margin)) 0px;
  background:var(--color-main-1);
}

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

.sk-footer-column>h2{
  padding:0px;
  margin:0px;
  border:0px;
  font-size:18px;
  margin-bottom:15px;
  color:#000;
  min-height:52px;
  box-sizing:border-box;
}

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

.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:32px;
  line-height:32px;
  color:#000;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space: nowrap;  
  transition:all 0.3s ease;
}
.sk-menu-bottom>a:hover{
  text-decoration:underline;
}

.sk-footer-social-cnt{
  text-align:center;
  width:100%;
  float:left;
  margin-top:20px;
}

.sk-footer-social-ico{
  width:48px;
  height:48px;
  margin:0px 10px;
  display:inline-block;
  cursor:pointer;
}

.sk-footer-social-ico>img{
  width:48px;
  height:48px;
  transition:all 0.3s ease;
  opacity:0.8;
}

.sk-footer-social-ico:hover>img{
  transform:rotate(360deg);
}


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

  .sk-footer-columns{
    grid-template-columns:1fr 1fr;
  }
  
  .sk-footer-column.info{
    padding-top:30px;
    border-top:solid 4px #fff;
    grid-row: 2 / 4;
    grid-column: 1 / 3;
  }

  .sk-footer-column>h2{
    width:100%;
    box-sizing:border-box;
    clear:both;
    padding:calc( 2 * var(--default-margin) ) 0px;
  }
  
  
  .sk-footer-column{
    padding:0px;
    margin:0px;
  }
  
  .sk-menu-bottom>a{
    height:40px;
    line-height:40px;
    margin:0px;
    padding:0px;
    padding-left:25px;    
    background-image:url(/assets/template/viaboo/img/common/arrow-right-white.svg);
    background-size:10px 10px;
    background-position:0px 14px;
    background-repeat:no-repeat; 
    border-bottom:solid 1px #FFFFFF66;
  }
  
  .sk-footer-column.info{
    padding-top:0px;
    margin-top:30px;
  }
    
}

@media all and ( max-width: 680px ){
  .sk-footer-columns{
    display:block;
  }
  .sk-footer-columns{
    grid-template-columns:1fr;
  }
}