/* Extrem Tour, Aira GROUP */

:root {
  --green: #008000;
  --red: #dc0000;
  --redHover: #A80000;
 }

@font-face {font-family:TeXGyreAdventor;src:url(texgyreadventor-bold.otf);font-weight:bold;}

html, body, h1, h2, h3, h4, ul, ol, li, p {margin:0;padding:0;}
img {border:0;}

.clear {clear:both;display:block;height:0;line-height:0;font-size:0;visibility:hidden;}
.hide {display:none;}
a {color:var(--red);}
a:hover {text-decoration:none;}

body {font:12px/1.5em Arial,Helvetica,sans-serif;color:#080808;background:url(../img/www/background.jpg) 0 0 repeat;}
input, select {font-family:Arial,Helvetica,sans-serif;}

.desktop-only {
	display:block !important;
}
.desktop-non-tablet-only {
	display:block !important;
}
.mobile-only {
	display:none !important;
}
.mobile-tablet-only {
	display:none !important;
}
@media(max-width: 910px){
	.desktop-non-tablet-only {
		display:none !important;
	}
	.mobile-tablet-only {
		display:block !important;
	}
}

@media(max-width: 680px){
/*	.mobile-hidden*/
	.desktop-only {
		display:none !important;
	}
/*	.desktop-hidden*/
	.mobile-only {
		display:block !important;
	}
}

/* layout */
#layout {width:900px;margin:0 auto;padding:0 40px 48px 40px;background:url(../img/www/background-figures.png) 50% 0 no-repeat;}

/* hlavicka */
#header {position:relative;width:100%;height:80px;}
#header .logo {position:absolute;left:20px;top:23px;}
#header .logo a {display:block;width:229px;height:29px;background:url(../img/www/logo.png) 0 0 no-repeat;}
#header .logo span {display:none;}
#header .slogan {position:absolute;left:269px;top:0;line-height:80px;font-size:13px;color:#fff;}
#header .contact {position:absolute;right:0;top:0;padding-right:175px;color:#fff;line-height:80px;}
#header .contact a {color:#fff;cursor:text;}
#header .contact strong {position:absolute;right:20px;top:0;display:block;padding-left:23px;line-height:80px;font-size:22px;font-weight:normal;background:url(../img/www/header-phone.png) 0 50% no-repeat;}

/* menu */
#menu {height:50px;background:#FFCC33 url(../img/www/menu-bkg.png) 0 0 repeat-x;}
#menu li {float:left;list-style:none;}
#menu a {display:block;font-size:13px;height:45px;line-height:45px;padding:0 20px 5px 20px;font-weight:bold;color:#080808;text-decoration:none;text-transform:uppercase;}
#menu a:hover {background:#FFF url(../img/www/menu-bkg.png) 0 -50px repeat-x;}

/* obsahovy blok */
#main {padding:20px 0 0 0;background:#fff;}

/* hlavni obsah */
#content {float:left;width:570px;margin-bottom:20px;padding:0 20px;}

/* postranni sloupec */
#sidebar {float:right;width:290px; padding-top: 4.8em;}
#sidebar .box {margin-bottom:20px;width:250px;padding:20px;border-top:5px solid #E8E8E8;}
#sidebar .box h3 {margin-bottom:1em;font-size:20px;}

.contact-us {
	cursor:pointer;
	float:right;
	width:auto;
	height:29px;
	line-height:29px;
	font-size:14px;
	text-align:center;
	padding:0 7px 0 7px;
	border:0;
	color:#FFF;
	background:var(--red);
	border-radius:3px;
  text-decoration:none;
  margin-top:5px;
}

/* blok pro s nami */
#whyus {padding:0 20px;}
#whyus .box {float:left;width:200px;margin-right:20px;color:#fff;background:#080808;min-height:295px;}
#whyus .box h4 {padding:8px;font-size:16px;}
#whyus .box p {padding:0 8px 8px 8px;}

/* paticka */
#footer {padding:25px 20px;}
#social {float:left; padding-right: 20px}
#aira {float:right;}
#copyright {margin:0 auto;}
#aira a {color:#080808;text-decoration:none;}
#aira a:hover {text-decoration:underline;}

/* sidebar(desktop) + tělo: výpis ostatních termínů */
.body-terms table {
	width: 100%;
}

.prehled-terminu table tr td {padding: 4px 0px;border-bottom: 5px solid white;}

.prehled-terminu td.order {
	background: var(--green);
	color: #fff;
	border-left: 4px solid white;
	padding: 2px;
	text-align: center;
	letter-spacing: 0.5px;
	font-family: TeXGyreAdventor,Arial,sans-serif;
}

.prehled-terminu td.order:hover {
	background-color:var(--redHover);
}

.prehled-terminu td.order a {color: white;text-decoration: none;}
.prehled-terminu table tr {}
.prehled-terminu table tr td.date {padding-left: 4px;}

.prehled-terminu td.sold-out {
	font-size:10px;
	border-left: 4px solid white;
	padding: 0px;
	background: #fff;
	color: var(--red);
	font-weight: bold;
	line-height: 1em;
}

.prehled-terminu.first {background: #FFCC33}
.prehled-terminu.last {background: #EEBC1F}

/* sidebar: prihlaseni newsletteru */
#side-newsletter p {margin:1em 0;}
#side-newsletter input.email, #atb_val {
	float:left;
	width:130px;
	height:29px;
	line-height:29px;
	padding:0 10px;
	border:0;
	background:#E8E8E8;
	border-radius:3px;
}

#side-newsletter .submit {
	cursor:pointer;
	float:right;
	width:92px;
	height:29px;
	line-height:29px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	padding:0;
	border:0;
	color:#fff;
	background:var(--red);
	border-radius:3px;
	letter-spacing: 0.5px;
}

/* sidebar: katalog ke stazeni */
#side-catalog .download {margin-top:10px;height:48px;padding:13px 0 0 102px;background:url(../img/www/catalog-download.jpg) 25px 0 no-repeat;}
#side-catalog .link {display:block;width:119px;height:29px;line-height:29px;font-size:14px;text-align:center;text-decoration:none;border-radius:3px;color:#fff;background:var(--red);}

/* sidebar: nevite si rady*/
#side-help p {margin:1em 0 0 0;}
#side-help .phone {margin:15px auto;width:169px;height:38px;padding-left:33px;width:136px;line-height:38px;font-size:22px;font-weight:bold;background:#FC3 url(../img/www/side-help-phone.png) 10px 50% no-repeat;}

/* sidebar: reference */
#side-reference .refbox {margin-top:15px;}
#side-reference .refbox .text {padding:8px;font-style:italic;background:#FC3;}
#side-reference .refbox .author {padding:8px;background:#EEBC1F;}
#side-reference .more {margin-top:10px;font-weight:bold;text-align:right;}
#side-reference .more a {color:var(--red);}
#side-reference img {margin-top: 10px; margin-bottom: 10px}
#side-reference a {text-decoration:none;}
#side-reference a:hover {text-decoration:underline;}

/* filtrovani zajezdu */
#filter {margin-bottom:28px;}
#filter h1 {font-size:22px;}
#filter .icons {
	display:flex;
	flex-flow: row wrap;
	justify-content:space-around;
}
#filter .icons a {
	display:block;
	width:106px;
	height:106px;
	margin-right:30px;
	background-repeat:no-repeat;
	background-position:0 0;
}
#filter .icons a.last {margin-right:0;}
#filter .icons a span {display:none;}
#filter .icons a.cyklo {background-image:url(../img/www/activity-cyklo.png);margin-left:15px;}
@media only screen and (min-width: 680px) {
  #filter .icons a.cyklo {
    margin-left: 30px;
  }
}
#filter .icons a.kololod {background-image:url(../img/www/activity-kololod.png);}
#filter .icons a.inline {background-image:url(../img/www/activity-inline.png);}
#filter .icons a.exotika {background-image:url(../img/www/activity-exotika.png);}
#filter .icons a.turistika {background-image:url(../img/www/activity-turistika.png);}
#filter .icons a.zamorske {background-image:url(../img/www/compass.png);}
#filter .icons a.naklic {background-image:url(../img/www/activity-naklic.png);}
#filter .icons a:hover {background-position:-106px;}
#filter strong {color:var(--red);}
#filter strong {position:absolute;left:230px;bottom:-8px;padding-right:22px;line-height:25px;background:url(../img/www/filter-arrow.png) 100% 100% no-repeat;}
#filter .header {position:relative;margin-bottom:25px;}

/* vypis zajezdu */
#tours .right {float:right;}
#tours .item {margin:40px 0;}
#tours .item .info {float:right;width:388px;}
#tours .item h3 {font-size:18px;font-weight:normal;}
#tours .item h3 a {display:inline-block;padding:5px;color:#080808;background:#FC3;text-decoration:none;text-transform:uppercase;line-height:24px;}
#tours .item .term {color:#fff;}
#tours .item .term span {display:inline-block;padding:5px;background:#080808;}
#tours .item .term span.lastminute-div {
	color: var(--red);
  background-color: #fff !important;
  font-weight: 900;
  font-size: 110%;
}
#tours .item .perex {margin:10px 0;}
#tours .item .price {
	float: left;
	padding: 0 10px;
	height: 29px;
	line-height: 29px;
	font-size: 14px;
	color: var(--red);
	background: #fff;
	border-radius: 3px 0 0 3px;
}
#tours .item .old-price {font-size:14px;text-decoration:line-through;}
#tours .item .link {
	float:left;
	padding:0 15px;
	height:29px;
	line-height:29px;
	font-size:14px;
	background:var(--red);
	border-radius:3px;
}
#tours .item .link a {color:#fff;text-decoration:none;}
#tours .item .link:hover {background:var(--redHover);}
#tours .item .left {float:left;width:167px;}
#tours .item .img img {display:block;width:167px;height:100px;box-shadow:0px 1px 3px 0px #000;}
#tours .item.last {margin-bottom:0;}
#tours .item .activity {margin-top:10px;text-align:center;}
#tours .item .activity img {vertical-align:middle;}
#tours .item .tag {margin-top:15px;font-weight:bold;text-align:center;color:var(--red);}
#tours .item .ubytovani .postel {width: 32px;height: 32px;background-image:url(../img/www/icon-postel.png); float: left;margin-left: 15px;}
#tours .item .ubytovani .stan {width: 32px;height: 32px;background-image:url(../img/www/icon-stan.png); float: left;margin-left: 5px;}
#tours .more {margin-top:10px;text-align:right;}
#tours .more a {font-weight:bold;}

.typ-dopravy .dopravaIcon {
	font-size:23px;
	color:#000;
	margin-top:5px;
	padding-left:5px;
}

.typ-dopravy .dopravaIconAll {
	font-size:18px;
	color:#000;
	margin-top:5px;
	padding-left:5px;
}

.bus-plane-img {
	height:40px;
	margin-bottom:-17px;
	padding-left:5px;
}

.zajezd-detail-tags {
	margin:0 0 0 5px;
	padding-bottom:60px;
}

.zajezd-detail-tags-ul {
	list-style-position:inside;
	list-style-type:disc;
	margin-bottom:20px !important;
	padding-bottom:20px !important;
}

.zajezd-detail-tags-ul li {
  float:left;
  width:50%;
}

.zajezd-detail-tags-li {
	font-size:14px;
	line-height:1.6;
}

.zajezd-detail-tags-detail {
	margin:25px 0 0 5px;
	padding-bottom:80px;
}

.zajezd-detail-tags-ul-detail {
	list-style-position:inside;
	list-style-type:disc;
	margin-bottom:20px !important;
	padding-bottom:20px !important;
}

.zajezd-detail-tags-ul-detail li {
  float:left;
  width:50%;
}

.zajezd-detail-tags-li-detail {
	font-size:14px;
	line-height:2;
}
@media only screen and (max-width: 680px) {
	.zajezd-detail-tags-li {
		font-size:11px;
		position:relative;
  	left:-5px;
	}
	.zajezd-detail-tags-li-detail {
		font-size:13px;
		line-height:2;
		margin: 0 0 0 5px;
	}
	#tours .item .price {
		line-height: 15px !important;
	}
}

.kontakty-textarea {
	resize:vertical;
}

.kontakty-oou-div {
	margin-top:20px;
}

#tours .display {
	display:none;
  /* moznost zmenit styl vypisu zajazdov je momentalne skryta */
	/*float: right;
	margin-top: 10px;
	font-size: 1.1em;
	color: var(--red);
	font-weight: bold;*/
}
#tours .img-display-type {
	display:none; /* moznost zmenit styl vypisu zajazdov je momentalne skryta */
}
#tours .text-display-type {
	display:none; /* moznost zmenit styl vypisu zajazdov je momentalne skryta */
}
#tours .display a {text-decoration: none; font-size: 1em;}
#tours .display a.graphic {margin-left: 10px;}
#tours .display a img {height: 16px; margin-top: 8px;}
#tours .display a span {display: inline-block; position: relative;top: -4px;line-height: 1.8em;margin-left: 5px; margin-right: 0px;}

/* vypis zajezdu - tabulka */
#tours table.tours {margin-top: 20px;}
#tours table.tours td.name{
	width:240px;
}
#tours table.tours td.term{
  width: 120px;
	color: #000;
	text-align: right;
}
#tours table.tours td.price{}
#tours table.tours td.ubytovani{}
#tours table.tours .item .ubytovani .postel, #tours table.tours .item .ubytovani .stan {
	margin: 0;
}
#tours table.tours td.notes .ubytovani {
	float: left;
	width: max-content;
	height: 32px;
}
#tours table.tours td.notes{
    width: 160px;
}
#tours table.tours .item .price {
	border-radius: 3px;
	font-size: 12px;
	width: 80px;
	text-align: center;
	padding: 0 5px;
	margin: 0 10px;
}


/* detail zajezdu: vyber terminu */
#tour .tour-select-term {margin:25px 0;position:relative;font-weight:bold;height:68px;color:#fff;background:#080808;border-top:5px solid #222;padding:0 12px;}
#tour .tour-select-term h2 {color:#fff;}
#tour .tour-select-term .term {float:left;margin-top:8px;}
#tour .tour-select-term .term select {padding:3px;background:#E8E8E8;border:0;border-radius:3px;margin-top:2px}
#tour .tour-select-term .accommodation {float:left;margin-left:10px;margin-top:8px;}
#tour .tour-select-term .accommodation select {padding:3px;background:#E8E8E8;border:0;border-radius:3px;}
#tour .price-wrapper {
	display: flex;
	flex-flow: row wrap;
  justify-content: flex-end;
	align-items: flex-start;
  width: 130px;
	height: 60px;
}
#tour .tour-select-term .price {margin-left:30px;line-height:37px;font-size:20px;}
#tour .tour-select-term .price.cena-new {font-weight: 700;}
#tour .tour-select-term .old-price {
	  display: block;
	  position: relative;
		bottom: 3px;
		margin-left:30px;
	  color: red;
		display:flex;
		flex-flow: row nowrap;
		justify-content: flex-start;
		align-items: center;
		line-height:18px;
		font-size:14px;
}
#tour .tour-select-term .old-price span {text-decoration:line-through;}
#tour .old-price .lm-label {
	margin-left: 5px;
	font-size: small;
	color: #fff;
	line-height: 13px
}


#tour .tour-select-term .submit {
	position:absolute;
	right:12px;
	top:9px;
	border:0;
	width:auto;
/*	height:34px;*/
	font-size:18px;
	cursor:pointer;
	background:var(--red);
	border-radius:3px;
	text-align:center;
	line-height:34px;
	color:#fff;
	font-size: 15px;
	letter-spacing: 0.5px;
	padding:5px 10px;
}

/* detail zajezdu: text */
#tour h1 {margin-bottom:10px;font-size:30px;line-height:1.2em;}
#tour .destination {margin-bottom:5px;font-weight:bold;color:var(--red);}
#tour .tags {font-weight:bold;}
#tour .perex {margin-bottom:25px;font-style:italic;}
#tour h2, #itinerary-text h2 {
	margin: 0.75em 0 0.25em 0;
	font-size: 20px;
	color: var(--red);
	line-height: 1.2em;
}

/* detail zajezdu: itinerar */
#tour .itinerary {
	width: 456px;
	height: 54px;
	margin: 25px auto;
	padding-top: 20px;
	padding-left: 114px;
	position: relative;
	background: #fc3 url(../img/www/tour-itinerary-compass.png) 49px 50% no-repeat;
}

#tour .itinerary .link {
	position: absolute;
	right: 96px;
	top: 22px;
	display: block;
	width: 100px;
	height: 29px;
	line-height: 29px;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	border-radius: 3px;
	color: #fff;
	background: var(--red);
}

#tour .itinerary .link:hover {
	background-color:var(--redHover);
}

.submit:hover {
	background-color:var(--redHover) !important;
}

.btn-hledat {
	font-weight:bold !important;
	font-family: TeXGyreAdventor,Arial,sans-serif;
}

#tour .itinerary h2 {margin:0;font-size:16px;color:#080808;}
#tour #itinerary-box {width:640px;}
#itinerary-box {}
#itinerary-box #itinerary-images {max-height: 540px;max-width: 600px;float: left;overflow: hidden;}
#itinerary-box #itinerary-text {
	height: 100%;
	float:right;
	width: 340px;
	overflow: auto;
}
#itinerary-box #itinerary-text p {
	text-align:left !important;
	font-weight:normal !important;
	margin-bottom:15px;

}
#fancy-print {
position: absolute;
top: -15px;
right: 25px;
width: 30px;
height: 30px;
cursor: pointer;
z-index: 1103;
}


/* detail zajezdu: galerie */
#tour-gallery {margin:20px 0 30px 0;}
#tour-gallery .bx-wrapper {position:relative;}
#tour-gallery .slider {display:block;width:570px;height:340px;overflow:hidden;}
#tour-gallery .slider img {display:block;margin: 0 auto;height:340px;}
#tour-gallery .bx-controls-direction a {position:absolute;z-index:100;top:145px;display:block;width:50px;height:50px;text-indent:-9999px;background:url(../img/www/tour-gallery-controls.png) 0 0 no-repeat;}
#tour-gallery .bx-controls-direction a.bx-prev {left:0;background-position:0 0;}
#tour-gallery .bx-controls-direction a.bx-next {right:0;background-position:0 -50px;}
#tour-gallery .pager a {float:left;margin:10px 10px 0 0;display:block;height:80px;}
#tour-gallery .pager a.active {opacity:0.7;}
/* detail zájezdu malý slider u galerie */
#tour-gallery .bx-wrapper:nth-of-type(2) .bx-controls-direction a {top:20px;}
#tour-gallery .bx-wrapper:nth-of-type(2) .bx-controls-direction a.bx-prev {left:-60px;}
#tour-gallery .bx-wrapper:nth-of-type(2) .bx-controls-direction a.bx-next {right:-60px;}
@media (max-width:480px) {#tour-gallery .bx-wrapper:nth-of-type(2) .bx-controls-direction a {display:none;}}
#tour-gallery .bx-wrapper:nth-of-type(2) {margin:auto}
#tour-gallery .bx-wrapper:nth-of-type(2) .pager a {text-align:center;}
#tour-gallery .bx-wrapper:nth-of-type(2) .pager a img {max-width: 100%;height: auto;}
/* detail zajezdu: kontaktni formular */
#tour-contact form {margin-top:15px;}
#tour-contact h2 {
	color: #080808;
	font-size: 20px;
	margin-top: 1.1em;
}
#tour-contact .submitbox {text-align:right;}

#tour-contact .submit {
	border:0;
	padding:0;
	font-weight:bold;
	width:107px;
	height:34px;
	font-size:14px;
	cursor:pointer;
	background:var(--red);
	border-radius:3px;
	text-align:center;
	line-height:34px;
	color:#fff;
	letter-spacing: 0.5px;
	font-family: TeXGyreAdventor,Arial,sans-serif;
}

#tour-contact .text {font-family:Arial,Helvetica,sans-serif;font-size:12px;border:0;background:#E8E8E8;border-radius:3px;}
#tour-contact .left {float:left;width:180px;}
#tour-contact .left input {margin-bottom:8px;width:160px;padding:0 10px;height:29px;line-height:29px;}
#tour-contact .right {float:right;width:380px;}
#tour-contact textarea {width:360px;height:83px;padding:10px;}

/* textove stranky */
#text h1 {margin:0 0 1em 0;font-size:30px;}
#text h2 {margin:1em 0;font-size:20px;color:var(--red);}
#text p {margin:1em 0;}
#text ul {margin:1em 0 1em 2em;}

/* objednavka */
#order ul {margin:1em 0 1em 2em;}
#order .block {margin:1.5em 0;}
#order .block div {margin:0 0 0.25em 0;}
#order .block div br.hide {margin:0 0 0.25em 0;}
#order .block div span {float:left;width:120px;line-height:29px;}
#order .block input.text {height:29px;line-height:29px;padding:0 10px;border:0;background:#E8E8E8;border-radius:3px;}
#order .block textarea.text {padding:10px;border:0;background:#E8E8E8;border-radius:3px;}
#order .block select {padding:2px;}
#order #objednavka-dokonceni {cursor:pointer;width:94px;height:29px;line-height:29px;font-size:14px;text-align:center;padding:0;border:0;color:#fff;background:var(--red);border-radius:3px;}
#order .err {background:#FFCFCF !important;}

/* pouze pro HP */
#hp-header {position:relative;}

/* HP: vyhledavani */
#hp-search{position:absolute;z-index:100;right:30px;top:10px;width:210px;padding:20px;background:#080808;border:1px solid #fff;border-top:3px solid #fff;}
#side-search {
	width: 230px!important;
	padding: 30px!important;
	background:#080808;
	border:0px solid #fff;
}
#hp-search h3, #side-search h3 {margin-bottom:15px;font-size:20px;color:#fff;}
#hp-search #destination .stat_head, #side-search #destination .stat_head {font-weight: bold;margin: 0;}
#hp-search li, #side-search li {margin-bottom:10px;display:block;}
#hp-search li label, #side-search li label {display:block;}
#hp-search li label span, #side-search li label span  {display:block;margin-bottom:5px;color:#fff;}
#hp-search li label select, #side-search li label select {
	border-radius:3px;
	background:#fff;
	border:0;
	width:204px;
	padding:3px;
}
#hp-search .submitbox, #side-search .submitbox {text-align:center; margin-top: 15px;}
#hp-search .submitbox .submit, #side-search .submitbox .submit {
	width:107px;
	height:30px;
	line-height:30px;
	text-align:center;
	border:0;
	padding:0;
	font-size:16px;
	cursor:pointer;
	color:#fff;
	background:var(--red);
	border-radius:3px;
}

/* HP: slider*/
#hp-slider .slide {position:relative;width:900px;height:400px;}
#hp-slider .slide span {position:absolute;z-index:10;left:40px;bottom:40px;display:block;width:500px;line-height:1.2em;font-size:36px;font-weight:bold;color:#fff;text-shadow: 2px -2px 0px #333;}

/* specialni pismo */
#header .contact strong,
#hp-search h3,
#hp-slider .slide span,
h1, h2,
#sidebar .box h3,
#tours .item h3,
#tours .item .price,
#tours .item .link,
#whyus .box h4,
#side-help .phone,
#hp-search .submitbox .submit,
#side-newsletter input.submit,
#side-catalog .link,
#tour .tour-select-term .price,
#tour .tour-select-term .submit,
.itinerary .link,
#order #objednavka-dokonceni
 {font-family:TeXGyreAdventor,Arial,sans-serif;}

a.box, span.box, .paginator .current {background: var(--red);color: white;padding: 0 5px;display: inline-block;text-align: center;font-weight: bold;border-radius: 4px;margin-right: 10px;line-height: 20px; text-decoration:none;}

/* Stránkování u zájezdů */
.paginator {font-size: 16px;}
.paginator a {padding-right: 10px;font-weight: bold;text-decoration: none;}
.paginator .current {width: 25px;height: 20px;}
.paginator a:hover {text-decoration: underline;}

.zajezdy-vsechny #tours .item.naklic_item {color: #000}
.zajezdy-vsechny section.nabidka-zajezdu-na-klic {
	margin-top:25px;
} 


@media (max-width: 1000px) {
	#layout {padding:0 0 40px;}
}


@media (max-width: 910px) {
	#layout {width:670px;}
	#content {float:none;margin:0 auto 20px;position:relative;}
	#whyus .box {margin: 20px 75px;}
	#whyus .box.last {margin: 20px 75px 20px 0;}
	#whyus .box:nth-child(2n+2) {margin:20px 75px 20px 0;}
	#hp-search {top:80px;right:15px;}
	#hp-header {top:-20px;}
	.bx-viewport {max-height:300px;}
	#hp-slider img {max-width:670px;}
	#hp-slider .slide {height:300px;}
	#hp-slider .slide span {width:350px;bottom:35px;}
	#filter {margin-top:75px;}
	#header .slogan {line-height:60px;}
	#header .contact {line-height:105px;}
	#sidebar {float: none;width:630px;margin:0 20px;}
	#sidebar .box {margin:0 10px 20px;float:left;}
	#fancybox-content div {max-width:100%;}
	#itinerary-box #itinerary-images, #itinerary-box #itinerary-text {float:none;max-width:100%;max-height:initial;width:98%;}
}



@media (max-width: 680px) {
	h1 {line-height:28px;}
	#layout {width:320px;}
	#whyus .box {margin: 20px 40px; min-height: unset;}
	#whyus .box.last {margin: 20px 40px;}
	#whyus .box:nth-child(2n+2) {margin:20px 40px;}
	#aira {float:none;margin-bottom:15px;}
	#sidebar {float:none;width:280px;padding:60px 20px;}
	#sidebar .box {padding:20px 0;margin:0 auto 20px;}
	#header .contact {top:45px;}
	#mobile-menu {margin-top:40px;}
	#header .logo {position:static;margin-top:5px;}
	#header .logo a {margin: 0 auto;}
	#header .slogan {text-align:center;line-height:30px;position:static;}
	#header .contact {line-height:25px;padding-right:0;text-align:center;position:static;}
	#header .contact strong {line-height:35px;right:100px;top:75px;}
	#hp-header + #main #content {top: 60px;}
	#hp-search {right:30px;top:280px;}
	#hp-slider img {max-width:320px;}
	#hp-slider .slide {height:200px;}
	#hp-slider .slide span {font-size:20px;left:0;top:145px;width:300px;padding:0 10px;}
	#filter {margin-top:400px;}
	#content {width:280px;}
	#filter strong {position:static;display:inline-block;margin-top:20px;margin-left:60px;}
	#filter .icons a {margin: 15px;}
	#filter .icons a.kololod {margin-top: 0;}
	#filter .icons a.cyklo {margin-top: 0;}
	#side-search form{padding-left: 20px;}
	#itinerary-box #itinerary-images img {max-width:98%;}

	/* new updates 5/2022 */
	.zajezd-detail-tags-ul-detail li {
		width:100%;
	}
	#tour-gallery {
		margin: 20px 0 0 0;
	}
	#tour .bx-viewport {
		height: auto!important;
	}
	#tour-gallery .pager a {
		height: 40px;
	}

	#tours .item {padding:10px;}
	#tours .item .left {float:none;width: 280px;}
	#tours .item .info {float:none;width: 280px;}
	#tours .item .img img {margin: 0 auto; width: 100%; box-shadow: none; height: auto;}
	#tours .item .activity {text-align:left;margin:10px 0;}
	#tours .item div.info .price {padding:0 5px;font-size:16px;}
	#tours .item div.info .link {padding:0 5px;}
	#tours .item div.info .ubytovani .postel {margin-left:5px;}
	#tours .item div.info .ubytovani .stan {margin-left:5px;}
	#tours .tours .item tr {display:block;padding:35px 0;}
	#tours .tours .item .tag {margin-top:6px;}
	#tours .tours .orderby-box {display:none;}
	#tours .tours .name {width:280px;float:left;}
	#tours .tours .term {text-align:left;width:280px;float:left;margin-bottom:5px;}
	#tours .tours .notes {float:left;text-align:right;width:160px;}
	#tours .tours .notes .ubytovani {float:right;}

	#tour .itinerary {
		width: 202px;
		height: 115px;
		padding-left: 78px;
		background: #fc3 url(../img/www/tour-itinerary-compass.png) 16px 50% no-repeat;
	}
	#tour .itinerary .link {position:static;}
	#tour-contact .right {float:none;width:280px;}
	#tour-contact textarea {width:260px;}
	#tour-contact .submitbox {text-align:center;}
	#tour-contact .left {float:none;width:280px;}
	#tour-contact .left input {width:260px;}

	#tour .tour-select-term {display: block;height:max-content; padding: 8px 12px 15px}
	#tour .tour-select-term .term {disply:block;margin-top:10px;float:none;}
	#tour .tour-select-term .accommodation {float:none;margin-left:0;margin-top:10px;display:block;}
	#tour .tour-select-term .term select {width: 255px;}
	#tour .tour-select-term .accommodation select {width:255px;}
	#tour .tour-select-term .price-wrapper {justify-content: flex-start;align-items: flex-end;}
	#tour .tour-select-term .price,
	#tour .tour-select-term .old-price {margin-left:12px;}
	#tour .tour-select-term .submit {top:110px; margin-bottom: 10px}
	#tour .fb_iframe_widget {max-width:280px;}
	#tour .fb_iframe_widget span {max-width:280px;}
	#tour .fb_iframe_widget iframe {max-width:280px;}

	/* updates 6/2022 */
	#tour .tour-select-term h2 {margin: 10px 0;line-height: 1.4em;text-align:center;}
	#tour .tour-select-term td{width: 60%; display: block; margin: 0 auto;}
	#tour .tour-select-term .contact-us{top:90px;display:block;right: 65px;float: none; font-family: TeXGyreAdventor,Arial,sans-serif;}


	#order .block div input + em {display:block;}
	#order .block input.text {width:250px;}
	#order .block textarea.text {max-width:260px;}
	#order #objednavka-dokonceni {display:block;margin:0 auto;}

	#tours .item div.info .link {
		padding: 0px 12px;
	}



		#content.zajezdy-vsechny {
			width: calc(100% - 20px);
			padding: 0 10px;
		}
		#content.zajezdy-vsechny h1 {
			padding: 0 5px;
		}
		.zajezdy-vsechny #tours {
			font-size: 1.15em;
		}
		.zajezdy-vsechny #tours .item {
			padding: 11px 10px;
			margin: 0;
			text-decoration: none;
		}
		.zajezdy-vsechny #tours .item:first-of-type {
			margin-top:40px;
		}
		.zajezdy-vsechny #tours .item:last-of-type {
			margin-bottom:40px;
		}
		.zajezdy-vsechny #tours .item.naklic_item {
			padding: 7px;
			display:block;
			margin: 0;
		}
		.zajezdy-vsechny #tours .item.odd {
		}
		.zajezdy-vsechny #tours .item.even {
			background: rgba(255, 204, 51, 0.2)
		}

		.zajezdy-vsechny #tours .tours .item .name {
			font-weight: 700;
		}
		.zajezdy-vsechny #tours .tours .term {
			text-align: right;
			width: 100%;
			margin-bottom: 0;
			color: #000;
		}
		.zajezdy-vsechny #tours .tours .item .name {
			text-decoration: none;
		}
		.zajezdy-vsechny #tours .tours .item .price {
			background: none !important;
			font-size: 1.1em !important;
			width: 40%;
			text-align: left;
			padding: 12px 0 20px;
		}
		.zajezdy-vsechny #tours .tours .notes {
			width:100%;
		  padding: 0 0 0 5px;
		}
		.zajezdy-vsechny #tours .tours .notes .postel {
			padding-left: 5px;
			background-repeat: no-repeat;
			margin-left: 10px;
		}
		.zajezdy-vsechny #tours .tours .notes .stan {
			margin-left: 10px;
		}
		.zajezdy-vsechny #tours .tours .vyprodano-div {
			background: none !important;
		}

		.list_vsechnyzajezdy a {
			display:flex;
			flex-flow: row wrap;
			justify-content:space-between;
			align-content: space-between;
		}
		.list_vsechnyzajezdy .item > * {
			background:none !important;
		}
		.list_vsechnyzajezdy .name {
			width:100%;
		}

		.list_right_block {
			width:55%;
			display:flex;
			flex-flow: column nowrap;
			justify-content: flex-end;
			margin-right: 5%;
		}

		.zajezdy-vsechny #tours .list_vsechnyzajezdy a {
			display:flex;
			flex-flow: row wrap;
			justify-content:space-between;
			align-content: space-between;
		}
		.zajezdy-vsechny #tours .list_vsechnyzajezdy .item > * {
			background:none !important;
		}
		.zajezdy-vsechny #tours .list_vsechnyzajezdy .name {
			width:100%;
		}
		.zajezdy-vsechny #tours .list_right_block {
			width:55%;
			display:flex;
			flex-flow: column nowrap;
			justify-content: flex-end;
			margin-right: 5%;
		}

		.zajezdy-vsechny #tours .list_naklic a {
			padding: 7px;
			text-decoration: none;
			color: #000;
		}
		.zajezdy-vsechny #tours .list_naklic a:focus,
		.zajezdy-vsechny #tours .list_naklic a:hover {
			color: var(--red);
		}
		.zajezdy-vsechny #tours .list_naklic .item .name {
			width: calc(100% - 15px);
		}
		.zajezdy-vsechny #tours .list_naklic .item .name::after {
			content: "»";
			color: #555;
			float: right;
			font-size: 1.1rem;
			position: relative;
			right: -15px;
		}
}


.multiselect {
  width: 200px;
}

.selectBox {
  position: relative;
}

.selectBox select {
  width: 100%;
}

.overSelect {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

#checkboxes {
  display: none;
}

#checkboxes label {
  display: block;
  color: white;
}

#checkboxes label:hover {
  background-color: #1e90ff;
}

.multiselect select {
	border-radius:3px;
	background:#fff;
	border:0;
	width:204px;
	padding:3px;
}

/* články */
.footer-articles h2 {margin-bottom:15px;}
.footer-articles h2 a {color:#000;text-decoration:none;}
.footer-articles h2 a:hover {text-decoration:underline;}
.footer-articles a {padding:0;text-align:left;}
.footer-articles img {
	width:200px;
	height:130px;
	border-radius: 4px 4px 0 0;
}
#whyus .box:last-child {margin-right:0;}
#text .new {margin-bottom:15px;}
#trip-detail h1 {margin-bottom:30px;line-height:1.2em;}
#trip-detail h2,
#trip-detail h3 {margin: .5em 0 .25em 0;color:var(--red);}
#trip-detail p {margin-bottom: 10px;}

#inspirace-button {
	cursor: pointer;
	line-height: 3em;
	text-align: center;
	display: block;
	width: 100px;
	height: 40px;
	margin: 0 auto;
}

#inspirace-button img {
	position: relative;
	top: 7px;
}

#inspirace-wrapper {
	width: 100%;
}

#inspirace-wrapper h1 {
	margin-bottom: 15px;
}

#masonry-test{
	left: 6%;
}

#masonry-test .inspirace {
	text-align: center;
}

#masonry-test .inspirace:hover {
	z-index: 5;
}

#masonry-test .inspirace a img{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	transition: transform .5s, filter 1.5s ease-in-out;
	box-shadow: 0 0 3px darkgrey;
}

#masonry-test .inspirace a img:hover{
	transform: scale(1.15);
	z-index: 5;
}

/*
	Fancybox inspirace
 */

#fancybox-title-float-left {
	background: none !important;
}

#fancybox-title-float-main {
	background: none !important;
	padding: 18px !important;
}

#fancybox-title-float-right {
	background: none !important;
}

.fancybox-title-float {
	left: 2% !important;
	bottom: 100px !important;
	width: 96% !important;
}

#fancybox-title-float-wrap {
	position: relative;
	left: 4%;
	background-color: rgba(0,0,0,0.7);
}

.z-link {
	font-size: 1.3em;
}

.photo-desc {
	font-style: italic;
}

#filter .icons a span.sel {
	display: block;
	background: #d5172a;
	border: 4px solid #d5172a;
	width: 105px;
	position: relative;
	top: 115px;
	right: 4px;
	text-align: center;
	color: white;
	border-radius: 5px;
}

#filter .icons a span.sel:after, #filter .icons a span.sel:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

#filter .icons a span.sel:after {
	border-color: rgba(213, 23, 42, 0);
	border-bottom-color: #d5172a;
	border-width: 13px;
	margin-left: -13px;
}
#filter .icons a span.sel:before {
	border-color: rgba(213, 23, 42, 0);
	border-bottom-color: #d5172a;
	border-width: 19px;
	margin-left: -19px;
}

a.term-table-link,
.name.term-table-link {
	color: #000;
}

.tours .arrow-down {
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;

	border-top: 5px solid red;
	display: inline-block;
	position: relative;
	bottom: 1px;
	left: 4px;
}

#trip-detail p img{
	width: 90%;
	height: auto;
}

.filter-button {
	display: block;
	height: 50px;
	width: 100%;
	text-decoration: none;
	color: white;
	background-color: var(--red);
	text-align: center;
	line-height: 50px;
	border-radius: 11px;
	font-size: 15px;
	font-weight: bold;
	border: none;
	z-index: 10;
	position: relative;
	margin-top: 18px;
}

@media (min-width: 681px) {
	#tours .item .activity.mobile {
		display: none;
	}

	.filter-button {
		display: none;
	}
}

@media (max-width: 681px) {
	#tours .item .activity.desktop{
		display: none;
	}

	#side-search {
		display: none;
		z-index: 5;
		position: relative;
		padding-top: 39px;
		bottom: 14px;
		margin-top: 30px !important;
		width: 78% !important;
		border-radius: 11px;
		width: 86%;
	}

	#side-search form {
		padding-left: 0px !important;
	}
}

#iny-termin-div {
	margin-bottom: 10px;
}
#iny-termin-span {
	font-family: TeXGyreAdventor,Arial,sans-serif;
	font-size: 1.40em;
}
.zvp {
	font-family: TeXGyreAdventor,Arial,sans-serif;
	font-size:1.40em;
	margin:20px 0;
}
#iny-termin-button {
	font-family: TeXGyreAdventor,Arial,sans-serif; border: 0;
	font-weight: bold;
	width: 137px;
	height: 34px;
	font-size: 14px;
	letter-spacing: 0.5px;
	cursor: pointer;
	background: var(--red);
	border-radius: 3px;
	text-align: center;
	line-height: 34px;
	color: #fff;
	text-decoration:none;
	padding:5px 15px;
}
#iny-termin-button:hover {
	background-color:var(--redHover);
}
.zajezdy-na-klic-hr {
	border: 2.7px solid #E8E8E8;
	margin: 30px 0;
}
.zajezdy-na-klic-title {
	font-size: 2.2em;
	line-height: 1.2em;
}
#tourTitle {
	line-height: 1.2em;
}
#tour p {
	text-align: left !important;
	line-height: 1.7em;
}
#seznam-zajezdu-popis p {
	text-align: left;
	line-height: 1.7em;
}
.sideSearchBox form ul li label select {
	width:225px !important;
}
.sideSearchBox form ul .multiselect .selectBox select {
	width:225px !important;
}
#tour p {
	margin-bottom:1em;
}
#zajezd-popis-first {
	margin-top:3em;
}
#showMoreDiv {
	/*display:none;*/
}
#showLessDiv {
	display:none;
}
#showLessCountry {
	display:none;
}
#showLessDiv {
	line-height:1.7;
}
.tel-to-us {
	text-decoration:none;
	color:#080808;
}
.objednavka-chbox {
	width:17px;
	height:17px;
}
.objednavka-radio {
	width:17px;
	height:17px;
}
.objednavka-souhlas-table {
	width:100%;
}
.objednavka-souhlas-table-td {
	width:1em;
	vertical-align:top;
}
.vyprodano-div {
	color:var(--red);
	background-color:#FFF !important;
	font-size:13px;
	font-weight:bold;
}
#zajezd-popis-second h2 {
	font-size:16px;
}
#nwsltrOk {
	margin-top:10px;
	text-align:center;
	display:none;
}
#nwsltrTxt {
	color: --var(green);
}
#antiboot_div {
	display:none;
}
#antiboot_div table {
	border-spacing:0px !important;
}